html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, details, footer, header, menu, nav, section { display: block; } audio, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; color: #CCFFCC; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } 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; } input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } 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) ")"; } blockquote { border: 1px solid #999; page-break-inside: avoid; } 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; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } 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; } } .row { margin-right: -15px; margin-left: -15px; } .col-md-2, .col-sm-3, .col-md-3, .col-sm-4, .col-md-4, .col-sm-5, .col-md-5, .col-sm-6, .col-md-6, .col-sm-7, .col-md-7, .col-sm-8, .col-md-8, .col-sm-9, .col-md-9, .col-md-10, .col-sm-12, .col-md-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-offset-3 { margin-left: 25%; } } @media (min-width: 992px) { .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-offset-2 { margin-left: 16.66666667%; } } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=radio] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } input[type=file]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date], input[type=time], input[type=month] { line-height: 34px; } } .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio input[type=radio] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio { margin-top: -5px; } .dropdown { position: relative; } .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; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } @-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, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .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.right { padding: 0 5px; margin-left: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after { display: table; content: " "; } .clearfix:after, .container:after, .row:after, .nav:after, .pager:after, .panel-body:after { clear: both; } .show { display: block !important; } .hidden { display: none !important; visibility: hidden !important; } @-ms-viewport { width: device-width; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@charset "utf-8"; .hebdem{ display:none; visibility:hidden; } .white { color: #FFFFFF; } 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; } audio { width: 100%; } .spacing-normal { letter-spacing: 1.5px; } .hover-sepia:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey"); -webkit-filter: sepia(0.3); -webkit-filter: sepia(30%); -moz-filter: sepia(30%); -ms-filter: sepia(30%); -o-filter: sepia(30%); filter: sepia(30%); } .hover-sepia { -webkit-filter: sepia(0); -moz-filter: sepia(0); -ms-filter: sepia(0); -o-filter: sepia(0); filter: none; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 400; line-height: 1.5; letter-spacing: 2px; margin: 0 0 20px 0; font-family: Dosis, arial, sans-serif; } h5, h6 { color: #111; text-transform: none; letter-spacing: 1px; } h1 { font-size: 36px; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span h2 > span.text-rotater { color: #FF9900; } dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } ::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, dl, dd, blockquote, address, form { margin-bottom: 30px; } small { font-family: 'Open Sans', sans-serif; } .italic { font-style: italic; } .bold { font-weight: bold !important;} .underline { text-decoration: underline; } .uppercase { text-transform: uppercase; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } #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); } .line { clear: both; position: relative; width: 100%; margin: 80px 0; border-top: 1px solid #eee; } .t-margin { margin-top: 30px !important; } .b-margin { margin-bottom: 30px !important; } .t-margin-small { margin-top: 30px !important; } .b-margin-small { margin-bottom: 30px !important; } .t-margin-large { margin-top: 80px !important; } .b-margin-large { margin-bottom: 80px !important; } .nomargin {margin: 0 !important; } .no-l-margin { margin-left: 0 !important; } .no-t-margin { margin-top: 0 !important; } .no-b-margin { margin-bottom: 0 !important; } .header-stick { margin-top: -50px !important; } .content-wrap .header-stick { margin-top: -120px !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; } .border { border: 1px solid #e3e3e3; } .noborder { border: none !important; } .no-b-border { border-bottom: none !important; } .col-padding { padding: 60px; } .nopadding { padding: 0 !important; } .hidden { display: none !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .bgdark { background-color: #333 !important; } .color { color: #336699 !important; } .border-color { border-color: #336699 !important; } .iconlist { padding-left: 0; margin-left: 1.75em; list-style-type: none; } .iconlist i { color: #ccc; margin-right: 5px; } .iconlist li { position: relative; margin-bottom: 10px; margin-left: 20px; } .iconlist ul { list-style-type: none; margin: 5px 0 5px 25px; } ul.iconlist { margin-left: 5px; } .iconlist > li [class*=" fa fa-"] { position: absolute; left: -1.75em; width: 1.75em; text-align: center; top: 5px; width: 14px; } @-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.pattern { background: url(../images/pattern.png); } .parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; } .section .container { z-index: 2; } .section .container + .video-wrap { z-index: 1; } .postcontent { width: 860px; } .sidebar { width: 240px; } .col-full { width: 100%; } .col-1-half { width: 48%; } .col-1-third { width: 30.63%; } .col-2-third { width: 65.33%; } .col-1-fourth { width: 22%; } .col-2-fifth { width: 37.6%; } .col-3-fifth { width: 58.4%; } .postcontent, .sidebar, .col-full, .col-1-half, .col-1-third, .col-2-third, .col-1-fourth, .col-2-fifth, .col-3-fifth { display: block; position: relative; margin-right: 4%; margin-bottom: 40px; float: left; } .postcontent, .sidebar { margin-right: 40px; } .col-full { clear: both; float: none; margin-right: 0; } .postcontent.col-last, .sidebar.col-last { float: right; } .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; } .section .video-wrap { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } #slider .container { position: relative; height: 100%; } .video-wrap { overflow: hidden; width: 100%; position: relative; } .video-wrap video { position: relative; z-index: 1; width: 100%; } .slider-caption { position: absolute; top: 0; left: 15px; z-index: 20; max-width: 650px; color: #EEE; font-size: 20px; font-weight: 300; -webkit-transition: top .3s ease; -o-transition: top .3s ease; transition: top .3s ease; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 { color: #c28e48 ; text-shadow: none; } .slider-caption h2 { font-family: 'Open Sans', sans-serif; font-size: 38px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; color: #fff; line-height: 1.2; margin-bottom: 30px; } .slider-caption p { margin-bottom: 10px; font-size: 18px; color: #666; } .slider-caption.slider-caption-center { position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; } #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; } #main-title.main-title-center { text-align: center; padding: 75px 0; } #main-title.main-title-center span { max-width: 700px; margin-left: auto; margin-right: auto; } #main-title.main-title-center span:before { margin-left: auto; margin-right: auto; } #main-title.main-title-center .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; padding: 60px 0 0 !important; } #main-title.main-title-parallax { padding: 150px 0; text-shadow: none; border-bottom: none; background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } #main-title.main-title-parallax h1 { font-size: 30px; } #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-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 276px; height: auto; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .iportfolio:hover .portfolio-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; } .portfolio-desc { z-index: 3; padding: 30px 5px !important; } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 16px; letter-spacing: 3px; text-transform: uppercase; color: #fff !important; line-height: 1; } .portfolio-desc h3 a { color: #336699; } .portfolio-desc h3 a:hover { color: #336699; } .portfolio-desc span { display: block; margin-top: 6px; color: #888; } .portfolio-desc span a { color: #888; } .portfolio-desc span a:hover { color: #111; } body .portfolio-notitle .portfolio-desc { display: none !important; } #portfolio.portfolio-nomargin, #portfolio.portfolio-full { margin: 0 !important; } .portfolio-nomargin .portfolio-item { width: 284px; margin: 0 !important; } .portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-nomargin .portfolio-item .portfolio-image img { width: 284px; height: auto; } .portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; } #portfolio.portfolio-full { margin: 0 0 60px !important; width: 100.4%; } #portfolio.portfolio-full.portfolio-no-b-margin { margin-bottom: 0 !important; } .portfolio-full .portfolio-item { width: 25%; margin: 0 !important; overflow: hidden !important; } .portfolio-full .portfolio-item .portfolio-image, .portfolio-full .portfolio-item .portfolio-image > a, .portfolio-full .portfolio-item .portfolio-image .slide a, .portfolio-full .portfolio-item .portfolio-image img { width: 100% !important; height: auto !important; } .portfolio-full .portfolio-desc { padding: 15px; } .postcontent #portfolio { margin: 0 -12px -12px 0; } .postcontent .portfolio-item { width: 206px; margin: 0 12px 12px 0; } .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 206px; height: 206px; } .postcontent .portfolio-desc h3 { font-size: 17px; } .postcontent .portfolio-desc span { font-size: 12px; } .postcontent .portfolio-nomargin .portfolio-item { width: 214px; } .postcontent .portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image img { width: 214px; height: 214px; } .portfolio-masonry .portfolio-item .portfolio-image, .portfolio-masonry .portfolio-item .portfolio-image > a, .portfolio-masonry .portfolio-item .portfolio-image .slide a, .portfolio-masonry .portfolio-item .portfolio-image img { height: auto !important; } #portfolio.portfolio-3 { margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item { width: 370px; margin: 0 15px 15px 0; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 370px; height: auto; } .portfolio-3.portfolio-nomargin .portfolio-item { width: 379px; } .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 379px; height: auto; } .postcontent #portfolio.portfolio-3 { margin: 0 -16px -16px 0; } .postcontent .portfolio-3 .portfolio-item { width: 276px; margin: 0 16px 16px 0; } .postcontent .portfolio-3 .portfolio-item .portfolio-image, .postcontent .portfolio-3 .portfolio-item .portfolio-image a, .postcontent .portfolio-3 .portfolio-item .portfolio-image img { width: 276px; height: auto; } .postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; } .postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; } .postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 285px; } .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 285px; height: 285px; } #portfolio.portfolio-5 { margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item { width: 220px; margin: 0 10px 10px 0; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 220px; height: 220px; } .portfolio-5 .portfolio-desc h3 { font-size: 17px; } .portfolio-5.portfolio-nomargin .portfolio-item { width: 227px; } .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img { width: 227px; height: 227px; } .postcontent #portfolio.portfolio-5 { margin: 0; } .postcontent .portfolio-5 .portfolio-item { width: 172px; margin: 0; } .postcontent .portfolio-5 .portfolio-item .portfolio-image, .postcontent .portfolio-5 .portfolio-item .portfolio-image a, .postcontent .portfolio-5 .portfolio-item .portfolio-image img { width: 172px; height: 172px; } .postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; } .postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; } .postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; } .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, .iportfolio: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.center-icon { display: block; margin: -20px 0 0 -20px; opacity: 0; } .portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon { opacity: 1; } .portfolio-overlay a:hover { color: #f28b28; } .portfolio-item:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.left-icon { margin-left: -50px; } .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.right-icon { margin-right: -50px; } .portfolio-overlay .portfolio-desc { position: relative; padding: 0 !important; margin: 0; top: 30%; text-align: center; } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto !important; height: auto !important; line-height: 1; background-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .portfolio-overlay .portfolio-desc h3 { color: #fff !important; } .portfolio-overlay .portfolio-desc h3 a { color: #fff !important; } .portfolio-overlay .portfolio-desc span { color: #aaa !important; } .portfolio-overlay .portfolio-desc span a { color: #aaa !important; font-size: inherit; } .portfolio-overlay .portfolio-desc ~ a { display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0 !important; } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a { -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, opacity .2s linear; } .portfolio-overlay .portfolio-desc ~ a.right-icon { left: 0; right: 0; margin-left: 5px !important; margin-right: 0 !important; } .portfolio-overlay .portfolio-desc a:hover { background: transparent; } .well .line { margin: 20px 0; border-color: #E5E5E5; } .iportfolio { position: relative; float: none; width: 100%; margin: 0; } .iportfolio .portfolio-image { position: relative; overflow: hidden; } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img { display: block; width: 100%; height: auto; } #posts { position: relative; } .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; } .entry-meta { margin: 0 -10px 30px 0; list-style: none; } .single-post .entry-meta { margin-bottom: 20px; } .entry-meta li { float: left; font-size: 12px; line-height: 14px; margin: 10px 5px 5px 0; color: #999; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .entry-meta li:before { content: '|'; display: inline-block; margin-right: 5px; font-size: 18px; opacity: 0.3 } .entry-meta li i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .entry-meta li span { line-height: 14px; padding: 2px 4px; border: 1px solid #ccc; } .entry-meta li a { color: #999; } .entry-meta li a:hover { color: #336699; } .entry-meta li:first-child:before { display: none; } .entry-c { position: relative; overflow: hidden; } #posts .entry-content { margin-top: 30px; } .single-post .entry-content .entry-image { max-width: 400px; } .entry-content { position: relative; } .entry blockquote p { font-weight: 400; font-family: 'Open Sans', sans-serif; font-style: italic; } .small-thumbs .entry-image { float: left; width: 300px; margin: 0 30px 0 0; } .small-thumbs .entry-image img { border-radius: 0; } .small-thumbs .entry-c .entry-image { float: none; width: 100%; margin: 0 0 20px 0; } .small-thumbs .entry-c .entry-image img { border-radius: 5px; } .small-thumbs .entry-title h2 { font-size: 20px; font-weight: 600; } .small-thumbs .entry-c .entry-meta { margin-left: 1px; } .small-thumbs.alt .entry-image { float: right; margin: 0 0 0 30px; } .small-thumbs.alt .entry-c .entry-image { float: none; margin: 0 0 20px 0; } .post-grid { margin-right: -28px; } .post-grid .entry { float: left; width: 264px; margin-right: 28px; } .post-grid .entry-image, .post-grid .entry-image img { } .post-grid .entry-image img { border-radius: 0; } .post-grid .entry-title h2 { font-size: 17px; font-weight: 600; } .post-grid.grid-3 { margin-right: -30px; } .post-grid.grid-3 .entry { width: 360px; margin-right: 30px; } .post-grid.grid-3 .entry-image, .post-grid.grid-3 .entry-image img { } .post-grid.grid-3 .entry-title h2 { font-size: 18px; } .postcontent .post-grid.grid-3 { margin-right: -25px; } .postcontent .post-grid.grid-3 .entry { width: 270px; margin-right: 25px; } .postcontent .post-grid.grid-3 .entry-image, .postcontent .post-grid.grid-3 .entry-image img { height: 152px; } .postcontent .post-grid.grid-3 .entry-title h2 { font-size: 16px; } .post-grid.grid-2 { margin-right: -40px; } .post-grid.grid-2 .entry { width: 550px; margin-right: 40px; } .post-grid.grid-2 .entry-image, .post-grid.grid-2 .entry-image img { height: 350px; } .post-grid.grid-2 .entry-title h2 { font-size: 20px; } .postcontent .post-grid.grid-2 .entry { width: 410px; } .postcontent .post-grid.grid-2 .entry-image, .postcontent .post-grid.grid-2 .entry-image img { height: 230px; } .postcontent .post-grid.grid-2 .entry-title h2 { font-size: 18px; } .post-masonry .entry-image, .post-masonry .entry-image img { height: auto !important; } .post-masonry-full { margin: -80px 0 -80px -1px !important; } .post-masonry-full .entry { width: 24.9% !important; margin: 0 !important; padding: 40px 30px 20px; border-bottom: none; } .post-masonry-full.grid-3 .entry { width: 33.30% !important; } .pager li > a, .pager li > span { border-radius: 1px; } .more-link { display: inline-block; padding: 0 2px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid transparent; float: right; opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 0.5s ease-in-out; } .more-link:hover { border-bottom: 1px solid #555; } .entry:hover .more-link { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .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; } .single-post .panel-body h5 a { color: #c28e48 ; } #reviews { position: relative; } div.aligncenter > img { display: block; float: none; } img.aligncenter, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; } #shop { position: relative; margin: 0 -20px -20px 0; } .product { position: relative; float: left; margin: 0 20px 30px 0; width: 270px; border: 1px solid transparent; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .product:hover { border: 1px solid #777; } .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-dark { background-color: #c28e48 ; } .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-hlight:hover { background-color: #fff !important; color: #c28e48 ; } .button.button-dark:hover { background-color: #336699 !important; } .button.button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 36px; } .button.button-large { padding: 0 18px; font-size: 16px; height: 46px; line-height: 46px; } .button.button-xlarge { padding: 0 20px; font-size: 18px; letter-spacing: 1px; height: 52px; line-height: 52px; } .button.button-desc { text-align: left; padding: 50px 34px; height: auto; line-height: 1; font-family: 'Open Sans', sans-serif; white-space: normal; } .button.button-desc span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; text-transform: none; } .button.button-desc:hover h4 { color: inherit; } .button i { position: relative; top: -1px; line-height: 1; margin-right: 5px; } .button.tright i { margin: 0 0 0 5px; } .button-small i { margin-right: 4px; } .button-small.tright i { margin: 0 0 0 4px; } .button-xlarge i { top: 2px; margin-right: 8px; } .button-xlarge.tright i { margin: 0 0 0 8px; } .button.button-desc i { top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.tright i { margin: 0 0 0 12px; } .button.button-desc div { display: inline-block; } .button.button-border { border: 2px solid #c28e48 ; background-color: transparent; color: #c28e48 ; line-height: 36px; font-weight: 400; text-shadow: none; } .button.button-border.button-small { line-height: 30px; } .button.button-border.button-large { line-height: 42px; } .button.button-border.button-xlarge { line-height: 48px; } .button.button-border.button-desc { line-height: 1; } .button.button-border:hover { background-color: #c28e48 ; color: #FFF; border-color: transparent !important; } .button.button-border.button-light { border-color: #EEE; color: #EEE; } .button.button-border.button-light:hover { background-color: #EEE !important; color: #333; text-shadow: none; } .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.button-border i { top: -2px; } .button.button-reveal.tright i { left: auto; right: -32px; } .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.button-small.tright i { left: auto; right: -26px; } .button.button-reveal.button-large { padding: 0 32px; } .button.button-reveal.button-large i { left: -38px; width: 38px; height: 46px; line-height: 46px; } .button.button-reveal.button-large.tright i { left: auto; right: -38px; } .button.button-reveal.button-xlarge { padding: 0 40px; } .button.button-reveal.button-xlarge i { left: -44px; width: 44px; height: 52px; line-height: 52px; } .button.button-reveal.button-xlarge.tright i { left: auto; right: -44px; } .button.button-reveal:hover i { left: 0; } .button.button-reveal.tright:hover i { left: auto; right: 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.button-reveal.button-large:hover span { left: 16px; } .button.button-reveal.button-xlarge:hover span { left: 19px; } .button.button-reveal.tright:hover span { left: -13px; } .button.button-reveal.button-small.tright:hover span { left: -10px; } .button.button-reveal.button-large.tright:hover span { left: -16px; } .button.button-reveal.button-xlarge.tright:hover span { left: -19px; } .button-blue { background-color: #61a8d8; } .button-reveal.button-blue:hover { background-color: #61a8d8 !important; } .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 a.button.button-large { margin-top: -15px; } .flat-banner a.button.button-xlarge { margin-top: -25px; } .flat-banner a.button.button-desc { margin-top: -40px; } .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-light { background-color: #f7f7f7; border-radius: 3px; padding-left: 30px; } .flat-banner.flat-banner-light a.button { right: 30px; } .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.flat-banner-flat { background-color: #336699; } .flat-banner.flat-banner-flat > span, .flat-banner.flat-banner-flat > .container > span { color: rgba(255,255,255,0.9); } .flat-banner.flat-banner-flat a.button:not(.button-border) { background-color: rgba(0,0,0,0.2); color: #FFF; } .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.parallax { padding: 120px 0 !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.feat-box-medium { padding: 0 0 0 115px; } .feat-box.feat-box-medium .feat-box-icon { width: 90px; height: 90px; } .feat-box.feat-box-medium .feat-box-icon i { font-size: 30px; line-height: 86px; } .feat-box.feat-box-rounded .feat-box-icon { border-radius: 10px !important; } .feat-box.feat-box-rounded .feat-box-icon i, .feat-box.feat-box-rounded .feat-box-icon img { border-radius: 10px !important; } .feat-box.feat-box-rounded.feat-box-medium .feat-box-icon { border-radius: 20% !important; } .feat-box.feat-box-rounded.feat-box-medium .feat-box-icon i, .feat-box.feat-box-rounded.feat-box-medium .feat-box-icon img { border-radius: 20% !important; } .feat-box.feat-box-dark .feat-box-icon i, .feat-box.feat-box-dark .feat-box-icon img { background-color: #ccc; } .feat-box.feat-box-border .feat-box-icon { border: 1px solid #336699; border-radius: 50%; } .feat-box.feat-box-border .feat-box-icon i, .feat-box.feat-box-border .feat-box-icon img { border: none; background-color: transparent !important; color: #336699; } .feat-box.feat-box-border .feat-box-icon { padding: 0; } .feat-box.feat-box-border .feat-box-icon i { line-height: 56px !important; } .feat-box.feat-box-border.feat-box-medium .feat-box-icon i { line-height: 88px !important; } .feat-box.feat-box-border.feat-box-dark .feat-box-icon { border-color: #c28e48 ; } .feat-box.feat-box-border.feat-box-dark .feat-box-icon i, .feat-box.feat-box-border.feat-box-dark .feat-box-icon img { color: #c28e48 ; } .feat-box.feat-box-plain .feat-box-icon { border: none !important; height: auto !important; } .feat-box.feat-box-plain .feat-box-icon i, .feat-box.feat-box-plain .feat-box-icon img { border: none !important; background-color: transparent !important; color: #336699; border-radius: 0; } .feat-box.feat-box-plain .feat-box-icon i { font-size: 28px; line-height: 56px !important; } .feat-box.feat-box-plain .feat-box-icon img { height: 64px; } .feat-box.feat-box-plain.feat-box-small { padding-left: 42px; } .feat-box.feat-box-plain.feat-box-small .feat-box-icon { width: 28px; } .feat-box.feat-box-plain.feat-box-small h3 { font-size: 15px; line-height: 26px; margin-bottom: 10px; } .feat-box.feat-box-plain.feat-box-small p { margin-left: -42px; } .feat-box.feat-box-plain.feat-box-small .feat-box-icon i { font-size: 28px; line-height: 1 !important; } .feat-box.feat-box-plain.feat-box-small .feat-box-icon img { height: 28px; } .feat-box.feat-box-plain.feat-box-medium .feat-box-icon i { font-size: 47px; } .feat-box.feat-box-plain.feat-box-medium .feat-box-icon img { height: 96px; } .feat-box.feat-box-plain.feat-box-dark .feat-box-icon i, .feat-box.feat-box-plain.feat-box-dark .feat-box-icon img { color: #c28e48 ; } .feat-box.feat-box-center { padding: 0 7px; text-align: center; } .feat-box.feat-box-center .feat-box-icon { position: relative; width: 138px; height: 138px; margin: 0 auto 30px; } .feat-box.feat-box-center .feat-box-icon i { font-size: 30px; line-height: 132px; } .feat-box.feat-box-center p { font-size: 14px; margin-top: 15px; } .feat-box.feat-box-center.feat-box-plain:after { pointer-events: none; position: absolute; top: 0; left: 0; content: ''; padding-bottom: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: scale(.1); -moz-transition: -moz-transform 0.7; -moz-transform: scale(.1); -ms-transition: -ms-transform 0.7; -ms-transform: scale(.1); transition: transform 0.7s; transform: scale(.1); } .feat-box.feat-box-center.feat-box-plain:hover:after { background: rgba(0,0,0,0.07); width: 100%; height: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .feat-box.feat-box-center.feat-box-plain .feat-box-icon { margin-bottom: 5px; } .feat-box.feat-box-center.feat-box-medium .feat-box-icon { width: 128px; height: 128px; } .feat-box.feat-box-center.feat-box-medium .feat-box-icon i { font-size: 70px; line-height: 128px; } .feat-box.feat-box-center.feat-box-border .feat-box-icon i { line-height: 136px !important; } .feat-box.feat-box-center.feat-box-medium.feat-box-border .feat-box-icon i { line-height: 126px !important; } .feat-box.feat-box-center.feat-box-plain .feat-box-icon i { font-size: 30px; } .feat-box.feat-box-center.feat-box-plain .feat-box-icon img { height: 96px; } .feat-box.feat-box-center.feat-box-medium.feat-box-plain .feat-box-icon i { font-size: 112px; } .feat-box.feat-box-center.feat-box-medium.feat-box-plain .feat-box-icon img { height: 128px; } .feat-box.feat-box-center.feat-box-small .feat-box-icon { width: 64px; height: 64px; } .feat-box.feat-box-center.feat-box-small .feat-box-icon i { font-size: 28px; line-height: 64px; } .feat-box.feat-box-center.feat-box-small.feat-box-border .feat-box-icon i { line-height: 62px !important; } .feat-box.feat-box-center.feat-box-small.feat-box-plain .feat-box-icon i { font-size: 56px; } .feat-box.feat-box-center.feat-box-small.feat-box-plain .feat-box-icon img { height: 64px; } .feat-box.feat-box-center.feat-box-small p { font-size: 14px; margin-top: 10px; } .feat-box.feat-box-center.feat-box-plain { padding: 15px; } .feat-box.feat-box-center.feat-box-plain.feat-box-small p { margin-left: 0; } .feat-box.feat-box-right { padding: 0 80px 0 0; text-align: right; } .feat-box.feat-box-right.feat-box-medium { padding-right: 115px; } .feat-box.feat-box-right .feat-box-icon { left: auto; right: 0; } .feat-box.feat-box-right.feat-box-plain.feat-box-small { padding: 0 42px 0 0; } .feat-box.feat-box-right.feat-box-plain.feat-box-small p { margin: 0 -42px 0 0; } .feat-box h2 + .feat-box-icon, .feat-box h3 + .feat-box-icon { margin-top: 20px !important; } .feat-box h2 span.subtitle, .feat-box h3 span.subtitle { display: block; margin-top: 5px; color: #999; font-size: 14px; font-weight: 500; letter-spacing: 1px; } .feat-box.feat-box-center:not(.feat-box-bg) h3:after { content: ''; display: block; margin: 15px auto; width: 50px; border-top: 1px solid #ccc; } .feat-box.feat-box-center.noborder:not(.feat-box-bg) h3:after, .feat-box.feat-box-center.no-b-border:not(.feat-box-bg) h3:after { display: none; } .feat-box.feat-box-bg.feat-box-center { margin-top: 68px; margin-bottom: 100px; padding: 100px 30px 40px; background-color: #fafafa; border: 1px solid #eee; border-radius: 5px 5px 0 0; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .feat-box.feat-box-bg.feat-box-center:first-child { margin-top: 48px; } .feat-box.feat-box-bg.feat-box-center.feat-box-medium { margin-top: 84px; padding-top: 84px; } .feat-box.feat-box-bg.feat-box-center.feat-box-medium:first-child { margin-top: 64px; } .feat-box.feat-box-bg.feat-box-center .feat-box-icon { position: absolute; top: -70px; left: 50%; margin: 0 0 0 -69px; border: none; } .feat-box.feat-box-bg.feat-box-center .feat-box-icon i { font-size: 50px; color: #888; -webkit-transition: transform 2s; -o-transition: transform 2s; transition: transform 2s; } .feat-box.feat-box-bg.feat-box-center p { font-size: 15px; margin-top: 30px; } .feat-box.feat-box-bg.feat-box-center.feat-box-medium .feat-box-icon { top: -64px; left: 50%; margin-left: -64px; } .feat-box.feat-box-bg.feat-box-center.feat-box-plain .feat-box-icon, .feat-box.feat-box-bg.feat-box-center.feat-box-border .feat-box-icon { background-color: #FFF; } .feat-box-effect .feat-box-icon i { z-index: 1; } .feat-box-effect .feat-box-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .feat-box-rounded.feat-box-effect .feat-box-icon i:after { border-radius: 3px; } .feat-box-effect .feat-box-icon i { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .feat-box-effect .feat-box-icon i:after { top: -3px; left: -3px; padding: 3px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.3s, opacity 0.3s; transform: scale(.8); opacity: 0; } .feat-box-effect .feat-box-icon i:hover, .feat-box-effect:hover .feat-box-icon i { background-color: #336699; color: #FFF; border: solid 2px #336699; } .feat-box-effect.feat-box-dark .feat-box-icon i:hover, .feat-box-effect.feat-box-dark:hover .feat-box-icon i { background-color: #336699; color: #c28e48 ; border-color: #f4f4f4; } .feat-box.feat-box-bg.feat-box-center:hover { background-color: #fff; border-color: #eee; } .feat-box.feat-box-bg.feat-box-center:hover .feat-box-icon i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .feat-box-border.feat-box-effect .feat-box-icon i { -webkit-transition: color 0.5s, background-color 0.5s; -o-transition: color 0.5s, background-color 0.5s; transition: color 0.5s, background-color 0.5s; } .feat-box-border.feat-box-effect .feat-box-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .feat-box-border.feat-box-rounded.feat-box-effect .feat-box-icon i:after { border-radius: 3px; } .feat-box-border.feat-box-effect .feat-box-icon i:hover, .feat-box-border.feat-box-effect:hover .feat-box-icon i { color: #FFF; border: none; } .feat-box-border.feat-box-effect .feat-box-icon i:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; background-color: #c28e48 ; } .feat-box-border.feat-box-effect.feat-box-dark .feat-box-icon i:after { background-color: #336699; } .feat-box-border.feat-box-effect .feat-box-icon i:hover:after, .feat-box-border.feat-box-effect:hover .feat-box-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .feat-box.media-box { padding: 0; } .feat-box.media-box .feat-box-media { margin: 0 0 25px; } .feat-box.media-box .feat-box-media, .feat-box.media-box .feat-box-media a, .feat-box.media-box .feat-box-media img { position: relative; display: block; width: 100%; height: auto; } .feat-box.media-box .feat-box-media iframe { display: block; } .feat-box.media-box h3 { font-size: 18px; } .feat-box.media-box a.button { margin-top: 20px; } .feat-box.media-box p { margin-top: 10px; } .feat-box.media-box.feat-box-bg .feat-box-media { margin: 0; } .feat-box.media-box.feat-box-bg .feat-box-desc { padding: 25px; background-color: #f8f8f8; border: 1px solid #E5E5E5; border-top: 0; } .colored-box.colored-box1 { background-color: #f8f8f8; } .colored-box.colored-box2 { background-color: #dedede; } .colored-box.colored-box3 { background-color: #555; } .colored-box.colored-box4 { background-color: #222; } .colored-box h3 { color: 222; } .colored-box p { color: #333333; } .i-plain, .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) .i-plain, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #c28e48 ; text-shadow: 1px 1px 1px #FFF; } .i-plain:hover { color: #777; } .i-medium.i-plain { margin: 6px 13px 9px 0; font-size: 21px; } .i-medium.i-plain { width: 28px !important; height: 28px !important; font-size: 20px; line-height: 28px !important; } .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 .togglet i.toggle-open, .toggle .toggleta i.toggle-closed { display: none; } .toggle .toggleta i.toggle-open { display: block; } .toggle .togglec { display: block; position: relative; padding: 10px 0; } .faqs .toggle { border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 12px; } .faqs .toggle .togglet, .faqs .toggle .toggleta { font-size: 15px; } .faqs .toggle .togglet i { top: 1px; } .faqs .toggle .togglec { padding-bottom: 10px; } .accordion { margin-bottom: 20px; } .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; } .tab-container { position: relative; padding: 20px 0 0; } .side-tabs ul.tab-nav { float: left; width: 200px; padding: 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs ul.tab-nav li { float: none; border: none; height: auto; } .side-tabs ul.tab-nav li:first-child { margin-left: 0; } .side-tabs ul.tab-nav li a { height: auto; line-height: 50px; } .side-tabs ul.tab-nav li.ui-tabs-active a { top: 0; right: -1px; border: 1px solid #ddd; border-left: 3px solid #f4f4f4; border-right: none; border-radius: 2px; } .side-tabs .tab-container { overflow: hidden; padding: 0 0 0 20px; } .team, .team-image { position: relative; } .team-image > a, .team-image img { display: block; width: 100%; } .team-desc { margin-top: 10px; text-align: center; } .team:hover .team-image img { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .team .team-desc > .social-icon { margin-top: 20px; } .team:not(.team-list) .social-icon { display: inline-block; float: none; margin-left: 6px; margin-right: 6px; } .pricing { position: relative; } .pricing [class^=col-] { padding: 0; margin-top: 20px; } .pricing-box { margin: 0 10px 0 10px; position: relative; border: 1px solid rgba(0,0,0,0.075); border-radius: 1px; text-align: center; } .pricing-title { padding: 50px 0; background-color: #336699; border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px 3px 0 0; } .pricing-title h3 { margin: 0; font-size: 18px; letter-spacing: 2px; font-weight: 400; color: #fff; text-transform: uppercase; } .pricing-title span { display: block; color: #999; font-weight: 300; font-size: 14px; margin-top: 3px; text-transform: uppercase; } .pricing-price { position: relative; padding: 15px 0 18px; color: #336699; font-weight: 300; font-size: 45px; line-height: 1; background-color: #f8f8f8; } .pricing-price:after { content: ''; position: absolute; width: 100%; border-top: 2px dashed rgba(0,0,0,0.03); top: auto; bottom: 0; left: 0; } .pricing-price span { display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: normal; } .pricing-price span.price-tenure, .pricing-price span.price-unit { vertical-align: baseline; font-size: 16px; font-weight: normal; color: #666666; margin: 0 3px 0 3px; } .pricing-features ul { margin: 0; padding: 30px 0; list-style: none; } .pricing-features li { padding: 6px 0; font-size: 16px; line-height: 30px; } .pricing-action { padding: 40px 0 0; } .pricing-box.best-price { background-color: #c28e48 ; box-shadow: 0 3px 5px rgba(0,0,0,0.6); z-index: 10; } .pricing-box.best-price { margin: -20px -1px 0 -1px; color: #FFFFFF; } .pricing-box.best-price .pricing-title { background-color: #FFF; padding: 60px 0; } .pricing-box.best-price .pricing-title h3 { color: #c28e48 ; } .pricing-box.best-price .pricing-price { color: #336699; font-size: 45px; background-color: #c28e48 ; } .pricing-box.best-price .pricing-price:after { border-color: #3e3e3e; } .pricing-box.best-price .pricing-features ul { background-color: #c28e48 ; } .pricing-box.best-price .pricing-action a.button:hover { background-color: #555; background: rgba(255, 255, 255, 0.05); } .counter-box { border: 1px solid #eee; padding: 20px 0; margin-top: 50px; margin-bottom: 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .counter-box:hover { border: 1px solid #c28e48 ; } .counter-box h5 { color: #999; } .counter-box i { color: #777; } .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; } } .owl-carousel { display:none; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; -webkit-backface-visibility: hidden; } .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-full, form .col-1-half, form .col-1-third, form .col-2-third, form .col-1-fourth, form .col-2-fifth, form .col-3-fifth { margin-bottom: 25px; } .title-block { padding: 2px 0 3px; margin-bottom: 30px; } .title-block h1, .title-block h2, .title-block h3, .title-block h4, .title-block h5, .title-block h6 { margin-bottom: 0; } .title-block > span { display: block; margin-top: 4px; color: #555; font-weight: 300; } .title-block h1 + span { font-size: 22px; } .title-block h2 + span { font-size: 19px; } .title-block h3 + span { font-size: 17px; } .title-block h4 + span { font-size: 15px; margin-top: 3px; } .section-heading { margin-bottom: 40px; } .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4 { margin-bottom: 0; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #212121; } .section-heading h1 { font-size: 34px; } .section-heading h2 { font-size: 30px; } .section-heading h3 { font-size: 26px; } .section-heading h4 { font-size: 23px; } .section-heading h5 { font-size: 20px; letter-spacing: 1px; } .section-heading > span { display: block; margin-top: 10px; font-weight: 300; color: #777; } .section-heading.center > span, .center .section-heading > span { max-width: 700px; margin-left: auto; margin-right: auto; } .section-heading h1 + span { font-size: 24px; } .section-heading h2 + span { font-size: 20px; } .section-heading h3 + span, .section-heading h4 + span { font-size: 18px; } .section-heading ~ p:not(.lead) { font-size: 16px; } .section-heading h1:after, .section-heading h2:after, .section-heading h3:after, .section-heading h4:after, .section-heading h5:after { content: ''; display: block; margin-top: 15px; width: 60px; border-top: 2px solid #ccc; } .center .section-heading h1:after, .section-heading.center h1:after, .center .section-heading h2:after, .section-heading.center h2:after, .center .section-heading h3:after, .section-heading.center h3:after, .center .section-heading h4:after, .section-heading.center h4:after, .center .section-heading h5:after, .section-heading.center h5:after { margin: 15px auto 30px; } .section-heading.noborder h1:after, .section-heading.no-b-border h2:after, .section-heading.noborder h2:after, .section-heading.no-b-border h2:after, .section-heading.noborder h3:after, .section-heading.no-b-border h3:after, .section-heading.noborder h4:after, .section-heading.no-b-border h4:after, .section-heading.noborder h5:after, .section-heading.no-b-border h5:after { display: none; } .section-heading.border-color h1:after, .section-heading.border-color h2:after, .section-heading.border-color h3:after, .section-heading.border-color h4:after, .section-heading.border-color h5:after { border-top: 1px solid; width: 120px; border-color: #336699; } .header-title { position: relative; margin-bottom: 30px; } .header-title h1, .header-title h2, .header-title h3, .header-title h4, .header-title h5, .header-title h6 { position: relative; display: inline-block; background-color: #FFF; padding-right: 15px; margin-bottom: 0; } .header-title h4, .header-title h5, .header-title h6 { padding-right: 10px; } blockquote { font-size: 16px; font-style: italic; color: #aaa; border-left: 1px solid #848484; } blockquote footer { font-style: normal; color: #999999; } blockquote footer span { color: #888; } blockquote p { margin-bottom: 15px; } .quote { border: none !important; position: relative; } .quote p { position: relative; margin-left: 50px; } .quote footer { margin-left: 50px; } .quote:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; content: "\f10d"; position: absolute; width: 58px; height: 58px; line-height: 58px; font-size: 52px; top: 0; left: 0; color: #EEE; } .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; } .error404 { display: block; font-size: 200px; margin-bottom: 90px; color: #000; line-height: 0.9; letter-spacing: 20px; opacity: 0.5; } #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-full, .footer-widgets-wrap .col-1-half, .footer-widgets-wrap .col-1-third, .footer-widgets-wrap .col-2-third, .footer-widgets-wrap .col-1-fourth, .footer-widgets-wrap .col-2-fifth, .footer-widgets-wrap .col-3-fifth { 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 .col-1-half { margin-bottom: 0 !important; } #copyrights a:first-child { margin-left: 0; } #copyrights .tright a:last-child { margin-right: 0; } .widget { position: relative; margin-top: 50px; } .sidebar-widgets-wrap .widget { padding-top: 20px; } .widget:first-child { margin-top: 0; } .sidebar-widgets-wrap .widget:first-child { padding-top: 0; border-top: 0; } .widget > h4 { margin-bottom: 56px; font-size: 17px; text-transform: uppercase; } .sidebar-widgets-wrap .widget > h4 { margin-bottom: 35px; } .sidebar-widgets-wrap .widget > h4:after { content: ''; display: block; width: 100%; margin-top: 5px; border-top: 1px solid #ddd; } .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; } .widget-twitter-feed li { margin: 15px 0 0 0; } .widget-twitter-feed li:first-child { margin-top: 0; } .widget-twitter-feed small { display: block; margin-top: 3px; } .widget-twitter-feed small a { color: #999; } #sidebar-twitter-list { padding-left: 20px; } .widget-twitter-feed li { margin: 15px 0 0 0; } .widget-twitter-feed li:first-child { margin-top: 0; } .widget-twitter-feed small { display: block; margin-top: 3px; } .widget-twitter-feed small a { color: #999; } .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, .dark h5, .dark h6 { 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 .line { border-top-color: rgba(255,255,255,0.1); } .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 .slider-caption, .dark .slider-caption p, .dark .slider-caption h2 { color: #ccc; } #main-title.main-title-dark { background-color: #333; border-bottom: none; } #main-title.main-title-dark h1 { color: rgba(255,255,255,0.9) !important; } #main-title.main-title-dark span { color: rgba(255,255,255,0.7); } #main-title.main-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); } #main-title.main-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); } #main-title.main-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); } .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 .portfolio-desc h3 a { color: #EEE; } .dark .portfolio-desc h3 a:hover { color: #BBB; } .dark .portfolio-desc span { color: #888; } .dark .portfolio-desc span a { color: #888; } .dark .portfolio-desc span a:hover { color: #CCC; } .dark .portfolio-notitle .portfolio-desc { background-color: #333; border-bottom: 1px solid rgba(255,255,255,0.08); } .dark .well .line { border-color: rgba(255,255,255,0.08); } .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 .entry-meta li { border-left-color: rgba(255,255,255,0.08); color: #888; } .dark .entry-meta li a { color: #888; } .dark .entry-meta li a:hover { color: #CCC; } .dark .post-masonry-full .entry { border-color: rgba(255,255,255,0.08); } .dark p.wp-caption-text { background-color: rgba(0,0,0,0.2); } .dark .events .entry { background-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.1); } .dark .button-dark:not(.button-border), .dark .button:hover { background-color: rgba(0,0,0,0.3); } .dark .button-dark:hover { background-color: #336699; } .dark .button-light:not(.button-border):hover { background-color: #282828; } .dark .button.button-border:not(.button-light) { border-color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.5); } .dark .button.button-border:not(.button-light):hover { color: #EEE; } .dark .flat-banner > span, .dark .flat-banner > .container > span { color: rgba(255,255,255,0.8); } .dark .flat-banner.flat-banner-light { background-color: rgba(255,255,255,0.1); } .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 .feat-box.feat-box-dark .feat-box-icon i, .dark .feat-box.feat-box-dark .feat-box-icon img { background-color: rgba(255,255,255,0.1); } .dark .feat-box.feat-box-border.feat-box-dark .feat-box-icon { border-color: rgba(255,255,255,0.15); } .dark .feat-box.feat-box-border.feat-box-dark .feat-box-icon i, .dark .feat-box.feat-box-border.feat-box-dark .feat-box-icon img, .dark .feat-box.feat-box-plain.feat-box-dark .feat-box-icon i, .dark .feat-box.feat-box-plain.feat-box-dark .feat-box-icon img { color: #FFF; } .dark .feat-box h3 span.subtitle { color: #AAA; } .dark .feat-box.feat-box-bg.feat-box-center, .dark .feat-box.media-box.feat-box-bg .feat-box-desc { background-color: #383838; border-color: rgba(255,255,255,0.1); } .dark .feat-box.feat-box-bg.feat-box-center.feat-box-plain .feat-box-icon, .dark .feat-box.feat-box-bg.feat-box-center.feat-box-border .feat-box-icon { background-color: #383838 !important; } .dark .feat-box-effect .feat-box-icon i:after { box-shadow: 0 0 0 2px #494949; } .dark .feat-box-effect.feat-box-dark .feat-box-icon i:after { box-shadow: 0 0 0 2px #336699; } .dark .feat-box-effect.feat-box-dark .feat-box-icon i:hover, .dark .feat-box-effect.feat-box-dark:hover .feat-box-icon i { background-color: #336699; } .dark .feat-box-border.feat-box-effect .feat-box-icon i:hover, .dark .feat-box-border.feat-box-effect:hover .feat-box-icon i { box-shadow: 0 0 0 1px #494949; } .dark .feat-box-border.feat-box-effect .feat-box-icon i:after { background-color: #494949; } .dark .feat-box-border.feat-box-effect.feat-box-dark .feat-box-icon i:hover, .dark .feat-box-border.feat-box-effect.feat-box-dark:hover .feat-box-icon i { box-shadow: 0 0 0 1px #336699; } .dark .feat-box-border.feat-box-effect.feat-box-dark .feat-box-icon i:after { background-color: #336699; } .dark .feat-box.feat-box-center:not(.feat-box-bg) h3:after { border-top-color: rgba(255,255,255,0.15); } .dark .section-heading:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); } .dark .i-plain { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .dark .i-plain:hover { color: #DDD; } .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 .faqs .toggle { border-bottom-color: rgba(255,255,255,0.1); } .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 .side-tabs ul.tab-nav { border-right-color: #494949; } .dark .side-tabs ul.tab-nav li { border-color: #494949; } .dark .side-tabs ul.tab-nav li:first-child { border-top-color: #494949; border-left-color: #494949; } .dark .pricing-box { border-color: rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .dark .pricing-title { background-color: rgba(255,255,255,0.03); text-shadow: 1px 1px 1px rgba(0,0,0,0.15); border-bottom-color: rgba(255,255,255,0.1); } .dark .pricing-title h3 { color: #DDD; } .dark .pricing-price { color: #EEE; background-color: rgba(255,255,255,0.01); } .dark .pricing-price:after { border-top-color: rgba(255,255,255,0.1); } .dark .pricing-features { border-bottom-color: rgba(255,255,255,0.1); } .dark .pricing-box.best-price { background-color: transparent; box-shadow: 0 0 8px rgba(0,0,0,0.1); } .dark .pricing-box.best-price .pricing-title { background-color: transparent; } .dark .pricing-box.best-price .pricing-title h3 { color: #ddd; } .dark .pricing-box.best-price .pricing-price { background-color: #383838; } .dark .counter.counter-lined + h5:before { border-color: #EEE; } .dark .title-block > span { color: #999; } .dark .section-heading:not(.not-dark), .dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark .section-heading:not(.not-dark) h1, .dark .section-heading:not(.not-dark) h2, .dark .section-heading:not(.not-dark) h3, .dark .section-heading:not(.not-dark) h4 { color: #FFF; } .dark .section-heading:not(.not-dark) > span { color: #EEE; } .dark .header-title h1, .dark .header-title h2, .dark .header-title h3, .dark .header-title h4, .dark .header-title h5, .dark .header-title h6 { background-color: #383838; } .dark .quote:before { color: rgba(255,255,255,0.1); } .dark .highlight { background-color: rgba(0,0,0,0.2); } .dark .error404 { color: rgba(255,255,255,0.15); } #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; } .dark .sidebar-widgets-wrap .widget, 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 mark { background: rgba(0,0,0,0.5); color: #FFF; } .dark hr { border-top-color: rgba(255,255,255,0.1); } .dark blockquote { border-left-color: rgba(255,255,255,0.2); } .dark blockquote footer { color: rgba(255,255,255,0.25); } .dark code { color: #DF6F72; background-color: rgba(0,0,0,0.3); } .dark output { color: #999; } .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 .pager li > a, .dark .pager li > span { color: #bbb; border-color: #666; } .dark .pager li > a:hover, .dark .pager li > a:focus { color: #EEE; border-color: #bbb; } .dark .badge { background-color: rgba(255,255,255,0.2); } .dark .panel { background-color: rgba(0,0,0,0.2); } .dark .well { background-color: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.15); } .dark .well blockquote { border-color: rgba(255,255,255,0.15); } .dark .close { opacity: 1; color: rgba(0,0,0,0.15); text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .dark .close:hover, .dark .close:focus { color: rgba(0,0,0,0.4); } @media (max-width: 991px) { .dark .postcontent, .dark .sidebar { border-bottom-color: rgba(255,255,255,0.1); } .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; } }
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .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); } .fa-2x { font-size: 2em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-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); } } .fa-times:before { content: "\f00d"; } .fa-cog:before { content: "\f013"; } .fa-tag:before { content: "\f02b"; } .fa-chevron-down:before { content: "\f078"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-navicon:before { content: "\f0c9"; } .fa-pinterest:before { content: "\f0d2"; } .fa-caret-up:before { content: "\f0d8"; } .fa-linkedin:before { content: "\f0e1"; } .fa-coffee:before { content: "\f0f4"; } .fa-youtube:before { content: "\f167"; } .fa-instagram:before { content: "\f16d"; } .fa-plug:before { content: "\f1e6"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-user-secret:before { content: "\f21b"; } .fa-whatsapp:before { content: "\f232"; } @font-face { font-family: 'Simple-Line-Icons'; src:url('../fonts/Simple-Line-Icons.eot'); src:url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .icon-trophy, .icon-screen-desktop, .icon-emoticon-smile, .icon-user, .icon-magic-wand, .icon-graduation, .icon-badge, .icon-anchor, .icon-vector, .icon-present, .icon-earphones-alt, .icon-direction, .icon-cup, .icon-calculator, .icon-book-open, .icon-wrench, .icon-support, .icon-size-fullscreen, .icon-rocket, .icon-pencil, .icon-list, .icon-bulb, .icon-arrow-down, .icon-camcorder, .icon-check, .icon-flag, .icon-heart, .icon-link, .icon-paper-clip, .icon-paper-plane, .icon-plus { 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; } .icon-trophy:before { content: "\e006"; } .icon-screen-desktop:before { content: "\e011"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-user:before { content: "\e005"; } .icon-magic-wand:before { content: "\e017"; } .icon-graduation:before { content: "\e019"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-vector:before { content: "\e02b"; } .icon-present:before { content: "\e02f"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-direction:before { content: "\e042"; } .icon-cup:before { content: "\e044"; } .icon-calculator:before { content: "\e049"; } .icon-book-open:before { content: "\e04c"; } .icon-wrench:before { content: "\e052"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-rocket:before { content: "\e05c"; } .icon-pencil:before { content: "\e05f"; } .icon-list:before { content: "\e067"; } .icon-bulb:before { content: "\e076"; } .icon-arrow-down:before { content: "\e07b"; } .icon-camcorder:before { content: "\e07e"; } .icon-check:before { content: "\e080"; } .icon-flag:before { content: "\e088"; } .icon-heart:before { content: "\e08a"; } .icon-link:before { content: "\e08d"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; }
@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; } .feature-monitors img { margin-top: 50px; } } @media (min-width: 992px) and (max-width: 1199px) { #wrapper { width: 1000px; } .postcontent { width: 690px; } .sidebar { width: 210px; } .sidebar .widget iframe { width: 210px !important; } .portfolio-item { width: 226px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { width: 226px; height: 226px; } .portfolio-nomargin .portfolio-item { width: 234px; } .portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-nomargin .portfolio-item .portfolio-image img { width: 234px; height: 234px; } .postcontent .portfolio-item { width: 163px; } .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 163px; height: 163px; } .postcontent .portfolio-nomargin .portfolio-item, .postcontent .portfolio-5.portfolio-nomargin .portfolio-item { width: 171px; } .postcontent .portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-nomargin .portfolio-item .portfolio-image img, .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img { width: 171px; height: 171px; } .portfolio-3 .portfolio-item { width: 303px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 303px; height: 303px; } .portfolio-3.portfolio-nomargin .portfolio-item { width: 312px; } .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 312px; height: 312px; } .postcontent .portfolio-3 .portfolio-item { width: 219px; } .postcontent .portfolio-3 .portfolio-item .portfolio-image, .postcontent .portfolio-3 .portfolio-item .portfolio-image a, .postcontent .portfolio-3 .portfolio-item .portfolio-image img { width: 219px; height: 219px; } .postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 229px; } .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a, .postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img { width: 229px; height: 229px; } .portfolio-5 .portfolio-item { width: 180px; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image a, .portfolio-5 .portfolio-item .portfolio-image img { width: 180px; height: 180px; } .portfolio-5.portfolio-nomargin .portfolio-item { width: 187px; } .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a, .portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img { width: 187px; height: 187px; } .postcontent .small-thumbs .entry-image { width: 200px; } .post-grid .entry { width: 214px; } .post-grid .entry-image, .post-grid .entry-image img, .post-grid:not(.post-masonry) .entry-image iframe { height: 120px; } .post-grid.grid-3 .entry { width: 293px; } .post-grid.grid-3 .entry-image, .post-grid.grid-3 .entry-image img, .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 164px; } .postcontent .post-grid.grid-3 .entry { width: 213px; } .postcontent .post-grid.grid-3 .entry-image, .postcontent .post-grid.grid-3 .entry-image img, .postcontent .post-grid.grid-3:not(.post-masonry) .entry-image iframe { height: 120px; } .post-grid.grid-2 .entry { width: 450px; } .post-grid.grid-2 .entry-image, .post-grid.grid-2 .entry-image img, .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 253px; } .postcontent .post-grid.grid-2 .entry { width: 325px; } .postcontent .post-grid.grid-2 .entry-image, .postcontent .post-grid.grid-2 .entry-image img, .postcontent .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 182px; } .product { width: 220px; } } @media (max-width: 991px) { .col-padding { padding-left: 15px; padding-right: 15px; } #wrapper { width: 100%; margin: 0; box-shadow: none; } #header.wide-header .container { padding: 0 15px !important; margin: 0 auto; width: 750px !important; } .postcontent, .sidebar { width: 100%; margin-right: 0; float: none !important; margin-bottom: 40px !important; padding-bottom: 40px; } .sidebar.col-last { float: none; margin-bottom: 0 !important; padding-bottom: 0; border-bottom: 0; } #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; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 232px; height: 232px; } #portfolio.portfolio-nomargin .portfolio-item { width: 239px; } #portfolio.portfolio-nomargin .portfolio-item .portfolio-image, #portfolio.portfolio-nomargin .portfolio-item .portfolio-image a, #portfolio.portfolio-nomargin .portfolio-item .portfolio-image img { width: 239px; height: 239px; } #portfolio.portfolio-nomargin, #portfolio.portfolio-full { margin: 0 !important; } .small-thumbs .entry-title h2 { font-size: 18px; } .entry-meta li { font-size: 12px; margin: 0 10px 10px 0; } .post-grid { margin-right: -20px; } .post-grid .entry { width: 226px; margin-right: 20px; } .post-grid .entry-image, .post-grid .entry-image img, .post-grid:not(.post-masonry) .entry-image iframe { height: 127px; } .post-grid.grid-2, .post-grid.grid-3 { margin-right: -30px; } .post-grid.grid-2 .entry, .post-grid.grid-3 .entry { width: 345px; margin-right: 30px; } .post-grid.grid-3 .entry-image, .post-grid.grid-3 .entry-image img, .post-grid.grid-3:not(.post-masonry) .entry-image iframe, .post-grid.grid-2 .entry-image, .post-grid.grid-2 .entry-image img, .post-grid.grid-2:not(.post-masonry) .entry-image iframe { height: 193px; } .post-masonry-full .entry { width: 33.30% !important; } .post-masonry-full.grid-3 .entry { width: 50% !important; } .product { width: 226px; } .pricing [class^=col-md-] .pricing-box.best-price { margin-top: 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; } .error404 { font-size: 180px; } } @media (min-width: 768px) and (max-width: 991px) { .sidebar-widgets-wrap { position: relative; margin: 0 -38px -40px 0; } .sidebar-widgets-wrap .widget { display: inline-block; vertical-align: top; float: none; width: 340px; margin: 0 37px 40px 0; padding-top: 0; border-top: 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; } .slider-caption h2 { letter-spacing: 5px; font-size: 33px; } .slider-caption h4 { letter-spacing: 2px; } .postcontent, .sidebar, .col-full, .col-1-half, .col-1-third, .col-2-third, .col-1-fourth, .col-2-fifth, .col-3-fifth { width: 100%; margin-right: 0; float: none; margin-bottom: 50px !important; } .sidebar.col-last { margin-bottom: 0 !important; } form .col-full, form .col-1-half, form .col-1-third, form .col-2-third, form .col-1-fourth, form .col-2-fifth, form .col-3-fifth { margin-bottom: 25px !important; } #main-title, #main-title.main-title-center { 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, #main-title.main-title-center .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; } .small-thumbs .entry-image { float: none !important; width: 100% !important; margin: 0 0 20px !important; } .entry-title h2, .post-grid .entry-title h2 { font-size: 18px !important; font-weight: 600; } .entry-meta li { font-size: 11px; margin: 0 10px 10px 0; } #posts.post-grid .entry-meta li i, #posts .entry-meta li:last-child i { display: inline-block; } .post-grid { margin-right: 0 !important; } .post-grid .entry, .post-masonry-full.grid-3 .entry { float: none !important; width: 100% !important; margin-right: 0 !important; border-right: 0 !important; } .post-masonry-full .entry { padding: 40px !important; } .post-grid .entry-image, .post-grid .entry-image img { height: auto !important; } .single-post .entry-content .entry-image { max-width: 100%; } .pricing-box.best-price { margin-top: 0; } .title-block { padding: 2px 0 3px 15px; border-left-width: 5px; } .title-block h1 + span { font-size: 18px; } .title-block h2 + span { font-size: 17px; } .title-block h3 + span { font-size: 15px; } .title-block h4 + span { font-size: 13px; } .section-heading h1 { font-size: 30px; } .section-heading h2 { font-size: 26px; } .section-heading h3 { font-size: 22px; } .section-heading h4 { font-size: 19px; } .section-heading h1 + span { font-size: 20px; } .section-heading h2 + span { font-size: 18px; } .section-heading h3 + span, .section-heading h4 + span { font-size: 17px; } .section-heading ~ p:not(.lead) { font-size: 15px; } #copyrights .col-1-half { text-align: center; } #copyrights .col-1-half:last-child { display: none; } } @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; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 217px; height: 217px; } #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item { width: 219px; } #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 219px; height: 219px; } #portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; } #portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 16px; } #portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 14px; } #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-desc { height: 78px; padding: 15px 5px; bottom: -79px; } #portfolio.portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc, #portfolio.portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc { bottom: -78px; border-bottom: 0; } #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon, #portfolio.portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important; } #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon { margin-left: 5px !important; margin-right: 0 !important; } #portfolio.portfolio-nomargin, #portfolio.portfolio-full { margin: 0 !important; } .post-grid:not(.post-masonry) .entry-image iframe { height: 246px; } #shop:not(.product-1) { margin: 0 -12px -12px 0; } #shop:not(.product-1) .product { margin: 0 12px 12px 0; width: 214px; } .error404 { font-size: 160px; } } @media (max-width: 479px) { .container, #header.wide-header .container { width: 310px !important; } body.side-panel-main #side-panel-trigger { right: -35px !important; } .slider-caption p, .slider-caption .button { display: none; } .slider-caption h2 { font-size: 28px; } .section-heading h1 { font-size: 26px; } .section-heading h2 { font-size: 22px; } .section-heading h3 { font-size: 20px; } .section-heading h4 { font-size: 18px; } #portfolio:not(.portfolio-1) { margin: 0 !important; } #portfolio:not(.portfolio-1) .portfolio-item { width: 280px; } #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image a, #portfolio:not(.portfolio-1) .portfolio-item .portfolio-image img { width: 280px; height: 280px; } .post-grid:not(.post-masonry) .entry-image iframe { height: 157px; } #shop:not(.product-1) { margin: 0; } #shop:not(.product-1) .product { margin: 0 0 20px 0; width: 280px; } .side-tabs .tab-container { margin-top: 20px; padding: 0; } ul.tab-nav li, .side-tabs ul.tab-nav { float: none; width: 100%; border-right: none; } ul.tab-nav li.ui-tabs-active a, .side-tabs ul.tab-nav li.ui-tabs-active a { border: 1px solid #ddd; } .error404 { font-size: 120px; } }
.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); } .postcontent .col-1-third > h2.uppercase { font-size: 18px; margin-top: 10px; margin-bottom: 10px; } .dark .widget h3 { color: #DDD; } .breadcrumb > .active { color: #727272; } #portfolio-filter li a, #faq-filter li a { color: #767676; } .button.button-desc h4 { color: inherit; } .button-blue, .button-reveal.button-blue:hover { background-color: #487ca0 !important; } .button-olive, .button-reveal.button-olive:hover { background-color: #717d25 !important; } .button-mustard, .button-reveal.button-mustard:hover { background-color: #86751c !important; } .button-orange, .button-reveal.button-orange:hover { background-color: #a8681c !important; } .feat-box h2 span.subtitle, .feat-box h3 span.subtitle { color: #737373; } .button-light { color: #6e6e6e; } .button-light:focus { color: #6e6e6e; } blockquote.quote p, blockquote footer, #copyrights { color: #767676; } .flat-banner-dark blockquote.quote p { color: #fff; } .flat-banner-dark h3 + p { color: #fff; } .inline-link, #copyrights a { text-decoration: underline !important; } #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; } #slider.slider-parallax { min-height: 300px; } @media (min-width: 480px) { #slider.slider-parallax { min-height: 400px; } } @media (min-width: 768px) { #slider.slider-parallax { min-height: 500px; } } @media (min-width: 992px) { #slider.slider-parallax { min-height: 420px; } } @media (min-width: 1200px) { #slider.slider-parallax { min-height: 460px; } } #slider.slider-parallax .container { display: flex; align-items: center; min-height: inherit; } #slider.slider-parallax .container > .slider-caption { min-width: 0; } @media (max-width: 767px) { .slider-caption { padding-top: 28px; padding-bottom: 10px; } } .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; } } .slider-caption p, .slider-caption .hero-slogan { color: #fff; } .slider-caption .hero-slogan { margin: 8px 0 20px; font-size: 20px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .section-heading h1 { font-size: 44px; } @media (max-width: 767px) { .section-heading h1 { font-size: 38px; } } @media (max-width: 479px) { .section-heading h1 { font-size: 32px; } } @media (max-width: 479px) { .slider-caption h2 { letter-spacing: 1px; } } .hero-title-fixed { white-space: nowrap; } .text-rotater { color: #17a2a8; } .slider-caption .button-phone { background-color: #336699; color: #fff; text-shadow: none; } @media (max-width: 479px) { .slider-caption p { display: block; } .slider-caption .button { display: inline-block; } } .hero-bg { position: absolute; inset: 0; overflow: hidden; } .hero-bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .hero-bg::after { content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.42); } #slider .hero-bg::after { display: none; } #slider .hero-bg { background-color: #16324a; } .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; } } div[data-height-lg="409"] { aspect-ratio: 2 / 1; margin-bottom: 40px; } #logo img, .logo-style img { width: auto !important; object-fit: contain; } @media (min-width: 768px) { .section.common-height { display: flex; flex-wrap: wrap; } } .checklist-box { background-color: #f7f1e4; border-radius: 6px; padding: 40px 40px 30px; } .checklist-box h3 { text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 25px; } .checklist-list { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 40px; } .checklist-list li { break-inside: avoid; margin-bottom: 12px; } .checklist-list li i { color: #c28e48; margin-right: 8px; } @media (max-width: 767px) { .checklist-list { columns: 1; } } .checklist-list.single-col { columns: 1; } .step-index-list { list-style: none; margin: 0; padding: 0; } .step-index-list li { margin-bottom: 10px; } .step-index-list li i { color: #c28e48; margin-right: 6px; } @media (min-width: 768px) { .step-index-row { display: flex; flex-wrap: wrap; } .step-index-photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 3px; } } @media (min-width: 768px) { .wst-download-slot { align-self: center; } } .checklist-box.wst-download-compact { padding: 24px 26px; } .checklist-box.wst-download-compact h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; margin: 0 0 10px; } .checklist-box.wst-download-compact p { font-size: 14px; margin-bottom: 16px; } .step-marker { background-color: #c28e48; color: #fff; border-radius: 4px; text-align: center; padding: 14px 6px; margin-bottom: 20px; } .step-marker-number { display: block; font-family: 'Dosis', sans-serif; font-size: 26px; font-weight: 700; line-height: 1; } .step-marker-label { display: block; font-size: 11px; letter-spacing: 2px; margin: 4px 0 8px; } @media (min-width: 992px) { .step-marker { margin-bottom: 0; } } @media (min-width: 992px) { .step-block h3[id] { scroll-margin-top: 100px; } } @media (min-width: 992px) { .wst-topic h3[id] { scroll-margin-top: 100px; } } .wst-topic-photo img { width: 100%; height: 220px; object-fit: cover; display: block; border-radius: 3px; } @media (max-width: 767px) { .wst-topic-photo img { height: 200px; margin-top: 20px; } } .wst-quote .quote:before { color: #c28e48; } .wst-quote .quote { margin-bottom: 0; } .wlm-pillars .section-heading { margin-bottom: 50px; } .wlm-pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 767px) { .wlm-pillars-grid { grid-template-columns: 1fr; gap: 20px; } } .wlm-pillar { position: relative; padding: 50px 30px; border-radius: 6px; text-align: center; background-color: #dedede; color: #333; overflow: hidden; } .wlm-pillar-02 { background-color: #555555; color: #fff; } .wlm-pillar-03 { background-color: #222222; color: #fff; } .wlm-pillar-ring { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; } .wlm-pillar-ring circle { fill: none; stroke: #c28e48; stroke-width: 1.5; transition: stroke-dashoffset ease-out; } .wlm-pillar-01 .wlm-pillar-ring circle { transition-duration: 1500ms; } .wlm-pillar-02 .wlm-pillar-ring circle { transition-duration: 2500ms; } .wlm-pillar-03 .wlm-pillar-ring circle { transition-duration: 3500ms; } @media (prefers-reduced-motion: reduce) { .wlm-pillar-ring circle { transition: none !important; } } .wlm-pillar-body { position: relative; z-index: 1; } .wlm-pillar-number { display: block; font-family: 'Dosis', sans-serif; font-size: 30px; font-weight: 700; line-height: 1; margin-bottom: 8px; } .wlm-pillar-body h2 { margin: 0 0 12px; } .wlm-pillar-02 .wlm-pillar-body h2, .wlm-pillar-03 .wlm-pillar-body h2 { color: #fff; } .wlm-pillar-body p { margin: 0; } .wlm-pillar-icon { display: block; margin-top: 24px; font-size: 38px; color: #c28e48; } .cta-contact-details { margin-top: 15px; } .step8-photo img { width: 100%; height: auto; display: block; border-radius: 3px; } @media (max-width: 991px) { .step8-photo { margin-top: 20px; } } .step-bridge-photo { margin: 30px 0; } .step-bridge-photo img { width: 100%; height: 280px; object-fit: cover; display: block; border-radius: 3px; } @media (max-width: 767px) { .step-bridge-photo img { height: 200px; } } .seo-badge { background-color: #042e2a; color: #fff; font-size: 14px; padding: 6px 14px; border-radius: 14px; } .webshop-related-links { margin-top: 40px; } .seo-photo-row { margin: 30px 0; } .seo-photo-row img { width: 100%; height: 280px; object-fit: cover; display: block; border-radius: 3px; } @media (max-width: 767px) { .seo-photo-row img { height: 200px; } } .seo-stat-highlight { text-align: center; padding: 25px 20px; margin: 25px 0; background-color: #f9f6f1; border-radius: 4px; } .seo-stat-number { display: block; font-family: 'Dosis', sans-serif; font-size: 48px; font-weight: 700; line-height: 1; color: #c28e48; } .seo-stat-label { display: block; font-size: 14px; margin-top: 8px; color: #666; } .flat-banner-dark .cta-contact-details a { color: #fff; } .wlm-cta-quote { display: flex; align-items: center; justify-content: center; gap: 18px; max-width: 560px; margin: 0 auto 20px; text-align: left; } .wlm-cta-quote img { flex: none; border-radius: 50%; } .wlm-cta-quote .quote { margin: 0; } .wlm-cta-quote .quote:before { content: none; } .wlm-cta-quote .quote p, .wlm-cta-quote .quote footer { margin-left: 0; } .wlm-cta-quote .quote p { font-size: 15px; line-height: 1.5; } .wlm-cta-quote .quote footer { font-size: 13px; color: rgba(255, 255, 255, 0.7); } @media (max-width: 600px) { .wlm-cta-quote { flex-direction: column; text-align: center; gap: 10px; } } #portfolio.portfolio-5 { display: flex; flex-wrap: wrap; justify-content: center; } #portfolio.portfolio-5 .portfolio-item { float: none; width: 220px; flex: 0 1 220px; } .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; } .b-margin-large:not(.no-b-margin) { margin-bottom: 60px !important; } .clear-b-margin-large:not(.no-b-margin) { margin-bottom: -60px !important; } .section:not(.nopadding):not(.no-t-padding) { padding-top: 60px !important; } .section:not(.nopadding):not(.no-b-padding) { padding-bottom: 60px !important; } .line { margin: 0; } .content-wrap:has(+ .line) { padding-bottom: 0 !important; } .content-wrap:has(+ .line) .container.t-margin.b-margin.clearfix { margin-top: 0 !important; margin-bottom: 0 !important; } .content-wrap:has(+ .line) .pricing.b-margin.clearfix { margin-bottom: 0 !important; } .line + .container.clearfix .col-md-3:first-child { margin-top: 0 !important; } .container.clearfix:has(> .flat-banner.b-margin) + .flat-banner.t-margin-large.footer-stick { margin-top: 10px !important; padding-top: 25px !important; } .container.clearfix:has(+ .flat-banner.t-margin-large.footer-stick) > .flat-banner.b-margin { margin-bottom: 10px !important; padding-bottom: 25px !important; } .container.b-margin-large:has(+ .section.dark) { margin-bottom: 0 !important; } .container.b-margin-large:has(+ .section.dark) > .counter-box:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } .container.b-margin-large:has(+ .section.dark) + .section.dark { padding-top: 20px !important; } section:has(+ footer) .col-full.b-margin-large:last-child { margin-bottom: 0 !important; } section:has(+ footer) .content-wrap { padding-bottom: 0 !important; } section:has(+ footer) .colored-box.colored-box4 { padding-bottom: 10px !important; } section:has(+ footer) .colored-box.colored-box4 p.b-margin-small { margin-bottom: 5px !important; } section:has(+ footer) + footer .footer-widgets-wrap { padding-top: 30px !important; } .content-wrap > .container.clearfix:first-child:has(> .post-grid.grid-3) + .clear + .flat-banner.t-margin-large.footer-stick { margin-top: 10px !important; padding-top: 25px !important; } .content-wrap:has(> .container.clearfix:first-child > .post-grid.grid-3) > .container.clearfix:first-child { padding-bottom: 0 !important; } .content-wrap:has(> .container.clearfix:first-child > .post-grid.grid-3) .post-grid.grid-3 .entry:last-child { margin-bottom: 10px !important; padding-bottom: 5px !important; } .section.b-margin-small:has(+ .clear + .section.b-margin.clearfix) { padding-bottom: 20px !important; } .section.b-margin-small + .clear + .section.b-margin.clearfix { margin-top: 0 !important; padding-top: 20px !important; } .section.b-margin-small + .clear + .section.b-margin.clearfix > .col-md-4:first-child .feat-box.t-margin { margin-top: 10px !important; } .section.no-t-margin.nopadding.noborder:has(+ .clear) { margin-bottom: 10px !important; } .section.no-t-margin.nopadding.noborder:has(+ .clear) .col-md-6.dark.bgdark { padding-bottom: 20px !important; } .section.no-t-margin.nopadding.noborder:has(+ .clear) .col-1-half.col-last { margin-bottom: 15px !important; } .container.t-margin-large.b-margin-large { margin-top: 10px !important; } .container.t-margin.b-margin-small.clearfix:has(+ .clear + .section.parallax) { margin-bottom: 10px !important; } .container.t-margin.b-margin-small.clearfix:has(+ .clear + .section.parallax) > .col-1-third.col-last { margin-bottom: 15px !important; } .section.parallax:not(.no-t-padding) { padding-top: 20px !important; margin-top: 10px !important; } .section.parallax > .center.t-margin.b-margin { margin-top: 10px !important; } .postcontent.no-b-margin { margin-bottom: 0 !important; } section[id^="stap"] + section[id^="stap"] .postcontent.t-margin-large { margin-top: 25px !important; } section[id^="stap"] + section .section.no-b-margin.no-b-padding { margin-top: 0 !important; padding-top: 20px !important; } section[id^="stap"] + section .section.no-b-margin.no-b-padding .container.t-margin-small { margin-top: 10px !important; } } .pricing-price-text { font-size: 22px; font-weight: 400; line-height: 1.35; } .content-wrap .footer-stick:has(> .container a.button) { margin-bottom: -35px !important; } @media (max-width: 767px) { .url input { font-size: 16px !important; } } .wd-photo-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 30px 0 12px; } .wd-photo-duo img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 3px; } @media (max-width: 767px) { .wd-photo-duo { grid-template-columns: 1fr; } } .wd-photo-caption { text-align: center; font-size: 14px; color: #767676; margin: 0 0 20px; } .wd-photo-natural { margin: 30px 0 12px; } .wd-photo-natural img { display: block; width: 100%; height: auto; border-radius: 3px; } .wd-pull-quote { border-left: 4px solid #1b7f77 !important; margin: 30px 0; padding: 4px 0 4px 24px; } .wd-pull-quote:before { content: none; } .wd-pull-quote p { margin: 0; font-size: 19px; font-style: italic; } .wd-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 30px 0; } .wd-card { background-color: #f7f1e4; border-radius: 6px; padding: 28px 30px; } .wd-card h3 { margin-top: 0; } .wd-card p { margin-bottom: 0; } @media (max-width: 767px) { .wd-cards-grid { grid-template-columns: 1fr; } } .wd-bleed-photo img { display: block; width: 100%; height: 540px; object-fit: cover; object-position: center; } @media (max-width: 767px) { .wd-bleed-photo img { height: 300px; } } .wd-bleed-photo--top img { object-position: left top; } .wd-typedemo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 30px 0; } .wd-typedemo-grid img { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .wd-typedemo-grid { grid-template-columns: 1fr; } } #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); } .related-links li { margin-bottom: 8px; } .related-links li:last-child { margin-bottom: 0; } @media (max-width: 767px) { .container, #header.wide-header .container { width: 100% !important; } }