html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; }  details, footer, header, main, menu, nav, section { display: block; }  video { display: inline-block; vertical-align: baseline; } [hidden] { display: none; } a { background-color: transparent; color: #CCFFCC; } a:active, a:hover { outline: 0; }  strong { font-weight: bold; } h1 { margin: .67em 0; font-size: 2em; } img { border: 0; } svg:not(:root) { overflow: hidden; } code { font-family: monospace, monospace; font-size: 1em; } button, input, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button { text-transform: none; } button, html input[type=button], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } textarea { overflow: auto; } @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); font-display: swap; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #f28b28; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h4, .h4 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } p { margin: 0 0 10px; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .open > a { outline: 0; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav > li > a > img { max-width: none; } .tab-content > .active { display: block; visibility: visible; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media { overflow: hidden; zoom: 1; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .clearfix:before, .clearfix:after, .container:before, .container:after, .nav:before, .nav:after, .panel-body:before, .panel-body:after { display: table; content: " "; } .clearfix:after, .container:after, .nav:after, .panel-body:after { clear: both; } .show { display: block !important; } .hidden { display: none !important; visibility: hidden !important; } @-ms-viewport { width: device-width; }
@charset "utf-8"; .hebdem{ display:none; visibility:hidden; } body { line-height: 1.5; letter-spacing: 0.3px; color: #333; font-family: 'Open Sans', sans-serif; } a { text-decoration: none !important; color: #336699; } a:hover { color: #ef7537; } a img { border: none; } img { max-width: 100%; } iframe { border: none !important; width: 100%; overflow: hidden; } h1, h2, h3, h4 { color: #333; font-weight: 400; line-height: 1.5; letter-spacing: 2px; margin: 0 0 20px 0; font-family: Dosis, arial, sans-serif; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h1 > span, h2 > span, h3 > span, h4 > span { color: #FF9900; }  ol, ul, li { margin: 0; padding: 0; } ::selection { background: #336699; color: #FFF; text-shadow: none; } ::-moz-selection { background: #336699; color: #FFF; text-shadow: none; } ::-webkit-selection { background: #336699; color: #FFF; text-shadow: none; } p, ul, ol, address, form { margin-bottom: 30px; } #wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } .t-margin { margin-top: 30px !important; } .t-margin-small { margin-top: 30px !important; } .t-margin-large { margin-top: 80px !important; } .no-t-margin { margin-top: 0 !important; } .no-b-margin { margin-bottom: 0 !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; } .noborder { border: none !important; } .hidden { display: none !important; } .center { text-align: center !important; } .color { color: #336699 !important; } @-webkit-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-moz-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-ms-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-o-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } .section { position: relative; margin: 50px 0 50px 0; padding: 80px 0 80px 0; background-color: #fff; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #f1f1f1; overflow: hidden; } .section .container { z-index: 2; } .col-1-third { width: 30.63%; }  .col-1-third { display: block; position: relative; margin-right: 4%; margin-bottom: 40px; float: left; } .col-last { margin-right: 0 !important; clear: right; } #header { position: relative; background-color: #FFF; border-bottom: 1px solid #F5F5F5; } #header .container { position: relative; } #header.wide-header { border-bottom-color: #EEE; } body.full-wide #header.wide-header .container { width: 100%; padding: 0 30px; } #logo { position: relative; float: left; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 100%; margin-right: 10px; margin-top: 9px; } #header.wide-header #logo { padding-right: 0; margin-right: 20px; } #logo a { display: block; color: #000; } #logo img { display: block; max-width: 100%; } #logo a.logo-style { display: block; } #main-menu { float: right; height: 100px; } #header.wide-header #main-menu > ul { float: left; padding-right: 0; margin-right: 0; } #main-menu-trigger { opacity: 0; pointer-events: none; cursor: pointer; font-size: 21px; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } #main-menu ul { list-style: none; height: 100px; margin: 0; } #main-menu > ul { float: left; } #main-menu ul li { position: relative; float: left; margin-left: 2px; } #main-menu ul li:first-child { margin-left: 0; } #main-menu ul li a { display: block; height: 100px; line-height: 100px; padding: 0 13px; color: #212121; font-weight: 400; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease; -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease; transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease; } #main-menu ul li span { display: none; } #main-menu ul li i { position: relative; font-size: 14px !important; top: 1px; line-height: 99px; width: 14px; text-align: center; margin-right: 6px; -webkit-transition: line-height .4s ease; -o-transition: line-height .4s ease; transition: line-height .4s ease; } #main-menu > ul > li:hover a, #main-menu > ul > li.current a { color: #336699; } #main-menu li:hover > ul { display: block; } #main-menu ul ul { display: none; position: absolute; width: 320px; background-color: #FFF; box-shadow: 0px 9px 2px 9px rgba(0, 0, 0, 0.02); border: 1px solid #EEE; height: auto; z-index: 199; top: 100px; left: 0; margin: 0; padding: 10px 0; } #main-menu ul ul ul { top: -2px !important; left: 218px; } #main-menu ul ul.menu-pos-invert { left: auto; right: 0; } #main-menu ul ul ul.menu-pos-invert { right: 218px; } #main-menu ul ul li { float: none; margin: 0; } #main-menu ul ul li:first-child { border-top: 0; } #main-menu ul ul a { font-size: 16px; font-weight: 500; height: 40px !important; line-height: 40px !important; color: #F2F2F2; padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; letter-spacing: 0.5px; font-family: 'Open Sans', serif; text-transform: uppercase; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #main-menu ul ul li:hover > a { background-color: #F9F9F9; } #main-menu ul ul i { line-height: inherit; } #main-menu ul ul i { line-height: inherit; } #main-menu > div > ul > li:hover a, #main-menu > div > ul > li.current a { color: #336699; } #main-menu.m-bg > ul > li > a { height: 44px; line-height: 44px; margin: 28px 0; border-radius: 2px; } #main-menu.m-bg > ul > li > a i { line-height: 43px; } #main-menu.m-bg > ul > li:hover > a { color: #fff; background-color: #c28e48 ; } #main-menu.m-bg > ul > li.current > a { color: #fff; background-color: #c28e48 ; } #side-panel-trigger { float: right; margin: 40px 10px 40px 25px; } #side-panel-trigger a { display: block; position: relative; width: 20px; height: 20px; font-size: 18px; line-height: 20px; text-align: center; color: #c28e48 ; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } #side-panel-trigger a { color: #777; font-size: 18px; line-height: 18px; } ul#lang { float: right !important; margin-left: 5px; } ul#lang > li > a > div { text-transform: none !important; } ul#lang:hover li div { border: none; } #main-menu > ul#lang > li:hover > a, #main-menu > ul#lang > li.current > a { background: transparent; border-color: transparent !important; color: #212121; } ul#lang li ul li div { text-transform: uppercase !important; } #header, #header-wrap, #logo img, #main-menu:not(.m-left-align), #main-menu:not(.m-bg) > ul { height: 100px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; } #logo img { height: 83px; } #main-menu > ul > li > ul { -webkit-transition: top .4s ease; -o-transition: top .4s ease; transition: top .4s ease; } body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #main-menu > ul, body:not(.top-search-open) #main-menu > .container > ul, body:not(.top-search-open) #side-panel-trigger { opacity: 1; -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; } #header-wrap { position: relative; } #header.sticky-header #header-wrap { z-index: 199; position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03); -webkit-backface-visibility: hidden; } #header.sticky-header, #header.sticky-header #header-wrap, #header.sticky-header:not(.sticky-style-2) #logo img, #header.sticky-header #main-menu, #header.sticky-header #main-menu > ul, #header.sticky-header #main-menu > ul > li > a { height: 60px; } #header.sticky-header:not(.sticky-style-2) #logo img { height: 67px; } #header.sticky-header:not(.sticky-style-2) #logo { margin-top: -4px; } #header.sticky-header #main-menu > ul > li > a { line-height: 60px; } #header.sticky-header #main-menu > ul > li > a i { line-height: 59px; } #header.sticky-header #main-menu > ul > li > ul { top: 60px; } #header.sticky-header #side-panel-trigger { margin-top: 20px !important; margin-bottom: 20px !important; } #header.sticky-header #main-menu.m-bg > ul > li > a { margin: 0; border-radius: 0; color: #212121; background-color: transparent; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } @media (min-width: 992px) { } body.side-panel-main { overflow-x: hidden; } body.side-panel-main #side-panel { position: fixed; top: 0; right: -300px; z-index: 399; width: 300px; height: 100%; background-color: #f2f2f2; overflow: hidden; } body.side-panel-main #wrapper, body.side-panel-main #header.sticky-header .container { right: 0; } body.side-panel-main #side-panel .side-panel-wrap { position: absolute; top: 0; left: auto; bottom: 0; right: 0; width: 300px; height: 100%; overflow-y: hidden; padding: 75px 40px; } body.side-panel-main #side-panel .side-panel-wrap a { color: #777; } body.side-panel-main #side-panel .side-panel-wrap a:hover { color: #333; } body.side-panel-main #side-panel .side-panel-wrap a i { margin-right: 10px; } body.side-panel-main #side-panel .widget { margin-top: 40px; padding-top: 40px; border-top: 1px solid #E5E5E5; } body.side-panel-main #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } body.side-panel-main.side-panel-open #side-panel { right: 0; } body.side-panel-main.side-panel-open #wrapper, body.side-panel-main.side-panel-open #header.sticky-header .container { right: 300px; } body.side-panel-main #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 0 !important; } body.side-panel-main #side-panel-trigger-close a { display: block; position: absolute; z-index: 12; top: 0; left: auto; right: 0; width: 50px; height: 50px; font-size: 22px; line-height: 50px; color: #333; text-align: center; } body.side-panel-main #side-panel, body.side-panel-main #wrapper, body.side-panel-main.side-panel-open #header.sticky-header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } body.side-panel-main .full-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.side-panel-main.side-panel-open .full-overlay { opacity: 1; z-index: 298; pointer-events: auto; } #slider { position: relative; width: 100%; overflow: hidden; } #slider .container { position: relative; height: 100%; } #main-title { position: relative; padding: 70px 0; background-color: #f8f8f8; border-bottom: 1px solid #EEE; } #main-title .container { position: relative; } #main-title h1 { padding: 0; margin: 0; line-height: 1; letter-spacing: 7px; color: #414141; font-size: 31px; text-transform: uppercase; } #main-title span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } #main-title span:before { content: ''; display: block; margin-top: 20px; margin-bottom: 15px; width: 100px; border-top: 1px solid #ccc; } .breadcrumb { position: absolute !important; width: auto !important; top: 90% !important; left: auto !important; right: 15px !important; margin: -10px 0 0 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 12px; } .breadcrumb > .active { color: #848484; } .breadcrumb a { color: #336699; } .breadcrumb a:hover { color: #c28e48 ; } .breadcrumb i { width: auto !important; } #content { position: relative; overflow: hidden; background-color: #FFF; } #content p { line-height: 1.8; } .content-wrap { position: relative; padding: 40px 0 30px 0; } #content .container { position: relative; } #portfolio-filter { display: inline-block; margin: 30px auto 100px; float: none; list-style: none; text-align: center; } #portfolio-filter li { float: left; position: relative; } #portfolio-filter li a { display: block; position: relative; padding: 5px 18px; font-family: Dosis, arial, sans-serif; font-size: 15px; letter-spacing: 3px; text-transform: uppercase; line-height: 15px; color: #999; } #portfolio-filter li a:hover { color: #336699; } #portfolio-filter li.activeFilter a { color: #222 !important; border-bottom: 1px solid #336699; padding: 5px 18px; } #portfolio { position: relative; margin: 0 -12px -12px 0; } body:not(.device-touch) #portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-item { position: relative; float: left; width: 276px; margin: 0 12px 12px 0; } .portfolio-overlay { position: absolute; top: 0; left: 0; width: 80%; height: 80%; top: 10%; left: 10%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0,0,0,0.8); } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .portfolio-item:hover .portfolio-overlay { opacity: 1; width: 100%; height: 100%; top: 0; left: 0; } .portfolio-overlay a { position: absolute; top: 50%; left: 50%; width: 40px !important; height: 40px !important; margin: -18px 0 0 -70px; font-size: 22px; line-height: 40px; text-align: center; color: #fff; -webkit-backface-visibility: hidden; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a.left-icon { -webkit-transition: color .2s linear, background-color .2s linear, margin-left .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-left .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-left .2s linear, opacity .2s linear; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a.right-icon { -webkit-transition: color .2s linear, background-color .2s linear, margin-right .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-right .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-right .2s linear, opacity .2s linear; } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -70px; } .portfolio-overlay a:hover { color: #f28b28; } .portfolio-item:hover .portfolio-overlay a.left-icon { margin-left: -50px; } .portfolio-item:hover .portfolio-overlay a.right-icon { margin-right: -50px; } .entry { position: relative; margin: 0 0 60px; padding: 0 0 15px; } .entry-image { margin-bottom: 30px; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img { display: block; position: relative; width: 100%; height: auto; } .entry-image iframe { display: block; } .entry-image img { border-radius: 0; } .entry-title h2 { margin: 0; font-size: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .entry-title h2 a { color: #333; } .entry-title h2 a:hover { color: #336699; } .single-post .entry-content .entry-image { max-width: 400px; } .entry-content { position: relative; } .single-post .panel { -webkit-box-shadow: none; box-shadow: none; } .single-post .panel-heading { padding: 15px 15px 25px 0; } .single-post .panel-title { font-size: 18px; text-transform: uppercase; letter-spacing: 7px; } .single-post .panel-body { padding: 0; } .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #336699; color: #FFF; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; border: none; border-radius: 2px; } .button:focus { color: #fff; } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .button-light, #slider .button-light { background-color: #EEE; color: #6f6f6f; } .button-light:focus { color: #6f6f6f; } .button:hover { background-color: #c28e48 !important; color: #FFF; } .button.button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 36px; } .button i { position: relative; top: -1px; line-height: 1; margin-right: 5px; } .button-small i { margin-right: 4px; } .button.button-reveal { padding: 0 28px; overflow: hidden; } .button.button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 40px; line-height: 40px; margin: 0; text-align: center; } .button.button-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .button.button-reveal.button-small { padding: 0 22px; } .button.button-reveal.button-small i { left: -26px; width: 26px; height: 34px; line-height: 34px; } .button.button-reveal:hover i { left: 0; } .button.button-reveal.button-light:hover { text-shadow: none; color: #333; } .button.button-reveal:hover span { left: 13px; } .button.button-reveal.button-small:hover span { left: 10px; } .button-light-gray { background-color: #f1f1f1; } .button-reveal.button-light-gray:hover { background-color: #f1f1f1 !important; } .flat-banner { position: relative; padding: 30px 200px 30px 0; } .flat-banner h3, .flat-banner h4 { margin-bottom: 0; } .flat-banner > span, .flat-banner > .container > span { display: block; color: #c28e48 ; width: 70%; font-weight: 300; font-size: 16px; margin-top: 6px; } .flat-banner a.button { position: absolute; top: 65%; margin: 0; margin-top: -18px; left: auto; right: 0; } .flat-banner a.button.button-small { margin-top: -15px; } .flat-banner-uppercase { text-transform: uppercase; } .flat-banner-uppercase h3 { font-size: 20px; } .flat-banner-uppercase > span, .flat-banner-uppercase > .container > span { font-size: 15px; } .flat-banner.flat-banner-dark { border: 0 !important; background-color: #042e2a; padding: 30px 200px 30px 30px; border-radius: 3px; } .flat-banner.flat-banner-dark h2, .flat-banner.flat-banner-dark h3, .flat-banner.flat-banner-dark h4 { color: #FFF; } .flat-banner.flat-banner-dark > h3 span, .flat-banner.flat-banner-dark > .container > h3 span { padding: 2px 8px; border-radius: 3px; background-color: rgba(0,0,0,0.15); color: #FFF; font-weight: 400; } .flat-banner.flat-banner-dark > span, .flat-banner.flat-banner-dark > .container > span { color: #CCC; margin-top: 8px; } .flat-banner.flat-banner-dark a.button { right: 30px; } .flat-banner-full { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; padding: 65px 0 !important; } .flat-banner-full a.button { right: 15px !important; } .flat-banner.flat-banner-center { text-align: center; padding: 30px 12px; } .flat-banner.flat-banner-center a.button { position: relative; top: 0; margin: 20px 0 0; left: 0 !important; right: 0; } .feat-box { position: relative; margin-top: 20px; padding: 0 0 0 80px; } .feat-box:first-child { margin-top: 0; } .feat-box .feat-box-icon { display: block; position: absolute; width: 60px; height: 60px; top: 0; left: 0; } .feat-box .feat-box-icon a, .feat-box .feat-box-icon i, .feat-box .feat-box-icon img { display: block; position: relative; width: 100%; height: 100%; color: #336699; } .feat-box .feat-box-icon i, .feat-box .feat-box-icon img { border-radius: 50%; border: solid 2px #eee; } .feat-box .feat-box-icon i { font-style: normal; font-size: 25px; font-weight: normal; text-align: center; line-height: 56px; } .feat-box h2, .feat-box h3 { font-size: 21px; font-weight: 400; text-transform: uppercase; margin-bottom: 0; color: #212121; } .feat-box h3 { font-size: 17px; } .feat-box p { margin: 8px 0 0 0; color: #666666; } .feat-box h2 + .feat-box-icon, .feat-box h3 + .feat-box-icon { margin-top: 20px !important; }  .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; cursor: pointer; font-style: normal; }  body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon { margin: 0 10px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px !important; color: #555; text-shadow: none; border: 1px solid #AAA; overflow: hidden; } .social-icon i { display: block; position: relative; line-height: 38px; } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon:hover { color: #222 !important; border-color: transparent; } .toggle { display: block; position: relative; padding-bottom: 10px; margin: 0 0 10px 0; border-bottom: 1px dashed #ddd; } .toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 40px; padding: 0 0 0 34px; margin: 0; font-size: 14px; font-weight: 400; color: #336699; text-transform: uppercase; cursor: pointer; } .toggle .togglet i { position: absolute; top: 0; left: 0; width: 16px; text-align: center; font-size: 21px; line-height: 40px; } .toggle .togglec { display: block; position: relative; padding: 10px 0; } .tabs { position: relative; margin: 0 0 30px 0; } ul.tab-nav { margin: 0; border-bottom: 1px solid #DDD; list-style: none; } ul.tab-nav li { float: left; border: 1px solid transparent; border-bottom: 0; border-left: 0; height: 51px; } ul.tab-nav li:first-child { margin-left: 0; } ul.tab-nav li a { display: block; padding: 0 15px; color: #aaa; height: 50px; line-height: 47px; background-color: #fff; border: 1px solid transparent; font-size: 13px; text-transform: uppercase; font-weight: bold; } ul.tab-nav li.ui-tabs-active a { position: relative; top: 1px; color: #c28e48 ; background-color: #FFF; border: 1px solid #ddd; border-top: 3px solid #f4f4f4; border-bottom: none; border-radius: 2px; } ul.tab-nav li a i { position: relative; top: 2px; font-size: 17px; margin-right: 5px !important; } ul.tab-nav li a > i { margin-top: -5px; } .counter { font-size: 36px; font-weight: 300; color: #c28e48 ; font-family: 'Open Sans', sans-serif; } .widget .counter { opacity: 0.7; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .input-block-level { display: block; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  form .col-1-third { margin-bottom: 25px; } .dropcap { float: left; font-size: 45px; color: #666; line-height: 1; margin: 0 10px 0 0; text-transform: uppercase; } .highlight { padding: 2px 3px; background-color: #c28e48 ; color: #FFF; } #gotoTop { display: none; z-index: 299; position: fixed; width: 60px; height: 50px; background-color: #000; background-color: rgba(0,0,0,0.2); font-size: 25px; line-height: 45px; text-align: center; color: #fff; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .full-wide #gotoTop { bottom: 30px; } #gotoTop:hover { background-color: #336699; } #footer { position: relative; background-color: #fff; border-top: 10px solid rgba(0,0,0,0.1); } #footer .footer-widgets-wrap { position: relative; padding: 80px 0; } #footer .footer-widgets-wrap .footer-about { padding-bottom: 20px; } #footer .footer-widgets-wrap .footer-about p { padding: 0 0 15px; font-size: 16px; line-height: 30px; letter-spacing: 1px; } #footer.footer-gray { background-color: #f8f8f8; }  .footer-widgets-wrap .col-1-third { margin-bottom: 0; } #copyrights { padding: 60px 0; color: #777; background-color: #fff; border-top: 1px solid #eee; font-size: 14px; line-height: 1.8; letter-spacing: 2px; } #copyrights a:first-child { margin-left: 0; } .widget { position: relative; margin-top: 50px; } .widget:first-child { margin-top: 0; } .widget > h4 { margin-bottom: 56px; font-size: 17px; text-transform: uppercase; } .widget p { font-size: 15px; } .widget_links ul, .widget_links li { list-style: none; margin: 0; } .widget_links li a { display: inline-block; padding: 0 0 15px; border: none !important; color: #999; font-size: 12px; text-transform: uppercase; } .widget_links li a:hover { color: #000; } .widget_links > ul > li:first-child { border-top: 0 !important; } .widget_links > ul { margin-top: -4px !important; } .widget_links ul ul { margin-left: 15px; } .full-wide #wrapper { width: 100%; margin: 0; box-shadow: none; } body:not(.no-transition) #wrapper { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(82px) rotate(-90deg) scale(0.3) } 50% { -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg) scale(0.3) } 75% { -webkit-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) scale(1) } } @keyframes cubemove { 25% { transform: translateX(82px) rotate(-90deg) scale(0.3); -webkit-transform: translateX(82px) rotate(-90deg) scale(0.3); } 50% { transform: translateX(82px) translateY(82px) rotate(-180deg) scale(0.5); -webkit-transform: translateX(82px) translateY(82px) rotate(-180deg) scale(0.5); } 75% { transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.7); -webkit-transform: translateX(0px) translateY(82px) rotate(-270deg) scale(0.7); } 100% { transform: rotate(-360deg) scale(1); -webkit-transform: rotate(-360deg) scale(1); } } .dark, .dark h1, .dark h2, .dark h3, .dark h4 { color: #FFFFFF; } .dark a:hover { color: #EEE; } body.dark, .dark #wrapper, .dark #content, body.side-panel-main.dark #side-panel, body.side-panel-main #side-panel.dark { background-color: #282828; } body.side-panel-main.dark #side-panel .side-panel-wrap a, body.side-panel-main #side-panel.dark .side-panel-wrap a { color: #aaa; } body.side-panel-main.dark #side-panel .side-panel-wrap a:hover, body.side-panel-main #side-panel.dark .side-panel-wrap a:hover { color: #ccc; } .dark .section, .section.dark { background-color: #282828; border-color: rgba(255,255,255,0.1); } .dark #header:not(.transparent-header), #header.dark:not(.transparent-header) { background-color: #253645; border-bottom: 1px solid rgba(255,255,255,0.05); } .dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) { background-color: #ffffff; } .dark #header.wide-header #header-wrap:not(.not-dark), #header.wide-header.dark #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.15); } .dark #slider + #header.wide-header #header-wrap:not(.not-dark), #slider + #header.wide-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); } .dark #logo a { color: #CCC; } .dark #header.wide-header #header-wrap:not(.not-dark) #logo, #header.wide-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.15); } .dark #header-wrap:not(.not-dark) #main-menu > ul > li > a, .dark #header-wrap:not(.not-dark) #main-menu > .container > ul > li > a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover { color: #333333; } .dark #header.wide-header #header-wrap:not(.not-dark) #main-menu > ul, #header.wide-header.dark #header-wrap:not(.not-dark) #main-menu > ul { border-right-color: rgba(255,255,255,0.15); } .dark #header-wrap:not(.not-dark) #main-menu > ul > li:hover a, .dark #header-wrap:not(.not-dark) #main-menu > ul > li.current a, .dark #header-wrap:not(.not-dark) #main-menu > .container > ul > li:hover a, .dark #header-wrap:not(.not-dark) #main-menu > .container > ul > li.current a { color: #336699; } .dark #main-menu:not(.not-dark) ul ul, #main-menu.dark ul ul { background-color: #ffffff; border-color: #dddddd; } .dark #main-menu:not(.not-dark) ul ul li, #main-menu.dark ul ul li { border-top-color: #eeeeee; } .dark #main-menu:not(.not-dark) ul ul li:first-child, #main-menu.dark ul ul li:first-child { border-top: 0; } .dark #main-menu:not(.not-dark) ul ul a, #main-menu.dark ul ul a { color: #333333 !important; } .dark #main-menu:not(.not-dark) ul ul li:hover > a, #main-menu.dark ul ul li:hover > a { background-color: rgba(51,102,153,0.08); color: #336699 !important; } .dark #main-menu.m-bg:not(.not-dark) > ul > li:hover > a, #main-menu.dark.m-bg > ul > li:hover > a { color: #EEE; background-color: #c28e48 ; } .dark #main-menu.m-bg:not(.not-dark) > ul > li.current > a, #main-menu.dark.m-bg > ul > li.current > a { color: #EEE; } .dark #main-title { background-color: #282828; border-bottom-color: #3F3F3F; } .dark #main-title h1 { color: rgba(255,255,255,0.9) !important; } .dark #main-title span { color: rgba(255,255,255,0.7); } .dark .breadcrumb a { color: #BBB; } .dark .breadcrumb a:hover { color: #EEE; } .dark #portfolio-filter { border-color: rgba(255,255,255,0.08); } .dark #portfolio-filter li a { color: #999; border-left-color: rgba(255,255,255,0.08); } .dark #portfolio-filter li a:hover { color: #EEE; } .dark #portfolio-filter li.activeFilter a { color: #FFF; } .dark .entry { border-bottom-color: rgba(255,255,255,0.08); } .dark .entry-title h2 a { color: #EEE; } .dark .entry-title h2 a:hover { color: #BBB; } .dark .events .entry { background-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.1); }  .dark .button:hover { background-color: rgba(0,0,0,0.3); } .dark .button-light:not(.button-border):hover { background-color: #282828; } .dark .flat-banner > span, .dark .flat-banner > .container > span { color: rgba(255,255,255,0.8); } .dark .flat-banner.flat-banner-dark:not(.flat-banner-flat) { background-color: rgba(0,0,0,0.3); } .dark .feat-box h3 { color: #CCC; } .dark .feat-box p { color: #888; } .dark .social-icon { color: #DDD !important; border-color: #DDD; } .dark .social-icon i:last-child { color: #FFF !important; } .dark .social-icon:hover { color: #FFF !important; border-color: transparent; } .dark .toggle .togglet, .dark .toggle .toggleta { color: #CCC; } .dark ul.tab-nav { border-bottom-color: #494949; } .dark ul.tab-nav li { border-color: #494949; } .dark ul.tab-nav li:first-child { border-left-color: #494949; } .dark ul.tab-nav li a { color: #DDD; background-color: rgba(0,0,0,0.15); } .dark ul.tab-nav li.ui-tabs-active a { background-color: #383838; }  .dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark .highlight { background-color: rgba(0,0,0,0.2); } #footer.dark, .dark #footer { background-color: #181818; color: #CCC; } .dark #copyrights { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.25); border-top: 1px solid #c28e48 ; } .dark .footer-widgets-wrap a { color: #CCC; } .dark .footer-widgets-wrap a:hover { color: #999; }  body.side-panel-main.dark #side-panel .widget, body.side-panel-main #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); } body.side-panel-main.dark #side-panel #side-panel-trigger-close a, body.side-panel-main #side-panel.dark #side-panel-trigger-close a { color: #FFF; } .dark .widget h4 { color: #DDD; } .dark .widget p { opacity: 0.8; } .dark .widget_links li a { color: #CCC; } .dark .widget_links li a:hover { color: #AAA; } .dark code { color: #DF6F72; background-color: rgba(0,0,0,0.3); } .dark .nav > li > a:hover, .dark .nav > li > a:focus, .dark .nav .open > a, .dark .nav .open > a:hover, .dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); } .dark .panel { background-color: rgba(0,0,0,0.2); } @media (max-width: 991px) { .dark #main-menu:not(.not-dark) ul li, .dark #main-menu:not(.not-dark) ul ul, .dark #main-menu:not(.not-dark) ul ul li { border-top-color: rgba(255,255,255,0.1) !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu ul li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu ul ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu ul ul li { border-top-color: #EEE !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > div > ul > li.current a { color: #336699 !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > ul > li.current ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #main-menu > div > ul > li.current ul a { color: #c28e48 !important; } }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }  .icon-bulb { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
@media (max-width: 1199px) { .flat-banner h3 { font-size: 20px; } .flat-banner > span, .flat-banner > .container > span { font-size: 15px; } .flat-banner-uppercase h3 { font-size: 19px; } .flat-banner-uppercase > span, .flat-banner-uppercase > .container > span { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px) { #wrapper { width: 1000px; } .portfolio-item { width: 226px; } } @media (max-width: 991px) { #wrapper { width: 100%; margin: 0; box-shadow: none; } #header.wide-header .container { padding: 0 15px !important; margin: 0 auto; width: 750px !important; } #header, #header-wrap { height: auto !important; } #header.sticky-header #header-wrap { position: relative; } #logo { display: block; height: 90px; float: none; margin: 10px auto 0 !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important; } #logo a.logo-style { display: inline-block; } #main-menu { display: block; float: none; height: auto !important; } #main-menu-trigger { opacity: 1; pointer-events: auto; top: 25px; margin-top: 0; left: 0; z-index: 1; } #main-menu .container #main-menu-trigger { top: 5px; left: 0; } #main-menu > ul, #main-menu > div > ul { display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; -o-transition: none; transition: none; } #main-menu > div > ul { margin-top: 60px !important; } body:not(.top-search-open) #main-menu-trigger { opacity: 1; -webkit-transition: opacity .2s .2s ease, top .4s ease; -o-transition: opacity .2s .2s ease, top .4s ease; transition: opacity .2s .2s ease, top .4s ease; } body.side-panel-main #side-panel-trigger a { right: 90px; } #main-menu ul { height: auto !important; } #main-menu ul li { float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #EEE; } #main-menu ul li:first-child { border-top: 0; } #main-menu ul li a { height: 50px !important; line-height: 50px !important; padding: 0 5px !important; border: none !important; margin: 0 !important; } #main-menu.m-bg > ul > li:hover > a, #main-menu.m-bg > ul > li.current > a { background-color: transparent !important; color: #444; text-shadow: none; } #main-menu ul li i, #main-menu.m-bg > ul > li > a i { line-height: 49px; } #main-menu ul ul { position: relative; width: auto; background-color: transparent !important; box-shadow: none; border: 0; border-top: 1px solid #EEE; z-index: 1; top: 0 !important; padding-left: 15px; } #main-menu ul ul ul { top: 0 !important; left: 0; } #main-menu ul ul.menu-pos-invert { left: 0; right: 0; } #main-menu ul ul ul.menu-pos-invert { right: 0; } #main-menu ul ul li { float: none; margin: 0; border-top: 1px solid #EEE; } #main-menu ul ul a { height: 44px !important; line-height: 44px !important; padding-left: 5px !important; font-size: 13px !important; text-transform: none; font-weight: 400; } #main-menu ul ul a i { line-height: 43px; } #main-menu ul ul li:hover > a { background-color: transparent !important; font-weight: 600; padding-left: 5px; color: #1ABC9C !important; } #main-menu ul ul i { line-height: inherit; } #side-panel-trigger { position: absolute; top: 0; left: auto; right: 20px; margin: 40px 0; border: none; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease; } #main-menu > div > #side-panel-trigger { margin: 20px 0 !important; } #portfolio:not(.portfolio-1) { margin: 0 -12px -12px 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item { width: 232px; margin: 0 12px 12px 0; } .flat-banner:not(.flat-banner-full) { padding: 30px 20px !important; } .flat-banner.flat-banner-dark h3 { line-height: 1.6; } .flat-banner > span, .flat-banner > .container > span { width: 100%; } .flat-banner a.button { position: relative !important; top: 0 !important; margin: 20px 0 0 !important; left: 0 !important; right: 0; } } @media (max-width: 767px) { body { padding: 0 !important; } #wrapper { width: 100% !important; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } #gotoTop { display: none !important; }  .col-1-third { width: 100%; margin-right: 0; float: none; margin-bottom: 50px !important; }  form .col-1-third { margin-bottom: 25px !important; } #main-title { padding: 20px 0 25px; text-align: center; } #main-title h1 { line-height: 1.5; font-size: 24px; } #main-title span { display: none; } #main-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 15px 0 0 !important; padding: 15px 0 0 !important; } #portfolio-filter { margin-bottom: 20px; } #portfolio-filter li { margin-bottom: 20px; } #portfolio-filter li a { text-align: center; padding: 5px 18px !important; border: 1px solid transparent; } #portfolio-filter li a:hover { color: #1ABC9C; } .entry-title h2 { font-size: 18px !important; font-weight: 600; } .single-post .entry-content .entry-image { max-width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .container, #header.wide-header .container { width: 470px !important; } #portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; } #portfolio:not(.portfolio-1) .portfolio-item { margin: 0 6px 6px 0; } #portfolio:not(.portfolio-1) .portfolio-item { width: 217px; } } @media (max-width: 479px) { .container, #header.wide-header .container { width: 310px !important; } body.side-panel-main #side-panel-trigger { right: -35px !important; } #portfolio:not(.portfolio-1) { margin: 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item { width: 280px; } ul.tab-nav li { float: none; width: 100%; border-right: none; } ul.tab-nav li.ui-tabs-active a { border: 1px solid #ddd; } }
.dark .feat-box p { color: #c9c9c9; } .dark .feat-box h2 { color: #CCC; } .content-wrap a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)), .flat-banner a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)), #footer a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)) { color: #86602d; border-bottom: 1px solid rgba(134, 96, 45, 0.45); } .content-wrap a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)):hover, .flat-banner a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)):hover, #footer a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)):hover { color: #6b4a1f; border-bottom-color: rgba(107, 74, 31, 0.7); } .flat-banner-dark a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)) { color: #e6cba8; border-bottom-color: rgba(230, 203, 168, 0.5); } .flat-banner-dark a:not(.button):not(.social-icon):not(:has(> img)):not(:has(> svg)):not(:has(> i:only-child)):hover { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.7); } .dark .widget h3 { color: #DDD; } .breadcrumb > .active { color: #727272; } #portfolio-filter li a { color: #767676; } .button-light { color: #6e6e6e; } .button-light:focus { color: #6e6e6e; }  #copyrights { color: #767676; } .flat-banner-dark h3 + p { color: #fff; } #side-panel-trigger a { width: 24px; height: 24px; line-height: 24px; } img[width] { height: auto; } @media (max-width: 991px) { #main-menu.nav-open > ul { display: block !important; } #main-menu ul li.submenu-open > ul { display: block !important; } #main-menu ul li a { font-size: 17px !important; } #main-menu ul ul a { font-size: 16px !important; } } body #wrapper { opacity: 1 !important; } .hero-scroll-indicator { display: none; } @media (max-width: 767px) { .hero-scroll-indicator { display: block; width: fit-content; margin: 16px auto 4px; color: rgba(255, 255, 255, 0.55); line-height: 0; animation: hero-scroll-bounce 2.4s ease-in-out infinite; } .hero-scroll-indicator:hover { color: rgba(255, 255, 255, 0.85); } } @keyframes hero-scroll-bounce { 0%, 100% { transform: translateY(0); opacity: 0.55; } 50% { transform: translateY(6px); opacity: 0.9; } } @media (prefers-reduced-motion: reduce) { .hero-scroll-indicator { animation: none; } } .text-rotater { color: #17a2a8; } .text-rotater .t-rotate { display: inline-block; max-width: 100%; max-height: 1.2em; overflow: hidden; vertical-align: bottom; } @media (max-width: 767px) { .text-rotater .t-rotate { max-height: 2.6em; } } #logo img, .logo-style img { width: auto !important; object-fit: contain; } .footer-contact-form input.input-block-level, .footer-contact-form textarea.input-block-level { margin-bottom: 18px; padding: 8px 10px; font-size: 14px; } .footer-contact-form textarea { resize: vertical; } .footer-contact-form .button { margin: 0; } @media (max-width: 479px) { body.side-panel-main #side-panel-trigger { right: 0 !important; } } .whatsapp-float { position: fixed; right: 10px; bottom: 10px; width: 45px; height: 45px; border-radius: 100px; background-color: #27d974; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; z-index: 500; transition: transform .15s ease; } .whatsapp-float:hover { transform: scale(1.05); } .form-feedback:empty { display: none; } .form-feedback { margin-top: 15px; padding: 12px 16px; border-radius: 4px; border-left: 4px solid transparent; background-color: #fff; font-size: 15px; line-height: 1.5; } .form-feedback.success { border-left-color: #1b7f77; color: #1b7f77; } .form-feedback.error { border-left-color: #8a4b00; color: #8a4b00; } .lightbox-overlay { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.9); } .lightbox-overlay.lightbox-open { display: flex; } body.lightbox-locked { overflow: hidden; } .lightbox-img { max-width: 90vw; max-height: 90vh; object-fit: contain; box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); } .lightbox-close, .lightbox-prev, .lightbox-next { position: absolute; background: none; border: none; color: #fff; cursor: pointer; line-height: 1; } .lightbox-close { top: 20px; right: 30px; font-size: 40px; } .lightbox-prev, .lightbox-next { top: 50%; transform: translateY(-50%); font-size: 30px; padding: 10px 16px; } .lightbox-prev { left: 10px; } .lightbox-next { right: 10px; } .lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover { color: #ef7537; } @media (max-width: 767px) { .t-margin-large:not(.no-t-margin) { margin-top: 60px !important; } .section:not(.nopadding):not(.no-t-padding) { padding-top: 60px !important; } .section:not(.nopadding):not(.no-b-padding) { padding-bottom: 60px !important; } .content-wrap:has(+ .line) { padding-bottom: 0 !important; } .container.clearfix:has(> .flat-banner.b-margin) + .flat-banner.t-margin-large.footer-stick { margin-top: 10px !important; padding-top: 25px !important; } main:has(+ footer) > section:last-of-type .content-wrap { padding-bottom: 0 !important; } main:has(+ footer) + footer .footer-widgets-wrap { padding-top: 30px !important; } .content-wrap:has(> .container.clearfix:first-child > .post-grid.grid-3) > .container.clearfix:first-child { padding-bottom: 0 !important; } } .content-wrap .footer-stick:has(> .container a.button) { margin-bottom: -35px !important; } @media (max-width: 767px) { .url input { font-size: 16px !important; } } #gotoTop { display: flex !important; align-items: center; justify-content: center; right: 10px !important; bottom: 65px !important; left: auto !important; top: auto !important; width: 45px !important; height: 45px !important; line-height: 1 !important; font-size: 20px !important; border-radius: 50%; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, background-color .2s linear; } #gotoTop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } @media (max-width: 767px) { .container, #header.wide-header .container { width: 100% !important; } } svg.ico { display: inline-block; fill: currentColor; overflow: visible; } svg.ico-fa { vertical-align: -0.1429em; } svg.ico-sl { vertical-align: -0.0625em; }