PATH:
home
/
letacommog
/
supportleta
/
wp-content
/
themes
/
easyweb
/
css
/*---------------------------------- Theme Name: EasyWeb ---------------------- /* #Site Styles ================================================== */ body { background-color: #f4f7f8; } /* 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; font-size: 17px; letter-spacing:0;} .w-header-type-11 #site-title { display: block; letter-spacing: 0; font-size: 25px; margin-top: 30px;} .w-header-type-11 #site-title a { color: #fff; } .w-header-type-11 .logo .site-slog a { font-size: 17px; color: #fff; font-weight: 400; letter-spacing: 0; } @media only screen and (max-width: 960px) { .w-header-type-11 #site-title { font-size: 15px; margin-top: 5px; padding-bottom: 0; } .w-header-type-11 .logo .site-slog a { font-size: 6px; } } #site-title a { color:#3b454d; font-weight: bold;} #site-title .site-slog a { font-weight: normal;} #site-title small { display:block; margin-top:5px;} #main-content.container { padding-top:35px;} @media only screen and (min-width: 961px) { .has-header-type11 #main-content.container { padding-top: 114px;} } .site-slog {display: inline-block;} /* HEADLINE */ #headline, #headline2 { width: 100%; padding: 12px 0 16px; background: #fafafa; display: table; border-bottom: 1px solid #eee; border-top: 1px solid #eee;} #headline h3, #headline h2, #headline h1 { text-align: center; color: #101010; font-size: 33px; line-height:1.1; margin: 20px 12px 16px; position: relative; text-transform:uppercase; font-weight: 600; letter-spacing: 1px;} #headline h3 small, #headline h2 small { font-size: 56%; color: #777; font-weight: 300; margin-left: 12px; letter-spacing: -0.07em; text-transform: capitalize;} @media only screen and (min-width: 961px) { .has-header-type11 #headline { padding-top:90px;} .has-header-type11 #headline h2 { padding-left:5px;} } /* TOP-BAR */ .top-bar { background: #3b3e46; min-height:51px;} .top-bar h6 { font-size:12px; font-weight:400; margin:0 10px 0 0; color:#d8d8d8; letter-spacing:1px;} .top-links { float:left; color:#d8d8d8; font-size:13px; line-height: 51px; font-weight:400; padding-left:11px;} .top-links.lftflot a { margin: 0; border-right: 1px solid rgba(255,255,255,0.5); padding: 0 6px; transition: .2s all ease;} .top-links.lftflot a:last-child { border: none;} .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:#d8d8d8; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;} .top-links a, .top-links span {color: #fff; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:400; letter-spacing:0.6px;} .top-links a:hover {color: #00c2e5;} .top-co-inf .top-links { float:right; margin-top:8px;} .top-co-inf .top-links p { color:#d8d8d8;} .top-bar a.topbar-btn { color:#fff; background: #77da55; line-height: 51px; height: 52px; display: inline-block; padding: 0 15px; float: right; font-size: 12px; font-weight: 400; transition: .2s all ease;} .top-bar a.topbar-btn:hover { color:#fff !important; background:#222 !important;} .top-bar a.topbar-btn i { margin-right:4px; font-size:13px;} @media only screen and (max-width: 767px) { .top-bar a.topbar-btn { float:none; line-height:26px; height:24px; border-radius:33px; font-size:11px; font-weight:500;} .top-bar a.topbar-btn i { font-size:10px;} } /* Polylang ============================*/ .top-bar .top-links .polylang-flags .widget_polylang ul li { display: inline-block; float: right;} .top-bar .top-links .polylang-flags { float: left; margin-top: 18px;} #header .widget ul .lang-item { display: inline-block;} #topbar-search { float: right; margin: 0; position: relative;} #topbar-search .search-text-box { color:#222; min-height:31px; background-color:#4a4a4a; margin:10px 0 0; border:none; border-radius:0; padding:0 38px 0 10px; letter-spacing:0; font-size:13px; transition: all 0.14s ease;} #topbar-search:hover .search-text-box, #topbar-search .search-text-box:focus { background:#f9f9f9; box-shadow:0 0 11px rgba(0,0,0,0.11) inset;} #topbar-search .search-icon { position: absolute; top: 18px; font-size: 16px; color: #bbb; right: 18px;} .top-bar .inlinelb { color: #787878; font-size: 11px; transition: all 0.18s ease; } .top-bar .inlinelb:hover { color: #00c2e5;} .top-bar .topbar-login-wrap { color: #fff;} .top-bar .topbar-login-wrap i { font-size: 15px; position: relative;top: 1px;} .top-bar .topbar-login { color: #fff; padding: 6px 8px; margin-left: 0; line-height: 51px;} .top-bar .topbar-login:before { content: "\f023"; font-family: 'FontAwesome';font-size: 13px;margin-right: 10px;position: relative;top: 1px;} .top-bar .inlinelb.topbar-contact { color: #ddd; font-size:9px; letter-spacing:1px; padding: 6px 12px; background-color: #4a4a4a; border-radius: 18px;} .top-bar .inlinelb.topbar-contact:hover { background-color:#00c2e5; color:#fff;} .wpcf7 .wpcf7-form { margin:0;} .wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"] { background-color: #39e0b8;} .wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover { background-color: #292929;} @media only screen and (min-width: 768px) { .top-bar .topbar-login-wrap { float: right;} } @media only screen and (min-width: 961px) { .topbar-fixed #wrap .top-bar { position:fixed; top:0; left:0; width: 100%; z-index:999999; height:41px;} .has-header-type11.topbar-fixed #wrap .top-bar { min-height: 54px; } .topbar-fixed #header { margin-top: 41px;} .topbar-fixed #vertical-header-wrapper #header {margin-top:0;} } @media only screen and (min-width: 961px) { .has-header-type11 .top-bar { min-height: 116px;} .transparent-header-w.has-header-type11 .top-bar { min-height: 51px;} } @media only screen and (max-width: 767px) { .top-links, .top-bar .topbar-login { line-height: 32px; margin: 0;} } /* HEADER */ #header { z-index: 8000; width: 100%; margin: 0;} #header .components { float: left; width: 100%; border-bottom: 2px solid #f0f0f0;} .phones-components { border-bottom: 2px solid #f0f0f0; } #header h6, .components h6, .top-bar h6, .top-inf h6 { font-size:12px; margin:18px 14px; font-weight:400; color:#fff; display:inline-block;} #header h6, .components h6 { text-align:left; color: #5b5d60; margin: 0;float: left; padding: 22px 60px 14px 0; } #header h6 i, .components h6 i, .top-bar h6 i, .top-inf h6 i { background:none; font-size:16px; color: #00c2e5; display:inline; margin:7px 4px; vertical-align:middle;} #header h6 i, .components h6 i { float: left; font-size: 24px; margin: 0; margin-right: 10px; margin-top:5px;} #header h6 span, .components h6 span { overflow: hidden; display: block; float:left; font-size: 12px; line-height: 18px; font-weight: 300;} #header h6 span strong, .components h6 span strong { font-weight: 600;} .top-bar h6 { margin:0 10px 0 0;} @media only screen and (min-width: 961px) { .phones-components { display: none; } } @media only screen and (min-width: 961px) and (max-width: 1200px) { #header h6 span, .components h6 span { font-size: 11px;} #header h6, .components h6 { padding-right:30px;} } @media only screen and (max-width: 960px) { #header .components { display: none; } .phones-components { display: block;} #header h6, .components h6 {text-align: left; padding-left: 10px; padding-right: 10px; display: block;} } @media only screen and (max-width: 767px) { .phones-components { display: table; float: none;width: 100%;border-width: 1px;} .components h6:first-child {border-left: 1px solid #f0f0f0;} .components h6 { cursor: pointer; border-right: 1px solid #f0f0f0; display: table-cell; width: auto;float: none;margin: 0;vertical-align: middle;text-align: center;padding: 20px 15px;} .components h6 i { margin: 0;float: none; cursor: pointer;} .components h6 span { font-size: 0; transition: .3s all ease; text-align: left;} .components h6.active span { font-size: 10px; } .components h6.active i {float: left;position: relative;top: 6px;margin-right: 8px;} } @media only screen and (max-width: 479px) { .components h6 { padding:15px 7px;} .components h6 i { font-size:18px;} .components h6.active span { font-size: 9px;} .components h6.active i { margin-right:4px;} } #header.transed { position: fixed; background: rgba(255,255,255,0.8); width: 100%; z-index: 9100;} #header.super-fixed { background:#fff; border:none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); width:100%; height:90px; z-index: 9100;} .logo { height:100%;} .logo img { max-width: 100%; height:auto; max-height:100%;} #header.super-fixed .logo img, header.super-fixed .logo { max-height:90px; width:auto;} .logo { height: auto; float: left; margin-bottom:0;} .logo img { max-width: 100%; max-height: 100%;} .nav-wrap1 .container { width:auto;} .logo-wrap .logo { width:240px; height:100px; position:relative;} .logo-wrap .logo img { max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;} @media only screen and (min-width: 961px) { .logo-wrap .logo img { height:auto !important; width:auto;} } h1.logo { margin-bottom:0; font-size:15px; font-weight:700;} #header .img-logo-w1 { display:inline;} #header .img-logo-w2, #header .img-logo-w3 { display:none} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w1, .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w3 { display:none;} .transparent-header-w.t-dark-w #header .img-logo-w2 { display:inline;} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w3 { display: inline;} #header.sticky .img-logo-w2, .transparent-header-w #header.sticky .img-logo-w1 { display:none;} .logo-sticky { display:none;} .transparent-header-w.t-dark-w #header.vertical-w .img-logo-w1 { display:inline;} #search-form { float:right; margin:38px 20px auto 0; position:relative; padding-left: 14px; height: 24px;} .top-bar #search-form { margin-top:0;} #header.sticky #search-form { margin-top: 21px;} #search-form .search-text-box, #search-form2 .search-text-box2 { background-color: #f5f5f5; background-image: url(../images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; min-height:35px; height:35px; 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:-24px; margin-top:45px; background:#fff; padding:14px 18px; height:63px; border:1px solid #e2e2e2; border-radius:0; -moz-box-shadow:0 2px 12px rgba(0,0,0,0.082); -webkit-box-shadow:0 2px 12px rgba(0,0,0,0.082); box-shadow:0 2px 12px rgba(0,0,0,0.082); display:none;} #header.sticky .search-form-box { margin-top:27px;} .search-form-box.show-sbox { display:block; -webkit-animation: fade-anim .3s ease .037s both; animation: fade-anim .3s ease .037s both; z-index:9112000;} .top-bar .search-form-box.show-sbox { margin-top:40px;} .search-form-box:after, .search-form-box:before { content: '';display: block;position: absolute; right:9px;width: 0;height: 0;border-style: solid; border-width: 10px;} .search-form-box:after { top: -18px; border-color: transparent transparent #ffffff transparent ;} .search-form-box:before { top: -19px; border-color: transparent transparent #e2e2e2 transparent ;} a.search-form-icon, a.search-form-icon:visited { display:block; width:16px; height:16px; color:#888;} a.search-form-icon:hover { color:#555;} a.search-form-icon i {color: #444; padding: 10px; padding-left: 12px; font-size: 18px; border-radius:50%;} .top-bar #search-form a.search-form-icon i { font-size:11px; padding:10px; padding-left:11px; color:#aaa;} .top-bar #search-form a.search-form-icon:hover i { color:#aaa;} .top-bar #search-form a.search-form-icon { padding:0; margin-top:7px;} @media only screen and (min-width: 961px) { #header.sticky #site-title { display:none;} #header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap { width:100%; box-shadow: 0 0 3px rgba(0,0,0,0.21); z-index:8999; background:#fff; display:block; position:fixed; height:64px; padding:0; left:0; top:0; -webkit-backface-visibility: hidden; -webkit-animation: header-anim .2s ease .027s both; animation: header-anim .2s ease .027s both; transition: background 0.3s ease-in-out 0s, border-bottom 0.3s ease-in-out 0s;} #header.sticky #nav-wrap .container { width:1156px; float:none; padding:0; position:relative; margin-left:auto; margin-right:auto; height:64px;} #header.sticky .logo-sticky { display:block; position:fixed; top:0; max-width:280px; z-index:9000; -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: 48px; width: auto; max-width:280px; margin-top: 4px; display:block;} #header.hi-header:not(.w-header-type-11), #header.hi-header:not(.w-header-type-11) .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; -webkit-backface-visibility: hidden;} .transparent-header-w #header.w-header-type-11 { background:#fff;} .transparent-header-w #headline { display:none;} .transparent-header-w.t-dark-w #wrap .top-bar { height:51px; width:100%; z-index:9995; border-bottom:none; position:absolute; top:0; background:none;} .transparent-header-w.t-dark-w #wrap .top-bar * { color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,0.18);} .transparent-header-w.t-dark-w #wrap .top-bar .top-links a:hover { color:#00c2e5;} .transparent-header-w.t-dark-w #wrap .top-bar h6 i { color:#00c2e5;} .transparent-header-w.has-topbar-w #header { top:53px;} .transparent-header-w .top-bar #topbar-search .search-text-box { background:rgba(255,255,255,0.45);} .transparent-header-w .top-bar #topbar-search .search-icon { color: #fff;} .transparent-header-w #header.sticky { top:0; right:0; left:0; height:64px; background:none;} .transparent-header-w #header.sticky .img-logo-w2 { display: none;} .transparent-header-w .nav-wrap2 { background:none;} .transparent-header-w .nav-wrap2 #nav { border-bottom:1px solid rgba(0,0,0,0.217);} .transparent-header-w.t-dark-w .nav-wrap2 #nav { border-bottom:1px solid rgba(255,255,255,0.217);} .transparent-header-w #header.horizontal-w #nav > li > a, .transparent-header-w .woo-cart-header .header-cart span, .transparent-header-w a.search-form-icon { color:#000;} .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.horizontal-w:not(.w-header-type-11) #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: 0 1px 0 rgba(0,0,0,0.15);} .transparent-header-w #header.horizontal-w #nav > li:hover > a, .transparent-header-w #header.horizontal-w #nav > li.current > a, .transparent-header-w.t-dark-w #header.horizontal-w #nav > li:hover > a, .transparent-header-w.t-dark-w #header.horizontal-w #nav > li.current > a { color: #00c2e5; text-shadow: none;} .transparent-header-w.t-dark-w a.search-form-icon i { color:#fff; border-color:#fff; text-shadow:none; font-size:16px; background:none;} .transparent-header-w.t-dark-w .woo-cart-header .header-cart { background-image: url('../images/woobag@2x.png');} .transparent-header-w #header.horizontal-w.sticky #nav > li > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li > a { color:#444; text-shadow:none;} .transparent-header-w #header.horizontal-w.sticky #nav > li.active > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li.active > a, .transparent-header-w #header.horizontal-w.sticky #nav > li:hover > a, .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li:hover > a { color:#00c2e5;} .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');} } @media only screen and (min-width: 961px) and (max-width: 1200px) { #header.sticky #nav-wrap .container { width:930px;} } @media only screen and (min-width: 1281px) { #header.sticky #nav-wrap .container { width:1186px} } /* 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 ================================================== */ .error404 .blox.dark { background:#e4e4e4; padding-bottom:120px; padding-top:60px;} @media (min-width: 961px) { .error404.has-header-type11 .blox.dark { padding-top:180px;} } .error404 .blox.dark * { color:#111; text-align:center;} .error404 h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900;} .error404 h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700;} .error404 input.btn { visibility:hidden;} body.error404 input.search-side { margin:2px auto; padding:6px 12px; max-width:292px; min-height:50px; height:50px; border:none; border-radius:0;} /* --------------------- */ /* FOOTER */ #footer { width: 100%; padding: 70px 0 0 0;background: #262831; text-align: left;} #footer.litex { background: #fcfcfc; border-top: 1px solid #e8e8e8;} #footer .row { margin:0;} .footer-in { margin: 0 auto; padding-bottom: 20px; color: #ccc; position: relative;} .footer-in .columns { margin-top: 20px;} .footer-in h5.subtitle, .toggle-top-area h5.subtitle { color: #fff; padding-bottom:10px; padding-left:1px; border-bottom: 2px solid rgba(255,2555,255,0.02); margin:0 0 25px 0; position: relative; font-size:15px; text-transform:uppercase; line-height:1.5; font-weight:700; text-align:left;} #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-in hr { border-color: #373737;} .footer-in .copyright-txt { font-size: 12px;} .footer-in p, .footer-in .textwidget { line-height: 1.83; color: #898b92; font-size: 14px; } .footer-in .yp-ft-logo { text-align:right;} .footer-in .yp-ft-logo img { max-width:90px;} .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;} .footer-in ul.menu li { font-size:12px; text-transform:uppercase; letter-spacing:1px; transition: all 0.23s ease;} .footer-in ul.menu li:hover { padding-left:10px; background:#222;} /* 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: #818181; font-size: 14px; padding:5px 0;} .contact-inf i { margin-right: 5px; color: #474747;} .contact-inf form { margin-top: 20px;} #wrap .foot-contct-form span {display: block;color: #818181;font-size: 14px;padding: 0 0 12px;} #wrap .foot-contct-form i { margin-right: 5px; color: #474747;} #wrap .foot-contct-form form { margin-top: 20px;} #wrap .footer-in .foot-contct-form textarea::-webkit-input-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form textarea::-moz-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form textarea::-ms-input-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form input::-webkit-input-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form input::-moz-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form input::-ms-input-placeholder { color: #555866; } #wrap .footer-in .foot-contct-form input { font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif;border: none;box-shadow: none;display: block;min-width: 100%;background: #202229;min-height: 33px;color: #a0a0a0;font-size: 12px;padding: 10px 0px 10px 12px;border-radius: 4px;border:none;} #wrap .footer-in .foot-contct-form textarea { font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif;border: none;box-shadow: none;display: block;min-width: 100%;height: 88px;margin: 0 0 4px 0;background: #202229;color: #a0a0a0;font-size: 12px;padding: 10px 0px 10px 12px;border-radius: 4px;border:none;} #wrap .footer-in .foot-contct-form .fcf-submit .wpcf7-submit, .footer-in .tribe-events-widget-link a { padding: 14px 20px; font-size: 10px; text-transform:uppercase; letter-spacing:1px; color: #aaa; font-weight: 600; border-radius: 2px;background: rgba(255,2555,255,0.05); margin-right:6px; margin-left:2px;} #wrap .footer-in .foot-contct-form .fcf-email { padding-right: 6px;} #wrap .footer-in .foot-contct-form .fcf-subject { padding-left: 6px;} @media (max-width: 960px) { #wrap .footer-in .foot-contct-form input[name="wcEmail"], .footer-in .foot-contct-form input[name="wcSubject"] { width: 100%; } #wrap .footer-in .foot-contct-form input[name="wcSubject"] {margin-left:0;} #wrap .footer-in .foot-contct-form .fcf-email { padding-right: 10px;} #wrap .footer-in .foot-contct-form .fcf-subject { padding-left: 10px;} } #wrap .footer-in .tribe-events-widget-link a:hover, #wrap .footer-in .foot-contct-form .fcf-submit .wpcf7-submit:hover { background:#00c2e5 !important; color:#fff !important; text-decoration:none !important;} .footer-in .tribe-events-widget-link a:hover, .footer-in .contact-inf button:hover { background:#00c2e5; color:#fff; text-decoration:none;} .footer-in a { color:#888; text-decoration:none;} .footer-in a:hover { text-decoration:underline; color:#999;} .footer-in .textwidget h6 { color:#555; letter-spacing:2px; text-transform:uppercase; font-size:15px;} #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: #22242c; padding: 26px 0 18px; text-align: right; padding-top: 34px;} .footbot .socialfollow { text-align: center; float: none; display: inline-block; } .footbot .socialfollow a { padding: 2px; } .footbot .socialfollow a:after { display: none; } .footbot .socialfollow a:hover { background: #333; } #footer.litex .footbot { background:#e9e9e9} #footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b;} #footer.litex .side-list p, #footer .side-list p { font-size:11px; font-weight:400;} .footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93;} .footer-navi { float:left; line-height:38px;font-size: 12px;color: #898b92; font-weight:400;} .footer-navi ul { margin-left: 40px;} .footer-navi a {color: #767989; text-transform:uppercase; font-weight:600;font-size: 11px;} .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: #0CB9E7;text-decoration: none;} .footer-navi a:after { content: "."; font-size: 23px; color: #0CB9E7;position: relative;bottom: 2px;margin: 0 6px;} .footer-navi a:last-child:after { content: "" ; } @media (max-width: 767px){ .footer-navi { text-align:center; font-size:11px;} } /* Social Icons */ .socialfollow { float: right;} .socialfollow a { width: 35px; height: 36px; text-align: center; padding: 10px; float: left; text-decoration: none; display: block; -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 { border-radius: 8px;padding: 8px; margin-right: 7px; transition: .3s all;} .footer-in .socialfollow a { background:rgba(255,2555,255,0.05);} .socialfollow a:first-of-type { margin-left: 0;} #footer .footer-in .socialfollow a:hover {text-decoration: none;border-color: transparent;color: #fff;} #footer .socialfollow a:hover i { color: #fff;} #wrap .socialfollow a.facebook:hover { background: #3b5996; } #wrap .socialfollow a.twitter:hover { background: #00acee; } #wrap .socialfollow a.vimeo:hover { background: #0dadd6; } #wrap .socialfollow a.dribble:hover { background: #d53e68; } #wrap .socialfollow a.youtube:hover { background: #cb322c; } #wrap .socialfollow a.pinterest:hover { background: #cb2027; } #wrap .socialfollow a.google-plus:hover { background: #c3391c; } #wrap .socialfollow a.envato:hover { background-color: #81b441; } #wrap .socialfollow a.linkedin:hover { background: #0073b2; } #wrap .socialfollow a.rss:hover { background: #f29a1d; } #wrap .socialfollow a.instagram:hover { background: #457399; } #wrap .socialfollow a.other-social:hover { background: #f63b29; } .socialfollow img { opacity: 0.79;} .socialfollow i { font-size: 18px; color: #fff; opacity: 0.95;} #footer.litex .socialfollow a i { color: #6f6f6f;} #footer.litex .socialfollow a:hover i { color: #fff;} @media (max-width: 767px){ #footer .footer-in .socialfollow { margin-left: 0;} } .top-bar .socialfollow { float: right; margin-right: 10px;} .top-bar .lftflot .socialfollow { margin-right:0;} .top-bar .socialfollow.lftflot { float: left; margin-right:0;} .top-bar .socialfollow img { opacity: 0.97;} .top-bar .socialfollow a { padding: 0; background: none; margin: 14px 3px 0; background-color: #303239;border-radius: 8px;border: 1px solid #2c2d34;width: 28px;text-align: center;line-height: 28px;height: 28px;} .transparent-header-w.t-dark-w .top-bar .socialfollow a { background:none; border:none;} .top-bar .socialfollow a:hover, .transparent-header-w.t-dark-w .top-bar .socialfollow a:hover { background-color: #00c2e5;color: #fff; border-color:transparent;} .our-team .socialfollow a { padding: 4px; margin: 1px 4px; background: none; height:26px;} .top-bar .socialfollow i, .our-team .socialfollow i { color: #a1a1a1; -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 i, .top-links .socialfollow a:before { color: #fff; font-size: 13px;} .top-bar .socialfollow a:hover i {color:#fff; opacity:1;} .our-team .socialfollow a:hover { background: none;} /* ------ Pre Footer Instagram ------- */ #pre-footer .footer-instagram-bar {background:#fff; width: 100%;} #pre-footer .footer-instagram-bar .container { padding:40px 0 30px; display:none;} #pre-footer .footer-instagram-bar .footer-instagram-text {margin-bottom:10px; text-align:center;} #pre-footer .footer-instagram-bar .footer-instagram-text i {font-size: 48px; color: #f63b29; display: table-cell;} #pre-footer .footer-instagram-bar .footer-instagram-text h6 {line-height: 1; vertical-align: middle; font-size: 19px; letter-spacing: -1px; text-transform:uppercase;} #pre-footer .instagram-feed {display: table;margin: 0 auto;} #pre-footer .instagram-feed ul {display:table-row;} #pre-footer .instagram-feed li {list-style: none;display:table-cell; transition: all .4s ease-in-out; overflow:hidden;} #pre-footer .instagram-feed li img {width:100%; transition: all .4s ease-in-out;} #pre-footer .row { margin:0;} #pre-footer .instagram-feed li img{ -webkit-transition: .95s ease-in-out; -moz-transition: .95s ease-in-out; transition: .95s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); blur:2;} #pre-footer .instagram-feed li:hover img {-webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); z-index:99123;} @media only screen and (max-width: 767px) { #pre-footer .instagram-feed li {float: left; width: 25%; margin: 0;} } /* ------ Pre Footer Social ------- */ #pre-footer .footer-social-bar {background: #22242c;width: 100%;} #pre-footer .footer-social-bar .row { width:100%; text-align:center;} #pre-footer .footer-social-items {display: inline-block; margin: 0; padding: 0;} #pre-footer .footer-social-items li {list-style: none; display: block; float:left; margin:0 10px;} #pre-footer .footer-social-items a {display: block;padding: 30px 0 36px;color: #fff;} #pre-footer .footer-social-items i {transition: all .22s ease-in-out;border: 1px solid #fff;font-size: 18px;float: left;padding: 12px;width: 42px;height: 42px;border-radius: 33px;text-align: center;margin-right:10px;display:block;color: #fff;} #pre-footer .footer-social-items div { line-height:20px; padding-top:7px; float:left; height:62px;} #pre-footer .footer-social-items span {display:none;font-size: 10px;} #pre-footer .footer-social-items strong {color: #fff;font-size: 11px;text-transform:uppercase;letter-spacing:1px;font-weight: 700;height:28px;line-height:28px;} #pre-footer .footer-social-items a:hover i { color:#fff; background: #00c2e5; border-color: #00c2e5;} @media only screen and (max-width: 960px) { #pre-footer .footer-social-items i{margin: 0 auto; float: none; width:40px; height:40px; padding:10px;} #pre-footer .footer-social-items div{text-align:center;padding-top: 10px;} #pre-footer .footer-social-items strong { font-size:10px;} #pre-footer .footer-social-items span { display:none;} } @media only screen and (max-width: 767px) { #pre-footer .footer-social-items li { margin:0 5px;} #pre-footer .footer-social-items div{display:none;} #pre-footer .footer-social-items i { font-size:18px; padding:9px; width:36px; height:36px;} } @media only screen and (min-width: 1200px) { #pre-footer .footer-social-items li { margin:0 30px;} } /* ------ Pre Footer Subscribe ------- */ #pre-footer .footer-subscribe-bar{background: #0cb9e7;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6{color:#fff;font-size: 23px;font-weight: 600; margin: 9% 0;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6 span{font-weight: 300;} #pre-footer .footer-subscribe-bar .footer-subscribe-text p{color:#ddd; margin-top:10px; margin-bottom:0; font-size:14px; font-style:italic; font-family:'lora',serif;} #pre-footer .footer-subscribe-email, #pre-footer .footer-subscribe-submit{height: 110px;margin: 0;padding: 0; width: 100%; border: 0; border-radius: 0;} #pre-footer .footer-subscribe-email{background: #fff;color: #000;margin: 50px 0 0 20%;height: 52px; font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; font-weight:300; font-size: 15px;border-bottom-left-radius: 60px;border-top-left-radius: 60px;width: 56%;padding: 15px; padding-right:0; float: left;} #pre-footer .footer-subscribe-submit{background: #6dc068;font-size: 15px;margin: 50px 0;border: 3px solid #fff;border-bottom-right-radius: 60px;border-top-right-radius: 60px;height: 52px;width: 24%;font-weight: 600;letter-spacing: 2px;float: left;text-transform: uppercase; transition: all 0.23s ease;} #pre-footer .footer-subscribe-submit:hover { background:#222;} @media only screen and (max-width: 960px) { #pre-footer .footer-subscribe-bar .footer-subscribe-text { padding-left:0;} #pre-footer .footer-subscribe-bar {padding-bottom:20px;} #pre-footer .footer-subscribe-form {text-align: center;} } @media (min-width:960px) and (max-width:1200px) { #pre-footer .footer-subscribe-email { margin-left: 10%;} #pre-footer .footer-subscribe-bar h6 { padding-left: 10%;} } @media (min-width:480px) and (max-width:767px) { #pre-footer .footer-subscribe-email { width:76%;} } @media (max-width:767px){ #pre-footer .footer-subscribe-email, #pre-footer .footer-subscribe-submit { margin:0 0 25px;} #pre-footer .footer-subscribe-bar .footer-subscribe-text h6 { margin:36px 0 20px;} } @media (max-width:479px){ #pre-footer .footer-subscribe-email { width:70%;} #pre-footer .footer-subscribe-submit { width: 28%;} } /* --------------------- */ /* 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;} .wpb_gallery_slides p { display:none;} /* 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} /* # Section Animation ================================================== */ .vc_editor .w-animate { opacity: 1; } @media only screen and (min-width: 961px) { .w-animate { opacity: 0; } .w-start_animation { opacity: 1; -webkit-animation: w-animate-btt 0.5s; -moz-animation: w-animate-btt 0.5s; -o-animation: w-animate-btt 0.5s; animation: w-animate-btt 0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #nav .w-start_animation { opacity: 1; -webkit-animation: w-animate-btt-nav 0.28s; -moz-animation: w-animate-btt-nav 0.28s; -o-animation: w-animate-btt-nav 0.28s; animation: w-animate-btt-nav 0.28s; -webkit-backface-visibility:hidden; backface-visibility:hidden; } } /* Bottom to Top Keyframes */ @-webkit-keyframes w-animate-btt { 0% { -webkit-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes w-animate-btt { 0% { -moz-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes w-animate-btt { 0% { -o-transform: translate3d(0, 110px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes w-animate-btt { 0% { transform: translate3d(0, 110px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* Bottom to Top Keyframes (mega menu) */ @-webkit-keyframes w-animate-btt-nav { 0% { -webkit-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes w-animate-btt-nav { 0% { -moz-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @-o-keyframes w-animate-btt-nav { 0% { -o-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes w-animate-btt-nav { 0% { transform: translate3d(0, 30px, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } /* # Misc ================================================== */ /* EXTRAS */ .brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5;} .brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5;} .brdr-t1 { border-top:1px solid #e5e5e5;} .brdr-b1 { border-bottom:1px solid #e5e5e5;} .brdr-t1e { border-top:1px solid #eee;} .brdr-b1e { border-bottom:1px solid #eee;} .topborder { border-top: 2px solid #ebeef0;} .bottomborder { border-bottom: 2px solid #ebeef0;} .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.15);} .aligncenter { text-align: center;} img.aligncenter { margin-left: auto; margin-right: auto; display: block;} .post .alignnone{ margin:5px 20px 20px 0;} .alignright { text-align:right;} .alignleft { text-align:left;} .post .alignright{ float:right; margin:5px 0 20px 20px;} .post .alignleft{ float:left; margin:5px 20px 20px 0;} img.alignright { float: right; margin-left:10px;} img.alignleft { float: left; margin-right:10px;} .post a img.alignright{ float:right; margin:5px 0 20px 20px;} .post a img.alignnone{ margin:5px 20px 20px 0;} .post a img.alignleft{ float:left; margin:5px 20px 20px 0;} .post a img.aligncenter{ display:block; margin-left:auto; margin-right:auto;} .wp-caption { display: block; color: #444;} .wp-caption-text { font-size: 15px;} .gallery-caption { display: inline;} .bypostauthor { font-size: 13px;} .wp-caption{ background:#fff; border:1px solid #f0f0f0; max-width:96%; padding:5px 3px 10px; text-align:center;} .wp-caption.alignleft,.wp-caption.alignnone{ margin:5px 20px 20px 0;} .wp-caption.alignright{ margin:5px 0 20px 20px;} .wp-caption img{ border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;} .wp-caption p.wp-caption-text{ font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;} .screen-reader-text{ clip:rect(1px,1px,1px,1px); position:absolute!important; height:1px; width:1px; overflow:hidden;} .screen-reader-text:focus{ background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000;} .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;} #wrap .inner88-w .full-row > .container { margin-top:-90px; width:96%; margin-left:auto; margin-right:auto;} .respo-tagline { font-size:55px; letter-spacing:-4px;} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab {box-shadow: 0 2px 0 0px rgba(0,0,0,0.016);} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a { border-color:#ececec; color:#777; font-size: 13px; font-weight: 400; letter-spacing: 0.4px;} #wrap .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active>a { color:#3a3a3a;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab {box-shadow: none;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:hover a {box-shadow:0 1px 15px 1px rgba(0,0,0,0.15);} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-o-shape-group .vc_tta-tab.vc_active>a i.vc_tta-icon { color:#00c2e5;} #wrap .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background:none;} /* 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: #00c2e5; cursor: pointer;} .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;} /* Breadcrumbs --------------- */ .transparent-header-w .breadcrumbs-w { display: none;} .breadcrumbs-w { position: relative; z-index: 99; background:#fff; padding:7px 0; font-size:13px; color:#6c7279; letter-spacing:1px; text-transform:none; font-weight:300; margin: auto; border-top:1px solid #eee;} .breadcrumbs-w a { color:#5c646d;} .breadcrumbs-w a:hover { text-decoration:underline;} .breadcrumbs-w .container { padding-left:20px;} @media ( max-width: 960px ) { .breadcrumbs-w { display: none; } } /* News Ticker --------------- */ .transparent-header-w .news-ticker, ul#js-news { display:none;} .news-ticker { background-color: #f4f4f4; border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .ticker-wrapper.has-js { margin: 0 16px; padding: 0px 20px; height: 32px; display: block; font-size: 0.75em;} .ticker { width: 710px; height: 30px; display: block; position: relative; overflow: hidden; background-color: #f4f4f4;} .ticker-title { font-size:12px; line-height:30px; color: #f54639; font-weight: bold; padding-top:1px; background-color: #f4f4f4; text-transform: uppercase;} .ticker-content { margin: 0px; position: absolute; color: #1f527b; font-weight: bold; background-color: #f4f4f4; overflow: hidden; white-space: nowrap; line-height:30px;} .ticker-content a { text-decoration: none; color: #292929; font-size:13px; font-weight:600;} .ticker-content a:hover { color: #0093d0;} .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #f4f4f4; display: block; width: 800px; height: 30px;} .ticker-swipe span { margin-left: 1px; background-color: #f4f4f4; border-bottom: 1px solid #1f527b; height: 12px; width: 7px; display: block;} .js-hidden { display: none;} .no-js-news { padding: 10px 0px 0px 45px; color: #f4f4f4;} .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left;} .left .ticker-controls { padding-left: 6px;} .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right;} .right .ticker-controls { padding-right: 6px;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .ticker-wrapper.has-js { margin: 0 10px;} } @media only screen and (max-width: 960px) { .news-ticker .container { width:auto; margin:0; padding:0;} .ticker-wrapper.has-js { margin:0;} } @media only screen and (max-width: 767px) { .news-ticker .ticker { width:350px;} } @media only screen and (max-width: 479px) { .news-ticker .ticker { width:330px;} .ticker-title { display:none !important;} .ticker-content { left:10px !important;} } /* --------------------- */ /* Predefined Typography -/ --------------------------------*/ .ptg_h_1 h1, .ptg_h_1 h2, .ptg_h_1 h3, .ptg_h_1 h4, .ptg_h_1 h5, .ptg_h_1 h6, #wrap.ptg_h_1 .hebe .tp-tab-title, #wrap.ptg_h_1 .hebe .tp-tab-desc, .ptg_h_1 .widget .postslider p, .ptg_h_1 #nav li a, .ptg_h_1 .tp-caption.wlargetext1, .ptg_h_1 .tp-caption.wlargetext, .ptg_h_1 a.readmore, .ptg_h_1 .widget ul li.cat-item, .ptg_h_1 .bbp-body a.bbp-forum-title, .ptg_h_1 .bbp-body a.bbp-topic-permalink, .ptg_h_1 .topic-author-displayname { font-family:'Montserrat',sans-serif;} .ptg_h_2 h1, .ptg_h_2 h2, .ptg_h_2 h3, .ptg_h_2 h4, .ptg_h_2 h5, .ptg_h_2 h6, #wrap.ptg_h_2 .hebe .tp-tab-title, #wrap.ptg_h_2 .hebe .tp-tab-desc, .ptg_h_2 .widget .postslider p, .ptg_h_2 #nav li a, .ptg_h_2 .tp-caption.wlargetext1, .ptg_h_2 .tp-caption.wlargetext, .ptg_h_2 a.readmore, .ptg_h_2 .widget ul li.cat-item, .ptg_h_2 .bbp-body a.bbp-forum-title, .ptg_h_2 .bbp-body a.bbp-topic-permalink, .ptg_h_2 .topic-author-displayname { font-family:'Rufina',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_3 h1, .ptg_h_3 h2, .ptg_h_3 h3, .ptg_h_3 h4, .ptg_h_3 h5, .ptg_h_3 h6, #wrap.ptg_h_3 .hebe .tp-tab-title, #wrap.ptg_h_3 .hebe .tp-tab-desc, .ptg_h_3 .widget .postslider p, .ptg_h_3 #nav li a, .ptg_h_3 .tp-caption.wlargetext1, .ptg_h_3 .tp-caption.wlargetext, .ptg_h_3 a.readmore, .ptg_h_3 .widget ul li.cat-item, .ptg_h_3 .bbp-body a.bbp-forum-title, .ptg_h_3 .bbp-body a.bbp-topic-permalink, .ptg_h_3 .topic-author-displayname { font-family:'PT Serif',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_4 h1, .ptg_h_4 h2, .ptg_h_4 h3, .ptg_h_4 h4, .ptg_h_4 h5, .ptg_h_4 h6, #wrap.ptg_h_4 .hebe .tp-tab-title, #wrap.ptg_h_4 .hebe .tp-tab-desc, .ptg_h_4 .widget .postslider p, .ptg_h_4 #nav li a, .ptg_h_4 .tp-caption.wlargetext1, .ptg_h_4 .tp-caption.wlargetext, .ptg_h_4 a.readmore, .ptg_h_4 .widget ul li.cat-item, .ptg_h_4 .bbp-body a.bbp-forum-title, .ptg_h_4 .bbp-body a.bbp-topic-permalink, .ptg_h_4 .topic-author-displayname { font-family:'Raleway',sans-serif;} .ptg_h_5 h1, .ptg_h_5 h2, .ptg_h_5 h3, .ptg_h_5 h4, .ptg_h_5 h5, .ptg_h_5 h6, #wrap.ptg_h_5 .hebe .tp-tab-title, #wrap.ptg_h_5 .hebe .tp-tab-desc, .ptg_h_5 .widget .postslider p, .ptg_h_5 #nav li a, .ptg_h_5 .tp-caption.wlargetext1, .ptg_h_5 .tp-caption.wlargetext, .ptg_h_5 a.readmore, .ptg_h_5 .widget ul li.cat-item, .ptg_h_5 .bbp-body a.bbp-forum-title, .ptg_h_5 .bbp-body a.bbp-topic-permalink, .ptg_h_5 .topic-author-displayname{ font-family:'Philosopher',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_6 h1, .ptg_h_6 h2, .ptg_h_6 h3, .ptg_h_6 h4, .ptg_h_6 h5, .ptg_h_6 h6, #wrap.ptg_h_6 .hebe .tp-tab-title, #wrap.ptg_h_6 .hebe .tp-tab-desc, .ptg_h_6 .widget .postslider p, .ptg_h_6 #nav li a, .ptg_h_6 .tp-caption.wlargetext1, .ptg_h_6 .tp-caption.wlargetext, .ptg_h_6 a.readmore, .ptg_h_6 .widget ul li.cat-item, .ptg_h_6 .bbp-body a.bbp-forum-title, .ptg_h_6 .bbp-body a.bbp-topic-permalink, .ptg_h_6 .topic-author-displayname { font-family:'clavo',sans-serif; text-transform:none !important; letter-spacing:0 !important;} .ptg_h_1 .tp-caption.Newspaper-Title, .ptg_h_1 .tp-caption.Newspaper-Subtitle, .ptg_h_1 .tp-caption.Newspaper-Button { font-family:'Montserrat',sans-serif !important;} .ptg_h_2 .tp-caption.Newspaper-Title, .ptg_h_2 .tp-caption.Newspaper-Subtitle, .ptg_h_2 .tp-caption.Newspaper-Button { font-family:'Rufina',sans-serif !important; text-transform:none !important;} .ptg_h_3 .tp-caption.Newspaper-Title, .ptg_h_3 .tp-caption.Newspaper-Subtitle, .ptg_h_3 .tp-caption.Newspaper-Button { font-family:'PT Serif',sans-serif !important; text-transform:none !important;} .ptg_h_4 .tp-caption.Newspaper-Title, .ptg_h_4 .tp-caption.Newspaper-Subtitle, .ptg_h_4 .tp-caption.Newspaper-Button { font-family:'Raleway',sans-serif !important;} .ptg_h_5 .tp-caption.Newspaper-Title, .ptg_h_5 .tp-caption.Newspaper-Subtitle, .ptg_h_5 .tp-caption.Newspaper-Button { font-family:'Philosopher',sans-serif !important; text-transform:none !important;} .ptg_h_6 .tp-caption.Newspaper-Title, .ptg_h_6 .tp-caption.Newspaper-Subtitle, .ptg_h_6 .tp-caption.Newspaper-Button { font-family:'clavo',sans-serif !important; text-transform:none !important; letter-spacing:0 !important;} .ptg_p_1 p { font-family:'Open Sans',sans-serif; font-size:13px; font-weight:400;} .ptg_p_2 p { font-family:'Muli',sans-serif;} .ptg_p_3 p { font-family:'Noto Sans',sans-serif;} .ptg_p_4 p { font-family:'Roboto',sans-serif; font-size:15px; font-weight:300;} .ptg_p_5 p { font-family:'Lora',sans-serif;} .ptg_p_6 p { font-family:'adelle',sans-serif;} /* --------------------- */ /*# Row fixes —------------ —------------ */ .wpb_start_animation {opacity: 1;filter: alpha(opacity=100);} .blox.page-title-x, .parallax-sec.page-title-x, .video-sec.page-title-x { margin-top:-35px;} .row-wrapper-x { padding:0 10px;} .row-wrapper-x > p:empty { margin:0;} @media only screen and (min-width: 1200px){ .row-wrapper-x { padding:0 15px;} } .col-md-8.omega .row-wrapper-x { padding-left:0;} #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 .vc_column-inner { padding-top:0;} .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:0; padding-right:0;} .blox .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:10px; padding-right:10px;} @media only screen and (max-width: 960px) { #wrap .vc_column_container > .vc_column-inner { padding-left:10px; padding-right:10px;} #wrap .full-container .vc_column_container > .vc_column-inner { padding-left:20px; padding-right:20px;} } .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, .blox .wpb_revslider_element, .blox .wpb_layerslider_element, .blox .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, .wpb_row .wpb_row { margin-bottom:0;} .wpb_row .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 { margin-right:0; margin-left:0;} .blox .vc_col-sm-12 .wpb_row { margin-left:-10px; margin-right:-10px; width:auto;} @media only screen and (min-width: 1200px){ .blox .vc_col-sm-12 .wpb_row { margin-left:-15px; margin-right:-15px;} .blox .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:15px; padding-right:15px;} .blox.full-container .wpb_row.full-row .vc_col-sm-12 > .vc_column-inner { padding-left:0; padding-right:0;} } #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:0;} .wpb_layerslider_element.wpb_content_element, .wpb_revslider_element.wpb_content_element, .wpb_gmaps_widget.wpb_content_element, .wpb_gallery.wpb_content_element, .wpb_layerslider_element .wpb_single_image.wpb_content_element, .wpb_revslider_element .wpb_single_image.wpb_content_element { margin-bottom:0px;} #wrap .wpb_single_image .vc_single_image-wrapper { display:block;} .row-wrapper-x p img, div img, li img, #wrap p img, .wpb_single_image.wpb_content_element img { height: auto; max-width:100%;} .our-map .wpb_wrapper .wpb_map_wraper, .wpb_gmaps_widget .wpb_wrapper { padding:0;} .wpb_gmaps_widget { border:5px solid #eee;} .no-margin-w { margin:0 !important;} .no-mb{ margin-bottom:0 !important;} .ne-mb{ margin-bottom:-30px !important;} #lang_sel { z-index:9999;} .w-map img, .gm-style img { max-width: none !important;} #wrap .w-map > div { width: 100% !important;} @media only screen and (min-width: 1200px){ .wpb_column.nopad-all { padding:0;} .wpb_column.nopad-left { padding-left:0;} .wpb_column.nopad-right { padding-right:0;} .wpb_column.nopad-bottom { padding-bottom:0;} .wpb_column.nopad-top { padding-top:0;} } @media only screen and (max-width: 960px){ .wpb_row .wpb_column.full-at-max960 { width:100%;} } @media (max-width: 767px) { .wpb_row .wpb_column { margin-bottom: 0; /* webnus */ } } /*# Fit to screen parallax section —------------------------------------- */ .respo-fit-blox { min-height:796px !important;} .blox.full-container .container { padding-left:0; padding-right:0; width:auto; max-width:none;} @media (max-width: 767px) { .respo-fit-blox { min-height:810px !important;} .blox.respo-bg-none { background-image:none !important;} } @media (max-width: 479px) { .respo-fit-blox { min-height:610px !important;} } @media (min-width: 1401px) { .respo-fit-blox { min-height:996px !important;} } /* header 11 */ @media only screen and (min-width: 961px) { .has-header-type11 .blox.page-title-x, .has-header-type11 .parallax-sec.page-title-x, .has-header-type11 .video-sec.page-title-x { margin-top:-114px;} .has-header-type11 .vc_col-sm-12 .wpb_revslider_element, .has-header-type11 .vc_col-sm-12 .wpb_layerslider_element, .has-header-type11 .max-hero { margin-top:-114px;} } /* WP pagenavi ----------- */ #wrap .wp-pagenavi { clear: both; font-size: 12px; text-align:center; margin:20px 0;} #wrap .wp-pagenavi span.pages { color:#999;} #wrap .wp-pagenavi a, #wrap .wp-pagenavi span { font-weight:bold; text-decoration: none; display:inline-block; background:#eee; color:#414141; border:none; line-height:1; padding: 10px 14px; margin: 3px 4px; transition: all 0.3s ease; border-radius: 2px; *zoom: 1;} #wrap .wp-pagenavi span.current { border-color: #efefef; background:#fdfdfd;} #wrap .wp-pagenavi a:hover {border-color: #00c2e5; background:#00c2e5; color:#fff;} #wrap .wp-pagenavi span.current { font-weight: bold;} @media (max-width: 479px) { #wrap .wp-pagenavi span.pages { display:none;} } .search-results .blog-post { padding-bottom: 7px; border-bottom: 1px solid #ddd; margin-bottom: 40px;} /* Contact form7 --------------- */ .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width:100%; box-sizing:border-box; border: 1px solid #e3e3e3; padding: 11px 6px; font-size: 13px; font-weight:300; box-shadow: 0 1px 2px rgba(0,0,0,.062) inset;} .wpcf7 .wpcf7-form input:hover, .wpcf7 .wpcf7-form textarea:hover { border-color:#b2cef7;} .wpcf7 .wpcf7-form select { height:48px; padding:0 6px; margin:0;} .wpcf7 .wpcf7-form textarea { height:90px;} .wpcf7 .wpcf7-form p { color: #717171; font-size:14px; margin-bottom:2px; margin-top:0; font-weight:500;} .wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"]{ width:auto; font-weight:bold; border-radius: 58px;background-color: #00c2e5; padding: 11px 42px; letter-spacing: 0;border:none;} .wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover{ background-color: #292929 !important; color:#fff !important;} .wpcf7 .wpcf7-form input[type="text"],.wpcf7 .wpcf7-form input[type="password"],.wpcf7 .wpcf7-form input[type="number"],.wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form option{ margin:0 auto; width:100%; padding: 11px 10px;} .wpcf7 .wpcf7-form h6 {margin-top:25px; color:#df506e; font-size:20px; font-weight:bold; text-transform:lowercase;} .wpcf7 .wpcf7-form .radio-w {padding: 24px 0 0;} .wpcf7 .wpcf7-form .radio-w .wpcf7-list-item {margin-right: 100px;} .wpcf7 .wpcf7-form .one_half input[type="submit"] {width: 100%;margin-top: 16px;} .wpcf7 .wpcf7-form .one_half {margin-bottom:80px;} .dark.blox .wpcf7 .wpcf7-form input[type="text"],.dark.blox .wpcf7 .wpcf7-form input[type="password"],.dark.blox .wpcf7 .wpcf7-form input[type="number"],.dark.blox .wpcf7 .wpcf7-form input[type="email"],.dark.blox .wpcf7 .wpcf7-form textarea,.dark.blox .wpcf7 .wpcf7-form select,.dark.blox .wpcf7 .wpcf7-form option{color:rgba(102, 102, 102, 1); margin:0 auto; width:100%; padding: 10px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.85);} .dark.blox .wpcf7 .wpcf7-form input[type="text"]:focus,.dark.blox .wpcf7 .wpcf7-form .rsvp-w1 input[type="password"]:focus,.dark.blox .wpcf7 .wpcf7-form input[type="number"]:focus,.dark.blox .wpcf7 .wpcf7-form input[type="email"]:focus,.dark.blox .wpcf7 .wpcf7-form textarea:focus ,.dark.blox .wpcf7 .wpcf7-form select:focus ,.dark.blox .wpcf7 .wpcf7-form option:focus {background-color:#fff;} .dark.blox .wpcf7 .wpcf7-form input[type="submit"]{border-radius: 30px; color: #fff; border: 1px solid #fff; background: transparent; padding: 14px 35px; margin-top: 10px;} .dark.blox .wpcf7 .wpcf7-form input[type="submit"]:hover{background: #3498db; border: 1px solid #3498db;} .wpcf7 .col-md-12, .wpcf7 .col-md-8, .wpcf7 .col-md-6, .wpcf7 .col-md-4 { margin-bottom:20px;} /* coming soon contact form */ .wpcf7 .comingsoon-form input, .wpcf7 .comingsoon-form textarea { background-color:#262830; border:2px solid #212329; transition:.2s all; border-radius:3px; color:#cdcdcd;} #wrap .wpcf7 .comingsoon-form input,#wrap .wpcf7 .comingsoon-form textarea { padding:15px 20px;} #wrap .wpcf7 .comingsoon-form input:hover,#wrap .wpcf7 .comingsoon-form textarea:hover { border-color:#262830;} .wpcf7 .comingsoon-form textarea { min-height:122px;} #wrap .wpcf7 .comingsoon-form .wpcf7-submit { background-color:#53bf71; width:100%; padding:18px; color:#fff; border-radius:3px; margin-bottom:0;} .wpcf7 .comingsoon-form input::-webkit-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input::-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input:-ms-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form input:-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea::-webkit-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea::-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea:-ms-input-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form textarea:-moz-placeholder { color:#797979; font-size:14px;} .wpcf7 .comingsoon-form span.wpcf7-not-valid-tip { color:#ff9b9b;} .comingsoon-form + .wpcf7-validation-errors { color:#fff; text-align:center;} .comingsoon-form + div.wpcf7-mail-sent-ok { color:#fff; text-align:center;} /* ----------- */ /* #Media Queries =============================================================================== =============================================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 960px) { #header { padding:10px 0;} #search-form, .woo-cart-header { display:none;} .transparent-header-w.t-dark-w #header .img-logo-w2 { display:none;} .transparent-header-w.t-dark-w #header:not(.w-header-type-11) .img-logo-w1 { display:inline !important;} .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;} .footer-in .col-md-3, .footer-in .col-md-4, .footer-in .col-md-6, .footer-in .col-md-8 { margin-bottom:30px;} .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;} 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: 960px) { .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: 728px;} #tline-content { width: 700;} .tline-box { width: 335px;} .plan-wrap { width: auto;} .social-icons a { margin: 1px 4px 0 4px;} .max-counter.m-counter { width:130px;} .max-counter.m-counter .max-count { font-size:64px; letter-spacing:0;} .max-counter.m-counter .icon-counter { font-size:50px} .event-list .btn-wrapper .button.dark-gray.medium { padding:13px; letter-spacing:0; font-size:11px;} .social-team i { font-size:16px; padding:5px;} .respo-tagline { font-size:36px; letter-spacing:-2px;} .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;} #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;} .respo-tagline { font-size:29px; letter-spacing:-1px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (min-width:768px) and (max-width:960px) { #wrap #header #nav-wrap #menu-icon {margin-top: 30px; margin-right: 5px; } } @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 #f1f1f1; padding:14px 0;} #headline h1, #headline h2, #headline h3 { font-size:25px; text-align:center;} #headline h2 small, #headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400;} .top-bar { height:auto; padding:5px 0 6px;} .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: 8px 0; margin: 0;} .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px;} .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a { padding-top: 0; display: inline-block;margin-top: 0;} .top-links, .top-links.rgtflot { margin:0; padding-top:4px;} .top-links.rgtflot { margin-top:12px; margin-bottom:6px;} .top-links.lftflot { width:100%; text-align:center; padding-left: 0;} #topbar-search { float:none; width:100%;} #topbar-search .search-text-box { width:100%; display:block; margin:0; margin-bottom:10px;} #lang_sel_click { text-align:left; float:right;} #lang_sel_click img.iclflag { padding:0;} .container hr { margin-left:0; margin-right:0;} .nav-search { float: none; margin: 0;} .img-box { width: 420px; height: 308px;} .contact textarea { width: 398px;} .max-counter { display:block; padding-bottom:20px;} .logo-wrap .logo { text-align: center; float:none; margin-bottom:10px; width:100%; height:auto; line-height:1;} .logo-wrap .logo img { position:static;} #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: 96%;} .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;} .author-detail { margin: 20px 0;} .blog-post h3, .blgtyp3.blog-post h3, .blgtyp2.blog-post h3, #wrap .wpb_gallery_slides .flex-caption h2.post-title, #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size:17px; letter-spacing:1px;} .blog-single-post h1 { font-size:20px; letter-spacing:1px;} .blog-post p, .blog-single-post p { font-size:13px;} .blog-post.blgtyp1 a.readmore { left:0; transform:none; font-size:10px;} .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;} .fix-btn-mrg .button.skyblue.large { margin-top:30px; margin-bottom:55px;} #topbar-search .search-text-box { margin:5px 0 0;} #topbar-search .search-icon { right:9px; top:9px;} #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: 35px;} .top-links, .top-links.rgtflot { margin: 0 auto; padding-top: 0;} .callout { position:relative; padding-bottom:70px;} .callout a.callurl { position: absolute; bottom: 0; right: 9px;} .our-clients-wrap { padding-top: 0; padding-bottom: 30px;} .testimonials-slider-w { margin-bottom: 50px;} #wrap .wpcf7 .wpcf7-form p , #wrap .wpcf7 .wpcf7-submit{ width: 100%;} .contact-form { padding:0; border:none;} .contact-form .btnSend { width: 100%; padding: 0;} .contact-form .g-recaptcha { overflow: hidden; width: 183px; border-right: 1px solid lightgrey;} .footer-in h5.subtitle { margin-top:10px;} } /* 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:100%;} .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%;} #tline-content { width: 300px;} .tline-box { width: 250px;} .respo-tagline { font-size:27px; letter-spacing:0;} .quote-slider .testimonial-content h4 q { font-size:19px;} .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) and (max-width: 12810px) { .pin-box { width: 344px; margin:15px;} } @media (min-width: 1200px){ #wrap.boxed-wrap, #wrap.boxed-wrap #header { width:1245px;} } @media only screen and (min-width: 1281px) { .white-space { height:110px;} h4.subtitle { margin:10px 0 20px 0;} .pin-box { width: 375px; margin:15px;} #testimonials-slider li { width:1100px;} .breadcrumbs-w .container { padding-left:30px;} .respo-tagline { font-size:70px; letter-spacing:-5px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { #testimonials-slider li { width:860px;} .latest-works .portfolio-item { width:33.3%;} .pin-box { width: 350px;} } /* Small Mobile (devices and browsers) */ @media only screen and (max-width: 320px) { .container { width: 260px; } } /* ---------------------
[+]
..
[-] woocommerce.css
[edit]
[-] flexslider.css
[edit]
[-] iconfonts.css
[edit]
[-] blog.css
[edit]
[-] master-min.php
[edit]
[-] whmcs.css
[edit]
[-] elements.css
[edit]
[-] bbpress.css
[edit]
[-] main-style.css
[edit]
[-] live-search.css
[edit]
[-] color-skins.css
[edit]
[-] main-menu.css
[edit]
[-] icon-box.css
[edit]
[-] master.css
[edit]
[-] scaffolding.css
[edit]
[-] dyncss.css
[edit]
[-] visualcomposer.css
[edit]
[-] widgets.css
[edit]
[-] blox.css
[edit]
[-] base.css
[edit]
[-] sweetalert.min.css
[edit]
[-] fancybox.css
[edit]