html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* ========================================================================== Body
============================================================================= */
html, body { height: 100%; }

body { font-weight: 300; min-width: 320px; font-family: 'Glegoo', serif; font-smooth: always; -webkit-font-smoothing: antialiased; }

::-moz-selection { color: #FFF; background-color: #A1B84E; }

::selection { color: #FFF; background-color: #A1B84E; }

a { text-decoration: none; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }

iframe { border: none; overflow: hidden; margin: 0; }

/* ========================================================================== Global CSS
============================================================================= */
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mfp-bg { background-color: #A1B84E !important; }

.z-forward { z-index: 2; }

.padding.paddv-100 { padding: 100px 0 !important; }
.padding.paddv-80 { padding: 80px 0 !important; }
.padding.paddv-60 { padding: 60px 0 !important; }
.padding.paddv-30 { padding: 30px 0 !important; }
.padding.paddv-10 { padding: 10px 0 !important; }

.margin.margv-100 { margin: 100px 0 !important; }
.margin.margv-80 { margin: 80px 0 !important; }
.margin.margv-60 { margin: 60px 0 !important; }
.margin.margv-30 { margin: 30px 0 !important; }
.margin.margv-10 { margin: 10px 0 !important; }

.remove-padding.paddv { padding-top: 0 !important; padding-bottom: 0 !important; }
.remove-padding.paddh { padding-left: 0 !important; padding-right: 0 !important; }
.remove-padding.paddt { padding-top: 0 !important; }
.remove-padding.paddb { padding-bottom: 0 !important; }
.remove-padding.paddl { padding-left: 0 !important; }
.remove-padding.paddr { padding-right: 0 !important; }

.add-padding.paddt-30 { padding-top: 30px !important; }
.add-padding.paddb-30 { padding-bottom: 30px !important; }
.add-padding.paddl-30 { padding-left: 30px !important; }
.add-padding.paddr-30 { padding-right: 30px !important; }
.add-padding.paddt-60 { padding-top: 60px !important; }
.add-padding.paddb-60 { padding-bottom: 60px !important; }
.add-padding.paddl-60 { padding-left: 60px !important; }
.add-padding.paddr-60 { padding-right: 60px !important; }
.add-padding.paddt-80 { padding-top: 80px !important; }
.add-padding.paddb-80 { padding-bottom: 80px !important; }
.add-padding.paddl-80 { padding-left: 80px !important; }
.add-padding.paddr-80 { padding-right: 80px !important; }

.add-margin.margt-30 { margin-top: 30px !important; }
.add-margin.margb-30 { margin-bottom: 30px !important; }
.add-margin.margl-30 { margin-left: 30px !important; }
.add-margin.margr-30 { margin-right: 30px !important; }
.add-margin.margt-60 { margin-top: 60px !important; }
.add-margin.margb-60 { margin-bottom: 60px !important; }
.add-margin.margl-60 { margin-left: 60px !important; }
.add-margin.margr-60 { margin-right: 60px !important; }
.add-margin.margt-80 { margin-top: 80px !important; }
.add-margin.margb-80 { margin-bottom: 80px !important; }
.add-margin.margl-80 { margin-left: 80px !important; }
.add-margin.margr-80 { margin-right: 80px !important; }
.add-margin.margt-100 { margin-top: 100px !important; }
.add-margin.margb-100 { margin-bottom: 100px !important; }
.add-margin.margl-100 { margin-left: 100px !important; }
.add-margin.margr-100 { margin-right: 100px !important; }

.remove-margin.margv { margin-top: 0 !important; margin-bottom: 0 !important; }
.remove-margin.margh { margin-left: 0 !important; margin-right: 0 !important; }
.remove-margin.margt { margin-top: 0 !important; }
.remove-margin.margb { margin-bottom: 0 !important; }
.remove-margin.margl { margin-left: 0 !important; }
.remove-margin.margr { margin-right: 0 !important; }

/*================================================== Effect 2 ===============================================*/
.effect2 { position: relative; }

.effect2:before, .effect2:after { display: block; z-index: -1; position: absolute; content: ""; bottom: 15px; left: 20px; width: 50%; top: 80%; max-width: 900px; background: transparent; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 10px 30px #000; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }

/* ========================================================================== Background Attributes
============================================================================= */
.has-bg { background-repeat: repeat-y; background-position: 50%; background-size: cover; }

.bg-size-auto { background-size: auto; }

.bg-fixed { background-attachment: fixed; }

/* ========================================================================== Site Container with Content
============================================================================= */
.site-container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; width: 100%; height: 100%; /* ========================================================================== Splash Media (.splash-media-video, .splash-media-img)
============================================================================= */ }
.site-container header.fullscreen-nav { position: absolute; top: 150px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.site-container header.fullscreen-nav .nav-socials { position: absolute; top: -50px; right: 30px; width: 100%; text-align: right; }
.site-container header.fullscreen-nav .nav-socials ul li { display: inline-block; }
.site-container header.fullscreen-nav .nav-socials ul li a { display: block; font-size: 13px; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #646464; color: #0a0a0a; margin-left: 10px; padding-top: 6px; text-align: center; }
.site-container header.fullscreen-nav .nav-socials ul li a:hover { background: #FFF; }
.site-container header.fullscreen-nav.affix-top { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.site-container header.fullscreen-nav.affix-top .navbar-brand { padding: 15px 0 12px !important; }
.site-container header.fullscreen-nav.affix-top .navbar .navbar-collapse nav ul li a { padding: 35px 20px 30px; }
.site-container header.fullscreen-nav.affix-top .navbar .navbar-header button { padding: 20px 10px !important; }
.site-container header.fullscreen-nav.affix { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.site-container header.fullscreen-nav.affix .nav-socials { display: none; }
.site-container header.single-page { background: #FFF; width: 100%; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border-bottom: none; }
.site-container header.single-page.affix-top { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.site-container header.single-page.affix-top .navbar-header button { padding: 34px 10px; }
.site-container header.single-page.affix-top .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.single-page.affix { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-box-shadow: 0 2px 10px -3px gray; -moz-box-shadow: 0 2px 10px -3px gray; box-shadow: 0 2px 10px -3px gray; }
.site-container header.single-page.affix .navbar-header button { padding: 15px 10px; }
.site-container header.single-page.affix .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.single-page.affix .navbar { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page.affix .navbar a.navbar-brand { padding: 15px 0; }
.site-container header.single-page.affix .navbar a.navbar-brand img { height: 35px; }
.site-container header.single-page.affix .navbar a.navbar-brand span { padding-left: 45px; padding-top: 7px; }
.site-container header.single-page.affix .navbar .navbar-collapse { padding: 0; }
.site-container header.single-page.affix .navbar .navbar-collapse nav ul li a { padding: 25px 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page.affix .container:after { padding: 33px 0; }
.site-container header.single-page .container { position: relative; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.site-container header.single-page .container:after { content: ""; position: absolute; background: #f5f5f5; top: 0; left: 100%; margin-left: -15px; bottom: 0; width: 9999px; padding: 53px 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.site-container header.single-page .navbar { border-width: 0px; margin: 0; }
.site-container header.single-page .navbar a.navbar-brand { display: table; text-decoration: none; color: #232323; padding: 25px 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar a.navbar-brand img { float: left; height: 100%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar a.navbar-brand span { padding-left: 53px; padding-top: 25px; font-size: 12px; line-height: 12px; color: #232323; width: 130px; display: block; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse { padding: 0; }
.site-container header.single-page .navbar .navbar-collapse nav { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul li { float: left; margin-left: 1px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul li a { display: block; padding: 45px 20px; font-size: 16px; font-weight: normal; line-height: 16px; color: #232323; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; background-color: #f5f5f5; text-decoration: none; margin: 0; }
.site-container header.single-page .navbar .navbar-collapse nav ul li a:hover { /*background-position: 0 -100%;*/ background-color: #232323; color: #FFF; }
.site-container header.single-page .navbar .navbar-collapse nav ul li.active a { /*background-position: 0 -100%;*/ background-color: #232323; color: #FFF; }
.site-container header.header { z-index: 999; overflow: visible !important; background: #FFF; width: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border-bottom: none; }
.site-container header.header.affix { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-box-shadow: 0 2px 10px -3px gray; -moz-box-shadow: 0 2px 10px -3px gray; box-shadow: 0 2px 10px -3px gray; }
.site-container header.header.affix .navbar-header button { padding: 15px 10px; }
.site-container header.header.affix .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.header.affix .navbar { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header.affix .navbar a.navbar-brand { padding: 15px 0; }
.site-container header.header.affix .navbar a.navbar-brand img { height: 65px; }
.site-container header.header.affix .navbar a.navbar-brand span { padding-left: 45px; padding-top: 7px; }
.site-container header.header.affix .navbar .navbar-collapse { padding: 0; }
.site-container header.header.affix .navbar .navbar-collapse nav ul li a { padding: 25px 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header.affix > .container.shadow:before, .site-container header.header.affix > .container.shadow:after { display: none; }
.site-container header.header.affix > .container.shadow:after { padding: 33px 0; }
.site-container header.header.affix-top .navbar-header button { padding: 34px 10px; }
.site-container header.header.affix-top .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.header.affix-top > .container.shadow:before, .site-container header.header.affix-top > .container.shadow:after { display: block; }
.site-container header.header > .container { position: relative; }
.site-container header.header > .container.shadow { position: relative; }
.site-container header.header > .container.shadow:before { position: absolute; left: 0; bottom: -27px; display: block; content: ""; width: 50%; height: 27px; background: url(../img/shadow-header-left.png) no-repeat; background-size: contain; z-index: 999; }
.site-container header.header > .container.shadow:after { position: absolute; right: 0; bottom: -27px; display: block; content: ""; width: 50%; height: 27px; background: url(../img/shadow-header-right.png) no-repeat; background-size: contain; z-index: 999; }
.site-container header.header .navbar { border-width: 0px; margin: 0; background-color: #FFF; }
.site-container header.header .navbar a.navbar-brand { display: table; text-decoration: none; color: #000000; padding: 25px 0 22px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar a.navbar-brand img { float: left; height: 95px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar a.navbar-brand span { padding-left: 53px; padding-top: 25px; font-size: 12px; line-height: 12px; color: #000000; width: 130px; display: block; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse { padding: 0; }
.site-container header.header .navbar .navbar-collapse nav ul li { float: left; margin-left: 1px; }
.site-container header.header .navbar .navbar-collapse nav ul li a { position: relative; display: block; padding: 45px 20px 35px; font-size: 16px; font-weight: normal; line-height: 16px; color: #646464; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; background-color: #fff; text-decoration: none; margin: 0; }
.site-container header.header .navbar .navbar-collapse nav ul li a:after { position: absolute; bottom: 0; display: block; content: ""; width: 0; height: 4px; background-color: #A1B84E; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse nav ul li a:hover { background-color: #fff; color: #A1B84E; }
.site-container header.header .navbar .navbar-collapse nav ul li a:hover:after { width: 55%; }
.site-container header.header .navbar .navbar-collapse nav ul li.active > a { background-color: #fff; color: #A1B84E; }
.site-container header.header .navbar .navbar-collapse nav ul li.active > a:after { position: absolute; bottom: 0; display: block; content: ""; width: 55%; height: 4px; background-color: #A1B84E; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse nav ul li:hover > ul.drop-down { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down { position: absolute; top: 100%; left: 20px; width: 200px; background-color: #f5f5f5; border-top: #A1B84E 4px solid; border-bottom: #eeeeef 1px solid; border-left: #eeeeef 1px solid; border-right: #eeeeef 1px solid; visibility: hidden; opacity: 0; margin: 0; padding: 10px 0; z-index: 9999; -webkit-transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li { position: relative; margin: 0; display: block; float: none; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li ul.drop-down.level3 { position: absolute; top: 0px; left: 100%; margin-left: 1px; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li a { display: block; padding: 10px 25px; background-color: #f5f5f5; color: #646464; font-size: 14px; font-family: "Glegoo", sans-serif; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a { background-color: #fff; color: #000; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a:after { display: none; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 { visibility: visible; opacity: 1; background: #f5f5f5; border-top: 0; padding: 0; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a { background: #f5f5f5; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover { background-color: #fff; color: #000; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover:after { display: none; }
.site-container .fullwidth-slider { margin-top: 106px; background-color: #232323; width: 100%; }
.site-container .fullwidth-slider.default-slider { margin-top: 0; background-color: #fff; }
.site-container .fullwidth-slider.fullscreen-slider { margin-top: 0; background-color: #fff; width: 100%; position: relative; padding: 0; }
.site-container .fullwidth-slider .tp-banner-container { width: 100%; position: relative; padding: 0; }
.site-container .fullwidth-slider .dev-caption-1 { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; font-weight: 300; color: #FFF; }
.site-container .fullwidth-slider .dev-caption-2 { font-family: 'Roboto Condensed', sans-serif; font-size: 4.6875em; font-weight: 300; color: #FFF; text-transform: uppercase; }
.site-container .fullwidth-slider .dev-caption-3 { font-size: 1.5625em; font-weight: normal; color: #FFF; }
.site-container .fullwidth-slider .dev-box-container { display: block; width: 56.25em; height: 14em; background-color: #131313; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.site-container .fullwidth-slider .dev-box-caption { display: inline-block; width: 9.375em; color: #969696; margin-right: 10px; }
.site-container .fullwidth-slider .dev-box-caption a { display: block; color: #FFF; font-size: 5em; margin-bottom: 0.4375em; }
.site-container .fullwidth-slider .dev-box-caption h2 { font-size: 1.125em; font-weight: 300; color: #969696; white-space: normal !important; margin-bottom: 0.6875em; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption p { font-family: "Glegoo", sans-serif; font-size: 0.75em; font-weight: normal; white-space: normal !important; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption:after { display: block; content: ""; width: 0; height: 0.3125em; background-color: #A1B84E; margin-top: 1.5625em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption:hover a { color: #A1B84E; }
.site-container .fullwidth-slider .dev-box-caption:hover h2 { color: #FFF; }
.site-container .fullwidth-slider .dev-box-caption:hover p { color: #FFF; }
.site-container .fullwidth-slider .dev-box-caption:hover:after { width: 4.125em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .fullwidth-slider .dev-caption-4 { font-family: "Roboto Condensed", sans-serif; font-size: 3.75em; font-weight: 300; color: #000; }
.site-container .fullwidth-slider .dev-caption-4.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-4.white span { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-4 span { font-size: 0.66667em; padding: 0px 0.3125em; background-color: #A1B84E; color: #FFF; }
.site-container .fullwidth-slider .dev-caption-5 { font-family: "Roboto Condensed", sans-serif; font-size: 4.6875em; font-weight: 300; color: #A1B84E; }
.site-container .fullwidth-slider .dev-caption-5 span { font-size: 0.66667em; color: #000; }
.site-container .fullwidth-slider .dev-caption-5 span.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-6 { font-size: 1.125em; color: #000; }
.site-container .fullwidth-slider .dev-caption-6.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-button a { display: table; margin: 1.875em auto; padding: 0.9375em 3.4375em; }
.site-container .wrapper { z-index: 2 !important; background-color: #FFF; position: relative !important; }
.site-container .splash-media, .site-container .section-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.site-container .splash-media.splash-media-img { background-position: 50%; background-repeat: no-repeat; background-size: cover; }
.site-container .site-splash { position: relative; overflow: hidden; z-index: 1 !important; background-color: #FFF; }
.site-container .site-splash .splash-layers { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 !important; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.site-container .site-splash .splash-layers .splash-container { width: 80%; margin: 0 auto; }
.site-container .site-splash .splash-layers .bottom-layer { position: absolute; bottom: 0; z-index: 1 !important; }
.site-container .site-splash .splash-layers .bottom-layer .splash-title { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #FFF; text-align: center; margin-bottom: 40px; }
.site-container .site-splash .splash-layers .bottom-layer .splash-desc { font-size: 13px; font-weight: normal; color: #FFF; text-align: center; line-height: 18px; margin-bottom: 60px; padding: 0 50px; }
.site-container .site-splash .splash-layers .bottom-layer .splash-desc:after { content: ""; display: block; width: 100px; height: 5px; background-color: #A1B84E; margin: 40px auto 0; }
.site-container .site-splash .splash-layers .bottom-layer a { display: block; }
.site-container .site-splash .splash-layers .bottom-layer a img { width: 100%; }
.site-container .site-splash .splash-media-video .overlay { z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAmf9A5tgAAAARSURBVAjXY1i1agEDEFCLBgA1MROJWXE8mAAAAABJRU5ErkJggg=="); }
.site-container .site-splash.fullscreen { height: 100%; }
.site-container .oldsection, .site-container section { z-index: 1; }
.site-container .oldsection h1.section-title, .site-container section h1.section-title { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-transform: uppercase; text-align: center; margin: 60px; }
.site-container .oldsection h1.section-title:after, .site-container section h1.section-title:after { display: block; content: ""; margin: 30px auto 0; width: 100px; height: 3px; background-color: #A1B84E; }
.site-container .oldsection h2.title-desc, .site-container section h2.title-desc { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-align: center; margin-bottom: 60px; }
.site-container .oldsection h2.title-desc:after, .site-container section h2.title-desc:after { display: block; content: ""; width: 100px; height: 3px; background-color: #A1B84E; margin: 30px auto 0; }
.site-container .oldsection h2.title-desc span, .site-container section h2.title-desc span { display: block; font-family: "Glegoo", sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; margin-top: 35px; }
.site-container .oldsection .circle-progress, .site-container section .circle-progress { position: relative; padding: 10% 0 35%; margin-bottom: 60px; }
.site-container .oldsection .circle-progress .circle-left, .site-container section .circle-progress .circle-left { display: block; position: absolute; left: 20%; width: 40%; height: 0; padding: 20% 0; background-color: rgba(85, 200, 255, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-one, .site-container section .circle-progress .circle-left .line-one { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; left: -20%; top: 38%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-one:after, .site-container section .circle-progress .circle-left .line-one:after { position: absolute; display: block; content: "\f0c1"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #A1B84E; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-two, .site-container section .circle-progress .circle-left .line-two { position: absolute; width: 36%; height: 0; border-top: #666666 2px dotted; left: -19%; top: 48.7%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-two:after, .site-container section .circle-progress .circle-left .line-two:after { position: absolute; display: block; content: "\f07a"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -26px; width: 40%; height: 0; padding: 20% 0; background-color: #A1B84E; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-three, .site-container section .circle-progress .circle-left .line-three { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; left: -20%; top: 58%; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-three:after, .site-container section .circle-progress .circle-left .line-three:after { position: absolute; display: block; content: "\f06e"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #A1B84E; color: #FFF; font-size: 15px; line-height: 0px; text-align: center; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .circle, .site-container section .circle-progress .circle-left .circle { position: absolute; top: 35%; left: 25%; z-index: 10; }
.site-container .oldsection .circle-progress .circle-left .circle h2, .site-container section .circle-progress .circle-left .circle h2 { font-family: "Roboto Condensed", sans-serif; font-size: 1.375em; font-weight: 300; color: #FFF; text-align: center; max-width: 100px; }
.site-container .oldsection .circle-progress .circle-left .circle h2 span, .site-container section .circle-progress .circle-left .circle h2 span { display: block; font-size: 1.45455em; color: #FFF; }
.site-container .oldsection .circle-progress .circle-right, .site-container section .circle-progress .circle-right { display: block; position: absolute; right: 20%; width: 40%; height: 0; padding: 20% 0; background-color: rgba(120, 120, 120, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-one, .site-container section .circle-progress .circle-right .line-one { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; right: -20%; top: 38%; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-one:after, .site-container section .circle-progress .circle-right .line-one:after { position: absolute; display: block; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(-150deg); -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); -o-transform: rotate(-150deg); transform: rotate(-150deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-two, .site-container section .circle-progress .circle-right .line-two { position: absolute; width: 36%; height: 0; border-top: #666666 2px dotted; right: -19%; top: 48.7%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-two:after, .site-container section .circle-progress .circle-right .line-two:after { position: absolute; display: block; content: "\f07c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -26px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-three, .site-container section .circle-progress .circle-right .line-three { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; right: -20%; top: 58%; -webkit-transform: rotate(-150deg); -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); -o-transform: rotate(-150deg); transform: rotate(-150deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-three:after, .site-container section .circle-progress .circle-right .line-three:after { position: absolute; display: block; content: "\f013"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 0px; text-align: center; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .circle, .site-container section .circle-progress .circle-right .circle { position: absolute; top: 35%; left: 30%; z-index: 10; }
.site-container .oldsection .circle-progress .circle-right .circle h2, .site-container section .circle-progress .circle-right .circle h2 { font-family: "Roboto Condensed", sans-serif; font-size: 1.375em; font-weight: 300; color: #FFF; text-align: center; max-width: 100px; }
.site-container .oldsection .circle-progress .circle-right .circle h2 span, .site-container section .circle-progress .circle-right .circle h2 span { display: block; font-size: 1.45455em; color: #FFF; }
.site-container .oldsection .circle-text, .site-container section .circle-text { text-align: center; padding: 0 100px 0; }
.site-container .oldsection .vertical-profile, .site-container section .vertical-profile { padding-bottom: 60px; border-bottom: #dcdcdc 1px solid; }
.site-container .oldsection .vertical-profile.no-border, .site-container section .vertical-profile.no-border { border-bottom: none; }
.site-container .oldsection .vertical-profile .profile-image, .site-container section .vertical-profile .profile-image { display: block; }
.site-container .oldsection .vertical-profile .profile-image img, .site-container section .vertical-profile .profile-image img { width: 100%; }
.site-container .oldsection .vertical-profile .author-name, .site-container section .vertical-profile .author-name { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #232323; text-transform: uppercase; line-height: 30px; margin-top: 20px; padding-left: 20px; }
.site-container .oldsection .vertical-profile .author-name:after, .site-container section .vertical-profile .author-name:after { display: block; content: ""; width: 25px; height: 5px; margin-top: 15px; background-color: #A1B84E; }
.site-container .oldsection .vertical-profile .author-name span, .site-container section .vertical-profile .author-name span { display: block; font-family: "Glegoo", sans-serif; font-size: 16px; font-weight: normal; text-transform: none; color: #A1B84E; }
.site-container .oldsection .vertical-profile .social-title, .site-container section .vertical-profile .social-title { display: block; font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #c8c8c8; padding-left: 20px; margin-top: 55px; margin-bottom: 10px; }
.site-container .oldsection .vertical-profile .socials, .site-container section .vertical-profile .socials { margin-left: 20px; }
.site-container .oldsection .vertical-profile .socials li, .site-container section .vertical-profile .socials li { display: inline-block; }
.site-container .oldsection .vertical-profile .socials li a, .site-container section .vertical-profile .socials li a { font-size: 20px; margin-right: 20px; text-decoration: none; color: #c8c8c8; }
.site-container .oldsection .vertical-profile .socials li a:hover, .site-container section .vertical-profile .socials li a:hover { color: #A1B84E; }
.site-container .oldsection .vertical-profile .author-quote, .site-container section .vertical-profile .author-quote { position: relative; padding: 20px; margin: 40px 0; color: #7d7d7d; font-size: 13px; font-weight: normal; line-height: 20px; }
.site-container .oldsection .vertical-profile .author-quote:before, .site-container section .vertical-profile .author-quote:before { display: block; position: absolute; left: -40px; top: -30px; font-family: "Roboto Condensed", sans-serif; font-size: 100px; content: '"'; color: #d7d7d7; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.site-container .oldsection .vertical-profile .author-quote:after, .site-container section .vertical-profile .author-quote:after { position: absolute; right: -20px; bottom: -20px; font-family: "Roboto Condensed", sans-serif; font-size: 100px; content: '"'; color: #d7d7d7; }
.site-container .oldsection.section-gray, .site-container section.section-gray { background-color: #f5f5f5; border-top: #e1e1e1 1px solid; }
.site-container .oldsection.section-gray .desc .section-title, .site-container section.section-gray .desc .section-title { margin-bottom: 80px; }
.site-container .oldsection.section-gray .desc p, .site-container section.section-gray .desc p { font-size: 16px; font-weight: normal; color: #646464; text-align: center; line-height: 20px; }
.site-container .oldsection.section-green, .site-container section.section-green { background-color: #d6dba6; border-top: #e1e1e1 1px solid; }
.site-container .oldsection.section-green .desc .section-title, .site-container section.section-green .desc .section-title { margin-bottom: 80px; }
.site-container .oldsection.section-green .desc p, .site-container section.section-green .desc p { font-size: 16px; font-weight: normal; color: #646464; text-align: center; line-height: 20px; }
.site-container .oldsection.section-parallax, .site-container section.section-parallax { overflow: hidden; }
.site-container .oldsection.section-parallax .section-title, .site-container section.section-parallax .section-title { color: #FFF !important; }
.site-container .oldsection.section-parallax .desc p, .site-container section.section-parallax .desc p { font-size: 16px; font-weight: normal; color: #969696; text-align: center; }
.site-container .oldsection.border-section > .container, .site-container section.border-section > .container { position: relative; }
.site-container .oldsection.border-section > .container .section-title, .site-container section.border-section > .container .section-title { margin-bottom: 200px !important; }
.site-container .oldsection.border-section > .container:before, .site-container section.border-section > .container:before { display: block; content: ""; width: 100%; height: 5px; background-color: #A1B84E; position: absolute; left: 0; top: -65px; }
.site-container .oldsection .desc .section-title, .site-container section .desc .section-title { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-align: center; padding: 1.5625em 0 0.625em 0; }
.site-container .oldsection .desc .section-subtitle, .site-container section .desc .section-subtitle { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #232323; text-align: center; padding: 0 0 15px 0; }
.site-container .oldsection .desc p, .site-container section .desc p { font-size: 13px; font-weight: normal; color: #646464; text-align: center; line-height: 18px; }
.site-container .oldsection .blubcontent, .site-container section .blubcontent { position: relative; padding: 0 0 50%; margin: 10px 0; overflow: hidden; }
.site-container .oldsection .blubcontent .dashed-line, .site-container section .blubcontent .dashed-line { position: absolute; z-index: 99; top: 23%; width: 100%; height: 56%; }
.site-container .oldsection .blubcontent .dashed-line path, .site-container section .blubcontent .dashed-line path { fill: #A1B84E; }
.site-container .oldsection .blubcontent .circle-text, .site-container section .blubcontent .circle-text { position: absolute; top: 15%; left: 0; width: 20%; height: 0; padding: 10% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-text:after, .site-container section .blubcontent .circle-text:after { content: ""; display: block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; }
.site-container .oldsection .blubcontent .circle-text > div, .site-container section .blubcontent .circle-text > div { position: absolute; text-align: left; padding: 0 11%; margin-top: -15%; font-family: "Roboto Condensed", sans-serif; font-size: 1.375em; font-weight: 300; color: #232323; line-height: 22px; z-index: 3; }
.site-container .oldsection .blubcontent .circle-text > div span, .site-container section .blubcontent .circle-text > div span { background-color: #A1B84E; padding: 0px 10px; color: #FFF; line-height: 30px; margin-left: 0px; }
.site-container .oldsection .blubcontent .circle-large-image, .site-container section .blubcontent .circle-large-image { position: absolute; top: 12%; left: 25%; width: 40%; height: 0; padding: 20% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-large-image > div, .site-container section .blubcontent .circle-large-image > div { content: ""; display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-large-image > div img, .site-container section .blubcontent .circle-large-image > div img { margin-top: 0%; width: 100%; }
.site-container .oldsection .blubcontent .blue-circle, .site-container section .blubcontent .blue-circle { position: absolute; top: 22%; left: 57%; width: 8%; padding: 4% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; z-index: 4; }
.site-container .oldsection .blubcontent .circle-min-image, .site-container section .blubcontent .circle-min-image { position: absolute; top: 67%; left: 13%; width: 12%; height: 0; padding: 6% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-min-image > div, .site-container section .blubcontent .circle-min-image > div { display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-min-image > div:after, .site-container section .blubcontent .circle-min-image > div:after { content: ""; display: block; width: 80%; height: 80%; top: 10%; left: 10%; position: absolute; background-color: #A1B84E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.site-container .oldsection .blubcontent .circle-min-image > div img, .site-container section .blubcontent .circle-min-image > div img { width: 101%; }
.site-container .oldsection .blubcontent .circle-medium-image, .site-container section .blubcontent .circle-medium-image { position: absolute; top: 49%; left: 73%; width: 25%; height: 0; padding: 12.5% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-medium-image > div, .site-container section .blubcontent .circle-medium-image > div { display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-medium-image > div img, .site-container section .blubcontent .circle-medium-image > div img { width: 101%; }
.site-container .oldsection .blubcontent .circle-black, .site-container section .blubcontent .circle-black { position: absolute; left: 70%; top: 9%; width: 15%; height: 0; padding: 9% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-medium2-image, .site-container section .blubcontent .circle-medium2-image { position: absolute; top: 0%; left: 65%; width: 25%; height: 0; padding: 12.5% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-medium2-image > div, .site-container section .blubcontent .circle-medium2-image > div { display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-medium2-image > div img, .site-container section .blubcontent .circle-medium2-image > div img { width: 101%; }

.site-container .oldsection .blubcontent .circle-black:after, .site-container section .blubcontent .circle-black:after { content: ""; display: block; width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; background-color: #232323; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .quote-button, .site-container section .quote-button { width: 100%; padding: 30px 25px; margin: 50px 0; border: #ebebeb 1px solid; }
.site-container .oldsection .quote-button p, .site-container section .quote-button p { font-size: 16px; font-weight: normal; line-height: 22px; color: #646464; }
.site-container .oldsection .quote-button a, .site-container section .quote-button a { float: right; display: inline-block; font-size: 16px; font-weight: normal; padding: 15px 35px; margin: 0 30px 0 40px; }
.site-container .oldsection .image-box, .site-container section .image-box { width: 100%; margin: 0 0 60px 0; }
.site-container .oldsection .image-box a, .site-container section .image-box a { float: left; display: block; width: 140px; height: 140px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; }
.site-container .oldsection .image-box a img, .site-container section .image-box a img { width: 100%; }
.site-container .oldsection .image-box .content, .site-container section .image-box .content { padding-left: 160px; }
.site-container .oldsection .image-box .content h2, .site-container section .image-box .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #232323; margin-top: 0; margin-bottom: 20px; }
.site-container .oldsection .image-box .content h2 i, .site-container section .image-box .content h2 i { font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; padding-right: 20px; vertical-align: middle; }
.site-container .oldsection .image-box .content p, .site-container section .image-box .content p { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px; }
.site-container .oldsection .pattern-block, .site-container section .pattern-block { width: 100%; padding: 60px 0; margin-top: 50px; background-image: url(../img/pattern-01.png); background-color: #A1B84E; background-size: contain; }
.site-container .oldsection .pattern-block .quote-box, .site-container section .pattern-block .quote-box { width: 100%; border: #ebebeb 1px solid; padding: 25px 60px; }
.site-container .oldsection .pattern-block .quote-box.no-border, .site-container section .pattern-block .quote-box.no-border { border: none; }
.site-container .oldsection .pattern-block .quote-box.no-border h2, .site-container section .pattern-block .quote-box.no-border h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: normal; color: #FFF; text-align: center; }
.site-container .oldsection .pattern-block .quote-box.no-border p, .site-container section .pattern-block .quote-box.no-border p { line-height: 28px; }
.site-container .oldsection .pattern-block .quote-box.no-border p.lines:after, .site-container section .pattern-block .quote-box.no-border p.lines:after { content: ""; display: block; width: 10%; height: 5px; background-color: #FFF; margin: 40px auto; }
.site-container .oldsection .pattern-block .quote-box.no-border .read-more, .site-container section .pattern-block .quote-box.no-border .read-more { padding-left: 45px; padding-right: 45px; margin-top: 50px; margin-bottom: 0; }
.site-container .oldsection .pattern-block .quote-box p, .site-container section .pattern-block .quote-box p { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #ffffff; text-align: center; }
.site-container .oldsection .part-image, .site-container section .part-image { display: block; width: 100%; margin: 3.75em 0; }
.site-container .oldsection .part-image img, .site-container section .part-image img { width: 100%; }
.site-container .oldsection .part-image.maxwidth, .site-container section .part-image.maxwidth { max-width: 600px !important; margin: 0 auto; }
.site-container .oldsection .icon-text, .site-container section .icon-text { margin-bottom: 50px; }
.site-container .oldsection .icon-text h2, .site-container section .icon-text h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; line-height: 22px; margin-bottom: 25px; }
.site-container .oldsection .icon-text h2 a, .site-container section .icon-text h2 a { text-decoration: none; color: #FFF; }
.site-container .oldsection .icon-text h2 a i, .site-container section .icon-text h2 a i { vertical-align: middle; padding-right: 10px; }
.site-container .oldsection .icon-text p, .site-container section .icon-text p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; }
.site-container .oldsection .portfolio, .site-container section .portfolio { margin: 50px 0; }
.site-container .oldsection .portfolio .filters, .site-container section .portfolio .filters { width: 100%; margin: 40px 0; text-align: center; }
.site-container .oldsection .portfolio .filters ul li, .site-container section .portfolio .filters ul li { display: inline-block; }
.site-container .oldsection .portfolio .filters ul li a, .site-container section .portfolio .filters ul li a { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; text-decoration: none; color: #2f383d; padding: 15px 25px; }
.site-container .oldsection .portfolio .filters ul li a:hover, .site-container section .portfolio .filters ul li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .portfolio .filters ul li:not(:last-child):after, .site-container section .portfolio .filters ul li:not(:last-child):after { display: inline-block; content: ""; width: 3px; height: 20px; background: url(../img/filter-line.png); margin-left: 2px; }
.site-container .oldsection .portfolio .filters ul li.active a, .site-container section .portfolio .filters ul li.active a { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .portfolio .filters ul li.active:after, .site-container section .portfolio .filters ul li.active:after { background: transparent; }
.site-container .oldsection .portfolio .filters ul li.lineclear:after, .site-container section .portfolio .filters ul li.lineclear:after { background: transparent; }
.site-container .oldsection .portfolio .items, .site-container section .portfolio .items { display: table; width: 100%; }
.site-container .oldsection .portfolio .items.long-portfolio .item, .site-container section .portfolio .items.long-portfolio .item { display: inline-block; width: 33.3333333333%; margin: 0; padding: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image, .site-container section .portfolio .items.long-portfolio .item .featured-image { position: relative; padding: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image img, .site-container section .portfolio .items.long-portfolio .item .featured-image img { width: 100%; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 30%; left: 10px; right: 10px; bottom: 10px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover span, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; color: #FFF; text-align: center; margin-top: -20px; padding: 0 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content h1, .site-container section .portfolio .items.long-portfolio .item .content h1 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #969696; text-align: center; margin: 15% 0 12% 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content p, .site-container section .portfolio .items.long-portfolio .item .content p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; text-align: center; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content:after, .site-container section .portfolio .items.long-portfolio .item .content:after { content: ""; display: block; width: 100%; height: 2px; background-color: #ebebeb; margin: 12% 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; top: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover ul, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover span, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content h1, .site-container section .portfolio .items.long-portfolio .item:hover .content h1 { color: #A1B84E; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content p, .site-container section .portfolio .items.long-portfolio .item:hover .content p { color: #646464; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content:after, .site-container section .portfolio .items.long-portfolio .item:hover .content:after { background-color: #A1B84E; }
.site-container .oldsection .portfolio .items.short-portfolio .item, .site-container section .portfolio .items.short-portfolio .item { display: inline-block; position: relative; width: 33.3333333333%; margin: 0; padding: 10px; }
.site-container .oldsection .portfolio .items.short-portfolio .item img, .site-container section .portfolio .items.short-portfolio .item img { width: 100%; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover, .site-container section .portfolio .items.short-portfolio .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; top: 10px; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover ul, .site-container section .portfolio .items.short-portfolio .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover span, .site-container section .portfolio .items.short-portfolio .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover, .site-container section .portfolio .items.short-portfolio .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 30%; left: 10px; right: 10px; bottom: 10px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul, .site-container section .portfolio .items.short-portfolio .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li, .site-container section .portfolio .items.short-portfolio .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a, .site-container section .portfolio .items.short-portfolio .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a:hover, .site-container section .portfolio .items.short-portfolio .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover span, .site-container section .portfolio .items.short-portfolio .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; color: #FFF; text-align: center; margin-top: -20px; padding: 0 10px; }
.site-container .oldsection .portfolio .navfilter ul, .site-container section .portfolio .navfilter ul { float: right; margin-right: 6px; margin-top: 25px; }
.site-container .oldsection .portfolio .navfilter ul li, .site-container section .portfolio .navfilter ul li { display: inline-block; margin-right: 5px; }
.site-container .oldsection .portfolio .navfilter ul li a, .site-container section .portfolio .navfilter ul li a { display: block; width: 25px; height: 25px; text-align: center; font-size: 18px; padding-top: 2px; color: #d7d7d7; border: #d7d7d7 1px solid; }
.site-container .oldsection .portfolio .navfilter ul li a:hover, .site-container section .portfolio .navfilter ul li a:hover { color: #A1B84E; border-color: #A1B84E; }
.site-container .oldsection .layouts-display, .site-container section .layouts-display { margin-top: 50px; }
.site-container .oldsection .layouts-display .layout-res, .site-container section .layouts-display .layout-res { display: block; }
.site-container .oldsection .layouts-display .layout-res img, .site-container section .layouts-display .layout-res img { width: 100%; }
.site-container .oldsection .layouts-display h2, .site-container section .layouts-display h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #232323; margin: 50px 0 15px 0; }
.site-container .oldsection .layouts-display p, .site-container section .layouts-display p { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px; }
.site-container .oldsection .section-black, .site-container section .section-black { width: 100%; background-color: #232323 !important; padding: 2% 0; }
.site-container .oldsection .section-black .demo-section, .site-container section .section-black .demo-section { position: relative; width: 100%; height: 0; padding: 35% 0; }
.site-container .oldsection .section-black .demo-section .demo-image, .site-container section .section-black .demo-section .demo-image { position: absolute; position: absolute; top: -28%; left: 25%; width: 50%; text-align: center; }
.site-container .oldsection .section-black .demo-section .demo-image img, .site-container section .section-black .demo-section .demo-image img { max-width: 566px; width: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle, .site-container section .section-black .demo-section .demo-circle { width: 30%; padding: 1%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one, .site-container section .section-black .demo-section .demo-circle.circle-one { position: absolute; top: 25%; left: 0; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec { position: absolute; width: 100%; height: 0; border-top: #c8c8c8 2px dotted; right: -66%; top: -25%; -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg); -ms-transform: rotate(-55deg); -o-transform: rotate(-55deg); transform: rotate(-55deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two, .site-container section .section-black .demo-section .demo-circle.circle-two { position: absolute; top: 35%; left: 35%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg, .site-container section .section-black .demo-section .demo-circle.circle-two .svg { border-color: #A1B84E; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec { position: absolute; width: 100%; height: 0; border-top: #A1B84E 2px dotted; right: -32%; top: -45%; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); transform: rotate(-70deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #A1B84E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three, .site-container section .section-black .demo-section .demo-circle.circle-three { position: absolute; top: 25%; left: 71%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec { position: absolute; width: 100%; height: 0; border-top: #c8c8c8 2px dotted; right: 37%; top: -43%; -webkit-transform: rotate(-115deg); -moz-transform: rotate(-115deg); -ms-transform: rotate(-115deg); -o-transform: rotate(-115deg); transform: rotate(-115deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg, .site-container section .section-black .demo-section .demo-circle .svg { position: relative; width: 90%; height: 0; padding: 45% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 2px dotted; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask, .site-container section .section-black .demo-section .demo-circle .svg .mask { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; z-index: 2; overflow: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask img, .site-container section .section-black .demo-section .demo-circle .svg .mask img { width: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle .content h2, .site-container section .section-black .demo-section .demo-circle .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #FFF; margin: 15% 0 5%; }
.site-container .oldsection .section-black .demo-section .demo-circle .content p, .site-container section .section-black .demo-section .demo-circle .content p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; }
.site-container .oldsection .section-black .enter-demo, .site-container section .section-black .enter-demo { background-color: #323232; border: #4b4b4b 1px solid; padding: 40px 0; margin: 30px 0; }
.site-container .oldsection .section-black .enter-demo h2, .site-container section .section-black .enter-demo h2 { font-family: "Roboto Condensed", sans-serif; font-size: 40px; font-weight: 300; color: #FFF; text-align: right; }
.site-container .oldsection .section-black .enter-demo .view-more, .site-container section .section-black .enter-demo .view-more { display: inline-block; text-decoration: none; font-size: 16px; font-weight: normal; color: #FFF; border: #197d96 1px solid; padding: 20px 45px; margin: 10px 0; background: #A1B84E; /* Old browsers */ background: -moz-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #A1B84E), color-stop(90%, #83983D)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* IE10+ */ background: linear-gradient(to bottom, #A1B84E 10%, #83983D 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1B84E', endColorstr='#83983D',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection .section-black .enter-demo .view-more:hover, .site-container section .section-black .enter-demo .view-more:hover { background: #83983D; /* Old browsers */ background: -moz-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #83983D), color-stop(90%, #A1B84E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* IE10+ */ background: linear-gradient(to bottom, #83983D 10%, #A1B84E 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83983D', endColorstr='#A1B84E',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.single-page-wrapper.border-top, .site-container section.single-page-wrapper.border-top { border-top: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .single-header, .site-container section.single-page-wrapper .single-header { background-color: #FFF; padding: 50px 0; }
.site-container .oldsection.single-page-wrapper .single-header h1, .site-container section.single-page-wrapper .single-header h1 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; padding: 0 50px 50px 50px; color: #232323; }
.site-container .oldsection.single-page-wrapper .single-header .meta, .site-container section.single-page-wrapper .single-header .meta { border-top: #e9e9e9 1px solid; padding: 30px 50px; }
.site-container .oldsection.single-page-wrapper .single-header .meta a, .site-container section.single-page-wrapper .single-header .meta a { display: block; font-size: 13px; font-weight: normal; color: #7d7d7d; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .single-header .meta a i, .site-container section.single-page-wrapper .single-header .meta a i { font-size: 18px; }
.site-container .oldsection.single-page-wrapper .single-header .meta a.writted, .site-container section.single-page-wrapper .single-header .meta a.writted { text-align: left; }
.site-container .oldsection.single-page-wrapper .single-header .meta a.date, .site-container section.single-page-wrapper .single-header .meta a.date { float: right; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image, .site-container section.single-page-wrapper .single-header .featured-image { position: relative; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a, .site-container section.single-page-wrapper .single-header .featured-image ul li a { display: block; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a img, .site-container section.single-page-wrapper .single-header .featured-image ul li a img { width: 100%; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls { position: absolute; bottom: -30px; left: 50%; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection.single-page-wrapper .single-content, .site-container section.single-page-wrapper .single-content { padding: 40px 0; }
.site-container .oldsection.single-page-wrapper .single-content ul, .site-container section.single-page-wrapper .single-content ul { margin-bottom: 20px; }
.site-container .oldsection.single-page-wrapper .single-content ul li, .site-container section.single-page-wrapper .single-content ul li { font-size: 13px; font-weight: normal; color: #232323; padding-left: 20px; margin-bottom: 5px; position: relative; line-height: 18px; }
.site-container .oldsection.single-page-wrapper .single-content ul li:before, .site-container section.single-page-wrapper .single-content ul li:before { position: absolute; top: 5px; left: 0; content: ""; display: block; width: 7px; height: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; }
.site-container .oldsection.single-page-wrapper .single-meta > span, .site-container section.single-page-wrapper .single-meta > span { display: block; font-size: 13px; font-weight: normal; color: #969696; text-align: right; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo, .site-container section.single-page-wrapper .single-meta > .metainfo { background-color: #ebebeb; margin-top: 35px; padding: 20px 30px; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul, .site-container section.single-page-wrapper .single-meta > .metainfo ul { display: table; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li, .site-container section.single-page-wrapper .single-meta > .metainfo ul li { display: inline-block; margin: 0 10px 10px 0; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a, .site-container section.single-page-wrapper .single-meta > .metainfo ul li a { display: block; font-size: 12px; color: #969696; padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #FFF; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a:hover, .site-container section.single-page-wrapper .single-meta > .metainfo ul li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-span, .site-container section.single-page-wrapper .single-meta > .metainfo .share-span { display: block; font-size: 13px; font-weight: normal; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list, .site-container section.single-page-wrapper .single-meta > .metainfo .share-list { display: table; margin-top: 10px; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list li, .site-container section.single-page-wrapper .single-meta > .metainfo .share-list li { display: inline-block; margin-right: 10px; }
.site-container .oldsection.single-page-wrapper .single-heading, .site-container section.single-page-wrapper .single-heading { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; text-transform: uppercase; color: #232323; }
.site-container .oldsection.single-page-wrapper .single-heading:after, .site-container section.single-page-wrapper .single-heading:after { display: block; content: ""; width: 15%; height: 5px; background-color: #A1B84E; margin: 25px 0; }
.site-container .oldsection.single-page-wrapper .about-author, .site-container section.single-page-wrapper .about-author { margin: 60px 0; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .about-author .author, .site-container section.single-page-wrapper .about-author .author { padding: 20px 0 40px; }
.site-container .oldsection.single-page-wrapper .about-author .author .author-img, .site-container section.single-page-wrapper .about-author .author .author-img { float: left; display: block; width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection.single-page-wrapper .about-author .author .author-img img, .site-container section.single-page-wrapper .about-author .author .author-img img { width: 100%; }
.site-container .oldsection.single-page-wrapper .about-author .author .content, .site-container section.single-page-wrapper .about-author .author .content { padding-top: 10px; padding-left: 160px; font-size: 13px; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .about-author .author .content p, .site-container section.single-page-wrapper .about-author .author .content p { margin: 0 0 10px 0; }
.site-container .oldsection.single-page-wrapper .post-comments, .site-container section.single-page-wrapper .post-comments { border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree, .site-container section.single-page-wrapper .post-comments .comments-tree { padding: 30px 0 10px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment, .site-container section.single-page-wrapper .post-comments .comments-tree .comment { margin-bottom: 40px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .children, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .children { margin-left: 60px; margin-top: 40px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar { float: left; display: block; width: 60px; height: 60px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar img, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar img { width: 100%; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content { margin-left: 60px; padding: 25px 35px 35px; background-color: #FFF; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 20px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span { padding: 0 10px; display: inline-block; font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply { position: relative; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #ededed; z-index: 1; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply { position: relative; background: #FFF; float: right; margin-top: -7px; padding: 0 0 0 15px; font-size: 13px; color: #7d7d7d; z-index: 2; text-decoration: none; text-align: right; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover { color: #A1B84E; }
.site-container .oldsection.single-page-wrapper .post-comments .all-comments, .site-container section.single-page-wrapper .post-comments .all-comments { display: block; text-align: right; font-size: 13px; font-weight: normal; color: #7d7d7d; margin-bottom: 40px; }
.site-container .oldsection.single-page-wrapper .reply-comments, .site-container section.single-page-wrapper .reply-comments { padding: 60px 0 20px; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .reply-comments form, .site-container section.single-page-wrapper .reply-comments form { margin: 50px 0; }
.site-container .oldsection.single-page-wrapper .reply-comments form label, .site-container section.single-page-wrapper .reply-comments form label { font-size: 16px !important; font-weight: normal; line-height: 18px; margin-bottom: 5px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .reply-comments form input, .site-container section.single-page-wrapper .reply-comments form input { padding: 20px; }
.site-container .oldsection.single-page-wrapper .reply-comments form textarea, .site-container section.single-page-wrapper .reply-comments form textarea { height: 200px; }
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more, .site-container section.single-page-wrapper .reply-comments form .read-more { border: none; font-weight: 300; margin: 50px 0 0; }
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more:hover, .site-container section.single-page-wrapper .reply-comments form .read-more:hover { color: #FFF; }
.site-container .oldsection.single-page-wrapper .related-posts, .site-container section.single-page-wrapper .related-posts { padding: 60px 0; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .related-posts > h2, .site-container section.single-page-wrapper .related-posts > h2 { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; text-transform: uppercase; color: #232323; }
.site-container .oldsection.single-page-wrapper .related-posts > h2:after, .site-container section.single-page-wrapper .related-posts > h2:after { display: block; content: ""; width: 15%; height: 5px; background-color: #A1B84E; margin: 25px 0 50px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post, .site-container section.single-page-wrapper .related-posts .item-post { margin-bottom: 30px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage, .site-container section.single-page-wrapper .related-posts .item-post .fimage { display: block; margin: 0 0 35px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage img, .site-container section.single-page-wrapper .related-posts .item-post .fimage img { width: 100%; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title, .site-container section.single-page-wrapper .related-posts .item-post .title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #969696; margin: 0 0 10px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a, .site-container section.single-page-wrapper .related-posts .item-post .title a { text-decoration: none; color: #969696; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a:hover, .site-container section.single-page-wrapper .related-posts .item-post .title a:hover { color: #A1B84E; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .date, .site-container section.single-page-wrapper .related-posts .item-post .date { display: block; font-size: 13px; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .pagination-post, .site-container section.single-page-wrapper .pagination-post { padding: 60px 0 0; text-align: right; }
.site-container .oldsection.single-page-wrapper .pagination-post a, .site-container section.single-page-wrapper .pagination-post a { display: inline-block; font-size: 16px; font-weight: normal; color: #7d7d7d; border: #cbcbcb 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #ebebeb; padding: 10px 25px; margin-left: 15px; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .pagination-post a:hover, .site-container section.single-page-wrapper .pagination-post a:hover { background-color: #A1B84E; color: #FFF; border-color: #A1B84E; }
.site-container .oldsection.blog-style-one .blog-item, .site-container section.blog-style-one .blog-item { float: left; width: 48%; margin-right: 2%; margin-bottom: 30px; }
.site-container .oldsection.blog-style-one .blog-item .item-content, .site-container section.blog-style-one .blog-item .item-content { padding: 15px; background-color: #FFF; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a, .site-container section.blog-style-one .blog-item .item-content .featured-image a { display: block; width: 100%; }
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a img, .site-container section.blog-style-one .blog-item .item-content .featured-image a img { width: 100%; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta, .site-container section.blog-style-one .blog-item .item-content .meta { width: 100%; padding: 20px 5px; margin-bottom: 25px; border-bottom: #f4f4f4 1px solid; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta a, .site-container section.blog-style-one .blog-item .item-content .meta a { font-size: 13px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta .date, .site-container section.blog-style-one .blog-item .item-content .meta .date { float: right; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content h2, .site-container section.blog-style-one .blog-item .item-content .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; line-height: 30px; color: #232323; margin-bottom: 30px; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content p, .site-container section.blog-style-one .blog-item .item-content .content p { font-size: 13px; font-weight: normal; line-height: 20px; color: #7d7d7d; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read, .site-container section.blog-style-one .blog-item .item-content .content .read { display: table; margin: 50px auto; padding: 10px 20px; background: #FFF; border: #A1B84E 1px solid; color: #A1B84E; text-decoration: none; font-size: 16px; font-weight: normal; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read:hover, .site-container section.blog-style-one .blog-item .item-content .content .read:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection.blog-style-one .blog-item .item-content .comments, .site-container section.blog-style-one .blog-item .item-content .comments { text-align: right; }
.site-container .oldsection.blog-style-one .blog-item .item-content .comments a, .site-container section.blog-style-one .blog-item .item-content .comments a { display: block; font-size: 13px; font-weight: normal; color: #c8c8c8; text-decoration: none; }
.site-container .oldsection.blog-style-one .blog-item .tags, .site-container section.blog-style-one .blog-item .tags { display: table; margin: 20px 0; }
.site-container .oldsection.blog-style-one .blog-item .tags li, .site-container section.blog-style-one .blog-item .tags li { display: inline-block; margin: 2px 5px; }
.site-container .oldsection.blog-style-one .blog-item .tags li a, .site-container section.blog-style-one .blog-item .tags li a { display: block; padding: 5px 10px; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 13px; font-weight: normal; text-decoration: none; color: #c8c8c8; }
.site-container .oldsection.blog-style-one .blog-item .tags li a:hover, .site-container section.blog-style-one .blog-item .tags li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection.blog-style-two .blog-item, .site-container section.blog-style-two .blog-item { background-color: #FFF; margin-bottom: 40px; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.blog-style-two .blog-item .item-title, .site-container section.blog-style-two .blog-item .item-title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; line-height: 30px; color: #232323; margin-bottom: 30px; padding: 30px 20px 0; }
.site-container .oldsection.blog-style-two .blog-item .item-title:after, .site-container section.blog-style-two .blog-item .item-title:after { content: ""; display: block; height: 1px; background-color: #ededed; margin-top: 30px; margin-right: -20px; margin-left: -20px; }
.site-container .oldsection.blog-style-two .blog-item .meta, .site-container section.blog-style-two .blog-item .meta { width: 100%; padding: 0px 20px; margin-bottom: 25px; }
.site-container .oldsection.blog-style-two .blog-item .meta a, .site-container section.blog-style-two .blog-item .meta a { font-size: 13px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection.blog-style-two .blog-item .meta .date, .site-container section.blog-style-two .blog-item .meta .date { float: right; }
.site-container .oldsection.blog-style-two .blog-item .featured-image, .site-container section.blog-style-two .blog-item .featured-image { margin-bottom: 40px; max-height: 537px; overflow: hidden; }
.site-container .oldsection.blog-style-two .blog-item .featured-image a, .site-container section.blog-style-two .blog-item .featured-image a { display: block; width: 100%; }
.site-container .oldsection.blog-style-two .blog-item .featured-image a img, .site-container section.blog-style-two .blog-item .featured-image a img { width: 100%; }
.site-container .oldsection.blog-style-two .blog-item .content, .site-container section.blog-style-two .blog-item .content { padding: 0 20px; }
.site-container .oldsection.blog-style-two .blog-item .content p, .site-container section.blog-style-two .blog-item .content p { font-size: 13px; font-weight: normal; line-height: 20px; margin-bottom: 10px; color: #7d7d7d; }
.site-container .oldsection.blog-style-two .blog-item .comments, .site-container section.blog-style-two .blog-item .comments { padding: 50px 30px; }
.site-container .oldsection.blog-style-two .blog-item .comments .read, .site-container section.blog-style-two .blog-item .comments .read { float: left; display: inline-block; padding: 10px 20px; background: #FFF; border: #A1B84E 1px solid; color: #A1B84E; text-decoration: none; font-size: 16px; font-weight: normal; }
.site-container .oldsection.blog-style-two .blog-item .comments .read:hover, .site-container section.blog-style-two .blog-item .comments .read:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection.blog-style-two .blog-item .comments .comment-number, .site-container section.blog-style-two .blog-item .comments .comment-number { float: right; display: inline-block; font-size: 13px; font-weight: normal; color: #c8c8c8; text-decoration: none; margin-top: 10px; }
.site-container .oldsection .pagination, .site-container section .pagination { width: 100%; margin-top: 100px; text-align: center; }
.site-container .oldsection .pagination.pagination-right, .site-container section .pagination.pagination-right { text-align: right !important; margin-right: 15px !important; }
.site-container .oldsection .pagination ul li, .site-container section .pagination ul li { display: inline-block; }
.site-container .oldsection .pagination ul li a, .site-container section .pagination ul li a { display: block; font-size: 16px; font-weight: normal; min-width: 25px; color: #c8c8c8; padding: 10px; border: #e3e3e3 1px solid; text-decoration: none; }
.site-container .oldsection .pagination ul li a:hover, .site-container section .pagination ul li a:hover { border-color: #A1B84E; background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .pagination ul li a.active, .site-container section .pagination ul li a.active { border-color: #A1B84E; color: #A1B84E; }
.site-container .oldsection .pagination ul li a.active:hover, .site-container section .pagination ul li a.active:hover { color: #FFF; }
.site-container .oldsection .single-project, .site-container section .single-project { border-bottom: #cecece 1px solid; padding-bottom: 80px; margin-bottom: 20px; }
.site-container .oldsection .single-project .project-title, .site-container section .single-project .project-title { font-family: "Roboto Condensed",sans-serif; font-size: 60px; font-weight: 300; text-transform: uppercase; color: #232323; margin-bottom: 80px; }
.site-container .oldsection .single-project .project-title:after, .site-container section .single-project .project-title:after { display: block; content: ""; width: 10%; height: 5px; background-color: #A1B84E; margin-top: 30px; }
.site-container .oldsection .single-project .featured-image, .site-container section .single-project .featured-image { position: relative; margin-bottom: 100px; }
.site-container .oldsection .single-project .featured-image ul li a, .site-container section .single-project .featured-image ul li a { display: block; }
.site-container .oldsection .single-project .featured-image ul li a img, .site-container section .single-project .featured-image ul li a img { width: 100%; }
.site-container .oldsection .single-project .featured-image ul .owl-controls, .site-container section .single-project .featured-image ul .owl-controls { position: absolute; bottom: -30px; left: 50%; }
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page, .site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px; }
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active, .site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .single-project .meta-title, .site-container section .single-project .meta-title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 40px; }
.site-container .oldsection .single-project .meta-title:after, .site-container section .single-project .meta-title:after { display: block; content: ""; width: 50px; height: 3px; background-color: #A1B84E; margin-top: 15px; }
.site-container .oldsection .single-project .list-detailed li, .site-container section .single-project .list-detailed li { font-size: 13px; font-weight: normal; line-height: 18px; }
.site-container .oldsection .single-project .list-detailed li span, .site-container section .single-project .list-detailed li span { color: #969696; padding-right: 20px; }
.site-container .oldsection .single-project .list-detailed table tbody tr, .site-container section .single-project .list-detailed table tbody tr { border-bottom: transparent 20px solid; }
.site-container .oldsection .single-project .list-detailed table tbody tr td, .site-container section .single-project .list-detailed table tbody tr td { font-size: 13px; font-weight: normal; color: #232323; }
.site-container .oldsection .single-project .list-detailed table tbody tr td.title, .site-container section .single-project .list-detailed table tbody tr td.title { vertical-align: top; color: #969696; line-height: 18px; padding-right: 10px; min-width: 120px; }
.site-container .oldsection .single-project .avarage, .site-container section .single-project .avarage { margin-top: 40px; }
.site-container .oldsection .single-project .avarage span, .site-container section .single-project .avarage span { font-size: 13px !important; font-weight: normal !important; color: #969696 !important; margin-bottom: 10px !important; }
.site-container .oldsection .single-project .avarage .avg, .site-container section .single-project .avarage .avg { /* change these if you want */ }
.site-container .oldsection .single-project .avarage .avg span, .site-container section .single-project .avarage .avg span { display: block; font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 15px; }
.site-container .oldsection .single-project .avarage .avg .raterater-bg-layer, .site-container section .single-project .avarage .avg .raterater-bg-layer { color: rgba(240, 240, 240, 0.25); }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer, .site-container section .single-project .avarage .avg .raterater-hover-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer.rated, .site-container section .single-project .avarage .avg .raterater-hover-layer.rated { /* after the user selects a rating */ color: yellow; }
.site-container .oldsection .single-project .avarage .avg .raterater-rating-layer, .site-container section .single-project .avarage .avg .raterater-rating-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .single-project .avarage .avg .raterater-outline-layer, .site-container section .single-project .avarage .avg .raterater-outline-layer { color: rgba(0, 0, 0, 0.25); }
.site-container .oldsection .single-project .avarage .avg .raterater-wrapper, .site-container section .single-project .avarage .avg .raterater-wrapper { overflow: visible; }
.site-container .oldsection .single-project .avarage .avg .raterater-layer, .site-container .oldsection .single-project .avarage .avg .raterater-layer i, .site-container section .single-project .avarage .avg .raterater-layer, .site-container section .single-project .avarage .avg .raterater-layer i { display: block; position: absolute; overflow: visible; top: 0px; left: 0px; }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer, .site-container section .single-project .avarage .avg .raterater-hover-layer { display: none; }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer i, .site-container .oldsection .single-project .avarage .avg .raterater-rating-layer i, .site-container section .single-project .avarage .avg .raterater-hover-layer i, .site-container section .single-project .avarage .avg .raterater-rating-layer i { width: 0px; overflow: hidden; }
.site-container .oldsection .single-project .share, .site-container section .single-project .share { margin-top: 40px; background-color: #f5f5f5; padding: 20px; }
.site-container .oldsection .single-project .share .share-list, .site-container section .single-project .share .share-list { display: table; margin-top: 10px; }
.site-container .oldsection .single-project .share .share-list li, .site-container section .single-project .share .share-list li { display: inline-block; margin-right: 10px; }
.site-container .oldsection .single-project .project-desc p, .site-container section .single-project .project-desc p { font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 10px; }
.site-container .oldsection .single-project .project-desc ul, .site-container section .single-project .project-desc ul { margin: 20px 0; }
.site-container .oldsection .single-project .project-desc ul li, .site-container section .single-project .project-desc ul li { position: relative; font-size: 13px; font-weight: normal; border-bottom: #efeff1 1px solid; padding: 10px 0 10px 30px; margin-bottom: 10px; }
.site-container .oldsection .single-project .project-desc ul li:before, .site-container section .single-project .project-desc ul li:before { position: absolute; left: 0; content: ""; display: block; width: 10px; height: 10px; background-color: #d7d7d7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .single-project .project-desc ul li:last-child, .site-container section .single-project .project-desc ul li:last-child { border-bottom: none; }
.site-container .oldsection .sidebar .widget, .site-container section .sidebar .widget { margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget .widget-titles, .site-container section .sidebar .widget .widget-titles { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #000; text-transform: uppercase; margin-bottom: 35px; }
.site-container .oldsection .sidebar .widget .widget-titles:after, .site-container section .sidebar .widget .widget-titles:after { content: ""; display: block; width: 30%; height: 3px; background-color: #A1B84E; margin-top: 15px; }
.site-container .oldsection .sidebar .widget.widget_search, .site-container section .sidebar .widget.widget_search { margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget.widget_search input, .site-container section .sidebar .widget.widget_search input { background: white url(../img/searchbox.png) no-repeat right center; border: none; color: #969696; padding: 17px 45px 17px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.site-container .oldsection .sidebar .widget.widget_search input::-webkit-input-placeholder, .site-container section .sidebar .widget.widget_search input::-webkit-input-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input:-moz-placeholder, .site-container section .sidebar .widget.widget_search input:-moz-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input::-moz-placeholder, .site-container section .sidebar .widget.widget_search input::-moz-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input:-ms-input-placeholder, .site-container section .sidebar .widget.widget_search input:-ms-input-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_category .widget-title, .site-container section .sidebar .widget.widget_category .widget-title { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #FFF; text-transform: uppercase; text-align: center; background-color: #969696; border: #c9c9c9 1px solid; padding: 15px 0; }
.site-container .oldsection .sidebar .widget.widget_category ul, .site-container section .sidebar .widget.widget_category ul { padding: 20px 0; background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_category ul li a, .site-container section .sidebar .widget.widget_category ul li a { display: block; padding: 15px 0 15px 30px; font-size: 14px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection .sidebar .widget.widget_category ul li a:hover, .site-container section .sidebar .widget.widget_category ul li a:hover { color: #000; background-color: #f5f5f5; }
.site-container .oldsection .sidebar .widget.widget_category ul li a:before, .site-container section .sidebar .widget.widget_category ul li a:before { content: "\f105"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 22px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 20px; }
.site-container .oldsection .sidebar .widget.widget_accordion .widget-title, .site-container section .sidebar .widget.widget_accordion .widget-title { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #FFF; text-transform: uppercase; text-align: center; background-color: #969696; border: #c9c9c9 1px solid; padding: 15px 0; }
.site-container .oldsection .sidebar .widget.widget_accordion ul, .site-container section .sidebar .widget.widget_accordion ul { padding: 20px 0; background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a, .site-container section .sidebar .widget.widget_accordion ul li a { display: block; padding: 15px 0 15px 30px; font-size: 14px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:hover, .site-container section .sidebar .widget.widget_accordion ul li a:hover { color: #000; background-color: #f5f5f5; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:before, .site-container section .sidebar .widget.widget_accordion ul li a:before { content: "\f105"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 22px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 20px; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a, .site-container section .sidebar .widget.widget_accordion ul li.active a { position: relative; background-color: #A1B84E; color: #FFF; font-weight: bold; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:before, .site-container section .sidebar .widget.widget_accordion ul li.active a:before { content: "\f107"; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:after, .site-container section .sidebar .widget.widget_accordion ul li.active a:after { content: " "; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; display: block; border-color: rgba(136, 183, 213, 0); border-top-color: #A1B84E; border-width: 10px; margin-left: -10px; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active .content, .site-container section .sidebar .widget.widget_accordion ul li.active .content { display: block; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li .content, .site-container section .sidebar .widget.widget_accordion ul li .content { display: none; padding: 25px 30px; background-color: #d2faff; font-size: 13px; font-weight: normal; line-height: 18px; color: #232323; }
.site-container .oldsection .sidebar .widget.widget_popullar, .site-container section .sidebar .widget.widget_popullar { background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title, .site-container section .sidebar .widget.widget_popullar .tab-title { display: table; width: 100%; background-color: #4b4b4b; border-bottom: #A1B84E 3px solid; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li, .site-container section .sidebar .widget.widget_popullar .tab-title li { float: left; width: 33.3333333%; margin: 0; padding: 0; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li:not(:last-child), .site-container section .sidebar .widget.widget_popullar .tab-title li:not(:last-child) { border-right: #2c2c2c 1px solid; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a, .site-container section .sidebar .widget.widget_popullar .tab-title li a { display: block; position: relative; background-color: #4b4b4b; padding: 20px 0px; font-size: 13px; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:before, .site-container section .sidebar .widget.widget_popullar .tab-title li a:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:before { bottom: 0%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:after { display: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #A1B84E; border-width: 8px; margin-left: -8px; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active, .site-container section .sidebar .widget.widget_popullar .tab-title li a:hover, .site-container section .sidebar .widget.widget_popullar .tab-title li a.active { background-color: #232323; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:hover:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a.active:after { display: block; }
.site-container .oldsection .sidebar .widget.widget_popullar .content, .site-container section .sidebar .widget.widget_popullar .content { padding: 30px 20px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents, .site-container section .sidebar .widget.widget_popullar .content .tab-contents { display: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child), .site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) { margin-top: 25px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before { display: block; conten: ""; width: 100%; height: 1px; background-color: #e2e2e2; margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a { display: block; text-decoration: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a img, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a img { float: left; width: 45px; height: 45px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 { font-size: 13px; font-weight: normal; color: #232323; line-height: 16px; padding-left: 60px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2 span, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 span { margin-top: 15px; display: block; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2 { color: #A1B84E; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents.active, .site-container section .sidebar .widget.widget_popullar .content .tab-contents.active { display: block; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li, .site-container section .sidebar .widget.recent-tweets .twitie ul li { position: relative; font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; padding-left: 30px; margin-bottom: 20px; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li a, .site-container section .sidebar .widget.recent-tweets .twitie ul li a { font-size: 13px; font-weight: normal; color: #969696; text-decoration: none; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li .date, .site-container section .sidebar .widget.recent-tweets .twitie ul li .date { display: block; color: #969696; margin: 10px 0 0; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:before, .site-container section .sidebar .widget.recent-tweets .twitie ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/twitte-icon.png) no-repeat center center; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:not(:last-child), .site-container section .sidebar .widget.recent-tweets .twitie ul li:not(:last-child) { padding-bottom: 20px; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection .heading-style, .site-container section .heading-style { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #232323; margin: 30px 0; }
.site-container .oldsection .description-style, .site-container section .description-style { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px; }
.site-container .oldsection .members, .site-container section .members { width: 100%; margin: 40px 0; }
.site-container .oldsection .members .member, .site-container section .members .member { width: 100%; }
.site-container .oldsection .members .member .profile > a, .site-container section .members .member .profile > a { float: left; display: inline-block; width: 117px; height: 117px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection .members .member .profile > a img, .site-container section .members .member .profile > a img { width: 100%; }
.site-container .oldsection .members .member .profile .content, .site-container section .members .member .profile .content { margin-left: 150px; }
.site-container .oldsection .members .member .profile .content h1, .site-container section .members .member .profile .content h1 { font-family: "Roboto Condensed", sans-serif; font-size: 35px; font-weight: 300; color: #232323; margin-bottom: 35px; }
.site-container .oldsection .members .member .profile .content h1 span, .site-container section .members .member .profile .content h1 span { display: block; font-size: 18px; font-weight: 300; color: #232323; margin-top: 5px; }
.site-container .oldsection .members .member .profile .content p, .site-container section .members .member .profile .content p { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px; }
.site-container .oldsection .members .member .social, .site-container section .members .member .social { width: 100%; margin-top: 40px; background-color: #f5f5f5; }
.site-container .oldsection .members .member .social ul, .site-container section .members .member .social ul { text-align: center; }
.site-container .oldsection .members .member .social ul li, .site-container section .members .member .social ul li { display: inline-block; }
.site-container .oldsection .members .member .social ul li a, .site-container section .members .member .social ul li a { display: block; width: 50px; height: 50px; color: #c8c8c8; font-size: 23px; padding: 15px 0 0; }
.site-container .oldsection .members .member .social ul li a:hover, .site-container section .members .member .social ul li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .members .owl-controls .owl-pagination, .site-container section .members .owl-controls .owl-pagination { display: table; margin: 20px auto; }
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page, .site-container section .members .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; margin-left: 10px; }
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page.active, .site-container section .members .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .progress, .site-container section .progress { position: relative; overflow: inherit !important; margin: 50px 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #f5f5f5; }
.site-container .oldsection .progress span, .site-container section .progress span { position: absolute; font-family: 'Glegoo', serif !important; font-size: 13px !important; font-weight: normal !important; color: #232323 !important; }
.site-container .oldsection .progress .p-label, .site-container section .progress .p-label { left: 0; top: -20px; }
.site-container .oldsection .progress .p-count, .site-container section .progress .p-count { right: 0; top: -20px; }
.site-container .oldsection .progress .progress-bar, .site-container section .progress .progress-bar { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #A1B84E; }
.site-container .oldsection .testimonials, .site-container section .testimonials { position: relative; background: #FFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.site-container .oldsection .testimonials.gray, .site-container section .testimonials.gray { background-color: #f5f5f5 !important; }
.site-container .oldsection .testimonials .client, .site-container section .testimonials .client { padding: 110px; }
.site-container .oldsection .testimonials .client > a, .site-container section .testimonials .client > a { float: left; display: block; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection .testimonials .client > a img, .site-container section .testimonials .client > a img { width: 100%; }
.site-container .oldsection .testimonials .client .content, .site-container section .testimonials .client .content { margin-left: 250px; }
.site-container .oldsection .testimonials .client .content p, .site-container section .testimonials .client .content p { font-family: "Glegoo", sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; color: #646464; margin-bottom: 30px; position: relative; }
.site-container .oldsection .testimonials .client .content p:before, .site-container section .testimonials .client .content p:before { display: block; position: absolute; left: -60px; top: -30px; font-family: "Roboto Condensed", sans-serif; font-size: 100px; content: '"'; color: #A1B84E; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.site-container .oldsection .testimonials .client .content p:after, .site-container section .testimonials .client .content p:after { position: absolute; right: -20px; bottom: -40px; font-family: "Roboto Condensed", sans-serif; font-size: 100px; content: '"'; color: #A1B84E; }
.site-container .oldsection .testimonials .client .content h2, .site-container section .testimonials .client .content h2 { font-size: 25px; font-weight: normal; color: #232323; }
.site-container .oldsection .testimonials .client .content h2 span, .site-container section .testimonials .client .content h2 span { margin-top: 5px; font-size: 13px; display: block; }
.site-container .oldsection .testimonials .owl-controls, .site-container section .testimonials .owl-controls { position: absolute; bottom: -60px; left: 50%; z-index: 2; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination, .site-container section .testimonials .owl-controls .owl-pagination { display: table; margin: 20px auto; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page, .site-container section .testimonials .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; margin-left: 10px; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page.active, .site-container section .testimonials .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .spritelogo, .site-container section .spritelogo { display: table; width: 100%; height: 146px; margin-top: 60px; margin-bottom: 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .spritelogo:hover img, .site-container section .spritelogo:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
.site-container .oldsection .spritelogo img, .site-container section .spritelogo img { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); width: 100%; }
.site-container .oldsection.contactmap .maps, .site-container section.contactmap .maps { position: relative; height: 387px; }
.site-container .oldsection.contactmap .maps .overlay, .site-container section.contactmap .maps .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.68); z-index: 2; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text, .site-container section.contactmap .maps .overlay .overlay-text { max-width: 300px; margin: 13% auto 0; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text h3, .site-container section.contactmap .maps .overlay .overlay-text h3 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #FFF; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text a, .site-container section.contactmap .maps .overlay .overlay-text a { display: table; margin: 30px 0; padding: 15px 35px; color: #FFF; text-decoration: none; -webkit-box-shadow: inset 0px 0px 0px 1px #197d96; -moz-box-shadow: inset 0px 0px 0px 1px #197d96; box-shadow: inset 0px 0px 0px 1px #197d96; background: #A1B84E; /* Old browsers */ background: -moz-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #A1B84E), color-stop(90%, #83983D)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #A1B84E 10%, #83983D 90%); /* IE10+ */ background: linear-gradient(to bottom, #A1B84E 10%, #83983D 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1B84E', endColorstr='#83983D',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.contactmap .maps .overlay .overlay-text a:hover, .site-container section.contactmap .maps .overlay .overlay-text a:hover { background: #83983D; /* Old browsers */ background: -moz-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #83983D), color-stop(90%, #A1B84E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* IE10+ */ background: linear-gradient(to bottom, #83983D 10%, #A1B84E 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83983D', endColorstr='#A1B84E',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.contactmap .maps .google-maps, .site-container section.contactmap .maps .google-maps { position: absolute; width: 100%; height: 100%; }
.site-container .oldsection.contactmap .maps .google-maps.one-page, .site-container section.contactmap .maps .google-maps.one-page { height: 100% !important; min-height: 100% !important; }
.site-container .oldsection.contactmap .maps .google-maps img, .site-container section.contactmap .maps .google-maps img { max-width: none; }
.site-container .oldsection .blockstyle, .site-container section .blockstyle { background: #A1B84E url("../img/pattern-04.png") left top; background-size: cover; text-align: center; padding: 50px 0; }
.site-container .oldsection .blockstyle h2, .site-container section .blockstyle h2 { font-family: "Roboto Condensed", sans-serif; font-size: 30px; font-weight: 300; color: #FFF; text-transform: uppercase; margin: 10px 0 15px 0; }
.site-container .oldsection .blockstyle p, .site-container section .blockstyle p { font-size: 13px; font-weight: normal; color: #000; text-align: center; }
.site-container .oldsection .blockstyle input, .site-container section .blockstyle input { font-size: 13px; font-weight: normal; color: #FFF; margin: 30px 0; }
.site-container .oldsection .blockstyle input[type="text"], .site-container section .blockstyle input[type="text"] { float: right; border: #FFF 1px solid; background: #6ed2fa; color: #FFF; padding: 5px 20px; }
.site-container .oldsection .blockstyle input[type="text"]::-webkit-input-placeholder, .site-container section .blockstyle input[type="text"]::-webkit-input-placeholder { padding: 5px 0 0; color: #FFF; }
.site-container .oldsection .blockstyle input[type="text"]:-moz-placeholder, .site-container section .blockstyle input[type="text"]:-moz-placeholder { padding: 5px 0 0; color: #FFF; }
.site-container .oldsection .blockstyle input[type="text"]::-moz-placeholder, .site-container section .blockstyle input[type="text"]::-moz-placeholder { padding: 5px 0 0; color: #FFF; }
.site-container .oldsection .blockstyle input[type="text"]:-ms-input-placeholder, .site-container section .blockstyle input[type="text"]:-ms-input-placeholder { padding: 5px 0 0; color: #FFF; }
.site-container .oldsection .blockstyle input[type="submit"], .site-container section .blockstyle input[type="submit"] { float: left; border: #FFF 1px solid; color: #FFF; padding: 10px 45px; background: transparent; }
.site-container .oldsection.slider-block, .site-container section.slider-block { background-color: #323232; padding: 3.125em 0; }
.site-container .oldsection.slider-block.white, .site-container section.slider-block.white { background-color: #f5f5f5 !important; }
.site-container .oldsection.slider-block.white h2, .site-container section.slider-block.white h2 { color: #000 !important; }
.site-container .oldsection.slider-block.white p, .site-container section.slider-block.white p { color: #646464 !important; }
.site-container .oldsection.slider-block h2, .site-container section.slider-block h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #FFF; margin-bottom: 10px; }
.site-container .oldsection.slider-block p, .site-container section.slider-block p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; }
.site-container .oldsection.slider-block a.read-more, .site-container section.slider-block a.read-more { margin: 15px auto; }
.site-container .oldsection.fashion-intro, .site-container section.fashion-intro { padding: 3% 0; }
.site-container .oldsection.fashion-intro .splash-anime, .site-container section.fashion-intro .splash-anime { position: relative; padding: 40% 0 0; overflow: hidden; }
.site-container .oldsection.fashion-intro .splash-anime .background-splash, .site-container section.fashion-intro .splash-anime .background-splash { width: 77%; position: absolute; bottom: 0; left: 12%; z-index: 1; }
.site-container .oldsection.fashion-intro .splash-anime .background-splash img, .site-container section.fashion-intro .splash-anime .background-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-anime .image-splash, .site-container section.fashion-intro .splash-anime .image-splash { position: absolute; width: 50%; bottom: -2px; left: 25%; z-index: 2; }
.site-container .oldsection.fashion-intro .splash-anime .image-splash img, .site-container section.fashion-intro .splash-anime .image-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-anime .split-splash, .site-container section.fashion-intro .splash-anime .split-splash { position: absolute; width: 65%; bottom: -5%; left: 14%; z-index: 4; }
.site-container .oldsection.fashion-intro .splash-anime .split-splash img, .site-container section.fashion-intro .splash-anime .split-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-heading, .site-container section.fashion-intro .splash-heading { position: relative; z-index: 15; padding-left: 15%; }
.site-container .oldsection.fashion-intro .splash-heading:before, .site-container section.fashion-intro .splash-heading:before { position: absolute; content: ""; top: 0; right: 0; width: 4.2em; height: 4.2em; background: #A1B84E; }
.site-container .oldsection.fashion-intro .splash-heading:after, .site-container section.fashion-intro .splash-heading:after { position: absolute; content: ""; bottom: 5%; left: 7%; width: 4.2em; height: 4.2em; background: #c8c8c8; }
.site-container .oldsection.fashion-intro .splash-heading h1, .site-container section.fashion-intro .splash-heading h1 { font-family: "Roboto Condensed", sans-serif; font-size: 3em; font-weight: 300; color: #323232; padding: 0; line-height: 0; overflow: hidden; }
.site-container .oldsection.fashion-intro .splash-heading h1 span, .site-container section.fashion-intro .splash-heading h1 span { position: relative; display: inline-block; padding-bottom: 0.5%; font-size: 1.875em; line-height: 0.7em; color: #FFF; background-color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h1 span:after, .site-container section.fashion-intro .splash-heading h1 span:after { display: inline-block; content: ""; position: absolute; width: 100%; height: 0.76em; background-color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h2, .site-container section.fashion-intro .splash-heading h2 { font-family: "Roboto Condensed", sans-serif; font-size: 5.625em; font-weight: 300; color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h2 span, .site-container section.fashion-intro .splash-heading h2 span { font-size: 0.66667em; }
.site-container .oldsection .line-bottom, .site-container section .line-bottom { position: relative; }
.site-container .oldsection .line-bottom:after, .site-container section .line-bottom:after { content: ""; display: block; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background-color: #c8c8c8; }
.site-container .oldsection .iconv-box, .site-container section .iconv-box { padding: 30px 0 80px; }
.site-container .oldsection .iconv-box .icon, .site-container section .iconv-box .icon { text-decoration: none; color: #fff; background-color: #A1B84E; /* teal */ height: 120px; width: 120px; font-size: 70px; line-height: 140px; text-align: center; display: block; overflow: hidden; margin: 0 auto 0.625em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-shadow: #46b9f0 1px 1px, #46b9f0 2px 2px, #46b9f0 3px 3px, #46b9f0 4px 4px, #46b9f0 5px 5px, #46b9f0 6px 6px, #46b9f0 7px 7px, #46b9f0 8px 8px, #46b9f0 9px 9px, #46b9f0 10px 10px, #46b9f0 11px 11px, #46b9f0 12px 12px, #46b9f0 13px 13px, #46b9f0 14px 14px, #46b9f0 15px 15px, #46b9f0 16px 16px, #46b9f0 17px 17px, #46b9f0 18px 18px, #46b9f0 19px 19px, #46b9f0 20px 20px, #46b9f0 21px 21px, #46b9f0 22px 22px, #46b9f0 23px 23px, #46b9f0 24px 24px, #46b9f0 25px 25px, #46b9f0 26px 26px, #46b9f0 27px 27px, #46b9f0 28px 28px, #46b9f0 29px 29px, #46b9f0 30px 30px, #46b9f0 31px 31px, #46b9f0 32px 32px, #46b9f0 33px 33px, #46b9f0 34px 34px, #46b9f0 35px 35px, #46b9f0 36px 36px, #46b9f0 37px 37px, #46b9f0 38px 38px, #46b9f0 39px 39px, #46b9f0 40px 40px, #46b9f0 41px 41px, #46b9f0 42px 42px, #46b9f0 43px 43px, #46b9f0 44px 44px, #46b9f0 45px 45px, #46b9f0 46px 46px, #46b9f0 47px 47px, #46b9f0 48px 48px, #46b9f0 49px 49px, #46b9f0 50px 50px, #46b9f0 51px 51px, #46b9f0 52px 52px, #46b9f0 53px 53px, #46b9f0 54px 54px, #46b9f0 55px 55px, #46b9f0 56px 56px, #46b9f0 57px 57px, #46b9f0 58px 58px, #46b9f0 59px 59px, #46b9f0 60px 60px, #46b9f0 61px 61px, #46b9f0 62px 62px, #46b9f0 63px 63px, #46b9f0 64px 64px, #46b9f0 65px 65px, #46b9f0 66px 66px, #46b9f0 67px 67px, #46b9f0 68px 68px, #46b9f0 69px 69px, #46b9f0 70px 70px, #46b9f0 71px 71px, #46b9f0 72px 72px, #46b9f0 73px 73px, #46b9f0 74px 74px, #46b9f0 75px 75px, #46b9f0 76px 76px, #46b9f0 77px 77px, #46b9f0 78px 78px, #46b9f0 79px 79px, #46b9f0 80px 80px, #46b9f0 81px 81px, #46b9f0 82px 82px, #46b9f0 83px 83px, #46b9f0 84px 84px, #46b9f0 85px 85px, #46b9f0 86px 86px, #46b9f0 87px 87px, #46b9f0 88px 88px, #46b9f0 89px 89px, #46b9f0 90px 90px, #46b9f0 91px 91px, #46b9f0 92px 92px, #46b9f0 93px 93px, #46b9f0 94px 94px, #46b9f0 95px 95px, #46b9f0 96px 96px, #46b9f0 97px 97px, #46b9f0 98px 98px, #46b9f0 99px 99px, #46b9f0 100px 100px; }
.site-container .oldsection .iconv-box .icon:hover, .site-container section .iconv-box .icon:hover { -webkit-animation: tada 1s infinite linear; animation: tada 1s infinite linear; }
.site-container .oldsection .iconv-box h2, .site-container section .iconv-box h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #000; text-align: center; margin-bottom: 1.5625em; }
.site-container .oldsection .iconv-box p, .site-container section .iconv-box p { font-size: 13px; line-height: 18px; color: #646464; text-align: center; }
.site-container .oldsection .shopping-item, .site-container section .shopping-item { margin-bottom: 20px; }
.site-container .oldsection .shopping-item .featured-image, .site-container section .shopping-item .featured-image { width: 100%; }
.site-container .oldsection .shopping-item .featured-image img, .site-container section .shopping-item .featured-image img { width: 100%; }
.site-container .oldsection .shopping-item .content, .site-container section .shopping-item .content { width: 100%; }
.site-container .oldsection .shopping-item .content h2, .site-container section .shopping-item .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #000; margin: 65px 0 40px; }
.site-container .oldsection .shopping-item .content p, .site-container section .shopping-item .content p { font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; margin-bottom: 40px; }
.site-container .oldsection .shopping-item .content .read-item, .site-container section .shopping-item .content .read-item { display: inline-block; text-decoration: none; font-size: 16px; font-weight: normal; color: #A1B84E; padding: 10px 15px; border: #A1B84E 1px solid; margin-bottom: 40px; }
.site-container .oldsection .shopping-item .content .read-item:hover, .site-container section .shopping-item .content .read-item:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .shopping-item .metabox, .site-container section .shopping-item .metabox { border: #f8f8f8 1px solid; padding: 20px; }
.site-container .oldsection .shopping-item .metabox .avg, .site-container section .shopping-item .metabox .avg { /* change these if you want */ }
.site-container .oldsection .shopping-item .metabox .avg span, .site-container section .shopping-item .metabox .avg span { display: block; font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 15px; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-bg-layer, .site-container section .shopping-item .metabox .avg .raterater-bg-layer { color: rgba(240, 240, 240, 0.25); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer, .site-container section .shopping-item .metabox .avg .raterater-hover-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer.rated, .site-container section .shopping-item .metabox .avg .raterater-hover-layer.rated { /* after the user selects a rating */ color: yellow; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer, .site-container section .shopping-item .metabox .avg .raterater-rating-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-outline-layer, .site-container section .shopping-item .metabox .avg .raterater-outline-layer { color: rgba(0, 0, 0, 0.25); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-wrapper, .site-container section .shopping-item .metabox .avg .raterater-wrapper { overflow: visible; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-layer, .site-container .oldsection .shopping-item .metabox .avg .raterater-layer i, .site-container section .shopping-item .metabox .avg .raterater-layer, .site-container section .shopping-item .metabox .avg .raterater-layer i { display: block; position: absolute; overflow: visible; top: 0px; left: 0px; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer, .site-container section .shopping-item .metabox .avg .raterater-hover-layer { display: none; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer i, .site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer i, .site-container section .shopping-item .metabox .avg .raterater-hover-layer i, .site-container section .shopping-item .metabox .avg .raterater-rating-layer i { width: 0px; overflow: hidden; }
.site-container .oldsection .shopping-item .metabox ul, .site-container section .shopping-item .metabox ul { display: table; float: right; }
.site-container .oldsection .shopping-item .metabox ul li, .site-container section .shopping-item .metabox ul li { display: inline-block; }
.site-container .oldsection .shopping-item .metabox ul li a, .site-container section .shopping-item .metabox ul li a { display: block; text-decoration: none; width: 35px; height: 35px; margin-right: 10px; background-color: #f5f5f5; color: #afafaf; text-align: center; font-size: 16px; padding-top: 10px; }
.site-container .oldsection .shopping-item .metabox ul li a:hover, .site-container section .shopping-item .metabox ul li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .vbox-blog, .site-container section .vbox-blog { width: 100%; background-color: #FFF; margin-bottom: 20px; }
.site-container .oldsection .vbox-blog .image, .site-container section .vbox-blog .image { float: left; display: block; width: 220px; height: 220px; }
.site-container .oldsection .vbox-blog .image img, .site-container section .vbox-blog .image img { width: 100%; }
.site-container .oldsection .vbox-blog .content, .site-container section .vbox-blog .content { padding: 25px 25px 25px 250px; }
.site-container .oldsection .vbox-blog .content h1, .site-container section .vbox-blog .content h1 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #000; text-align: right; margin-bottom: 25px; }
.site-container .oldsection .vbox-blog .content h1 span, .site-container section .vbox-blog .content h1 span { display: block; text-transform: uppercase; }
.site-container .oldsection .vbox-blog .content p, .site-container section .vbox-blog .content p { font-family: "Glegoo", sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; text-align: right; color: #7d7d7d; margin-bottom: 20px; }
.site-container .oldsection .vbox-blog .content a, .site-container section .vbox-blog .content a { float: right; display: inline-block; font-size: 16px; font-weight: normal; text-decoration: none; padding: 10px 15px; color: #A1B84E; border: #A1B84E 1px solid; }
.site-container .oldsection .vbox-blog .content a:hover, .site-container section .vbox-blog .content a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection .bottom-border:after, .site-container section .bottom-border:after { display: block; content: ""; width: 100px; height: 5px; background-color: #FFF; margin: 30px auto 0; }
.site-container .oldsection .gray-container, .site-container section .gray-container { background-color: #f5f5f5; }
.site-container .oldsection.page-wrapper .center-title, .site-container section.page-wrapper .center-title { font-family: "Roboto Condensed", sans-serif; font-size: 40px; font-weight: 300; color: #232323; text-align: center; }
.site-container .oldsection.page-wrapper .center-title span, .site-container section.page-wrapper .center-title span { color: #A1B84E; }
.site-container .oldsection.page-wrapper .center-title:after, .site-container section.page-wrapper .center-title:after { content: ""; display: block; width: 10%; height: 4px; background-color: #A1B84E; margin: 30px auto 70px; }
.site-container .oldsection.page-wrapper .small-title, .site-container section.page-wrapper .small-title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #232323; line-height: 30px; text-align: left; margin: 0 0 30px 0; }
.site-container .oldsection.page-wrapper p, .site-container section.page-wrapper p { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px; margin-bottom: 30px; }
.site-container .oldsection.page-wrapper .team-profile, .site-container section.page-wrapper .team-profile { margin-bottom: 30px; }
.site-container .oldsection.page-wrapper .team-profile > a, .site-container section.page-wrapper .team-profile > a { display: block; width: 100%; }
.site-container .oldsection.page-wrapper .team-profile > a img, .site-container section.page-wrapper .team-profile > a img { width: 100%; }
.site-container .oldsection.page-wrapper .team-profile h2, .site-container section.page-wrapper .team-profile h2 { font-family: "Roboto Condensed", sans-serif; font-size: 35px; font-weight: 300; line-height: 30px; color: #232323; margin: 40px 0 30px; text-transform: uppercase; }
.site-container .oldsection.page-wrapper .team-profile h2 span, .site-container section.page-wrapper .team-profile h2 span { display: block; font-size: 18px; text-transform: none; }
.site-container .oldsection.page-wrapper .team-profile p, .site-container section.page-wrapper .team-profile p { color: #7d7d7d; }
.site-container .oldsection.page-wrapper .team-profile .social-profile, .site-container section.page-wrapper .team-profile .social-profile { display: table; border: #d7d7d7 1px solid; margin-top: 30px; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li, .site-container section.page-wrapper .team-profile .social-profile li { display: inline-block; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li a, .site-container section.page-wrapper .team-profile .social-profile li a { display: block; width: 40px; height: 35px; text-align: center; padding-top: 8px; font-size: 18px; color: #d7d7d7; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li a:hover, .site-container section.page-wrapper .team-profile .social-profile li a:hover { background-color: #A1B84E; color: #FFF; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li:not(:last-child) a, .site-container section.page-wrapper .team-profile .social-profile li:not(:last-child) a { border-right: #d7d7d7 1px solid; }
.site-container .oldsection.page-wrapper .icon-left, .site-container section.page-wrapper .icon-left { float: left; margin: 20px 0 0; width: 100%; }
.site-container .oldsection.page-wrapper .icon-left a, .site-container section.page-wrapper .icon-left a { float: left; display: block; width: 50px; height: 50px; border: #afafaf 1px solid; color: #afafaf; text-align: center; text-decoration: none; font-size: 25px; padding-top: 11px; padding-left: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection.page-wrapper .icon-left a:hover, .site-container section.page-wrapper .icon-left a:hover { border-color: #A1B84E; color: #A1B84E; }
.site-container .oldsection.page-wrapper .icon-left .content, .site-container section.page-wrapper .icon-left .content { padding-left: 75px; }
.site-container .oldsection.page-wrapper .icon-left .content h2, .site-container section.page-wrapper .icon-left .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; color: #7d7d7d; margin: 0 0 20px 0; }
.site-container .oldsection.page-wrapper .icon-left .content p, .site-container section.page-wrapper .icon-left .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.page-wrapper .style-gray, .site-container section.page-wrapper .style-gray { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; text-align: center; max-width: 80%; margin: 0 auto; }
.site-container .oldsection.page-wrapper .style-gray.no-border:after, .site-container section.page-wrapper .style-gray.no-border:after { display: none; }
.site-container .oldsection.page-wrapper .style-gray:after, .site-container section.page-wrapper .style-gray:after { content: ""; display: block; width: 10%; height: 4px; background-color: #A1B84E; margin: 30px auto 50px; }
.site-container .oldsection.page-wrapper .box-radius, .site-container section.page-wrapper .box-radius { width: 100%; padding: 60px 20px; background-color: #fafafa; margin: 20px 0; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.site-container .oldsection.page-wrapper .box-radius:after, .site-container section.page-wrapper .box-radius:after { content: ""; display: block; width: 30%; height: 3px; background-color: #e1e1e1; position: absolute; bottom: 0; left: 35%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius:hover, .site-container section.page-wrapper .box-radius:hover { background-color: #FFF; }
.site-container .oldsection.page-wrapper .box-radius:hover .box-icon, .site-container section.page-wrapper .box-radius:hover .box-icon { color: #A1B84E; border-color: #A1B84E; }
.site-container .oldsection.page-wrapper .box-radius:hover h2, .site-container section.page-wrapper .box-radius:hover h2 { color: #A1B84E; }
.site-container .oldsection.page-wrapper .box-radius:hover p, .site-container section.page-wrapper .box-radius:hover p { color: #232323; }
.site-container .oldsection.page-wrapper .box-radius:hover .linked, .site-container section.page-wrapper .box-radius:hover .linked { color: #A1B84E; }
.site-container .oldsection.page-wrapper .box-radius:hover:after, .site-container section.page-wrapper .box-radius:hover:after { background-color: #A1B84E; }
.site-container .oldsection.page-wrapper .box-radius .box-icon, .site-container section.page-wrapper .box-radius .box-icon { display: block; width: 80px; height: 80px; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #9a9a9a 1px solid; text-align: center; text-decoration: none; font-size: 50px; color: #9a9a9a; padding-top: 15px; margin-bottom: 40px; }
.site-container .oldsection.page-wrapper .box-radius h2, .site-container section.page-wrapper .box-radius h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #969696; text-align: center; margin: 0 0 40px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius p, .site-container section.page-wrapper .box-radius p { text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius .linked, .site-container section.page-wrapper .box-radius .linked { display: table; font-size: 13px; font-weight: normal; text-decoration: none; color: #c8c8c8; margin: 30px auto 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius .linked:after, .site-container section.page-wrapper .box-radius .linked:after { content: " > "; }
.site-container .oldsection.page-wrapper .vartical-tab .nav-tabs li a, .site-container section.page-wrapper .vartical-tab .nav-tabs li a { font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-weight: 300; color: #969696; padding: 10px 70px 10px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: #d8d8d8 1px solid; border-bottom: none; margin: 0; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content, .site-container section.page-wrapper .vartical-tab .tab-content { background-color: #FFF; padding: 50px; border: 1px solid #ddd; border-top: none; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left { display: block; width: 100%; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img { width: 100%; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #646464; margin-bottom: 40px; padding-left: 30px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list { padding-left: 30px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li { padding-left: 30px; position: relative; margin-bottom: 20px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p { margin: 0; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before { position: absolute; top: 7px; left: 0; display: block; content: ""; background-color: #A1B84E; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 7px; height: 7px; }
.site-container .oldsection .table-style-one, .site-container section .table-style-one { display: block; max-width: 100%; border-collapse: collapse; margin: 40px 0 20px; }
.site-container .oldsection .table-style-one th, .site-container .oldsection .table-style-one td, .site-container section .table-style-one th, .site-container section .table-style-one td { border: 1px solid #969696; background-color: #FFF; padding: 40px 25px; text-align: center; font-family: "Glegoo", sans-serif; font-size: 16px; font-weight: normal; color: #232323; }
.site-container .oldsection .table-style-one th .ticky, .site-container .oldsection .table-style-one td .ticky, .site-container section .table-style-one th .ticky, .site-container section .table-style-one td .ticky { font-size: 25px; color: #A1B84E; }
.site-container .oldsection .table-style-one th .ticky.disabled, .site-container .oldsection .table-style-one td .ticky.disabled, .site-container section .table-style-one th .ticky.disabled, .site-container section .table-style-one td .ticky.disabled { color: #c8c8c8; }
.site-container .oldsection .table-style-one th.remove, .site-container .oldsection .table-style-one td.remove, .site-container section .table-style-one th.remove, .site-container section .table-style-one td.remove { border: none !important; background: transparent !important; }
.site-container .oldsection .table-style-one th.no-background, .site-container .oldsection .table-style-one td.no-background, .site-container section .table-style-one th.no-background, .site-container section .table-style-one td.no-background { background: transparent !important; border: none !important; }
.site-container .oldsection .table-style-one th .read-more, .site-container .oldsection .table-style-one td .read-more, .site-container section .table-style-one th .read-more, .site-container section .table-style-one td .read-more { display: block; }
.site-container .oldsection .table-style-one th.hover, .site-container .oldsection .table-style-one td.hover, .site-container section .table-style-one th.hover, .site-container section .table-style-one td.hover { background-color: #f5ffff; }
.site-container .oldsection .table-style-one th.title, .site-container .oldsection .table-style-one td.title, .site-container section .table-style-one th.title, .site-container section .table-style-one td.title { background-color: #ebebeb !important; font-size: 13px; font-weight: normal; text-align: left; }
.site-container .oldsection .table-style-one th.title a, .site-container .oldsection .table-style-one td.title a, .site-container section .table-style-one th.title a, .site-container section .table-style-one td.title a { color: #232323; }
.site-container .oldsection .table-style-one th.title a i, .site-container .oldsection .table-style-one td.title a i, .site-container section .table-style-one th.title a i, .site-container section .table-style-one td.title a i { font-size: 20px; color: #969696; margin-right: 10px; }
.site-container .oldsection .table-style-one td, .site-container section .table-style-one td { padding: 20px 25px; }
.site-container .oldsection .table-style-one td a, .site-container section .table-style-one td a { text-decoration: none; }
.site-container .oldsection .table-style-one .table-heading tr th h2:after, .site-container section .table-style-one .table-heading tr th h2:after { display: block; content: ""; width: 50px; height: 3px; background-color: #A1B84E; margin: 20px auto 40px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 span, .site-container section .table-style-one .table-heading tr th h2 span { display: block; font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; margin-bottom: 10px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 span sup, .site-container section .table-style-one .table-heading tr th h2 span sup { font-size: 40px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 .package-name, .site-container section .table-style-one .table-heading tr th h2 .package-name { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #A1B84E; text-transform: uppercase; margin-bottom: 30px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 .pagkage-time, .site-container section .table-style-one .table-heading tr th h2 .pagkage-time { font-family: "Glegoo", sans-serif; font-size: 13px; font-weight: normal; color: #232323; }
.site-container .oldsection .table-style-one .table-heading tr th p, .site-container section .table-style-one .table-heading tr th p { font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; margin-bottom: 10px; }
.site-container .oldsection .table-style-one .table-heading tr th.remove, .site-container section .table-style-one .table-heading tr th.remove { background: transparent; }
.site-container .oldsection .restable, .site-container section .restable { display: none; }
.site-container .oldsection .table-style-two, .site-container section .table-style-two { width: 100%; border-collapse: collapse; margin: 40px 0; border: 1px solid #969696; }
.site-container .oldsection .table-style-two th, .site-container section .table-style-two th { width: 100%; text-align: center; }
.site-container .oldsection .table-style-two th span.packaget-name, .site-container section .table-style-two th span.packaget-name { display: block; padding: 40px 0; font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #A1B84E; text-transform: uppercase; background-color: #fafafa; }
.site-container .oldsection .table-style-two th span.packaget-value, .site-container section .table-style-two th span.packaget-value { position: relative; display: block; font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; padding: 40px 0; background-color: #f5f5f5; }
.site-container .oldsection .table-style-two th span.packaget-value sup, .site-container section .table-style-two th span.packaget-value sup { font-size: 32px; }
.site-container .oldsection .table-style-two th span.packaget-value sup.ptime, .site-container section .table-style-two th span.packaget-value sup.ptime { position: absolute; top: 34px; padding: 0 10px; font-size: 18px; color: #969696; }
.site-container .oldsection .table-style-two tbody tr td, .site-container section .table-style-two tbody tr td { width: 100%; text-align: center; padding: 15px 0; font-size: 16px; font-weight: normal; color: #232323; }
.site-container .oldsection .table-style-two tbody tr td .read-more, .site-container section .table-style-two tbody tr td .read-more { display: inline-block; }
.site-container .oldsection .table-style-two tbody tr:nth-child(odd), .site-container section .table-style-two tbody tr:nth-child(odd) { background-color: #FFF; }
.site-container .oldsection .table-style-two tbody tr:nth-child(even), .site-container section .table-style-two tbody tr:nth-child(even) { background-color: #fafafa; }
.site-container .oldsection .faq-title, .site-container section .faq-title { text-align: center; }
.site-container .oldsection .faq-title h1, .site-container section .faq-title h1 { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 45px; }
.site-container .oldsection .faq-title h1:after, .site-container section .faq-title h1:after { content: ""; display: block; width: 100px; height: 3px; background-color: #A1B84E; margin: 30px auto 0; }
.site-container .oldsection .faq-title P, .site-container section .faq-title P { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; }
.site-container .oldsection .faqt, .site-container section .faqt { font-family: "Roboto Condensed", sans-serif; font-size: 40px; font-weight: 300; color: #232323; margin: 45px 0; }
.site-container .oldsection .faq-list li, .site-container section .faq-list li { padding-bottom: 20px; margin-bottom: 15px; border-bottom: #e3e3e3 1px solid; }
.site-container .oldsection .faq-list li.active a, .site-container section .faq-list li.active a { color: #A1B84E; }
.site-container .oldsection .faq-list li.active a:before, .site-container section .faq-list li.active a:before { content: "\f107"; background-color: #A1B84E; }
.site-container .oldsection .faq-list li.active .content, .site-container section .faq-list li.active .content { display: block; }
.site-container .oldsection .faq-list li a, .site-container section .faq-list li a { position: relative; display: block; font-size: 16px; font-weight: normal; color: #646464; text-decoration: none; padding-left: 40px; padding-top: 7px; }
.site-container .oldsection .faq-list li a:before, .site-container section .faq-list li a:before { position: absolute; top: 0; left: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; text-align: center; content: "\f105"; display: block; width: 30px; height: 30px; color: #FFF; background-color: #e3e3e3; padding-top: 5px; }
.site-container .oldsection .faq-list li .content, .site-container section .faq-list li .content { display: none; font-size: 13px; font-weight: normal; color: #232323; line-height: 18px; padding: 25px 40px 20px 40px; }
.site-container .oldsection .portolio-filters, .site-container section .portolio-filters { text-align: center; }
.site-container .oldsection .portolio-filters li, .site-container section .portolio-filters li { display: inline-block; margin-right: 10px; margin-bottom: 5px; }
.site-container .oldsection .portolio-filters li a, .site-container section .portolio-filters li a { display: block; font-size: 15px; font-weight: normal; color: #7d7d7d; padding: 10px 15px; background-color: #fafafa; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection .portolio-filters li a:hover, .site-container section .portolio-filters li a:hover { background-color: #FFF; }
.site-container .oldsection .portolio-filters li.active a, .site-container section .portolio-filters li.active a { background-color: #50bdf1; color: #FFF; }
.site-container .oldsection .portfolio-one, .site-container section .portfolio-one { position: relative; }
.site-container .oldsection .portfolio-one ul .item, .site-container section .portfolio-one ul .item { float: left; width: 20%; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-one ul .item img, .site-container section .portfolio-one ul .item img { width: 100%; }
.site-container .oldsection .portfolio-one ul .item:hover .hover, .site-container section .portfolio-one ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item:hover .hover ul, .site-container section .portfolio-one ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item:hover .hover span, .site-container section .portfolio-one ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item .hover, .site-container section .portfolio-one ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-one ul .item .hover ul, .site-container section .portfolio-one ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-one ul .item .hover ul li, .site-container section .portfolio-one ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-one ul .item .hover ul li a, .site-container section .portfolio-one ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-one ul .item .hover ul li a:hover, .site-container section .portfolio-one ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-one ul .item .hover span, .site-container section .portfolio-one ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-two, .site-container section .portfolio-two { position: relative; }
.site-container .oldsection .portfolio-two ul .item, .site-container section .portfolio-two ul .item { float: left; width: 100%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-two ul .item img, .site-container section .portfolio-two ul .item img { width: 100%; }
.site-container .oldsection .portfolio-two ul .item:hover .hover, .site-container section .portfolio-two ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item:hover .hover ul, .site-container section .portfolio-two ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item:hover .hover span, .site-container section .portfolio-two ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item .hover, .site-container section .portfolio-two ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-two ul .item .hover ul, .site-container section .portfolio-two ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-two ul .item .hover ul li, .site-container section .portfolio-two ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-two ul .item .hover ul li a, .site-container section .portfolio-two ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-two ul .item .hover ul li a:hover, .site-container section .portfolio-two ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-two ul .item .hover span, .site-container section .portfolio-two ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-three, .site-container section .portfolio-three { width: 100%; }
.site-container .oldsection .portfolio-three ul .item, .site-container section .portfolio-three ul .item { float: left; width: 33.3333333333%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-three ul .item img, .site-container section .portfolio-three ul .item img { width: 100%; }
.site-container .oldsection .portfolio-three ul .item:hover .hover, .site-container section .portfolio-three ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item:hover .hover ul, .site-container section .portfolio-three ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item:hover .hover span, .site-container section .portfolio-three ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item .hover, .site-container section .portfolio-three ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-three ul .item .hover ul, .site-container section .portfolio-three ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-three ul .item .hover ul li, .site-container section .portfolio-three ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-three ul .item .hover ul li a, .site-container section .portfolio-three ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-three ul .item .hover ul li a:hover, .site-container section .portfolio-three ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-three ul .item .hover span, .site-container section .portfolio-three ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-four, .site-container section .portfolio-four { width: 100%; }
.site-container .oldsection .portfolio-four ul .item, .site-container section .portfolio-four ul .item { float: left; width: 20%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-four ul .item img, .site-container section .portfolio-four ul .item img { width: 100%; }
.site-container .oldsection .portfolio-four ul .item:hover .hover, .site-container section .portfolio-four ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item:hover .hover ul, .site-container section .portfolio-four ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item:hover .hover span, .site-container section .portfolio-four ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item .hover, .site-container section .portfolio-four ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #A1B84E; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-four ul .item .hover ul, .site-container section .portfolio-four ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-four ul .item .hover ul li, .site-container section .portfolio-four ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-four ul .item .hover ul li a, .site-container section .portfolio-four ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-four ul .item .hover ul li a:hover, .site-container section .portfolio-four ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-four ul .item .hover span, .site-container section .portfolio-four ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .google-maps, .site-container section .google-maps { width: 100%; min-height: 474px; }
.site-container .oldsection .contact-details, .site-container section .contact-details { background-color: #f5f5f5; }
.site-container .oldsection .contact-details .contact-title, .site-container section .contact-details .contact-title { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #969696; text-transform: uppercase; margin-bottom: 40px; }
.site-container .oldsection .contact-details .contact-title:after, .site-container section .contact-details .contact-title:after { display: block; content: ""; width: 100px; height: 3px; background-color: #A1B84E; margin-top: 20px; }
.site-container .oldsection .contact-details p, .site-container section .contact-details p { font-size: 16px; font-weight: normal; color: #7d7d7d; line-height: 22px; margin-bottom: 10px; }
.site-container .oldsection .contact-details .shared-icon li, .site-container section .contact-details .shared-icon li { display: inline-block; margin-right: 15px; margin-bottom: 15px; width: 35px; height: 35px; }
.site-container .oldsection .contact-details .shared-icon li a, .site-container section .contact-details .shared-icon li a { display: block; padding: 10px 0px; font-size: 18px; text-align: center; color: #c8c8c8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #FFF; }
.site-container .oldsection .contact-details .shared-icon li a:hover, .site-container section .contact-details .shared-icon li a:hover { color: #FFF; background-color: #A1B84E; }
.site-container .oldsection .contact-forms h1, .site-container section .contact-forms h1 { font-family: "Roboto Condensed", sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 50px; }
.site-container .oldsection .contact-forms h1:after, .site-container section .contact-forms h1:after { display: block; content: ""; width: 100px; height: 3px; background-color: #A1B84E; margin-top: 20px; }
.site-container .oldsection .contact-forms h2, .site-container section .contact-forms h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; line-height: 30px; margin-bottom: 20px; }
.site-container .oldsection .contact-forms p, .site-container section .contact-forms p { font-size: 13px; font-weight: normal; color: #7d7d7d; margin-bottom: 10px; }
.site-container .oldsection .contact-forms .contact-form label, .site-container section .contact-forms .contact-form label { font-size: 16px; font-weight: normal; color: #7d7d7d; line-height: 22px; margin-bottom: 5px; }
.site-container .oldsection .contact-forms .contact-form input, .site-container .oldsection .contact-forms .contact-form textarea, .site-container section .contact-forms .contact-form input, .site-container section .contact-forms .contact-form textarea { background-color: #f5f5f5; }
.site-container .oldsection .contact-forms .contact-form .read-more, .site-container section .contact-forms .contact-form .read-more { border: none; display: inline-block; margin: 20px 0 0; }
.site-container .oldsection .whitebox, .site-container section .whitebox { display: table; margin: 60px 0; padding: 40px 80px; background: white url(../img/pattern-03.png); border: #f4f4f4 1px solid; }
.site-container .oldsection .whitebox p, .site-container section .whitebox p { font-family: "Roboto Condensed", sans-serif; text-align: left; font-size: 22px; line-height: 24px; font-weight: 300; color: #232323; margin-bottom: 0; }
.site-container .oldsection .whitebox a, .site-container section .whitebox a { float: right; margin: 0; display: table-cell; vertical-align: middle; font-size: 16px; font-weight: normal; color: #FFF; padding: 15px 45px; }
.site-container .oldsection .left-icon, .site-container section .left-icon { margin: 40px 0; }
.site-container .oldsection .left-icon > a, .site-container section .left-icon > a { float: left; width: 150px; height: 150px; }
.site-container .oldsection .left-icon > a.layout-one, .site-container section .left-icon > a.layout-one { background: url("../../demo/layouts/image-01.png") center center; background-size: contain; }
.site-container .oldsection .left-icon > a.layout-one:hover, .site-container section .left-icon > a.layout-one:hover { background-image: url("../../demo/layouts/image-01-hover.png"); }
.site-container .oldsection .left-icon > a.layout-two, .site-container section .left-icon > a.layout-two { background: url("../../demo/layouts/image-02.png") center center; background-size: contain; }
.site-container .oldsection .left-icon > a.layout-two:hover, .site-container section .left-icon > a.layout-two:hover { background-image: url("../../demo/layouts/image-02-hover.png"); }
.site-container .oldsection .left-icon .content, .site-container section .left-icon .content { padding-left: 170px; }
.site-container .oldsection .left-icon .content h2, .site-container section .left-icon .content h2 { font-family: "Roboto Condensed", sans-serif; font-size: 22px; font-weight: 300; color: #7d7d7d; margin-bottom: 25px; }
.site-container .oldsection .left-icon .content p, .site-container section .left-icon .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection .left-icon .content .read-more, .site-container section .left-icon .content .read-more { margin: 45px 0 0; }
.site-container .oldsection .fullwidth-layout, .site-container section .fullwidth-layout { display: block; width: 100%; margin-bottom: -2px; }
.site-container .oldsection .fullwidth-layout img, .site-container section .fullwidth-layout img { width: 100%; }
.site-container footer.single-page { background-color: #232323; padding-bottom: 40px !important; overflow: hidden; }
.site-container footer.single-page .copyrights { text-align: center; }
.site-container footer.single-page .copyrights p { font-size: 13px; text-align: center; color: #7d7d7d; margin-top: 5px; }
.site-container footer.single-page .copyrights p span { color: #A1B84E; }
.site-container footer.single-page .copyrights p:after { display: block; content: ""; width: 50px; height: 5px; background: #A1B84E; margin: 25px auto; }
.site-container footer.single-page .copyrights ul.footer-social li { display: inline-block; }
.site-container footer.single-page .copyrights ul.footer-social li a { display: block; font-size: 13px; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #646464; color: #232323; margin-left: 25px; padding-top: 6px; }
.site-container footer.single-page .copyrights ul.footer-social li a:hover { background: #FFF; }
.site-container footer.single-page .footer-navigation { background: #323232; margin: 60px 0 0px; }
.site-container footer.single-page .footer-navigation .container { position: relative; }
.site-container footer.single-page .footer-navigation .container:after { content: ""; position: absolute; background: #323232; top: 0; left: 100%; margin-left: -15px; bottom: 0; width: 9999px; padding: 25px 0; }
.site-container footer.single-page .footer-navigation .container .navigation { display: table; float: right; background: #323232; }
.site-container footer.single-page .footer-navigation .container .navigation li { display: inline-block; }
.site-container footer.single-page .footer-navigation .container .navigation li a { display: block; padding: 17px 30px; text-decoration: none; font-size: 16px; font-weight: normal; color: #7d7d7d; }
.site-container footer.single-page .footer-navigation .container .navigation li a:hover { background: #4b4b4b; color: #FFF; }
.site-container footer.single-page .footer-navigation .container .navigation li:not(:last-child) { border-right: #232323 1px solid; }
.site-container footer.default-footer { background-color: #232323; }
.site-container footer.default-footer .widget { margin-bottom: 20px; }
.site-container footer.default-footer .widget h2 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; color: #FFF; text-transform: uppercase; margin: 10px 0 30px; }
.site-container footer.default-footer .widget.text-widget > a { display: block; text-align: left; }
.site-container footer.default-footer .widget.text-widget > a:after { content: ""; display: block; margin: 20px 0 20px 20%; width: 50px; height: 3px; background-color: #A1B84E; }
.site-container footer.default-footer .widget.text-widget > p { font-size: 13px; line-height: 18px; color: #969696; margin-bottom: 10px; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li { position: relative; font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; padding-left: 30px; margin-bottom: 20px; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li a { font-size: 13px; font-weight: normal; color: #FFF; text-decoration: none; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li .date { display: block; color: #FFF; margin: 10px 0 0; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/twitte-icon.png) no-repeat center center; }
.site-container footer.default-footer .widget.tags-cloud ul li { display: inline-block; }
.site-container footer.default-footer .widget.tags-cloud ul li a { display: block; padding: 5px 7px; margin: 3px; background-color: #323232; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; color: #969696; font-size: 13px; font-weight: normal; text-decoration: none; }
.site-container footer.default-footer .widget.tags-cloud ul li a:hover { color: #000; background-color: #FFF; }
.site-container footer.default-footer .widget.widget-newsletter .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #969696; margin-bottom: 20px; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"] { width: 95%; font-size: 13px; font-weight: normal; line-height: 18px; padding: 15px 25px; background-color: #000; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #FFF; margin-bottom: 10px; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-webkit-input-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-moz-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-moz-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-ms-input-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="submit"] { font-size: 16px; font-weight: normal; width: 95%; padding: 15px 0; color: #FFF; border: #2187a4 1px solid; text-align: center; background: #83983D; /* Old browsers */ background: -moz-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #83983D), color-stop(90%, #A1B84E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* IE10+ */ background: linear-gradient(to bottom, #83983D 10%, #A1B84E 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83983D', endColorstr='#A1B84E',GradientType=0 ); /* IE6-9 */ }
.site-container footer.default-footer .bottom { background-color: #000; padding: 35px 0 30px; border-top: #575757 1px solid; }
.site-container footer.default-footer .bottom .copyrights { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; text-align: left; vertical-align: middle; }
.site-container footer.default-footer .bottom .copyrights span { color: #A1B84E; }
.site-container footer.default-footer .bottom .social { display: table; float: right; }
.site-container footer.default-footer .bottom .social li { display: inline-block; margin-right: 15px; }
.site-container footer.default-footer .bottom .social li a { display: block; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000; background-color: #646464; text-align: center; padding: 5px 0 0; font-size: 13px; }
.site-container footer.default-footer .bottom .social li a:hover { background-color: #FFF; }
.site-container footer.default-footer .bottom .social li .tooltip.top .tooltip-arrow { border-top-color: #4b4b4b; }
.site-container footer.default-footer .bottom .social li .tooltip .tooltip-inner { background-color: #4b4b4b; }
.site-container .border-line { border-top: #e1e1e1 1px solid !important; border-bottom: #e1e1e1 1px solid !important; }
.site-container .border-line-bottom { border-bottom: #e1e1e1 1px solid !important; }
.site-container .read-more { position: relative; display: table; margin: 30px auto; padding: 15px 35px; color: #c8c8c8; text-decoration: none; -webkit-background-clip: text; -webkit-backface-visibility: hidden; z-index: 1; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; -webkit-box-shadow: inset 0px 0px 0px 1px #444444; -moz-box-shadow: inset 0px 0px 0px 1px #444444; box-shadow: inset 0px 0px 0px 1px #444444; background: #646464; /* Old browsers */ background: -moz-linear-gradient(top, #646464 10%, #505050 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #646464), color-stop(90%, #505050)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #646464 10%, #505050 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #646464 10%, #505050 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #646464 10%, #505050 90%); /* IE10+ */ background: linear-gradient(to bottom, #646464 10%, #505050 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#505050',GradientType=0 ); /* IE6-9 */ }
.site-container .read-more:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; -webkit-background-clip: text; -webkit-box-shadow: inset 0px 0px 0px 1px #444444; -moz-box-shadow: inset 0px 0px 0px 1px #444444; box-shadow: inset 0px 0px 0px 1px #444444; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; background: #83983D; /* Old browsers */ background: -moz-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #83983D), color-stop(90%, #A1B84E)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #83983D 10%, #A1B84E 90%); /* IE10+ */ background: linear-gradient(to bottom, #83983D 10%, #A1B84E 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83983D', endColorstr='#A1B84E',GradientType=0 ); /* IE6-9 */ -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; z-index: 2; opacity: 0; }
.site-container .read-more:hover:after { opacity: 1; }
.site-container .read-more span { color: #FFF; position: relative; z-index: 3; }
.site-container .metainfo { border-top: #e5e5e5 1px solid; padding: 35px 0; }
.site-container .metainfo h1 { font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: 300; text-align: left; text-transform: uppercase; color: #969696; }
.site-container .metainfo .breadcrumb { margin: 0; text-align: right; background-color: transparent; }
.site-container .metainfo .breadcrumb > li { font-size: 13px; font-weight: normal; color: #969696; }
.site-container .metainfo .breadcrumb > li + li:before { content: '\003E'; }
.site-container .metainfo .breadcrumb > li a { font-size: 13px; font-weight: normal; color: #969696; text-decoration: none; }
.site-container .metainfo .breadcrumb > li a:hover { color: #A1B84E; }

.scrollToTop{
width:100px; 
	height:50px;
	padding:10px; 
	text-align:center; 
	background: #A1B84E;
	color: #fff;
	font-weight: bold;
	font-size: 34px;
	text-decoration: none;
	position:fixed;
	bottom: 5px;
	right:5px;
	display:none;
	width:50px;
	z-index: 100;
	-webkit-transition:background-color 0.25s ease,opacity 0.25s ease,bottom 0.25s ease;
	transition:background-color 0.25s ease,opacity 0.25s ease,bottom 0.25s ease;
	opacity: 0.6;
}
.scrollToTop:hover{
	opacity: 1;
	color:#fff;
}
.section-title2
{
	width: 100%; text-align:center; line-height:60px; margin-top:-40px; color:#A1B84E; font-size: 40px; margin-bottom: 20px;
	text-transform: uppercase;
}
.section-title2-empty
{
	width: 100%; text-align:center; line-height:60px; margin-top:0px; color:#A1B84E; font-size: 40px;
	text-transform: uppercase;
}

/* ========================================================================== Component Loader
============================================================================= */
.pageload-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; z-index: 999999; overflow: hidden; }

.pageload-overlay.show { visibility: visible; opacity: 1; }

.pageload-overlay svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }

.pageload-overlay svg path { fill: #A1B84E; }

.pageload-overlay::after, .pageload-overlay::before { content: ''; position: fixed; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border-radius: 50%; visibility: hidden; opacity: 0; z-index: 1000; -webkit-transition: opacity 0.15s, visibility 0s 0.15s; -moz-transition: opacity 0.15s, visibility 0s 0.15s; -o-transition: opacity 0.15s, visibility 0s 0.15s; transition: opacity 0.15s, visibility 0s 0.15s; }

.pageload-overlay::after { background: #fff; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: moveRight 0.6s linear infinite alternate; -moz-animation: moveRight 0.6s linear infinite alternate; -o-animation: moveRight 0.6s linear infinite alternate; animation: moveRight 0.6s linear infinite alternate; }

.pageload-overlay::before { background: #fff; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); -webkit-animation: moveLeft 0.6s linear infinite alternate; -moz-animation: moveLeft 0.6s linear infinite alternate; -o-animation: moveLeft 0.6s linear infinite alternate; animation: moveLeft 0.6s linear infinite alternate; }

@-webkit-keyframes moveRight { to { -webkit-transform: translateX(20px); } }

@-moz-keyframes moveRight { to { -moz-transform: translateX(20px); } }

@-o-keyframes moveRight { to { -o-transform: translateX(20px); } }

@keyframes moveRight { to { transform: translateX(20px); } }

@-webkit-keyframes moveLeft { to { -webkit-transform: translateX(-20px); } }

@-moz-keyframes moveLeft { to { -moz-transform: translateX(-20px); } }

@-o-keyframes moveLeft { to { -o-transform: translateX(-20px); } }

@keyframes moveLeft { to { transform: translateX(-20px); } }

.pageload-loading.pageload-overlay::after, .pageload-loading.pageload-overlay::before { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

/* ========================================================================== Animation ALL
============================================================================= */
@-webkit-keyframes burst { 0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; } }

@keyframes burst { 0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); } }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); } }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); } }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }

@-webkit-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); }
  20% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  50% { -webkit-transform: translateY(0); }
  60% { -webkit-transform: translateY(-15px); }
  80% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(0); } }

@-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); }
  10% { -webkit-transform: translateX(-10px); }
  20% { -webkit-transform: translateX(10px); }
  30% { -webkit-transform: translateX(-10px); }
  40% { -webkit-transform: translateX(10px); }
  50% { -webkit-transform: translateX(-10px); }
  60% { -webkit-transform: translateX(10px); }
  70% { -webkit-transform: translateX(-10px); }
  80% { -webkit-transform: translateX(10px); }
  90% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(0.9) rotate(-3deg); }
  20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30% { -webkit-transform: scale(1.1) rotate(3deg); }
  40% { -webkit-transform: scale(1.1) rotate(-3deg); }
  50% { -webkit-transform: scale(1.1) rotate(3deg); }
  60% { -webkit-transform: scale(1.1) rotate(-3deg); }
  70% { -webkit-transform: scale(1.1) rotate(3deg); }
  80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  90% { -webkit-transform: scale(1.1) rotate(3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-20px); } }

@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(20px); } }

@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-20px); } }

@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(20px); } }

@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }

@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }

@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }

@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }

@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }

@-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); }
  100% { -moz-transform: translateY(0); } }

@-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  60% { opacity: 1; -moz-transform: translateY(-30px); }
  80% { -moz-transform: translateY(10px); }
  100% { -moz-transform: translateY(0); } }

@-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); }
  100% { -moz-transform: translateX(0); } }

@-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }

@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(0.95); }
  50% { opacity: 1; -moz-transform: scale(1.1); }
  100% { opacity: 0; -moz-transform: scale(0.3); } }

@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(20px); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }

@-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(-20px); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }

@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(20px); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }

@-moz-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes bounce { 0% { -moz-transform: translateY(0); }
  20% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  50% { -moz-transform: translateY(0); }
  60% { -moz-transform: translateY(-15px); }
  80% { -moz-transform: translateY(0); }
  100% { -moz-transform: translateY(0); } }

@-moz-keyframes shake { 0% { -moz-transform: translateX(0); }
  10% { -moz-transform: translateX(-10px); }
  20% { -moz-transform: translateX(10px); }
  30% { -moz-transform: translateX(-10px); }
  40% { -moz-transform: translateX(10px); }
  50% { -moz-transform: translateX(-10px); }
  60% { -moz-transform: translateX(10px); }
  70% { -moz-transform: translateX(-10px); }
  80% { -moz-transform: translateX(10px); }
  90% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }

@-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }

@-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }

@-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }

@-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }

@-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } }

@-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } }

@-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } }

@-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } }

@-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } }

@-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } }

@-moz-keyframes tada { 0% { -moz-transform: scale(1); }
  10% { -moz-transform: scale(0.9) rotate(-3deg); }
  20% { -moz-transform: scale(0.9) rotate(-3deg); }
  30% { -moz-transform: scale(1.1) rotate(3deg); }
  40% { -moz-transform: scale(1.1) rotate(-3deg); }
  50% { -moz-transform: scale(1.1) rotate(3deg); }
  60% { -moz-transform: scale(1.1) rotate(-3deg); }
  70% { -moz-transform: scale(1.1) rotate(3deg); }
  80% { -moz-transform: scale(1.1) rotate(-3deg); }
  90% { -moz-transform: scale(1.1) rotate(3deg); }
  100% { -moz-transform: scale(1) rotate(0); } }

@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-20px); } }

@-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(20px); } }

@-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-20px); } }

@-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(20px); } }

@-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }

@-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }

@-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }

@-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }

@-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(0.3); }
  50% { opacity: 1; -ms-transform: scale(1.05); }
  70% { -ms-transform: scale(0.9); }
  100% { -ms-transform: scale(1); } }

@-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  60% { opacity: 1; -ms-transform: translateY(30px); }
  80% { -ms-transform: translateY(-10px); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  60% { opacity: 1; -ms-transform: translateY(-30px); }
  80% { -ms-transform: translateY(10px); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  60% { opacity: 1; -ms-transform: translateX(-30px); }
  80% { -ms-transform: translateX(10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  60% { opacity: 1; -ms-transform: translateX(30px); }
  80% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); }
  25% { -ms-transform: scale(0.95); }
  50% { opacity: 1; -ms-transform: scale(1.1); }
  100% { opacity: 0; -ms-transform: scale(0.3); } }

@-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(20px); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }

@-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(-20px); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }

@-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(20px); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }

@-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(-20px); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }

@-ms-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes bounce { 0% { -ms-transform: translateY(0); }
  20% { -ms-transform: translateY(0); }
  40% { -ms-transform: translateY(-30px); }
  50% { -ms-transform: translateY(0); }
  60% { -ms-transform: translateY(-15px); }
  80% { -ms-transform: translateY(0); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes shake { 0% { -ms-transform: translateX(0); }
  10% { -ms-transform: translateX(-10px); }
  20% { -ms-transform: translateX(10px); }
  30% { -ms-transform: translateX(-10px); }
  40% { -ms-transform: translateX(10px); }
  50% { -ms-transform: translateX(-10px); }
  60% { -ms-transform: translateX(10px); }
  70% { -ms-transform: translateX(-10px); }
  80% { -ms-transform: translateX(10px); }
  90% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } }

@-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } }

@-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } }

@-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } }

@-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } }

@-ms-keyframes tada { 0% { -ms-transform: scale(1); }
  10% { -ms-transform: scale(0.9) rotate(-3deg); }
  20% { -ms-transform: scale(0.9) rotate(-3deg); }
  30% { -ms-transform: scale(1.1) rotate(3deg); }
  40% { -ms-transform: scale(1.1) rotate(-3deg); }
  50% { -ms-transform: scale(1.1) rotate(3deg); }
  60% { -ms-transform: scale(1.1) rotate(-3deg); }
  70% { -ms-transform: scale(1.1) rotate(3deg); }
  80% { -ms-transform: scale(1.1) rotate(-3deg); }
  90% { -ms-transform: scale(1.1) rotate(3deg); }
  100% { -ms-transform: scale(1) rotate(0); } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-20px); } }

@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(20px); } }

@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-20px); } }

@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(20px); } }

@keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-2000px); } }

@keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(2000px); } }

@keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-2000px); } }

@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(2000px); } }

@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); } }

@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); }
  60% { opacity: 1; transform: translateY(30px); }
  80% { transform: translateY(-10px); }
  100% { transform: translateY(0); } }

@keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); }
  60% { opacity: 1; transform: translateY(-30px); }
  80% { transform: translateY(10px); }
  100% { transform: translateY(0); } }

@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); }
  60% { opacity: 1; transform: translateX(-30px); }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); } }

@keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); }
  60% { opacity: 1; transform: translateX(30px); }
  80% { transform: translateX(-10px); }
  100% { transform: translateX(0); } }

@keyframes bounceOut { 0% { transform: scale(1); }
  25% { transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(0.3); } }

@keyframes bounceOutUp { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(20px); }
  100% { opacity: 0; transform: translateY(-2000px); } }

@keyframes bounceOutDown { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(-20px); }
  100% { opacity: 0; transform: translateY(2000px); } }

@keyframes bounceOutLeft { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(20px); }
  100% { opacity: 0; transform: translateX(-2000px); } }

@keyframes bounceOutRight { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(-20px); }
  100% { opacity: 0; transform: translateX(2000px); } }

@keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes bounce { 0% { transform: translateY(0); }
  20% { transform: translateY(0); }
  40% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  60% { transform: translateY(-15px); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); } }

@keyframes shake { 0% { transform: translateX(0); }
  10% { transform: translateX(-10px); }
  20% { transform: translateX(10px); }
  30% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  50% { transform: translateX(-10px); }
  60% { transform: translateX(10px); }
  70% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  90% { transform: translateX(-10px); }
  100% { transform: translateX(0); } }

@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }

@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }

@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }

@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }

@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } }

@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } }

@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } }

@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  100% { transform-origin: center center; transform: rotate(0); opacity: 1; } }

@keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }

@keyframes tada { 0% { transform: scale(1); }
  10% { transform: scale(0.9) rotate(-3deg); }
  20% { transform: scale(0.9) rotate(-3deg); }
  30% { transform: scale(1.1) rotate(3deg); }
  40% { transform: scale(1.1) rotate(-3deg); }
  50% { transform: scale(1.1) rotate(3deg); }
  60% { transform: scale(1.1) rotate(-3deg); }
  70% { transform: scale(1.1) rotate(3deg); }
  80% { transform: scale(1.1) rotate(-3deg); }
  90% { transform: scale(1.1) rotate(3deg); }
  100% { transform: scale(1) rotate(0); } }