/* * Theme Name: Insperia * Theme URI: http://www.oscodo.com/ * Description: Insperia - Multi-purpose HTML5 Theme is truly a multi-purpose website template that can be used for both Creative and Corporate website projects. * Author: Oscodo team * Author URI: http://www.oscodo.com/ * Version: 1.1 */ /* Font Awesome styles */ @import url('../fonts/font-awesome/font-awesome.css'); /* google fonts */ @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic'); @import url('https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic,400italic,700,700italic,900'); /* Animated skills bars styles */ @import url('jquery.easy-pie-chart.css'); /* Animate.css (for onLoad and onScroll animations and transitions) styles */ @import url('animate.min.css'); /* Mediaelement Player styles */ @import url('mediaelementplayer.css'); /* Timeline styles */ @import url('timeline.css'); /* Flex Slider styles */ @import url('flexslider.css'); /* Nivo Lightbox styles */ @import url('nivo-lightbox/nivo-lightbox.css'); @import url('nivo-lightbox/themes/default/default.css'); /* Util Carousel plugin styles */ @import url('util.carousel.css'); @import url('util.carousel.skins.css'); @import url('util.animate.css'); /* Countdown Flip Clock styles */ @import url('flipclock.css'); /* Revolution Slider */ @import url('rs-plugin/css/settings.css'); /* --------------------------------------------------- "theme.css" TABLE OF CONTENT ------------------------------------------------------ Section Name ---------------- common styles splash-banner bg video common text colors font styles and sizes splash banner styles patterns styles button styles navbar styles tabs styles carousel styles forms and form controls lists portfolio styles footer styles SignIn and SignUp sidebar styles services styles parallax + section background styles testimonials styles fun facts styles blog styles social links pages' header styles pricing and comparison charts support and status section styles alert messages progress bars panels and lists pagination labels popover back to top button stacked images media queries v1.2 updates table of content end ------------------------------------------------------ */ /* common styles ------------------------------------------------------ */ .section { padding:80px 0; position:relative; } .full-width-wrapper { position:relative; padding-right:15px !important; padding-left:15px !important; max-width:1920px; margin:0 auto; } .row .section { margin:0 -15px; padding-left:60px; padding-right:60px; } .section.no-line { border:none; } .section.white-bg { background:#fff; } .bg-right { background-position:top right; background-repeat:no-repeat; overflow:hidden; } .bg-left { background-position:top left; background-repeat:no-repeat; overflow:hidden; } .iPhone { background-image:url(../img/placeholders/iPhone_5c.png); background-size:45%; } .section .section { padding-bottom:0; } .well { box-shadow:none; background:#fff; border-color:#fff; } .well:after { clear:both; } .well:after, .well:before { display:table; content:''; } .well .header, .well .text { margin:0; float:left; } .well .btn { margin-top:4px; float:right; } .less-width { width:65%; margin-left:auto; margin-right:auto; } .error-404 { padding-top:60px; } .error-404, .error-404 * { text-align:center; } .error-404 h1 .fa { color:#F64747; } .error-404 h1 { font-size:250px; margin:0; line-height:0; } .error-404 h1 small { line-height:0; color:#999; } .error-404 h3 { margin:110px 0 0; color:#999; } .view-more { padding:30px 0 0; text-align:center; } blockquote p, .post > blockquote p { margin:0 0 10px 0; } .bg-primary { background-color:#F64747; } .bg-success { background-color:#00B16A; } .bg-warning { background-color:#f3c510; } .bg-info { background-color:#3498DB; } .bg-danger { background-color:#EF4836; } .color-primary { color:#F64747; } .color-success { color:#00B16A; } .color-warning { color:#f3c510; } .color-info { color:#3498DB; } .color-danger { color:#EF4836; } hr.blank { border-color:transparent; margin:30px 0; } .no-margin { margin:0; } .page-header{border-bottom-color:#e6e6e6;} a:focus, .btn:focus{outline:none;} .lead{font-weight:300;} mark, .mark{padding:0.1em 0.4em 0.2em; background:#fff;} blockquote footer, blockquote small, blockquote .small{background:none; margin:0; padding:0;} blockquote, .blockquote-reverse, blockquote.pull-right{border-color:#e6e6e6;} ol ol{list-style:lower-roman;} ol ol ol{list-style:lower-alpha;} hr, hr.medium{border-color:#e6e6e6; margin:40px 0;} hr.xsmall{margin:0;} address strong{color:#666;} footer address strong{color:#ddd;} .page-header-wrap .section.event-counter{padding-bottom:80px;} .thumbnail, .img-thumbnail{border:none; background:#fff; border-radius:0; padding:0;} .thumbnail .caption{padding:20px;} .thumbnail .caption h3, .thumbnail .caption h4{font-size:18px;} iframe{border:0;} .google-map{width:100%; height:450px;} /* splash-banner bg video ------------------------------------------------------ */ .video-bg{position:relative;} .video-bg .splash-banner{background:none;} .bg-video{position:fixed; min-width:100%; min-height:100%; left:0; top:0; z-index:-1;} /* common text colors ------------------------------------------------------ */ body, .home-content-wrap { background:url(../img/bg/pattern.png) top left repeat #fafafa;} body, .thumbnail .caption p{color:#999;} body, body * { font-family:'Lato', Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:#242526; margin-top:0; } .splash-heading { color:#fff; } footer h2, footer h3, footer h4, footer h5, footer h6, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6 { color:#eee; } a, blockquote footer a { color:#242526; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} a:hover, a:focus, .colored, blockquote footer a:hover, blockquote footer a:focus { color:#F64747; } a:hover, a:focus{text-decoration:none;} #loaded { display:none; } #loading_div { width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; text-align:center; } #loading_div p { font-size:16px; line-height:2em; font-weight:600; color:rgba(50, 50, 50, 0.4); } .white{color:#fff;} .dark{color:#242526;} .colored{color:#F64747;} /* font styles and sizes ------------------------------------------------------ */ body { font-weight:300; font-size:16px; line-height:1.4em; } h1, .h1, h2, .h2 { font-weight:100; letter-spacing:-0.04em; } h1 strong, .h1 strong, h2 strong, .h2 strong { letter-spacing:-0.03em; } h3, h4, h5, h6, .h3, .h4, .h5, .h6 { font-weight:400; } em, i, .em { font-weight:400; font-family:'Libre Baskerville', Georgia, Times, serif; font-style:italic;} h1, .h1 { font-size: 75px; margin-bottom:25px; } h2, .h2 { font-size: 58px; margin-bottom:25px; } h3, .h3 { font-size: 36px; margin-bottom:25px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } .text-xl, .text-lg, .text-md, .text-sm, .text-xs{font-weight:100; letter-spacing:-0.02em;} .text-xl{font-size:110px;} .text-lg{font-size:75px;} .text-md{font-size: 26px;} .text-sm{font-size:16px;} .text-xs{font-size:14px;} .strong { font-weight:700; } .stronger { font-weight:900; } .capitalize { text-transform:capitalize; } .uppercase { text-transform:uppercase; } p, ul, ol { margin-bottom:25px;} .styled-header { text-align:center; position:relative; margin-bottom:30px; } .styled-header .header-style { position:relative; display:block; height:40px; line-height:40px; font-size:24px; } .styled-header .header-style:after, .styled-header .header-style:before { content:''; width:30px; height:1px; background:#ddd; display:inline-block; margin:0 0 7px 15px; } .styled-header .header-style:before { margin:0 15px 7px 0; } .styled-header .fa { color:#F64747; } .overlay-color .styled-header .header-style:after, .overlay-dark .styled-header .header-style:after, .overlay-gray .styled-header .header-style:after, .overlay-color .styled-header .header-style:before, .overlay-dark .styled-header .header-style:before, .overlay-gray .styled-header .header-style:before { background:rgba(230, 230, 230, 0.4) !important; } .overlay-color .styled-header .fa { color:#242526; } .short-line:after { content:''; width:80px; height:4px; background:#df5517; display:block; margin:20px 0 30px 0; } /* splash banner styles ------------------------------------------------------ */ .splash-banner { width:100%; text-align:center; position:relative; } .splash-heading, .page-header-wrap .page-header, .support-header h1, .support-header h1 strong { color:rgba(255, 255, 255, 0.4); } .support-search input[type=text]{box-shadow:0 2px 0 #ccc; color:#242526;} .support-search input[type=text]:focus{border-color:#fff;} .splash-icon { margin:120px auto; display:block; width:500px; height:auto; display:block; } .splash-banner hr { margin:40px 0 20px; border-color:rgba(255, 255, 255, 0.1); } .splash-banner hr:last-child { margin:20px 0 40px 0; } .splash-banner .ticker { padding:0 40px; } .splash-banner .vertical-ticker { height:80px; overflow:hidden; margin:0; padding:0; -webkit-box-shadow:none; line-height:5em; } .splash-banner .vertical-ticker li { padding:0 80px; display:block; color:rgba(255, 255, 255, 0.5); font-size:56px; font-weight:700; letter-spacing:-0.04em; } .bouncing-arrow { background:rgba(242, 244, 248, 0.07); width:120px; height:120px; border-radius:100%; margin:140px auto; } .bouncing-arrow .fa { font-size:38px; line-height:120px; color:rgba(0, 0, 0, 0.5); position:relative; top:-10px; animation:upndown 1s ease-in-out 0s infinite alternate; -webkit-animation:upndown 1s ease-in-out 0s infinite alternate; } .splash-banner .btn { position:fixed; right:20px; bottom:20px; } /* patterns styles ------------------------------------------------------ */ .pattern-wrap { background:url(../img/patterns/pattern_1.png) repeat rgba(18, 19, 26, 0.5); } .pattern-wrap.color1 { background-color:rgba(18, 19, 26, 0.5); } /* button styles ------------------------------------------------------ */ .btn{border-radius:0; -webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; font-weight:700; text-transform:uppercase; font-size:12px;} .btn:active, .btn.active { background-image: none; } .btn-default { border-color:#fff; background-color:#fff; color:#888; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{border-color:#222324; background-color:#222324; color:#fff;} .btn-primary, .btn-primary.btn-line, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active { background-color:#df5517; border-color:#df5517;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{background-color:#c23613; border-color:#c23613;} .btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active { background-color:#EF4836; border-color:#EF4836;} .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active{ background-color:#d73726; border-color:#d73726;} .btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active { background-color:#f4b60e; border-color:#f4b60e;} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active{ background-color:#e8ab05; border-color:#e8ab05;} .btn-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active { background-color:#3498DB; border-color:#3498DB;} .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active{ background-color:#2283c4; border-color:#2283c4;} .btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active { background-color:#00B16A; border-color:#00B16A;} .btn-pink, .btn-orange, .btn-purple, .btn-pink:hover, .btn-orange:hover, .btn-purple:hover,.btn-pink:focus, .btn-orange:focus, .btn-purple:focus{color:#fff;} .btn-pink, .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink.active[disabled], fieldset[disabled] .btn-pink.active { background-color:#F62459; border-color:#F62459;} .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active{ background-color:#e2174a; border-color:#e2174a;} .btn-purple, .btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple.active[disabled], fieldset[disabled] .btn-purple.active { background-color:#9A12B3; border-color:#9A12B3;} .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active{ background-color:#86099d; border-color:#86099d;} .btn-orange, .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange.active[disabled], fieldset[disabled] .btn-orange.active { background-color:#ea5d2b; border-color:#ea5d2b;} .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active{ background-color:#d64d1d; border-color:#d64d1d;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active{ background-color:#009d5e; border-color:#009d5e;} .btn-default.btn-line { color:#aaa; border-color:#ddd;} .splash-banner .btn-default.btn-line, .btn-default.btn-line:hover, .btn-default.btn-line:focus { color:#fff; } .btn-primary.btn-line { background-color:transparent; color:#F64747; border-color:#F64747; box-shadow:0 0 0 1px #F64747 inset; } .btn-danger.btn-line { background-color:transparent; color:#EF4836; border-color:#EF4836; box-shadow:0 0 0 1px #EF4836 inset; } .btn-warning.btn-line { background-color:transparent; color:#f3c510; border-color:#f3c510; box-shadow:0 0 0 1px #f3c510 inset; } .btn-info.btn-line { background-color:transparent; color:#3498DB; border-color:#3498DB; box-shadow:0 0 0 1px #3498DB inset; } .btn-success.btn-line { background-color:transparent; color:#00B16A; border-color:#00B16A; box-shadow:0 0 0 1px #00B16A inset; } .btn-pink.btn-line { background-color:transparent; color:#F62459; border-color:#F62459; box-shadow:0 0 0 1px #F62459 inset; } .btn-purple.btn-line { background-color:transparent; color:#9A12B3; border-color:#9A12B3; box-shadow:0 0 0 1px #9A12B3 inset; } .btn-orange.btn-line { background-color:transparent; color:#ea5d2b; border-color:#ea5d2b; box-shadow:0 0 0 1px #ea5d2b inset; } .btn-dark.btn-line { background-color:transparent; color:#242526; border-color:#242526; box-shadow:0 0 0 1px #242526 inset; } .btn-line { background:none; box-shadow:0 0 0 1px #ddd inset;} .revolution-slider .btn-default.btn-line{color:#fff; border-color:#fff; box-shadow:0 0 0 1px #fff inset;} .btn-default.btn-line:hover, .btn-default.btn-line:focus{border-color:#222324; box-shadow:0 0 0 1px #222324 inset;} .btn-primary.btn-line:hover, .btn-primary.btn-line:focus { background-color:#F64747; border-color:#F64747; color:#fff; box-shadow:0 0 0 1px #F64747 inset; } .btn-danger.btn-line:hover, .btn-danger.btn-line:focus { background-color:#EF4836; border-color:#EF4836; color:#fff; box-shadow:0 0 0 1px #EF4836 inset; } .btn-warning.btn-line:hover, .btn-warning.btn-line:focus { background-color:#f3c510; border-color:#f3c510; color:#fff; box-shadow:0 0 0 1px #f3c510 inset; } .btn-info.btn-line:hover, .btn-info.btn-line:focus { background-color:#3498DB; border-color:#3498DB; color:#fff; box-shadow:0 0 0 1px #3498DB inset; } .btn-success.btn-line:hover, .btn-success.btn-line:focus { background-color:#00B16A; border-color:#00B16A; color:#fff; box-shadow:0 0 0 1px #00B16A inset; } .btn-pink.btn-line:hover, .btn-pink.btn-line:focus { background-color:#F62459; border-color:#F62459; color:#fff; box-shadow:0 0 0 1px #F62459 inset; } .btn-purple.btn-line:hover, .btn-purple.btn-line:focus { background-color:#9A12B3; border-color:#9A12B3; color:#fff; box-shadow:0 0 0 1px #9A12B3 inset; } .btn-orange.btn-line:hover, .btn-orange.btn-line:focus { background-color:#ea5d2b; border-color:#ea5d2b; color:#fff; box-shadow:0 0 0 1px #ea5d2b inset; } .btn-dark.btn-line:hover, .btn-dark.btn-line:focus { background-color:#F64747; border-color:#F64747; color:#fff; box-shadow:0 0 0 1px #F64747 inset; } .splash-banner .btn-default.btn-line:hover, .splash-banner .btn-default.btn-line:focus { color:#fff; border-color:#fff; background-color:rgba(255, 255, 255, 0.2); } .btn-group-vertical > .btn:not(.btn-default):not(.btn-line):not(:last-child){box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;} .btn-group-vertical > .btn-group > .btn:not(.btn-default):not(.btn-line) {box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset !important;} .open .dropdown-toggle.btn-primary { background-color:#0b91d0; border-color:#1381b5; } .btn.with-icon .fa { margin-left:10px; padding-left:10px; border-left:1px solid rgba(255, 255, 255, 0.2); } .btn.btn-link { background-image:none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active, .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink.active[disabled], fieldset[disabled] .btn-pink.active, .btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple.active[disabled], fieldset[disabled] .btn-purple.active, .btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange.active[disabled], fieldset[disabled] .btn-orange.active{opacity:0.5; filter:alpha(opacity=50); box-shadow:none;} .btn-lg { padding:14px 26px; font-size:13px; } .btn-xl { padding:16px 26px; font-size:14px; font-weight:700;} /* navbar styles ------------------------------------------------------ */ .navbar { border-radius:0; border:none; } .navbar *, .btn { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .custom-nav { position:relative; } .navbar-brand { padding:3px; } .navbar .nav > li > a { padding:20px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; font-weight:400; color:#888; } .navbar .navbar-header .navbar-brand h4, .logo h4 { font-size:32px; font-weight:700; margin:5px 10px; color:#fff; float:left; } .navbar .navbar-header .navbar-brand .logo-icon { float:left; } .navbar .navbar-brand, .logo { color:#444; margin-top:5px; } .navbar-inverse { background:rgba(36, 37, 38, 0.96); } .navbar-inverse .navbar-brand { color:#fff; } .navbar .navbar-brand span, .logo span { color:#F64747; } .navbar-default { background:rgba(255, 255, 255, 0.97); box-shadow:none; } .navbar-default .nav > li:hover > a { color:#444; } .navbar-inverse { border:none; } .navbar-inverse .navbar-nav > .active:hover > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background-color:transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:transparent; color:#242526; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li:hover > a { background-color:transparent; } .navbar { margin-bottom:0; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color:#F64747; } .navbar-nav > li > .dropdown-menu { background:#242526; min-width:220px; box-shadow:none; } .navbar-inverse .navbar-nav > li > .dropdown-menu { background:#fff; } .dropdown-menu > li > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { padding:10px 15px; color:#999; background-color:transparent; background-image:none; border:none; border-bottom:1px solid #28292a; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .navbar-inverse .dropdown-menu > li > a { border-bottom:1px solid #eee; } .dropdown-menu > li:last-child > a { border-bottom:none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background:#222324; color:#fff;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{text-indent:10px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#F64747;} .dropdown-header { background:#1a1a1a; padding:6px 10px; font-weight:700; border-bottom:1px solid #28292a; } .navbar-inverse .dropdown-header { background:#eee; border-top-color:#ddd; border-bottom-color:#ddd; } .dropdown-menu { border-radius:0; padding:0; border:none; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left:15px; padding-right:15px; } .search-nav, .cart-nav { position:relative; } .search-nav a { border-left:1px solid #eee; } .navbar-inverse .search-nav a { border-left:1px solid #333; } .cart-nav > a > sup .label { border-radius:2px 8px 3px; border-radius:12px;} .search-form { position:fixed; top:-62px; left:0; width:100%; height:62px; background:#242526; margin:0; } .search-form .search-field, .search-form .search-field:focus, .search-form .search-field:hover { padding:0 80px 0 20px; height:62px; background-color:transparent; border:none; font-size:18px; font-weight:700; border-radius:0; color:#aaa; } .search-form .btn { position:absolute; top:0px; right:0px; width:60px; height:60px; background-color:transparent; border:none; color:rgba(255, 255, 255, 0.2); z-index:100000; font-size:24px; line-height:60px; text-align:center; padding:0; } .search-form .btn:hover, .search-form .btn:focus { color:rgba(255, 255, 255, 0.8); } .navbar-nav > li.dropdown a > .fa-angle-down { font-size:12px; } /* tabs styles ------------------------------------------------------ */ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active.open > a:hover, .nav-tabs > li.active > a:focus{border-radius:0; background:#F64747; color:#fff; border-color:#F64747;} .nav-tabs > li > a:hover, .nav-tabs > li.open > a:hover, .nav-tabs > li > a{background:#fff; border-color:#fff #fff #e6e6e6 #fff;} .custom-tabs .nav-tabs { border:1px solid #e6e6e6; } .custom-tabs .nav-tabs li { border-right:1px solid #e6e6e6; text-align:center; font-size:14px; text-transform:uppercase; min-width:150px; margin:0; } .custom-tabs .nav-tabs > li > a { color:#999999; line-height:2.5em; margin:0; border-radius:0; position:relative; border:0; background-color:transparent;} .custom-tabs .nav.nav-tabs li .fa { display:block; font-size:28px; margin-top:10px; } .custom-tabs .nav > li > a:hover, .custom-tabs .nav > li > a:focus { background:#fff; } .custom-tabs .nav-tabs > li.active > a, .custom-tabs .nav-tabs > li.active > a:hover, .custom-tabs .nav-tabs > li.active > a:focus { background:#F64747; border-color:#F64747; color:#fff; } .custom-tabs .nav-tabs > li.active > a:after { border-color: #F64747 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 9px 9px 0; bottom: -9px; content: ""; display: block; left: 50%; margin-left: -9px; position: absolute; z-index:100; } .custom-tabs .nav-tabs > li.active > a, .custom-tabs .nav-tabs > li.active > a:hover, .custom-tabs .nav-tabs > li.active > a:focus { border:0; } .tab-content{border:1px solid transparent; border-color:transparent #e6e6e6 #e6e6e6 #e6e6e6; padding:20px; margin-bottom:30px;} .custom-tabs .tab-content { padding:50px 0 0; border-color:transparent;} /* carousel styles ------------------------------------------------------ */ .mackbook { background:url(../img/bg/mackbook_gray.png) top center no-repeat; background-size:100%; padding:3.6% 12% 8%; } .carousel-indicators { bottom:-22%; } .carousel-control { width:10%; left:12%; overflow:hidden; border-radius:0; } .carousel-control.right { right:12%; left:auto; } .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next { width:50px; height:50px; font-size:35px; text-align:center; line-height:50px; background:#242526; text-shadow:none; color:rgba(255, 255, 255, 0.6); top:45%; margin-top:-25px; position:absolute; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity:0; filter:alpha(opacity=0); } .carousel-control .icon-prev, .carousel-control .fa-angle-left { left:-50px; margin-left:-25px; } .carousel-control .icon-prev, .carousel-control .fa-angle-right { right:-50px; margin-right:-25px; } .carousel:hover .icon-prev, .carousel:hover .fa-angle-left { left:30%; margin-left:-20px; opacity:1; filter:alpha(opacity=100); } .carousel:hover .icon-prev, .carousel:hover .fa-angle-right { right:30%; margin-right:-20px; opacity:1; filter:alpha(opacity=100); } .carousel-control.left, .carousel-control.right, .carousel-control:hover { background-image:none; opacity:1; filter:alpha(opacity=100); } .carousel-indicators li { background:rgba(0, 0, 0, 0.3); border:none; width:12px; height:12px; margin:0 3px; } .carousel-indicators .active { margin:0 3px; } .carousel-indicators li:hover { background:rgba(0, 0, 0, 0.6); } .fa-angle-left:hover, .fa-angle-right:hover, .carousel-indicators .active, .carousel-indicators .active:hover { background:#F64747; color:#fff; } .carousel.carousel-fade .item { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; opacity:0.4; } .carousel.carousel-fade .active.item { opacity:1; } .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0.4; filter: alpha(opacity=40); } .carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; } .carousel.carousel-fade .carousel-control { z-index: 3; } /* forms and form controls ------------------------------------------------------ */ .form-control { border-radius:0; box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.03) inset; background:#fff; border-color:#e9e9e9; border-color: 0.15s ease-in-out 0s; box-shadow: 0.15s ease-in-out 0s;} .form-control:hover { background:#fefefe; border-color:#d0d0d0; } .form-control:focus { background:#fff; border-color:#999; box-shadow:none; } label { color:#444; } .radio, .checkbox { margin-top:0; } .input-group-addon { background-color:#fafafa; } input:focus { z-index:10; } /* lists ------------------------------------------------------ */ ul.list { padding:0; } ul.list li { list-style:none; padding:3px 0 3px 30px; position:relative; } ul.list li a { padding:15px 0; } ul.list li .fa { position:absolute; left:5px; top:8px; } ul.list li:last-child { border:none; } /* portfolio styles ------------------------------------------------------ */ .portfolio-wrap .row { position:relative; margin:0; } .filter-options { padding:20px 0; border-bottom:1px solid #e6e6e6; } .filter-options .container:after { clear:both; } .filter-options .container:after, .filter-options .container:before { display:table; content:''; } .filter-options .cat-title { float:left; margin:0; line-height:40px; } .options-list { float:right; padding:0; margin:0; } .options-list li { float:left; list-style:none; cursor:pointer; margin:0 0 0 20px; line-height:40px; } .home-folio .filter-options { border:none; } .home-folio .filter-options .options-list li.active a { background-color:#fff; } .home-folio .filter-options .options-list { float:none; text-align:center; display:block; } .home-folio .filter-options .options-list li { display:inline-block; float:none; line-height:normal; margin:0 -2px; } .home-folio .filter-options .options-list li a { display:block; padding:6px 18px; border:1px solid #e6e6e6; } .grid-btn { float:right; margin:0; line-height:32px; font-size:32px; color:#999; margin-top:8px; } .grid-btn:hover, .grid-btn:focus { color:#F64747; } .options-list li a { color:#999; text-decoration:none; } .options-list li a:hover { color:#444; } .options-list li.active a, .options-list li.active a:hover, .options-list li.active a:focus { color:#F64747; text-decoration:none; outline:none; } .portfolio-item { text-align: center; overflow: hidden; margin:0; position:relative; padding:0; } ul.portfolio { overflow: hidden; padding:0; margin:15px 0 0;} ul.portfolio li.portfolio-item { width: 270px; height: auto; float: left; text-align: center; overflow: hidden; margin:0 20px 20px 0; position:relative; } .home-folio ul.portfolio li.portfolio-item { width: 380px; margin:0; } .portfolio-item:after, .portfolio-item * { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} ul.portfolio li.portfolio-item:nth-child(4n+4) {margin-right:0;} ul.portfolio.three-col li.portfolio-item { width: 365px; } ul.portfolio.three-col li.portfolio-item:nth-child(4n+4) {margin-right:20px;} ul.portfolio.three-col li.portfolio-item:nth-child(3n+3) {margin-right:0px;} ul.portfolio.two-col li.portfolio-item { width: 560px; } ul.portfolio.two-col li.portfolio-item:nth-child(4n+4) {margin-right:20px;} ul.portfolio.two-col li.portfolio-item:nth-child(3n+3) {margin-right:20px;} ul.portfolio.two-col li.portfolio-item:nth-child(2n+2) {margin-right:0px;} .portfolio-item img { width:100%; height:auto; position:relative; } .gallery .portfolio-item img { -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .portfolio-item:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:0; } .portfolio-item:hover:after { background:rgba(0, 0, 0, 0.6); } .portfolio-item h3 { margin: 10px 0 0; font-size: 16px; line-height: 20px; text-transform:uppercase; font-weight:400; } .portfolio-item h3 { margin:0; position:absolute; bottom:20px; left:-100%; text-align:left; color:#fff; z-index:1; } .portfolio-item h3 small { display:block; color:rgba(255, 255, 255, 0.7); text-transform:none; } .portfolio-item .like { position:absolute; bottom:12px; right:20px; z-index:1; color:rgba(255, 255, 255, 0.3); } .like span { display:none; } .portfolio-item .like:hover, .portfolio-item .like:focus { color:#fff; text-decoration:none; outline:none; } .like:hover .fa { text-shadow:0 0 5px #F64747; cursor:pointer; } .like:hover .fa, .portfolio-item .like:focus .fa { color:#F64747; } .portfolio-item:hover h3 { left:20px; } .portfolio-item:hover .like { color:#fff; } .portfolio-item:hover .like span { display:inline; } .portfolio-item p { margin:0; } .portfolio-item .zoom, .portfolio-item .link { width:45px; height:45px; background:rgba(255, 255, 255, 0.15); border-radius:100%; text-align:center; line-height:45px; font-size:18px; position:absolute; top:40%; opacity:0; filter:alpha(opacity=0); margin-top:-42px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color:#fff; z-index:1; } .portfolio-item .zoom { left:50%; margin-left:-50px; } .portfolio-item .link { right:50%; margin-right:-50px; } .portfolio-item:hover .zoom, .portfolio-item:hover .link { top:50%; opacity:1; filter:alpha(opacity=100); } .portfolio-item .zoom:hover, .portfolio-item .zoom:focus, .portfolio-item .link:hover, .portfolio-item .link:focus { background:#F64747; color:#fff; } .img-list { display:block; margin:40px 0 0; } .gallery .portfolio-item:hover img { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } .projects { padding:30px 0; } .cat-wrap{float:right; position:relative; width:140px; z-index:2;} .cat-wrap > .options-list { position:absolute; margin:0; padding:10px 0px; width:230px; top:60px; right:0; background:#242526; box-sizing:border-box; display:none; } .cat-wrap > .options-list li { list-style:none; cursor:pointer; margin:0; display:block; float:none; } .cat-wrap > .options-list li a{display:block; line-height:1.42857; padding:10px 20px; border-bottom:1px solid #28292a; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-weight:normal;} .cat-toggle { position: relative; float: right; padding: 9px 10px; margin-top:5px; background-color: transparent; background-image: none; border: 1px solid #ddd; border-radius: 4px; } .cat-toggle:before{content:'Filtros'; font-size:12px; position:absolute; right:50px; line-height:12px; width:75px;} .cat-wrap > .options-list li a:hover, .cat-wrap > .options-list li a:focus{background:#222324; color:#fff; text-indent:10px;} .cat-toggle:focus { outline: none; } .cat-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .cat-toggle .icon-bar + .icon-bar { margin-top: 4px; } .cat-toggle:hover, .cat-toggle:focus { background-color: #fff; border-color:#fff; } .cat-toggle .icon-bar { background-color: #888; } .gallery li .zoom{width:80px; height:80px; background:none; margin-left:-40px; margin-top:-40px; top:50%; font-size:10px; line-height:80px; color:rgba(255, 255, 255, 0.3);} .gallery li:hover .zoom{font-size:40px;} .gallery li .zoom:hover, ul.items-list.gallery li .zoom:focus{color:rgba(255, 255, 255, 0.8); background:none;} .portfolio.style1 .portfolio-item h3{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:60%;} /* footer styles ------------------------------------------------------ */ footer { background:#333; padding:60px 0 0; color:#888; font-size:14px; } footer a { color:#ccc; text-decoration:none; } footer a:hover, footer a:focus { color:#fff; text-decoration:none; outline:none; } .copyright-info { border-top:1px solid #3a3a3a; padding:30px 0; margin-top:60px; } .copyright-info p { margin:0; } .copyright-info .leagles a { margin-left:20px; float:right; } .copyright-info:after { clear:both; } .copyright-info:after, .copyright-info:before { display:table; content:''; } footer .form-control { background:#292929; border-color:#292929; box-shadow:none; } footer .form-group { margin:8px 0 0; } footer .form-control:hover { background:#282828; border-color:#282828; } footer .form-control:focus { background:#222; border-color:#222; } footer .ft-heading { font-size:16px; font-weight:400; margin-bottom:20px; } footer p { margin-bottom:15px;} address hr { margin:2px 0; border-color:transparent; } .tweet-time { color:#666; font-size:14px; margin-top:6px; font-weight:400; font-style:italic; } .tweet-time .fa { color:#F64747; margin-right:4px; } /* SignIn and SignUp ------------------------------------------------------ */ #signInUp { background:url(../img/bg/pattern.png) repeat; margin:0; padding-top:60px; position:relative; } .sign-wrap { max-width:450px; margin:0px auto; } #signInUp .logo { text-align:center; margin:30px auto; display:block; font-size:32px; } .form-signin { max-width:450px; padding:30px; background:#fff; border-radius:6px; margin:0 auto; } .form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; position:relative; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; position:relative; } .form-signin .checkbox { margin:6px 0 30px; float:left; } .form-signin-heading { margin-bottom:20px; line-height:1.8em; } .form-signin-heading .fa { width:40px; height:40px; line-height:40px; border-radius:100%; text-align:center; color:#999; background:url(../img/bg/pattern.png) repeat #f6f6f6; font-size:24px; } .form-signin:hover .fa { color:#F64747; } .signin-ft { text-align:center; margin:20px 0 0; } .form-signin.signup input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; position:relative; } .form-signin.signup input[type="email"] { border-radius:0; } /* sidebar styles ------------------------------------------------------ */ aside { border-left:1px solid #e6e6e6; padding:0 0 0 30px; } aside .widget{margin-bottom:60px;} aside.project .dl-horizontal { margin:30px 0; } aside.project .dl-horizontal dt { text-align:left; width:90px; } aside.project .dl-horizontal dd { margin-left:100px; margin-bottom:10px; } .aside-list{margin:0; padding:0;} .aside-list li{display:block; margin:0; list-style:none; border-bottom:1px solid #e6e6e6;} .aside-list li a{display:block; line-height:1; padding:10px;} .aside-list li a small{font-size:12px; color:#999; display:block; margin-top:5px;} .tags-cloud{margin-top:20px;} .tags-cloud:after{clear:both;} .tags-cloud:after, .tags-cloud:before{display:table; content:'';} .tags-cloud a{display:inline-block; float:left; margin:0 3px 3px 0; padding:0 6px; background:#242526; color:#fff; border-radius:3px; font-size:12px; font-weight:normal;} .tags-cloud a:hover, .tags-cloud a:focus{background:#F64747;} .comment-area .media-heading{margin:0;} .comment-meta{margin-bottom:5px;} .comment-meta small{font-size:12px;} .search-form-sidebar input[type=text]{box-shadow:0 2px 0 #ccc;} .search-form-sidebar input[type=text]:focus{border-color:#fff;} /* services styles ------------------------------------------------------ */ .service { position:relative; } .service, .service * { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .service.style1 { padding-left:90px; } .service.style1 > .fa { position:absolute; left:10px; top:10px; width:60px; height:60px; box-shadow:0 0 1px #aaa; font-size:24px; text-align:center; line-height:60px; border-radius:50%; } .service.style1:hover > .fa { background-color:#df5517; color:#fff; box-shadow:1px 1px 2px #aaa; top:0px; } .service.style2 > .fa { float:left; margin-right:10px; font-size:24px;} .service.style2 h5 { float:left; } .service.style2 p { clear:both; } .service.style2:hover > .fa { color:#F64747; } .service.style3 { text-align:center; padding:0 20px; } .service.style3 > .fa { width:80px; height:80px; box-shadow:0 0 1px #aaa; font-size:32px; text-align:center; line-height:80px; border-radius:100%; margin:20px auto; } .service.style3:hover > .fa { color:#fff; background:#F64747; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); box-shadow:none;} .service.style4 { border:1px solid #eee; padding:40px 30px; margin-top:40px; background:#fefefe; } .service.style4 > .fa { width:80px; height:80px; box-shadow:0 -1px 1px #e6e6e6; font-size:32px; text-align:center; line-height:80px; border-radius:100%; top:-40px; background:#fff; display:block; position:absolute; left:50%; margin-left:-40px; } .service.style4 h5, .service.style4 p { text-align:center; } .service.style4:hover { background:#F64747; border-color:#F64747; color:#fff; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .service.style4:hover h5 { color:#fff; } .service.style4:hover > .fa { color:#fff; background:#F64747;} .service p{ margin-bottom:0; } .services .service{margin-bottom:20px;} .services .service.style1 .service-header{margin:0 0 5px 0;} .service p > a{color:#ccc; line-height:2em; font-weight:bold;} .service p > a .fa{margin-left:6px; font-size:12px;} .service p > a:hover, .service p > a:focus{color:#F64747;} /* parallax + section background styles ------------------------------------------------------ */ .bg1, .bg2, .bg3, .bg4, .bg5, .bg6 { background:url(../img/bg/bg1.jpg) center center; background-size:100%; } .bg2 { background-image:url(../img/bg/bg2.jpg); } .bg3 { background-image:url(../img/bg/bg3.jpg); } .bg4 { background-image:url(../img/bg/bg4.jpg); } .bg5 { background-image:url(../img/bg/bg5.jpg); } .overlay-color:before, .overlay-gray:before, .overlay-dark:before { content:''; background:url(../img/patterns/pattern_1.png) repeat rgba(246, 71, 71, 0.9); width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; } .overlay-color, .overlay-gray, .overlay-dark { border-bottom:none; } .overlay-color *, .overlay-gray *, .overlay-dark * { z-index:2; color:#fff; position:relative; } .overlay-color .timeline-content *, .overlay-gray .timeline-content *, .overlay-dark .timeline-content * { color:#242526; } .overlay-color .timeline-content p, .overlay-gray .timeline-content p, .overlay-dark .timeline-content p, .overlay-color .timeline-content strong, .overlay-gray .timeline-content strong, .overlay-dark .timeline-content strong { color:#999; } .overlay-gray:before { background-color:rgba(150, 150, 150, 0.9); } .overlay-dark:before { background-color:rgba(80, 80, 80, 0.9); } /* testimonials styles ------------------------------------------------------ */ .single-testimonial { position:relative; padding:0 5%; } .single-testimonial .doner { float:left; width:180px; text-align:right; } .single-testimonial blockquote { margin-left:200px; padding-left:40px; border:none; background:url(../img/bg/quote_left_arrow_bg.png) top left no-repeat; min-height:150px; position:relative; } .single-testimonial blockquote p { font-size:36px; font-weight:400; font-style:italic; color:rgba(255, 255, 255, 0.7); letter-spacing:normal; line-height:1.2em;} .doner .thumb { display:block; margin-bottom:10px; } .doner .thumb img, .media-object { border-radius:2px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4); } /* fun facts styles ------------------------------------------------------ */ .fun-facts { text-align:center; } .fun-facts .fa { width:200px; height:200px; background:#fff; border-radius:100%; font-size:72px; line-height:200px; margin:0 auto 25px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .fun-facts p, .fun-facts h2 { margin-bottom:0; text-transform:uppercase; } .fun-facts .fact:hover .fa { background:#F64747; color:#fff; box-shadow:0 0 0 6px #fff; } /* blog styles ------------------------------------------------------ */ .masonry-blog .post { background:#fff; position:relative; border-bottom:1px solid #eaeaea; z-index:1; margin-bottom:30px; } .post .post-content, .post .post-footer { padding:0 20px; background:#fff; } .masonry-blog .post:after, .contact-details:after { content:''; position:absolute; bottom:-3px; width:98%; height:2px; background:#fff; border-bottom:1px solid #eaeaea; left:1%; z-index:0; } .post-img, .post-video, .no-media { position:relative; display:block; margin:0 0 30px; } .no-media { height:30px; background:url(../img/bg/pattern.png) repeat #fafafa; } .post-img img { width:100%; height:auto; } .masonry-blog .post-img .post-type, .masonry-blog .post-quote .post-type, .masonry-blog .post-video .post-type, .masonry-blog .no-media .post-type, .masonry-blog .post-link .post-type { width:60px; height:60px; position:absolute; line-height:60px; text-align:center; font-size:24px; background:#fff; border-radius:100%; color:#F64747; bottom:-30px; left:50%; margin-left:-30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .post-heading { font-size:18px; font-weight:700; margin-bottom:20px; } .post p { margin-bottom:30px; } .post-meta { margin-bottom:10px; } .post-meta > span { margin-right:15px; } .post-meta > span:last-child { margin-right:0; } .post-meta > span .fa { margin-right:2px; } .post-meta a { color:#999; } .post-meta a:hover { text-decoration:none; color:#242526; } .post-footer { padding:0; background:none; } .post-footer:after { clear:both; } .post-footer:after, .post-footer:before { display:table; content:''; } .post-footer .like, .post-footer .comments { float:right; margin:0 0 0 20px; font-size:14px; } .post-footer .like span { display:inline; } .post-footer a:hover:not(.btn), .post-footer a:focus:not(.btn) {color:#888; text-decoration:none;} .post-footer a.comments:hover .fa, .post-footer a.comments:focus .fa { color:#242526; } .post-footer .like:focus .fa { color:#F64747; } .post-quote, .post-link { position:relative; display:block; margin:0 0 30px; padding:20px; background:#F64747; } .post-quote blockquote, .post-link blockquote { padding:0; border:0; margin:0; } .post-quote blockquote p, .post-link blockquote p { color:#fff; font-size:22px; line-height:1.3em; font-style:italic; font-weight:700; margin-bottom:10px; } .post-quote:hover, .post-link:hover { text-decoration:none; } .post-quote blockquote small, .post-link blockquote small { background:none; padding:0 0 20px 0; color:#fff; } .post-link { background:#999; } .post-video video { width:360px; height:203px; } .post-video:hover .mejs-controls { z-index:3; } .post .post-footer { padding-bottom:20px; } .post.audio { margin-top:30px; } .post-audio { position:relative; padding:30px 20px 20px; } .post-audio .post-type { width:60px; height:60px; position:absolute; line-height:60px; text-align:center; font-size:24px; background:#fff; border-radius:100%; color:#F64747; bottom:auto; top:-30px; left:50%; margin-left:-30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .post .carousel { position:relative; } .post .carousel .carousel-indicators { position:absolute; bottom:10px; right:10px; margin:0; text-align:right; left:auto; width:auto; } .post-author-bio, .comment-area{margin-bottom:80px;} .post-author-bio .media{padding:20px; background:#fff;} .post-author-bio .view-contributions{margin:15px 0 0;} .comment-area .media{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e6e6e6;} .comment-area .media .media{border-top:1px solid #e6e6e6; border-bottom:0; padding-top:20px; padding-bottom:0;} .reply{border:1px solid transparent !important; background-color:transparent; background-image:none !important; color:#999; margin-left:10px;} .reply, .reply:hover, .reply:focus{box-shadow:none;} .reply:hover, .reply:focus{background:#fff; border-color:#fff !important; color:#242526;} .single-post .post-featured-img{width:100%; height:auto; margin-bottom:30px;} .post video, .post audio{max-width:100%;} /* social links ------------------------------------------------------ */ .social-links { text-align:center; padding:15px 0; } .social-links a { display:inline-block; width:60px; height:60px; background:#e6e6e6; margin:15px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .social-links a .fa { color:#fff; font-size:28px; line-height:60px; } .social-links a:hover, .social-links a:focus { background:#df5517; } /* pages' header styles ------------------------------------------------------ */ .splash-banner.page-header-wrap { background-position:center center; background-image:url(../img/bg/inner_page_header_bg.jpg); } .splash-banner.style2 { text-align:left; } .page-header-wrap .section { padding:0; border:none; } .page-header-wrap .section .container { padding-top:150px; padding-bottom:100px; position:relative; } .page-header-wrap .event-counter .container{padding-top:0; padding-bottom:0;} .page-header-wrap .breadcrumb { position:absolute; width:100%; background:none; margin:0; padding:0 15px; left:0; bottom:10px; text-align:left; } .splash-banner.style2 .breadcrumb { text-align:right; } .page-header-wrap .breadcrumb li { color:#fff; } .page-header-wrap .breadcrumb li a { color:#F64747; } .page-header-wrap .breadcrumb li a:hover, .page-header-wrap .breadcrumb li a:focus { text-decoration:none; color:#fff; outline:none; } .page-header-wrap .page-header { border:none; margin:0; padding:0 0 10px; } .page-sub-title { font-size:14px; position:relative; margin:0; font-weight:700; text-transform:uppercase; } .page-sub-title:before, .page-sub-title:after { content:''; width:30px; height:1px; background:rgba(255, 255, 255, 0.4); display:inline-block; margin:0 10px 5px 0; } .page-sub-title:after { margin:0 0 5px 10px; } .splash-banner.style2 .page-sub-title:before, .splash-banner.style2 .page-sub-title:after { display:none; } .splash-banner .section a:hover, .splash-banner .section a:focus{color:#fff;} /* team section styles ------------------------------------------------------ */ .team-member { padding:0; border:none; border-radius:0; text-align:center; } .team-member p { margin-bottom:15px; } .team-member h3 { margin:10px 0 0; font-size:18px; font-weight:700; } .team-member img { width:100%; height:auto; } .team-member .social-links { padding:16px 0 10px; border:none; border-top:1px solid #e6e6e6; } .team-member .social-links a { width:30px; height:30px; margin:0 2px; } .team-member .social-links a .fa { line-height:30px; font-size:16px; } .other-members { margin-top:60px; } /* support and status section styles ------------------------------------------------------ */ .support-header { padding-top:120px; } .support-header .fa.fa-support { color:#F64747; } .support-topics .service .fa, .faq a.list-group-item .list-group-item-heading { color:#30a9e2; } .support-topics .service { cursor:pointer; } .status-well { background:#f64747; border:none; color:#fff; margin:0; } .status-well .header, .status-well p { margin:0; color:#fff; float:none; } .status-well .update { float:right; text-align:right; } .site-stats { margin-top:40px; } .site-stats .list-group-item .label { float:right; } .site-stats h5 { margin:0; } .site-stats .tip { color:#444; } .tip:hover { text-decoration:none; } .site-stats a.tip { border:1px solid #ddd; border-radius:50%; width:18px; height:18px; display:inline-block; line-height:15px; font-size:12px; text-align:center; } /* pricing and comparison charts ------------------------------------------------------ */ .plans .row { text-align:center; padding-top:20px; padding-bottom:20px; } .plans .header .title { background:rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px; font-size:16px; line-height:1; color:#fff; text-transform:uppercase; overflow:hidden; position:relative; } .plans .header .price { padding:15px 10px 20px; } .plans .header .price h3 { margin:0; } .plans .features-list { padding:15px; border:1px solid #ddd; } .plans .features-list .features, .plans .features-list .features li { margin:0; padding:0; list-style:none; } .plans .features-list .features li { margin:0; padding:10px 15px; list-style:none; border-bottom:1px solid #eee; display:block; } .plans .features-list .features li:last-child { border-bottom:none; } .plans .footer { padding:15px; border:1px solid #ddd; border-top:none; } .ribbon { display: inline-block; height: 21px; line-height: 21px; padding: 0 20px; margin:0; min-width:115px; text-align:center; position: absolute; right: -20px; top: 12px; background:rgba(0, 0, 0, 0.3); text-transform:lowercase; font-size:12px; transform: rotate(45deg); } .plans .header { background-color:#F64747; } .plans .header .price h3, .plans .economy .header .price small, .plans .header .price small { color:#fff; } .plans .features-list li .no { color:#C21B1A; } .plans .features-list li .yes { color:#6EB041; } .plans .features-list .features, .plans .features-list .features li { } .plans .features-list .features li {} .plans .features-list .features li:last-child { } .plans .footer { background:#fafafa; } .plans .economy .header { background:#242526; } .plans .ultimate .header { background:#00B16A; } .plans.bg .features-list, .plans.bg .footer { border:1px solid #251A16; } .plans.bg .features-list .features li { border-bottom:1px solid #251A16; } .plans.bg .footer { background:#251A16; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #F05E2D; } .plans .basic, .plans .economy, .plans .ultimate, .plans .deluxe { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .plans .basic:hover, .plans .economy:hover, .plans .ultimate:hover, .plans .deluxe:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .chart-controls{margin-bottom:80px;} .chart-body{position:relative;} .five-cols .column{float:left; width:19%; box-sizing:border-box; margin-left:-1px;} .five-cols .description{width:24%;} .chart-body .column .plan, .chart-body .column .detail{border:1px solid #f1f1f1; padding:0;} .chart-body .column .plan{background:#fafafa;} .chart-body .pro .plan{background:#fff;} .chart-body .column:first-child{margin-left:0;} .description .detail ul li, .plans .features-list .features li{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:default;} .chart-body .column .plan ul, .chart-body .column .detail ul{margin:0; padding:0;} .chart-body .column .plan ul li, .chart-body .column .detail ul li{list-style:none; display:block; padding:8px 15px; border-bottom:1px solid #f1f1f1;} .chart-body .column .detail, .chart-body .column .detail ul li{border-color:#e6e6e6;} .chart-body .column .plan ul li, .invest-now{text-align:center;} .column .column-header{padding:20px; background:#242526; color:#fff; text-align:center; height:150px;} .starter .column-header{background:#fff; color:#242526;} .pro .column-header{background:#F64747; color:#fff; padding:30px 20px; margin-top:-20px; height:170px;} .description .column-header{background:none; color:inherit; text-align:left; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out;} .chart-body .column .column-header strong{text-transform:uppercase; margin:0; line-height:1; font-size:15px;} .chart-body .column .column-header .price{margin:0; font-size:48px; font-weight:900; color:#fff; line-height:1; letter-spacing:normal;} .chart-body .pro .column-header .price{color:#fff;} .chart-body .column .column-header p{margin:0;} .column-header.annual, .column-header.two-year{display:none;} .column-header .off{line-height:1; font-size:14px;} .chart-body .column .monthly .price{line-height:1.4em;} .chart-body .starter .column-header .price{color:#242526;} .invest-now{padding:15px 0;} .invest-now .btn{margin:0;} .chart-body .column .detail ul li:last-child{border-bottom:none;} /* contact section ------------------------------------------------------ */ .contact-options{margin-top:60px;} .contact-details{padding:20px; background:#fff; border:none; position:relative; border-bottom:1px solid #e6e6e6;} /* alert messages ------------------------------------------------------ */ .alert { padding: 15px 40px 15px 20px; margin-bottom: 20px; border: none; border-radius: 0; background:#fff; position:relative;} .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #00B16A; } .alert-success hr { border-top-color: #00B16A; } .alert-success .alert-link { color: #00B16A; } .alert-info { color: #3498DB; } .alert-info hr { border-top-color: #3498DB; } .alert-info .alert-link { color: #3498DB; } .alert-warning { color: #f3c510; } .alert-warning hr { border-top-color: #f3c510; } .alert-warning .alert-link { color: #f3c510; } .alert-danger { color: #EF4836; } .alert-danger hr { border-top-color: #EF4836; } .alert-danger .alert-link { color: #EF4836; } .close{position:absolute; right:7px; top:3px;} .alert:hover{box-shadow:0 0 10px #ddd;} /* progress bars ------------------------------------------------------ */ .progress { background-color: #eee; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .progress-bar { background-color: #F64747; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;} .progress-bar-success { background-color: #00B16A; } .progress-bar-info { background-color: #3498DB; } .progress-bar-warning { background-color: #f3c510; } .progress-bar-danger { background-color: #EF4836; } /* panels and lists ------------------------------------------------------ */ .panel-heading { border-top-left-radius: 0px; border-top-right-radius: 0px;} .panel, .panel-title, .panel-heading{box-shadow:none;} .panel-heading{padding:0; overflow:hidden;} .panel-heading .panel-title a{padding:10px 15px; display:block;} .panel-success .panel-title{background:#00B16A; border-color:#00B16A;} .panel-success .panel-title a{color:#fff;} .panel-group .panel, .list-group-item:first-child, .list-group-item:last-child{border-radius:0;} .list-group-item{border-color:#e6e6e6;} .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background:#F64747; border-color:#F64747;} .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text{color:#fff;} .list-group-item-heading{font-size:18px; font-weight:700;} .list-group-item{background-color:transparent;} .list-group-item:hover, a.list-group-item:hover, a.list-group-item:focus{background-color:#fff; border-color:#fff; box-shadow:0 1px 0 #fff; z-index:2;} /* pagination ------------------------------------------------------ */ .pagination > li > a, .pagination > li > span, .pager li > a, .pager li > span{background-color:transparent; text-align:center; border-color:#e6e6e6; color:#242526; border-radius:0;} .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:0;} .pagination > li.active > a, .pagination > li.active > span, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:#F64747; border-color:#F64747;} .pagination > li > a:hover, .pagination > li > a:focus, .pager li > a:hover, .pager li > a:focus{background:#fff; border-color:#fff; color:#242526;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{background:#eee; border-color:#e6e6e6;} .pagination > li > a, .pagination > li > span{min-width:38px;} .pagination-sm > li > a, .pagination-sm > li > span{min-width:32px;} .pagination-lg > li > a, .pagination-lg > li > span{min-width:50px;} /* labels ------------------------------------------------------ */ .label-default { background-color: #95a5a6; } .label-default[href]:hover, .label-default[href]:focus { background-color: #95a5a6; } .label-primary { background-color: #F64747; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #F64747; } .label-success { background-color: #00B16A; } .label-success[href]:hover, .label-success[href]:focus { background-color: #00B16A; } .label-info { background-color: #3498DB; } .label-info[href]:hover, .label-info[href]:focus { background-color: #3498DB; } .label-warning { background-color: #f3c510; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #f3c510; } .label-danger { background-color: #EF4836; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #EF4836; } /* popover ------------------------------------------------------ */ .popover{border:none; box-shadow:0 0 10px #ddd;} .popover.left > .arrow {border-left-color:#fff;} .popover.right > .arrow {border-right-color:#fff;} .popover.top > .arrow {border-top-color:#fff;} .popover.bottom > .arrow {border-bottom-color:#fff;} /* back to top button ------------------------------------------------------ */ .backtotop { background: rgba(20, 20, 20, 0.3); border-radius: 3px; color: #fff; font-size: 22px; padding: 10px 15px; transition: background 300ms ease 0s;} .backtotop:hover, .backtotop:focus{background:rgba(20, 20, 20, 0.8);} /* stacked images */ .stacked-images{position:relative;} .stacked-images img{position:absolute; top:0; left:0; width:100%; height:auto;} .stacked-images > .stack-bg{position:relative; z-index:0; width:100%; height:auto;} @media (max-width: 1200px) { body { font-size:14px; } h1, .h1 { font-size: 65px; } h2, .h2 { font-size: 48px; } h3, .h3, .single-testimonial blockquote p { font-size: 28px; } h4, .h4 { font-size: 20px; } h5, .h5, .lead, .masonry-blog .post-quote blockquote p, .masonry-blog .post-link blockquote p { font-size: 18px; } h6, .h6 { font-size: 16px; } .splash-banner .vertical-ticker li { font-size:44px; } .home-folio ul.portfolio li.portfolio-item { width:312px; margin:0 !important; } .bouncing-arrow, .splash-icon { margin:90px auto; } .splash-banner hr { margin:30px 0 15px; } .splash-banner hr:last-child { margin:15px 0 30px; } .lead { font-weight:300; } .custom-tabs .nav-tabs li { box-shadow:0 1px #e6e6e6; } .carousel-indicators { bottom:20px; } ul.portfolio li.portfolio-item, ul.portfolio.three-col li.portfolio-item, ul.portfolio.two-col li.portfolio-item, ul.portfolio.gallery li.portfolio-item { width: 460px; } ul.portfolio li.portfolio-item:nth-child(3n+3), ul.portfolio.three-col li.portfolio-item:nth-child(3n+3), ul.portfolio.gallery li.portfolio-item:nth-child(3n+3) {margin-right:20px;} ul.portfolio li.portfolio-item:nth-child(2n+2), ul.portfolio.three-col li.portfolio-item:nth-child(2n+2), ul.portfolio.gallery li.portfolio-item:nth-child(2n+2) {margin-right:0px;} .chart-body .column .column-header strong{font-size:12px;} } @media (max-width: 992px) { h1, .h1 { font-size: 48px; } h2, .h2 { font-size: 36px; } h3, .h3, .single-testimonial blockquote p { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5, .lead, .masonry-blog .post-quote blockquote p, .masonry-blog .post-link blockquote p { font-size: 18px; } h6, .h6 { font-size: 16px; } .splash-banner .vertical-ticker li { font-size:44px; line-height:80px; } .home-folio ul.portfolio li.portfolio-item { width:360px; } .navbar .nav > li > a { padding:20px 10px; } .navbar .navbar-header .navbar-brand .logo-icon { height:100%; width:auto; } .navbar-brand { height:42px; margin-top:8px; } .section { padding:50px 0; } .time-line:after{bottom:42px;} .support-header{padding-top:100px;} .projects{padding:30px 0;} footer .col-sm-6:nth-child(3) {clear:left;} .well .btn { float:none; width:100%; margin-top:20px; } ul.portfolio li.portfolio-item, ul.portfolio.three-col li.portfolio-item, ul.portfolio.two-col li.portfolio-item, ul.portfolio.gallery li.portfolio-item { width: 350px; } ul.portfolio li.portfolio-item:nth-child(3n+3), ul.portfolio.gallery li.portfolio-item:nth-child(3n+3) {margin-right:0px;} ul.portfolio li.portfolio-item:nth-child(2n+1), ul.portfolio.gallery li.portfolio-item:nth-child(2n+1) {margin-right:20px;} .column .column-header{padding:10px;} .chart-body .column .column-header .price{font-size:36px;} .chart-body .column .column-header strong{font-size:14px;} .column .column-header{height:130px;} .pro .column-header{height:150px; padding:30px 10px;} .fun-facts .fact{margin-bottom:10px; margin-top:10px;} .ft-col{margin-bottom:30px;} .ft-col:last-child{margin-bottom:0;} .basic, .deluxe, .economy, .ultimate{margin-bottom:60px;} } @media (max-width: 768px) { .home-folio ul.portfolio li.portfolio-item {width:346px;} .custom-tabs .nav-tabs li {width:33.33%;} ul.portfolio li.portfolio-item, ul.portfolio.three-col li.portfolio-item, ul.portfolio.two-col li.portfolio-item, ul.portfolio.gallery li.portfolio-item {width: 100%; box-sizing:border-box;} .five-cols .column{width:25%;} .five-cols .description{display:none;} .column .column-header{padding:20px 10px;} .chart-body .column .plan ul li:before{content:attr(data-title); font-weight:700; display:block;} .wow, .timeline-content { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; opacity:1 !important; filter:alpha(opacity=100) !important;} .social-links a{margin:10px;} aside{margin-top:60px;} .service{margin-bottom:20px;} .service.style4{margin-top:60px;} .dropdown-menu > li > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{border-bottom-color:#e6e6e6;} .btn-lg { padding:14px 20px;} .btn-xl { padding:16px 20px;} .iMac{background:none; text-align:center;} } @media (max-width: 766px) { .home-folio ul.portfolio li.portfolio-item {width:100%;} .copyright-info, .copyright-info .leagles a {text-align:center;} .copyright-info .leagles a {float:none;} } @media (max-width: 640px) { h1, .h1 {font-size: 38px;} h2, .h2 {font-size: 28px;} h3, .h3, .single-testimonial blockquote p {font-size: 20px;} .splash-banner .vertical-ticker li {font-size:32px; line-height:80px;} .navbar-brand {margin:4px 0 0 10px;} footer .col-sm-6:nth-child(3) {clear:left;} .single-testimonial .doner {width:150px;} .single-testimonial blockquote {margin-left:170px;} .splash-banner hr {margin:10px 0 0px;} .splash-banner hr:last-child {margin:0px 0 10px;} .splash-banner .vertical-ticker li {padding:0;} .five-cols .column{width:50%; margin-bottom:30px;} .pro .column-header{height:130px; padding:10px; margin:0;} .error-404 h1{font-size:150px;} .error-404 h3{margin-top:80px;} .status-well .update{float:none; text-align:left; margin-bottom:10px;} } @media (max-width: 480px) { h1, .h1 {font-size: 32px;} h2, .h2 {font-size: 24px;} h3, .h3, .single-testimonial blockquote p {font-size: 18px;} .splash-banner .vertical-ticker li {font-size:24px; font-weight:400;} .navbar-brand {margin:4px 0 0 10px;} .custom-tabs .nav-tabs li {width:50%; font-size:12px;} footer .col-sm-6:nth-child(3) {clear:left;} .single-testimonial .doner {width:100%; position:relative; display:block; text-align:center;} .single-testimonial blockquote {margin-left:0; float:none; display:block; text-align:center; background:none; padding:0;} .splash-banner hr {margin:10px 0 0px;} .splash-banner hr:last-child {margin:0px 0 10px;} .bouncing-arrow, .splash-icon {margin:80px auto;} .bouncing-arrow {width:60px; height:60px;} .bouncing-arrow .fa {line-height:60px; font-size:18px;} .splash-icon {width:120px;} .splash-icon img {width:100%; height:auto;} .splash-heading {margin-bottom:10px;} .five-cols .column{width:100%;} .page-sub-title:before, .page-sub-title:after{display:none;} } @media (max-width: 340px) { body {font:12px;} h1, .h1 {font-size: 28px;} h2, .h2 {font-size: 22px;} h3, .h3, .single-testimonial blockquote p {font-size: 16px;} .splash-banner .vertical-ticker, .splash-banner hr {display:none;} .navbar-brand {margin:4px 0 0 10px;} footer .col-sm-6:nth-child(3) {clear:left;} .splash-icon {margin:80px auto;} .bouncing-arrow {display:none;} .bouncing-arrow {width:60px; height:60px;} .bouncing-arrow .fa {line-height:60px; font-size:18px;} .splash-icon {width:120px;} .splash-icon img {width:100%; height:auto;} .splash-heading {margin-bottom:10px;} .custom-tabs .nav-tabs li {width:50%; min-width:50%;} .error-404 h1{font-size:100px;} .error-404 h3{margin-top:60px;} } /* animations */ @keyframes upndown { 0% { top:-10px; } 100% { top:10px; } } @-webkit-keyframes upndown { 0% { top:-10px; } 100% { top:10px; } } @keyframes folioImg { 0% { top:0px; } 100% { top:-50px; } } @-webkit-keyframes folioImg { 0% { top:0px; } 100% { top:-50px; } } /*v1.2 updates ----------------------------------------- -----------------------------------------*/ /* level-3 dropdown menu */ .dropdown-menu > li a{position:relative; padding-right:30px;} .dropdown-menu > li > a .fa{position:absolute; right:15px; top:12px;} .dropdown-menu > li > a .fa:hover, .dropdown-menu > li > a .fa:focus{background-color:transparent;} .dropdown-menu > li > .level3-dropdown{display:none; position:absolute; left:100%; top:0;} .dropdown-menu > li:hover > .level3-dropdown{display:block;} .dropdown-menu > li.dropdown > ul { background:#242526; min-width:220px; box-shadow:none; padding:0; margin:0;} .dropdown-menu > li.dropdown > ul > li{display:block; list-style:none;} .dropdown-menu > li.dropdown > ul li > a, .dropdown-menu > li.dropdown > ul .active > a, .dropdown-menu > li.dropdown > ul .active > a:hover, .dropdown-menu > li.dropdown > ul .active > a:focus { padding:10px 15px; display:block; color:#999; background-color:transparent; background-image:none; border:none; border-bottom:1px solid #28292a; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .navbar-inverse .dropdown-menu > li.dropdown > ul li > a { border-bottom:1px solid #eee; display:block; } .dropdown-menu > li.dropdown > ul li:last-child > a { border-bottom:none; } .dropdown-menu > li.dropdown > ul li > a:hover, .dropdown-menu > li.dropdown > ul li > a:focus, .dropdown-menu > li.dropdown > ul .active > a, .dropdown-menu > li.dropdown > ul .active > a:hover, .dropdown-menu > li.dropdown > ul .active > a:focus { background:#222324; color:#fff;} /* shop pages */ .filter-options .filters .woocommerce-ordering{float:right;} .filter-options .filters .woocommerce-ordering .orderby{border-radius:0; box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.03) inset; background:#fff; border:1px solid #e9e9e9; border-color: 0.15s ease-in-out 0s; box-shadow: 0.15s ease-in-out 0s; height:46px; line-height:46px; font-size:18px; padding:10px 16px; color:#555; outline:none;} .filter-options .filters .woocommerce-result-count{float:left; margin:0 20px 0 0; line-height:47px;} .filter-options .filters .woocommerce-ordering .orderby:hover { background:#fefefe; border-color:#d0d0d0; } .filter-options .filters .woocommerce-ordering .orderby:focus { background:#fff; border-color:#999; box-shadow:none; } .filter-options .filters:after, .shop .products:after, .alert:after{clear:both;} .filter-options .filters:after, .filter-options .filters:before, .shop .products:after, .shop .products:before, .alert:after, .alert:before{display:table; content:'';} .shop .products{padding:0;} .projects, .shop { padding:60px 0; } ul.portfolio{margin:0;} .shop .products li{display:block; float:left; list-style:none; width:270px; margin-right:20px; position:relative; border:1px solid #ddd; margin-bottom:40px;} .shop .products li:nth-child(4n){margin-right:0;} .shop .products li .product-wrap img{width:100%; height:auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .shop .products li .onsale{position:absolute; top:25px; right:-10px; width:50px; height:50px; display:block; background:#f4b60e; border-radius:50%; text-align:center; color:#fff; line-height:46px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index:2; font-weight:400;} .shop .products li h3{margin:0; font-size:18px; line-height:1.4em; margin:20px 20px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .shop .products li .price{display:block; margin:0 20px 20px;} .shop .products li .price del, .shop .product-summary .price del{color:#aaa; margin-right:10px;} .shop .products li .price ins, .shop .product-summary .price ins{font-weight:700; text-decoration:none; color:#f64747;} .shop .product-summary .price{display:block; margin:0 20px 20px;} .shop .product-summary .price ins, .shop .product-summary .price del{font-size:24px;} .shop .products li .add-to-cart-btn{display:block; position:absolute; top:60%; left:50%; margin:0 0 0 -70px; width:140px; padding:7px 0 10px; text-align:center; color:#fff; background:#333; font-weight:500; opacity:0; filter:alpha(opacity=0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index:1;} .shop .products li .add-to-cart-btn:hover{background:#f64747;} .shop .products li .add-to-cart-btn:hover, .shop .products li .add-to-cart-btn:hover .fa{color:#fff;} .shop .products li:hover .add-to-cart-btn{opacity:1; filter:alpha(opacity=100); top:55%;} .shop .products li .product-wrap:hover img{opacity:0.6; filter:alpha(opacity=60);} .woocommerce-pagination .page-numbers{display:block; margin:0; padding:0; text-align:center;} .woocommerce-pagination .page-numbers:after{clear:both;} .woocommerce-pagination .page-numbers:after, .woocommerce-pagination .page-numbers:before{display:table; content:'';} .woocommerce-pagination .page-numbers li{display:block; float:left; list-style:none; min-width:45px; height:45px; text-align:center; line-height:42px; margin-right:1px;} .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span{display:block; width:100%; height:100%; background:#333; color:#fff;} .woocommerce-pagination .page-numbers li span{color:#aaa; background:#ddd;} .woocommerce-pagination .page-numbers li:hover{z-index:2; position:relative;} .woocommerce-pagination .page-numbers li a:hover{background:#f64747; color:#fff;} .shop .number-of-pages{float:right;} .search-form-sidebar input[type=text]{box-shadow:none;} .shop.with-sidebar .products li, .shop.with-sidebar .products li:nth-child(4n){width:269px; margin-right:20px; box-sizing:border-box;} .shop.with-sidebar .products li:nth-child(3n){margin-right:0;} .woo-alert{padding:15px; margin-bottom:40px;} .shop .add-buttons{margin-bottom:40px;} .shop .product-meta{margin-top:40px;} .shop .product-meta a + a:before{color: #ccc; content: "/ "; padding: 0 5px;} .shop .remove{font-weight:700; display:block; text-align:center;} .cart-collaterals{margin:60px 0;} .shop .payment-methods{margin:30px 0; padding:0;} .shop .payment-methods li{list-style:none;} .billing-details, .place-order{margin-bottom:60px;} .cart-nav .label{border-radius:10px; padding:1px 5px;} .cart-nav ul li a img{max-width:50px; height:auto; float:left; margin-right:15px;} .cart-nav ul li{padding:10px 0; border-bottom:1px solid #1e1e1e;} .cart-nav ul li > a{padding:0 15px; color:#999; border-bottom:none;} .cart-nav ul li:after{clear:both;} .cart-nav ul li:after, .cart-nav ul li:before{display:table; content:'';} .cart-nav ul li:hover > a{text-indent:0;} .cart-nav ul li a.btn{padding:5px 15px;} .cart-nav ul li.sub-total{color:#fff; font-size:16px; text-align:center;} .cart-nav ul li.sub-total span{font-weight:700;} .search-form .btn{box-shadow:none;} @media (max-width:1199px){ .shop .products li{width:220px;} .shop.with-sidebar .products li, .shop.with-sidebar .products li:nth-child(4n), .shop.with-sidebar .products li:nth-child(3n){width:295px; margin-right:26px; box-sizing:border-box;} .shop.with-sidebar .products li:nth-child(2n){margin-right:0;} } @media (max-width:990px){ .shop .products li, .shop .products li:nth-child(4n){margin-right:30px;} .shop .products li:nth-child(3n){margin-right:0;} .shop.with-sidebar .products li, .shop.with-sidebar .products li:nth-child(4n), .shop.with-sidebar .products li:nth-child(3n){width:225px; margin-right:20px;} } @media (max-width: 768px) { .dropdown-menu > li > .level3-dropdown{position:relative; left:auto;} .dropdown-menu > li > a .fa{top:8px;} .dropdown-header{background:#eee; border-color:#ddd;} .dropdown-header .fa{margin-top:2px;} .cart-nav ul li{border-bottom:1px solid #ddd;} .cart-nav ul li.sub-total{color:#333;} .shop .products li, .shop .products li:nth-child(4n), .shop .products li:nth-child(3n), .shop.with-sidebar .products li, .shop.with-sidebar .products li:nth-child(4n), .shop.with-sidebar .products li:nth-child(3n){width:48%; margin-right:4%;} .shop .products li:nth-child(2n), .shop.with-sidebar .products li:nth-child(2n){margin-right:0;} } @media (max-width:480px){ .shop .products li, .shop .products li:nth-child(4n), .shop .products li:nth-child(3n), .shop .products li:nth-child(2n), .shop.with-sidebar .products li, .shop.with-sidebar .products li:nth-child(4n), .shop.with-sidebar .products li:nth-child(3n), .shop.with-sidebar .products li:nth-child(2n){width:100%; margin-right:0;} .filter-options .filters .woocommerce-ordering, .filter-options .filters .woocommerce-result-count{float:none; display:block;} }