Mini Shell
/*----------------------------------
Theme Name: Extent
Theme URI: http://webnus.biz/themes/extent-html
Author: WEBNUS
Author URI: http://themeforest.net/user/WEBNUS
Description: Extent HTML Template
Version: 1.0.3
License: GNU General Public License
License: themeforest.net
------------------------------------------------------------------------*/
@import url('./base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */
@import url('./scaffolding.css'); /* Import Responsive Grid System Stylesheet */
@import url('./blox.css'); /* Import Full width Sections + Parallax Stylesheet */
@import url('./prettyPhoto.css'); /* Import prettyPhoto Stylesheet */
@import url('./flexslider.css'); /* Import Flex Slider Stylesheet */
@import url('../layerslider/css/layerslider.css'); /* Import Layer Slider Stylesheet */
@import url('../rs-plugin/css/settings.css'); /* Import Revolution Slider Stylesheet */
@import url('./iconfonts.css'); /* Import Vector Icons Stylesheet */
@import url('./shop.css'); /* Import Shop stylesheet */
@import url('./blog.css'); /* Import Blog stylesheet */
@import url('./elements.css'); /* Import Elements stylesheet */
@import url('./pages.css'); /* Import Pages stylesheet */
@import url('./portfolio.css'); /* Import Portfolio Stylesheet */
@import url('./widgets.css'); /* Import Widgets stylesheet */
@import url('./icon-box.css'); /* Import Icon Boxes stylesheet */
@import url('./main-menu.css'); /* Import Menu Stylesheet */
@import url('./color-skins.css'); /* Import Color Skins Stylesheet */
/*-----------------------------------------------------------------------------------*/
/* #Site Styles
================================================== */
body { background: #f4f7f8 url(../images/bdbg1.png); }
/* WRAPPER */
#wrap { display: block; margin: 0 auto; position: relative; padding: 0; background: #fff; visibility:visible; clear:both; overflow:hidden; }
#wrap.boxed-wrap { display:block; margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4); box-shadow: 0 0 9px rgba(0,0,0,0.4); border: 1px solid #d6dbdc\9; border-bottom: none; visibility:visible; }
#wrap.boxed-wrap .container { width:100%;}
#wrap p img { height:auto;}
#wrap.boxed-wrap #header {top:inherit; left:inherit; width: 1000px;}
#site-title { margin-top:25px; padding-bottom:10px; line-height:1.4;}
#site-title a { color:#3B454D;}
#site-title small { display:block; margin-top:5px;}
#main-content.container { padding-top:35px;}
/* HEADLINE */
#headline { width: 100%; padding: 24px 0 14px; border-bottom:1px solid #e3e3e3; border-top: 1px solid #e3e3e3; display: table; }
#headline h3 { font-size: 19px; line-height:1.3; position: relative; text-transform: uppercase; font-weight: 600; letter-spacing: 0; padding-left:10px; }
#headline h3 small { font-size: 13px; font-weight: 400; margin-left: 10px; letter-spacing: 0; text-transform: capitalize; }
/* TOP-BAR */
.top-bar { background:#f7f7f7; min-height:26px; padding:5px 0; border-bottom:4px solid #fbfbfb; }
.top-bar h6 { font-size:12px; font-weight:400; margin:0 10px 0 0; color:#999; letter-spacing:0.6px;}
.top-links { float:left; color:#d7d7d7; font-size:11px; padding:4px 0 0 4px; display:table; }
.top-links.rgtflot { float:right; padding-right:10px;}
.top-links img, .container .top-links p { float:left; margin:4px 3px 0 0;}
.container .top-links p { color:#d9d9d9; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;}
.top-links a, .top-links span { color: #9aa6af; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:400; letter-spacing:0.6px; }
.top-links a:hover { color:#ff932a}
.top-links a:after {content: "|"; padding-left: 10px; color:#ccc; }
.top-links a:last-child:after {content: "";}
.top-co-inf .top-links { float:right; margin-top:8px;}
.top-co-inf .top-links p { color:#6d6e71; }
/* HEADER */
#header { z-index: 10000; width: 100%; background: #fff; padding: 30px 0;}
#header h6, .top-bar h6, .top-inf h6 { font-size:12px; margin:18px 14px; font-weight:600; color:#797979; display:inline-block;}
#header h6 i, .top-bar h6 i, .top-inf h6 i { background:none; font-size:16px; color:#6a6c75; display:inline; margin:7px 4px; padding:8px; border-radius:50%; border:1px solid #e9e9e9; vertical-align:middle;}
.top-bar h6 i { padding:0; border:none;}
.top-bar h6 { margin:0 10px 0 0;}
.logo { height: auto; float: left;}
.logo img { max-width: 100%; max-height: 100%; margin-top: 5px;}
.nav-wrap1 .container { width:auto;}
#header .img-logo-w1 { display:block;}
#header .img-logo-w2, #header .img-logo-w3 { display:none}
.transparent-header-w #header .img-logo-w1, .transparent-header-w #header .img-logo-w3 { display:none}
.transparent-header-w #header .img-logo-w2 { display:block;}
#header.sticky .img-logo-w2 { display:none;}
.logo-sticky { display:none;}
#search-form { float:right; margin:20px 8px auto 0; position:relative; padding-left: 14px; height: 24px;}
#search-form .search-text-box, #search-form2 .search-text-box2 { background-color: rgba(255,255,255,0.73); background-image: url('../images/searchicon@2x.png'); background-repeat: no-repeat; background-position: 9px 9px; background-size:16px 16px; border: 3px solid #a2a7b1; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; min-height:38px; height:38px; line-height: 18px; padding: 7px 5px 8px 30px; transition: all 0.3s ease-in-out 0s; width:1px; min-width: 210px;}
#search-form2 { display:none; position:relative; }
#search-form2 .search-text-box2 { width:220px; margin:auto; position:relative; }
.search-form-box { position:absolute; right:-25px; display:none; margin-top:24px;}
.search-form-box * { margin:0;}
.search-form-box.show-sbox { display:block; -webkit-animation: fade-anim .3s ease .037s both; animation: fade-anim .3s ease .037s both; z-index:91120; }
.search-form-box:before { content: '';display: block;position: absolute; right:19px;width: 0;height: 0;border-style: solid; border-width: 7px; top: -14px; border-color: transparent transparent #a2a7b1 transparent ;}
a.search-form-icon, a.search-form-icon:visited { display:block; width:16px; height:16px; color:#aaa;}
a.search-form-icon i { color:#aaa; border:1px solid #aaa; padding:8px 9px; font-size:11px; border-radius:50%;}
a.search-form-icon:hover { color:#555;}
@media only screen and (min-width: 960px) {
#header.sticky #site-title { display:none;}
#header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap { width:100%; border-bottom:1px solid #e9e9e9\9; box-shadow:0 0 3px rgba(0,0,0,0.21); z-index:800000000; background:rgba(255,255,255,0.97); display:block; position:fixed; height:60px; padding:0; left:0; top:0; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s; }
#header.sticky #nav-wrap:hover { background:#fff;}
#header.sticky #nav-wrap .container { width:88%; float:none; padding:0 30px 0 300px; position:relative; margin-left:auto; margin-right:auto; }
#header.sticky .logo-sticky { display:block; position:fixed; top:0; max-width:280px; z-index:900000000; -webkit-animation: fade-anim .3s ease .044s both; animation: fade-anim .3s ease .044s both;}
#header.sticky .logo-sticky img.img-logo-w3 { max-height: 40px; width: auto; max-width:280px; margin-top: 10px; display:block; }
#header.hi-header, #header.hi-header .logo .img-logo-w1 { position:fixed; height:0; padding:0; background:none; border:none; display:none;}
#header.sticky.hi-header, #header.hi-header .logo-sticky, #header.hi-header .logo-sticky img.img-logo-w3 { display:block; -webkit-animation: fade-anim .3s ease .044s both; animation: fade-anim .3s ease .044s both; }
.transparent-header-w #header { position:absolute; top:0; background:none; border:none;}
.transparent-header-w .top-bar, .transparent-header-w #headline { display:none; }
.transparent-header-w #header.sticky { position:fixed; left:auto; top:auto;}
.transparent-header-w #header.sticky .img-logo-w2 { display: none;}
.transparent-header-w #header #nav > li > a, .transparent-header-w .woo-cart-header .header-cart span,
.transparent-header-w a.search-form-icon { color:#000; text-shadow:1px 1px 0 rgba(255,255,255,0.25), 0 0 3px #fff;}
.transparent-header-w a.search-form-icon i { color:#000; border-color:#000;}
.transparent-header-w .woo-cart-header .header-cart { background-image: url('../images/woobag@2xb.png');}
.transparent-header-w.t-dark-w #header #nav > li > a, .transparent-header-w.t-dark-w .woo-cart-header .header-cart span,
.transparent-header-w.t-dark-w a.search-form-icon { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); }
.transparent-header-w.t-dark-w a.search-form-icon i { color:#fff; border-color:#fff;}
.transparent-header-w.t-dark-w .woo-cart-header .header-cart { background-image: url('../images/woobag@2x.png');}
.transparent-header-w #header.sticky #nav > li > a { color:#666; text-shadow:none;}
.transparent-header-w #header.sticky .woo-cart-header .header-cart span { color:#9d9d9d; text-shadow:none;}
.transparent-header-w #header.sticky a.search-form-icon { color:#aaa; text-shadow:none;}
.transparent-header-w #header.sticky a.search-form-icon i { color:#aaa; border-color:#aaa;}
.transparent-header-w #header.sticky .woo-cart-header .header-cart { background-image: url('../images/woobag@2x.png');}
}
/* Header animations */
@-webkit-keyframes header-anim {
from {opacity: 0.5;
-webkit-transform: translateY(-60px);
transform: translateY(-20px);}
to {opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);}
}
@keyframes header-anim {
from {opacity: 0.5;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);}
to {opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);}
}
@-webkit-keyframes header-anima {
from {height:0;}
to {height:60px; padding:0;}
}
@keyframes header-anima {
from {height:0; }
to {height:60px; padding:0;}
}
@-webkit-keyframes fade-anim {
from {opacity: 0; }
to {opacity: 1;}
}
@keyframes fade-anim{
from {opacity: 0; }
to {opacity: 1;}
}
/* # 404 Styles
================================================== */
.Error404Section{ background: #f8f8f8}
.Error404Section h1{font-size: 84px;text-transform: uppercase;line-height: 1.4;font-weight: 900; margin-bottom: 10px}
.Error404Section h2{color: #1bbc9b;font-size: 36px;font-weight: 400;margin-bottom: 30px;}
/* --------------------- */
/* FOOTER */
#footer { width: 100%; padding: 10px 0 0 0; background: #002e54; padding-top:50px; text-align: left; }
#footer.litex { background: #fafafa; border-top: 6px solid #e9e9e9; }
#footer .col-md-4, #footer .col-md-3 { padding-right:30px;}
.footer-in { margin: 0 auto; padding-bottom: 50px; color: #ccc; position: relative; }
.footer-in .columns { margin-top: 20px; }
.footer-in h5.subtitle, .toggle-top-area h5.subtitle { color: #ddd; display: block; border-bottom: 2px solid #131415; padding-bottom: 6px; margin: 0; margin:0 0 25px 0; -webkit-box-shadow: 0 1px #232628; -moz-box-shadow: 0 1px #232628; box-shadow: 0 1px #232628; position: relative; font-size:12px; letter-spacing:1px; text-transform:uppercase; line-height:1.5; font-weight:bold; text-shadow:0 1px 0 #000; }
#footer.litex .footer-in h5.subtitle { color:#414141;}
#footer h5.subtitle span, .toggle-top-area h5.subtitle span { position: absolute; right: 0; text-align: right; }
#footer h5.subtitle span a, .toggle-top-area h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400; }
#footer .widget ul.menu li:after { display:none; content:"";}
#footer .widget ul.menu li { border:none;}
#footer .footer-in .widget ul.menu li:hover { background:none;}
.footer-in hr { border-color: #373737; }
.footer-in .copyright-txt { font-size: 12px; }
.footer-in p { line-height: 19px; color: #898989; }
.contact2 div { line-height: 21px; }
.footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; }
.footer-sbc { position: relative; text-align: center; margin: 0 auto; }
.footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px; }
/* Social Icons */
.social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.social-icons a:hover { opacity: 1; }
.social-icons.members { clear: both; text-align: center; margin-bottom: 10px; }
.social-icons.members a { text-align: center; float: none; }
.footer-in a img { float: left; }
.contact-inf span { display: block; color: #9b9b9b; font-family: Arial; font-size: 14px; }
.contact-inf i { margin-right: 5px; color: #474747; }
.contact-inf form { margin-top: 20px; }
.footer-in .contact-inf input, .footer-in .contact-inf textarea { display: block; min-width: 97%; margin: 12px 0; background: #222; color: #ccc; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 0px 10px 12px; border-radius: 0; }
.footer-in .contact-inf button { padding: 12px 22px; font-size: 10px; text-transform:uppercase; letter-spacing:1px; color:#aaa; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: -moz-linear-gradient(top, #333, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #333, #252525); background: -ms-linear-gradient(top, #333, #252525); background: -o-linear-gradient(top, #333, #252525); background: linear-gradient(top, #373737, #252525); border: 1px solid #202020; float: right; margin-right:6px; }
.footer-in a:hover { color: #85b940; }
#footer.litex .footer-in a { color: #0093d0; }
.footer-in a.terms { color: #578f1a; }
.footer-navi.floatright { float:right;}
.footer-in .col-md-12 .widget {text-align:center;}
.footbot { margin: 0 auto; position: relative; background: #fff; padding: 20px 0 18px; text-align: right; border-top-right-radius: 2px; border-top-left-radius: 1px; }
#footer.litex .footbot { background:#e9e9e9}
#footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b; }
.footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93; }
.footer-navi { float: left; line-height: 38px; font-size: 12px; color: #002e54; font-family: 'Roboto', sans-serif;}
.footer-navi ul { margin-left: 40px; }
.footer-navi a { color: #717171; margin: 0 4px; }
.custom-footer-menu a, .blox.dark .custom-footer-menu a { display:block; color:#fff; padding:4px 0;}
.footer-navi a:hover, .custom-footer-menu a:hover { color: #ccc; text-decoration: underline; }
/* Social Icons */
.socialfollow { float: right; }
.socialfollow a { height:38px; padding: 10px; float: left; text-decoration: none; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; }
.socialfollow a:first-of-type { margin-left: 0; }
.footer-in .socialfollow a:hover { text-decoration: none; }
.socialfollow a.facebook:hover { background: #3b5996; }
.top-bar .socialfollow a.facebook:hover i, .our-team .socialfollow a.facebook:hover i { color: #3b5996; }
.socialfollow a.twitter:hover { background: #00acee; }
.top-bar .socialfollow a.twitter:hover i, .our-team .socialfollow a.twitter:hover i { color: #00acee; }
.socialfollow a.vimeo:hover { background: #0dadd6; }
.top-bar .socialfollow a.vimeo:hover i, .our-team .socialfollow a.vimeo:hover i { color: #0dadd6; }
.socialfollow a.dribble:hover { background: #d53e68; }
.top-bar .socialfollow a.dribble:hover i, .our-team .socialfollow a.dribble:hover i { color: #d53e68; }
.socialfollow a.youtube:hover { background: #cb322c; }
.top-bar .socialfollow a.youtube:hover i, .our-team .socialfollow a.youtube:hover i { color: #cb322c; }
.socialfollow a.pinterest:hover { background: #cb2027; }
.top-bar .socialfollow a.pinterest:hover i, .our-team .socialfollow a.pinterest:hover i { color: #cb2027; }
.socialfollow a.google:hover { background: #c3391c; }
.top-bar .socialfollow a.google:hover i, .our-team .socialfollow a.google:hover i { color: #c3391c; }
.socialfollow a.linkedin:hover { background: #0073b2; }
.top-bar .socialfollow a.linkedin:hover i, .our-team .socialfollow a.linkedin:hover i { color: #0073b2; }
.socialfollow a.rss:hover { background: #f29a1d; }
.top-bar .socialfollow a.rss:hover i, .our-team .socialfollow a.rss:hover i { color: #f29a1d; }
.socialfollow a.instagram:hover { background: #457399; }
.top-bar .socialfollow a.instagram:hover i, .our-team .socialfollow a.instagram:hover i { color: #457399; }
.socialfollow a.other-social:hover { background: #ff5d5e; }
.top-bar .socialfollow a.other-social:hover i, .our-team .socialfollow a.other-social:hover i { color: #ff5d5e; }
.socialfollow img { opacity: 0.79; }
.socialfollow i { font-size: 18px; color: #fff; opacity: 0.95; }
#footer.litex .socialfollow i { color: #343434; }
#footer.litex .socialfollow a:hover i { color: #fff; }
.top-bar .socialfollow { float: right; margin-right: 10px; }
.top-bar .socialfollow.lftflot { float: left; }
.top-bar .socialfollow img { opacity: 0.97; }
.top-bar .socialfollow a, .our-team .socialfollow a { padding: 4px; margin: 1px 4px; background: none; height:26px; }
.top-bar .socialfollow i, .our-team .socialfollow i { color: #979797; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.125s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.top-bar .socialfollow a:hover, .our-team .socialfollow a:hover { background: none; }
/* --------------------- */
/* Side Nav */
#side-content { float:right;}
#side-nav { float:left; z-index:979;}
#side-nav ul { padding:10px 20px; background:#fff; border:3px solid #f3f3f3; list-style:none;}
#side-nav ul li { border-bottom:1px solid #eaeaea; padding:0; margin:0;}
#side-nav ul li:last-of-type { border-bottom:0 none;}
#side-nav ul li ul { border: none; padding:0; padding-left:20px; margin:0; background:#fdfdfd; display:none;}
#side-nav a { display:block; color:#575757; padding:14px 0; text-transform:capitalize; font-size:13px; font-weight:400; letter-spacing:0.2px; }
#side-nav a:after { float:right; font-family: 'FontAwesome'; font-size:10px; color:#878787; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
#side-nav a:hover, #side-nav a:hover:after { color:#ff9900;}
#side-nav li.current a, #side-nav li.current a:after { color:#0093d0;}
#side-nav ul li ul li a { padding:10px 0; font-size:12px;}
#side-nav ul li:hover > ul { display:block;}
/* Image Gallery */
.image-gallery { display:block; margin:10px 0;}
.image-gallery ul li { float:left; width:215px; height:215px; margin:1px; overflow:hidden;}
.image-gallery ul li img { max-width:420px; width:auto; height:215px; border-radius:1px; text-align:center}
.image-gallery .zoomex { bottom:0;}
/* Social Media */
.blox .social-media {text-align: center}
.blox .social-media a {text-align: center; padding: 0 10px; margin-bottom: 20px; display: inline-block;}
.blox .social-media a i {border:2px transparent solid;font-size:4em;padding: 30px;border-radius: 50%;color: #fff;margin-bottom: 20px;display: block; -webkit-transition: all .3s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;background:rgba(15, 15, 15, 0.6)}
.blox .social-media a:hover i {color: #fff;border:2px #fff solid;}
.blox .social-media a span{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; color:transparent;text-transform: uppercase; font-size:16px; font-weight:600; text-shadow: 0 0 5px rgba(33, 65, 83, 1) }
.blox .social-media a:hover span{color:#fff;}
#social-media.active.facebook{ background: #3b5996 !important; }
#social-media.active.twitter { background: #00acee !important; }
#social-media.active.vimeo { background: #0dadd6 !important; }
#social-media.active.dribble { background: #d53e68 !important; }
#social-media.active.youtube{ background: #cb322c !important; }
#social-media.active.pinterest{background: #cb2027 !important; }
#social-media.active.google{background: #c3391c !important; }
#social-media.active.linkedin { background: #0073b2 !important; }
#social-media.active.rss{ background: #f29a1d !important; }
#social-media.active.instagram{ background: #457399 !important; }
#social-media.active.skype{ background: #00aaf3 !important; }
#social-media.active.other-social { background: #ff5d5e !important; }
#social-media.blox .social-media a span{display:none;}
#social-media.blox .social-media a i{background:none; font-size:2em;border: 1px transparent solid; margin:0; padding:20px;}
#social-media{transition: background-color .8s ease-in-out;-webkit-transition: background-color .8s ease-in-out;-moz-transition: background-color .8s ease-in-out;-ms-transition: background-color .8s ease-in-out;-o-transition: background-color .8s ease-in-out;}
#social-media.blox .social-media a{margin: 20px 0;}
#social-media.blox .social-media a:hover i {border: 1px #fff solid}
/* #Misc
================================================== */
/* EXTRAS */
.brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5; }
.brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5; }
.brdr-r2 { padding-right: 27px; }
.brdr-l2 { padding-left: 27px; }
.pad-r27 { padding-right: 27px; }
.pad-l27 { padding-left: 27px; }
.blox.dark .brdr-r1, .blox.dark .brdr-r2, .blox.dark .brdr-l1, .blox.dark .brdr-l2 { border-color:rgba(255,255,255,0.5);}
.alignright { text-align: right; }
img.alignright { float: right; margin-left:10px; }
.alignleft { text-align: left; }
img.alignleft { float: left; margin-right:10px; }
.aligncenter { text-align: center; }
.wp-caption { display: block; color: #444; }
.wp-caption-text { font-size: 15px; }
.gallery-caption { display: inline; }
.bypostauthor { font-size: 13px; }
.moonicons-box1 { font-size: 14px; line-height:22px; display: inline-block; width:23.33%; padding: 6px; background: #fff; margin: 6px; border: 1px solid #e8e8e8; }
.moonicons-box1 span { font-size:20px; float:left; margin-right:3px;}
.tmpl-ex { margin-bottom:40px; padding:10px; text-align:center;}
.tmpl-ex h4 { margin-top: 30px; font-weight: 500; font-size: 17px; letter-spacing: 1.4px;}
.tmpl-ex a { color: #222; border-top: 10px solid #d2d2d2; display: inline-block; border-radius: 3px; max-width:420px;}
.tmpl-ex img { width:100%; webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.tmpl-ex img:hover { opacity:0.66;}
.alignright { text-align: right; }
img.alignright { float: right; }
.alignleft { text-align: left; }
img.alignleft { float: left; }
.aligncenter { text-align: center; }
.wp-caption { display: block; color: #444; }
.wp-caption-text { font-size: 15px; }
.gallery-caption { display: inline; }
.bypostauthor { font-size: 13px; }
/* Scroll to top */
#scroll-top a { padding: 4px 8px 6px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; }
#scroll-top a i { font-size: 16px; color: #fff; }
#scroll-top a:hover { background-color: #0071A7; cursor: pointer; }
h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900;}
h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700; }
input.txbx404 { float:left; margin-top:2px; margin-right:4px; padding:7px 4px; min-height:inherit; border-radius:3px; }
input.btn404 { float:left; margin:1px; padding:8px 12px 9px; }
body.error404 input.search-side { max-width:292px; min-height:40p#0071A7x; height:40px; border-radius:2px;}
body.error404 .blox.dark { padding-bottom:120px; padding-top:60px;}
.v-shadow-l { background:url(../images/v-shadow-left.png) no-repeat right center; }
.v-shadow-r { background:url(../images/v-shadow-right.png) no-repeat left center; }
.v-shadow-r, .v-shadow-l { min-height:320px; }
.pad-r10 { padding-right:10px; }
.pad-r20 { padding-right:20px; }
.pad-r30 { padding-right:30px; }
.pad-r40 { padding-right:40px; }
.pad-l10 { padding-left:10px; }
.pad-l20 { padding-left:20px; }
.pad-l30 { padding-left:30px; }
.pad-l40 { padding-left:40px; }
/* #Column Shortcodes
----------- */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 4%; float: left; margin-bottom:20px; }
.one_half { width: 48%; }
.one_third { width: 30.6666%; }
.two_third { width: 65.3332%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.column-last { margin-right: 0 !important; clear: right; }
.easyPieChart { position: relative; text-align: center; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
.pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; }
.pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;}
.container .pie p { margin-bottom:0;}
/* Typekit Fonts
------------------ */
p, #nav ul li, .textwidget, .widget-tabs li, .alert { font-family: 'proxima-nova', 'Varela', 'Source Sans Pro', Helvetica, Arial, sans-serif;}
.icon-box3 h5, h3.lintex, .respo-tagline, a.magicmore { font-family: 'proxima-nova', 'Source Sans Pro', Helvetica, Arial, sans-serif;}
nav.primary .portfolioFilters a, .max-title2 h2, .max-title4 h2, .zoomex2 h6, .max-counter.s-counter .max-count, .widget h4.subtitle, .postmetadata h6, .blog-post h3, .blog-single-post h1,
.pin-ecxt h6, .icon-box h4, .icon-box4 h5, .latest-b2 *, .our-process-item h5, h6.blog-date, .testimonial-brand h5, .max-counter.s-counter h5, .callout h3, .pin-box h4,
h1.portfolio-item-title, .works-item-cat-box, .works-item-date-box, .vc_progress_bar .vc_single_bar .vc_label, .wpb_accordion h3, .testimonial-brand h5 em, .tmpl-ex h4 { font-family: 'futura-pt', 'Source Sans Pro', Helvetica, Arial, sans-serif;}
/* New serif google font (Arapey) */
blockquote, blockquote p, q, .max-quote h2, .testimonial-content h4, .qot-week h3, h5 em { font-family: 'Arapey', serif;}
/* Breadcrumbs
--------------- */
.breadcrumbs-w { background:#f9f9f9; padding:7px 0; font-size:11px; color:#6c7279; letter-spacing:2px; text-transform:uppercase; font-weight:600;}
.breadcrumbs-w a { color:#5c646d;}
.breadcrumbs-w a:hover { text-decoration:underline;}
.breadcrumbs-w .container { padding-left:20px;}
/*# Row fixes
--------------
-------------- */
/*
.blox.page-title-x, .parallax-sec.page-title-x, .video-sec.page-title-x { margin-top:-35px;}
.row-wrapper-x { padding:0 10px;}
.col-md-8.omega .row-wrapper-x { padding-left:0;}
.row-wrapper-x .wpb_row.vc_row-fluid { width:auto; margin-left:-10px; margin-right:-10px;}
#wrap .wpb_row.full-row, #wrap.boxed-wrap .wpb_row.full-row { margin-top:0; margin-left:0; margin-right:0; margin-bottom:0; clear:both;}
#wrap .blox .wpb_row.full-row, #wrap .parallax-sec .wpb_row.full-row, #wrap .video-sec .wpb_row.full-row,
#wrap.boxed-wrap .blox .wpb_row.full-row, #wrap.boxed-wrap .parallax-sec .wpb_row.full-row, #wrap.boxed-wrap .video-sec .wpb_row.full-row { margin:0;}
#wrap .wpb_row.full-row.vc_row-fluid .vc_span12 .vc_row-fluid { margin-left:0; margin-right:0;}
.wpb_revslider_element, .wpb_layerslider_element, .max-hero { margin-top:-35px;}
.page-title-x .wpb_revslider_element, .page-title-x .wpb_layerslider_element, .page-title-x .max-hero { margin-top:0;}
.blox.wpb_row, #wrap.boxed-wrap .blox.wpb_row, #wrap .blox.wpb_row, .blox .wpb_row, #wrap.boxed-wrap .blox .wpb_row, #wrap .blox .wpb_row{ margin-bottom:0;}
.wpb_row.blox, .wpb_row.parallax-sec, .wpb_row.video-sec, .wpb_row.full-row { margin-right:0; margin-left:0; margin-bottom:0;}
.blox .wbp_row, .blox .wpb_row.vc_row-fluid { margin-right:0!important; margin-left:0!important;}
#wrap .blox .wpb_content_element, #wrap .parallax-sec .wpb_content_element, #wrap .video-sec .wpb_content_element { margin-bottom:0;}
.wpb_single_image.wpb_content_element { margin-bottom:5px;}
.wpb_layerslider_element.wpb_content_element, .wpb_revslider_element.wpb_content_element, .wpb_gmaps_widget.wpb_content_element { margin-bottom:0;}
.wpb_layerslider_element .wpb_single_image.wpb_content_element, .wpb_revslider_element .wpb_single_image.wpb_content_element { margin-bottom:0px;}
*/
.row-wrapper-x p img { max-width:100%; height:auto;}
#wrap p img, .wpb_single_image.wpb_content_element img { height: auto; max-width:100%;}
.no-mb{margin-bottom:0 !important; }
.ne-mb{margin-bottom:-30px !important; }
/* WP pagenavi
----------- */
.wp-pagenavi { clear: both; font-size: 12px; text-align:center; }
.wp-pagenavi span.pages { color:#999; }
.wp-pagenavi a, .wp-pagenavi span { font-weight:bold; text-decoration: none; display:inline-block; background:#fff; border: 1px solid #d1d7dc; line-height:1; padding: 10px 14px; margin: 3px 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
*zoom: 1;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.04);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.04);
box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #efefef; background:#fdfdfd;}
.wp-pagenavi a:hover {border-color: #d2d2d2;}
.wp-pagenavi span.current { font-weight: bold;}
.search-results .blog-post { padding-bottom: 7px; border-bottom: 4px solid #efefef; margin-bottom: 40px; }
/* ----------- */
/* #Media Queries
===============================================================================
=============================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#header { padding:10px 0;}
#search-form, .woo-cart-header { display:none;}
.plan-wrap { width: 100%; }
.sub-h h5 { padding: 0; }
.blog-content .post-img { margin-bottom: 20px; }
.blog-expression { width: 100%; }
.img-team { margin-top:40px }
.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;}
.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none; margin-right:0;}
.sidebar.leftside { margin-bottom:40px; border-bottom:5px solid #e5e5e5;}
.img-box { width: 256px; height: 188px; }
.last-project .img-box { background: #EA3C3C; }
.last-project .img-box:nth-child(even) { background: #F66060; }
.ab-box { height: 235px; }
.author-detail { width: 218px; }
.contact input { width: 330px; float: none; }
.contact textarea { width: 486px; }
.row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px; }
a.get { margin-bottom: 14px; }
.pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px; }
.pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px; }
.dpromo2 { margin-top:35px; border-top:1px solid #e5e5e5; padding-top:30px; }
.dpromo2 .brdr-l1, .dpromo2 .pad-l40 { border-left:none; padding:0;}
.vertical-space, .vertical-space1 { height: 12px; }
.vertical-space2 { height: 18px; }
.vertical-space3 { height: 36px; }
.vertical-space4 { height: 50px; }
.vertical-space5 { height: 80px; }
#footer .vertical-space4 { height:16px;}
.icon-box1 { text-align:center;}
.icon-box1 i { display:inline-block; float:none; margin:20px 0; }
.icon-box2 h4 { font-size:19px;}
.icon-box2 p { font-size:17px;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select { min-width:90px; max-width:100%; }
}
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.sparallax .slide-image{background-attachment: local !important; background-size: auto!important;}
.blox {background-attachment: local!important; background-size: auto!important; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.blox {background-attachment: local!important; background-size: auto!important;}
.pad { padding-top: 8%; }
.blog-line img { float: none; }
#wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 828px; }
#tline-content { width: 800px; }
.tline-box { width: 335px; }
#testimonials-slider li { width:750px;}
.plan-wrap { width: auto; }
.social-icons a { margin: 1px 4px 0 4px; }
.row.magic { padding-left: 20px; margin-bottom: 10px; }
.blog-date-sec { width: 42px; height: 42px; }
.max-counter.m-counter { width:130px; }
.max-counter.m-counter .max-count { width:90px; height:90px; font-size:23px; padding-top:33px;}
.social-team i { font-size:16px; padding:5px;}
h1.respo-tagline, h2.respo-tagline, h3.respo-tagline, h4.respo-tagline { line-height:1.33; letter-spacing:0; margin-bottom:14px; }
h1.respo-tagline { font-size:21px;}
h2.respo-tagline { font-size:18px;}
h3.respo-tagline { font-size:16px; font-weight:400;}
h4.respo-tagline { font-size:13px; font-weight:400;}
h1.tagline-bold { font-size:31px; line-height:33px;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 460px; }
.pin-box { width: 166px; width: 164px\9; }
#tline-content { width: 460px; }
.tline-box { width: 420px; }
#testimonials-slider li { width:400px;}
.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; }
.pricing-table .plans-f-list.respo { display: inline; visibility: visible; }
.jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#header.dark #nav {background: #000; border-color:#181818}
#header.dark.sm-rgt-mn #menu-icon i {color:rgb(228, 228, 228)}
#header.dark.sm-rgt-mn #menu-icon:hover i, #header.dark.sm-rgt-mn #menu-icon.active i {color:#27ae60;}
.blox {background-attachment: local !important; background-size: cover !important;}
.max-hero .slides-navigation {display:none}
.max-hero .slides-content .slides li{font-size: 48px;}
.max-hero .slides-content p{ font-size: 14px}
.max-hero .slides-content .button {font-size: 12px}
#headline { height:auto; border-bottom:1px solid #e3e3e3; padding:14px 0; background-color:#fafafa; }
#headline h3 { border-top-color:#f6f6f6; padding-top:8px; font-size:24px; text-align:center;}
#headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400; }
.top-bar { height:78px; padding:5px 0 6px; background:#fcfcfc url(../images/topsobg1.png) repeat-x center center;}
.top-bar h6 { font-size:11px; letter-spacing:0; margin:0 10px 0 0;}
.top-bar h6 i { font-size:12px; padding:3px; margin-right:3px;}
.top-bar .socialfollow, .top-links, .top-links.rgtflot, .top-bar .socialfollow.lftflot { float:none; text-align:center; clear:both; min-height:22px;}
.top-bar .socialfollow, .top-bar .socialfollow.lftflot { padding-top:8px;}
.top-bar .socialfollow a, .top-bar .socialfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px; background:none;}
.top-links, .top-links.rgtflot { margin:0 0 8px 0; padding-top:4px; }
.top-links.rgtflot { margin-top:12px; margin-bottom:6px;}
#lang_sel_click { text-align:left; float:right;}
#lang_sel_click img.iclflag { padding:0;}
.container hr { margin-left:0; margin-right:0;}
.blog-date-sec { width: auto; display:block; margin:-24px 0 10px; text-align:left; background:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 1px solid #e5e5e5; }
.blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 1px; line-height: 25px; font-size:11px; font-weight:400; color:#444;}
.blog-post { border-bottom-width:3px;}
.blog-post h3, .blog-single-post h1 { font-size: 33px; margin-bottom:20px; line-height:31px; }
.blog-post p { font-size:16px;}
.nav-search { float: none; margin: 0; }
.img-box { width: 420px; height: 308px; }
.contact textarea { width: 398px; }
.max-counter { display:block; padding-bottom:20px;}
.logo { text-align: center; float:none; margin-bottom:15px; width:100%; }
#nav { display: none; }
.portfolio article { width: 100%; height: 300px; }
.plan-wrap article { width: 50%; }
.twitter h3 { padding: 0; }
.project-view .img-item-big img { border:none; margin-bottom:-14px;}
.proj-title-x h2 { font-size:28px;}
#wrap .ptp-pricing-table .ptp-four-col {width: 100%;}
.zoomex2 h6 { font-size:18px; font-weight:600;}
input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px; }
.pin-box { width: 380px; }
.tline-box iframe, .tline-box img { height:auto;}
.tline-row-l, .tline-row-r { display: none }
.tline-box.rgtline { float: left; left: 0; }
#tline-content:before { background:#eff3f4;}
.tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; }
.tabs-left > .nav-tabs > li > a { border-right:0 none;}
.tabs-left > .tab-content { border: none;}
.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }
.container hr { margin-left:0; margin-right:0;}
.blog-post { border-bottom-width:3px;}
.author-detail { margin: 20px 0; }
.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
.twitter-box h3 { font-size:17px;}
.date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; }
.blog-line .blog-date-sec { height: auto; }
.v-shadow-r, .v-shadow-l { min-height: inherit; background: none; }
.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
.latest-f-blog, .qot-week { margin:0;}
.callout { margin:10px 0px 20px; }
.brdr-l1, .brdr-r1, .brdr-l2, .brdr-r2 { padding:0; border: none; }
.brdr-l1 { margin-top:30px;}
.brdr-r1 { margin-bottom:30px;}
.resp-center { text-align:center !important;}
.tab-content p, .tab-content li { font-size: 12px; }
#side-nav { float:noe;}
input[type="text"].header-saerch, input[type="text"].header-saerch:focus { float: none; display: inline; position: relative; z-index: 10000; }
#wrap .ls-inner a.button { padding:4px 8px !important; font-size:11px; text-transform:uppercase; letter-spacing:0; font-weight:bold;}
#wrap .ls-inner a.button.sm19 { margin-left:-12px;}
#wrap .ls-inner h1 { font-size:17px;}
#wrap .ls-inner h2 { font-size:16px;}
#wrap .ls-inner h3 { font-size:15px;}
#wrap .ls-inner h4 { font-size:14px;}
#wrap .ls-inner h5 { font-size:13px;}
#wrap .ls-inner h6, #wrap .ls-inner p { font-size:12px;}
.footer-navi.floatright, .footer-navi { float:none; text-align:center;}
.fix-btn-mrg .button.skyblue.large { margin-top:30px; margin-bottom:55px;}
.transparent-header-w #header .img-logo-w2 { display:none;}
.transparent-header-w #header .img-logo-w1 { display:inline;}
#header .img-logo-w1 { display:inline;}
.logo a:active { opacity:1;}
.moonicons-box1 { width:100%;}
.max-title, .max-title2,.max-title3, .max-title4, .max-title5 { margin-top:14px; margin-bottom:12px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.max-hero .slides-content p{font-size: 13px}
#wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 340px; }
.footbot { min-height: 38px; height: auto; }
.nav-wrap2.mn4 #nav a { padding: 15px 4px; }
#menu a { padding: 15px 4px; }
.img-box { width: 300px; height: 220px; }
.pad { padding-top: 2%; }
.post-img { margin-bottom: 20px; }
.plan-wrap article { width: 100%; }
.author-detail { width: 254px; }
.contact input { width: 288px; margin-right: 0; }
.contact textarea { width: 278px; }
.commentin { width: 92%; }
.pin-box { width: 268px; }
#tline-content { width: 300px; }
.tline-box { width: 250px; }
#testimonials-slider li { width:280px;}
.quote-slider .testimonial-content h4 q { font-size:19px;}
#wrap .ls-inner .ls-l { display:none;}
#wrap .ls-inner .ls-bg { display:block;}
.vertical-space, .vertical-space1 { height: 8px; }
.vertical-space2 { height: 14px; }
.vertical-space3 { height: 28px; }
.vertical-space4 { height: 40px; }
.vertical-space5 { height: 60px; }
}
@media only screen and (min-width: 1200px) {
#wrap.boxed-wrap, #wrap.boxed-wrap #header { width:1180px;}
.white-space { height:110px;}
h4.subtitle { margin:39px 0 21px 0; }
.blog-date-sec h3 { font-size:36px;}
#testimonials-slider li { width:1100px; }
.pin-box { width: 31.600%; margin:12px 0.500%; margin-bottom:20px; }
#footer .col-md-4, #footer .col-md-3 { padding-right:50px;}
#headline h3 { padding-left:15px;}
.breadcrumbs-w .container { padding-left:30px;}
}
@media only screen and (min-width: 769px) and (max-width: 959px) {
#testimonials-slider li { width:860px;}
.latest-works .portfolio-item { width:33.3%;}
.pin-box { width: 352px; }
}
Zerion Mini Shell 1.0