/*=============================================================
   Table of Content
 ==============================================================
  #Reset
    
  #Domument
    $Body
    $Typography
    $Clear
    $Image
    $Lists
    $Buttons
    $Icons
    $Tabs
    $Table
    $Forms
    $Grid
    $Other
 ============================================================== 

 >>>>>>>>>>>>>>>>>>>>>>>>>> #Reset <<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/*------------ $CSS Reset [html5boilerplate v4.0] --------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::-webkit-selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }

a:hover, a:active { outline: 0; }

h1 { font-size: 2em; margin: .67em 0; }

h2 { font-size: 1.5em; margin: .83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: .83em; margin: 1.67em 0; }

h6 { font-size: .75em; margin: 2.33em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*>>>>>>>>>>>>>>>>>>> #Dodument [averta] <<<<<<<<<<<<<<<<<<<<<< */
/* $Body ==============================
======================================= */
html { overflow-y: scroll; min-height: 100%; font-size: 100.01%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: normal 81.25%/1.5 arial, helvetica, sans-serif; min-height: 100%; background: #eee; }

body, select, input, textarea { color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ text-rendering: optimizelegibility; }

/* $Typography ========================
======================================= */
/* links ------------- */
a { text-decoration: none; -webkit-transition: background-color 150ms linear, color 150ms linear; -moz-transition: background-color 150ms linear, color 150ms linear; -o-transition: background-color 150ms linear, color 150ms linear; transition: background-color 150ms linear, color 150ms linear; border: none; padding: 0; margin: 0; }
a:hover { color: #FFD62C; }
a img { display: block; border: none; padding: 0; margin: 0; }
a:focus, a:active { outline: none; }
::-webkit-selection, ::-moz-selection { background: #ffb7b7; }

.chromeframe { margin: 0.2em 0; background: #FFFF00; color: black; text-align: center; }
.chromeframe a { color: #007fff; }

a:focus { outline: none; }

/* paragraph ---------- */
p { margin: 0 0 1em 0; }
p.red::-webkit-selection { background: #ffb7b7; }
p.red::-moz-selection { background: #ffb7b7; }
p.blue::-webkit-selection { background: #a8d1ff; }
p.blue::-moz-selection { background: #a8d1ff; }
p.yellow::-webkit-selection { background: #fff2a8; }
p.yellow::-moz-selection { background: #fff2a8; }

hr, .divider { display: block; clear: both; height: 0; line-height: 0; border-color: #404040; border-bottom-width: 1px; border-top-width: 0; border-bottom-style: solid; }

.divider { position: relative; }
.divider > * { display: inline-block; position: absolute; right: 0; line-height: 100%; cursor: pointer; }

hr.dotted, .divider.dotted { border-bottom-style: dotted; }

hr.dashed, .divider.dashed { border-bottom-style: dashed; }

hr.both { margin-bottom: 1.5em; margin-top: 1.5em; }

hr.both2 { margin-bottom: 2em; margin-top: 2em; }

hr.top, article.top { margin-top: 1em; }

hr.top2 { margin-top: 2em; }

hr.bottom { margin-bottom: 1em; }

hr.bottom2 { margin-bottom: 2em; }

aside hr { margin-top: 1em; margin-bottom: 1em; }

pre { clear: both; line-height: 1.5em; padding: 0px .5em; }

pre, code, kbd, samp { font-family: monospace,Monaco, Courier New, serif; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

small { font-size: small; }

big { font-size: larger; }

.alert { color: #CA0000 !important; }

/* in this method performance is dramatically improved because a 9999px box is not drawn */
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* headings ----------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Georgia",Helvetica, sans-serif; letter-spacing: 0; margin-top: .2em; text-rendering: optimizeSpeed; }

h1 { font-size: 2.76923em; line-height: 2; margin-bottom: .7em; letter-spacing: 0.1em; }

h2 { font-size: 2.15385em; line-height: 1.6; margin-bottom: .6em; letter-spacing: 0.01em; }

h3 { font-size: 1.69231em; line-height: 1.4; margin-bottom: .4em; letter-spacing: 0.015em; }

h4 { font-size: 1.38462em; line-height: 1.3; margin-bottom: .3em; letter-spacing: 0.025em; }

h5 { font-size: 1.23077em; line-height: 1.2; margin-bottom: .2em; letter-spacing: 0.04em; }

h6 { font-size: 1em; line-height: 1; margin-bottom: .2em; letter-spacing: 0.14em; }

h1 .small, h2 .small, h3 .small, h4 .small { font-weight: normal; }

h1 .small { font-size: 1.84615em; }

h2 .small { font-size: 1.38462em; }

h3 .small { font-size: 1.07692em; }

h4 .small { font-size: 1.07692em; }

/* blockquote ---------- */
blockquote { margin: 0 0 1em; padding: 1em 1em 1em 2em; border-left: 1px solid #ddd; *zoom: 1; position: relative; font-size: 120%; line-height: 1.6; color: #777; font-style: italic; }
blockquote:before, blockquote:after { content: ""; display: table; }
blockquote:after { clear: both; }
blockquote > i { color: #555; font-size: 450%; line-height: 1em; position: absolute; top: 0.1em; left: 0.15em; color: #B9B9B9; *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#8220;'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 3; }
blockquote > i:before { content: '\201C'; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
blockquote > i + p { padding-left: 1.5em; }
blockquote p { margin: 0; }
blockquote cite { font-style: normal; font-size: 13px; }
blockquote blockquote { font-size: 100%; }

/* Clear =============================
====================================== */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix, .container, figure { *zoom: 1; }
.clearfix:before, .container:before, figure:before, .clearfix:after, .container:after, figure:after { content: ""; display: table; }
.clearfix:after, .container:after, figure:after { clear: both; }

.container { max-width: 960px; width: 100%; margin: 0 auto; }

/* $Image ==========================
==================================== */
img { image-rendering: -webkit-optimizeSpeed; max-width: 100%; height: auto; }
.ie7 img { -ms-interpolation-mode: bicubic; }
img.aligncenter { display: block; margin: 10px auto; }
img.alignleft { margin: 0.4em 1.2em 1em 0; float: left; }
img.alignright { margin: 0.4em 0 1em 1.2em; float: right; }

.frame { padding: .5em; border: 1px solid #c5c5c5; background-color: #FFFFFF; }

.imgHolder { display: block; position: relative; overflow: hidden; max-width: 100%; text-align: center; }
.imgHolder img, .imgHolder span, .imgHolder li, .imgHolder li a { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.imgHolder > a { background: none; cursor: pointer; }
.imgHolder img { width: 100%; height: auto; display: block; }
.imgHolder span { display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.imgHolder ul { margin: 0; display: inline-block; position: absolute; width: auto; height: 52px; text-align: center; z-index: 99; top: 50%; margin-top: -26px; }
.imgHolder ul.ico_2 { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder ul.lightbox { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder ul li { opacity: 0; display: inline-block; width: 52px; text-align: center; margin: 0 auto; height: 100%; overflow: hidden; *display: inline; zoom: 1; position: relative; }
.imgHolder ul li a { display: block; height: 100%; position: relative; }
.imgHolder.lightbox ul { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder.ico_2 ul { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder:hover span, .imgHolder a:hover span { visibility: visible; opacity: 1; }
.imgHolder:hover ul, .imgHolder a:hover ul { visibility: visible; }
.imgHolder:hover ul li, .imgHolder a:hover ul li { opacity: 1; }
.imgHolder.fade a:hover img { opacity: 0.5; }

.oldie .imgHolder ul { visibility: hidden; }
.oldie .imgHolder:hover ul { visibility: visible; }

/* $Lists ===========================
===================================== */
ul, ol { margin-bottom: 1em; margin-left: 0; padding: 0; border: none; }

ol { list-style: decimal; list-style-position: inside; }

ul ul, ul ol, ol ol, ol ul { margin: 0.3em 0 0.3em 2.7em; font-size: 97%; }

ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: .8em; }

li { margin-bottom: 1em; line-height: 1.5; border-color: #ccc; border-width: 1px; }

ul.large li { line-height: 100%; }

/* decorations */
ul.nostyle, ol.nostyle { margin-left: 0; list-style: none; }

ul.bordered li, ol.bordered li { margin-bottom: 0.4em; padding-bottom: 0.4em; border-bottom-style: solid; }
ul.bordered ul, ol.bordered ul { margin-bottom: 0; margin-top: 0.6em; }
ul.bordered ul li:last-child, ol.bordered ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
ul.dotted, ol.dotted { border-style: none; }
ul.dotted li, ol.dotted li { border-bottom-style: dotted; }
ul.dashed, ol.dashed { border-style: none; }
ul.dashed li, ol.dashed li { border-bottom-style: dashed; }

ul { list-style: none outside; }
ul.square li { list-style: square inside; }
ul.circle li { list-style: circle inside; }
ul.disc li { list-style: disc   inside; }

ol { counter-reset: item; }
ol.decimal { list-style: none inside; *list-style: decimal inside; }
ol.decimal li:before { content: counter(item); counter-increment: item; background-color: #b9b9b9; color: #fff; font-weight: 600; margin-right: 0.7em; padding: 0 0.5em; line-height: 1em; font-size: 0.85em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

/* $Buttons ===========================
======================================= */
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { -webkit-transition: all 200ms linear; -webkit-transition-delay: 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; border-width: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #606060; background-color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 100%; line-height: 100%; margin-bottom: 1em; padding: 0.75em 1.5em; border-color: #555 #444 #333; }
a.button.active, button.active, input[type="submit"].active, input[type="reset"].active, input[type="button"].active { color: #F5F5F5  !important; background-color: #606060 !important; }
a.button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large { padding: 1.1em 2.8em; font-size: 105%; text-transform: uppercase; }
a.button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small { padding: 0.6em 1.3em; font-size: 90%; }
a.button.tiny, button.tiny, input[type="submit"].tiny, input[type="reset"].tiny, input[type="button"].tiny { padding: 0.4em 1.2em; font-size: 80%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-image: none; border: none; font-weight: 600; }

/* $Colors ===========================
====================================== */
.blue, .red, .yellow, .green, .grey, .black, .night, .white { border-style: solid; }

/* ----------------- white ----------------------- */
.white, a.button.white, button.white, input[type="submit"].white, input[type="reset"].white, input[type="button"].white { background-color: #fcfcfc; }

a.button.white, button.white, input.white { color: #505050; }
a.button.white:hover, button.white:hover, input.white:hover { color: #3c3c3c; background-color: #efefef; }
a.button.white.flat, button.white.flat, input.white.flat { border: 1px solid #e8e8e8 !important; }
a.button.white.tiny, button.white.tiny, input.white.tiny { border: 1px solid #e8e8e8; }

.dark a.button.white, .dark a.button.white:hover, .dark button.white, .dark button.white:hover, .dark input.white { border-color: #555 #444 #333; }

/* ------------------- grey ------------------------------ */
.grey, a.button.grey, button.grey, input[type="submit"].grey, input[type="reset"].grey, input[type="button"].grey { background-color: silver; }

a.button.grey, button.grey, input.grey { color: white; }
a.button.grey:hover, button.grey:hover, input.grey:hover { color: white; background-color: #a7a7a7; }
a.button.grey.flat, button.grey.flat, input.grey.flat { border: 1px solid #a1a1a1 !important; }
a.button.grey.tiny, button.grey.tiny, input.grey.tiny { border: 1px solid #a1a1a1; }

.dark a.button.grey, .dark a.button.grey:hover, .dark button.grey, .dark button.grey:hover, .dark input.grey { border-color: #e1e1e1 #a5a5a5 #808080; }

/* ------------------ black ----------------------- */
.black, a.button.black, button.black, input[type="submit"].black, input[type="reset"].black, input[type="button"].black { background-color: #404245; }

a.button.black, button.black, input.black { color: whitesmoke; }
a.button.black:hover, button.black:hover, input.black:hover { color: white; background-color: #27292b; }
a.button.black.flat, button.black.flat, input.black.flat { border: 1px solid #232425 !important; }
a.button.black.tiny, button.black.tiny, input.black.tiny { border: 1px solid #232425; }

.dark a.button.black, .dark a.button.black:hover, .dark button.black, .dark button.black:hover, .dark input.black { border-color: #666 #252525 #101010; }

/* ----------------- night ------------------------- */
.night, a.button.night, button.night, input[type="submit"].night, input[type="reset"].night, input[type="button"].night { background-color: #111111; }

a.button.night, button.night, input.night { color: whitesmoke; }
a.button.night:hover, button.night:hover, input.night:hover { color: white; }
a.button.night.flat, button.night.flat, input.night.flat { border: 1px solid #1e1e1e !important; }
a.button.night.tiny, button.night.tiny, input.night.tiny { border: 1px solid #1e1e1e; }

.dark a.button.night, .dark a.button.night:hover, .dark button.night, .dark button.night:hover, .dark input.night { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.08) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.08) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.08) inset; border-color: #555 #202020 #191919; }

/* ------------------- red ------------------------------ */
.red, a.button.red, button.red, input[type="submit"].red, input[type="reset"].red, input[type="button"].red { background-color: #ed1c24; }

a.button.red, button.red, input.red { color: whitesmoke; }
a.button.red:hover, button.red:hover, input.red:hover { color: white; background-color: #de1219; }
a.button.red.flat, button.red.flat, input.red.flat { border: 1px solid #d01018 !important; }
a.button.red.tiny, button.red.tiny, input.red.tiny { border: 1px solid #d01018; }

.dark a.button.red, .dark a.button.red:hover, .dark button.red, .dark button.red:hover, .dark input.red { border-color: #e47b7b #e75a45 #A93125; }

/* ------------------- orange ------------------------------ */
.orange, a.button.orange, button.orange, input[type="submit"].orange, input[type="reset"].orange, input[type="button"].orange { background-color: #f48a01; }

a.button.orange, button.orange, input.orange { color: white; }
a.button.orange:hover, button.orange:hover, input.orange:hover { color: white; background-color: #db7c01; }
a.button.orange.flat, button.orange.flat, input.orange.flat { border: 1px solid #cb7301 !important; }
a.button.orange.tiny, button.orange.tiny, input.orange.tiny { border: 1px solid #cb7301; }

.dark a.button.orange, .dark a.button.orange:hover, .dark button.orange, .dark button.orange:hover, .dark input.orange { border-color: #FFBB00 #FFAA00 #BB7700; }

/* ------------------- yellow ------------------------------ */
.yellow, a.button.yellow, button.yellow, input[type="submit"].yellow, input[type="reset"].yellow, input[type="button"].yellow { background-color: #ffd62c; }

a.button.yellow, button.yellow, input.yellow { color: #774400; }
a.button.yellow:hover, button.yellow:hover, input.yellow:hover { color: #4e2d00; background-color: #f8c800; }
a.button.yellow.flat, button.yellow.flat, input.yellow.flat { border: 1px solid #eec000 !important; }
a.button.yellow.tiny, button.yellow.tiny, input.yellow.tiny { border: 1px solid #eec000; }

.dark a.button.yellow, .dark a.button.yellow:hover, .dark button.yellow, .dark button.yellow:hover, .dark input.yellow { border-color: #FFFF99 #FFD62C #FFBB00; }

/* ------------------- green ------------------------------ */
.green, a.button.green, button.green, input[type="submit"].green, input[type="reset"].green, input[type="button"].green { background-color: #a5d12f; }

a.button.green, button.green, input.green { color: white; }
a.button.green:hover, button.green:hover, input.green:hover { color: #ebebeb; background-color: #8bb027; }
a.button.green.flat, button.green.flat, input.green.flat { border: 1px solid #84a825 !important; }
a.button.green.tiny, button.green.tiny, input.green.tiny { border: 1px solid #84a825; }

.dark a.button.green, .dark a.button.green:hover, .dark button.green, .dark button.green:hover, .dark input.green { border-color: #bddd73 #85bd53 #5b8230; }

/* ------------------- blue ------------------------------ */
.blue, a.button.blue, button.blue, input[type="submit"].blue, input[type="reset"].blue, input[type="button"].blue { background-color: #4583b3; }

a.button.blue, button.blue, input.blue { color: #d8f1fe; }
a.button.blue:hover, button.blue:hover, input.blue:hover { color: white; background-color: #37688e; }
a.button.blue.flat, button.blue.flat, input.blue.flat { border: 1px solid #346387 !important; }
a.button.blue.tiny, button.blue.tiny, input.blue.tiny { border: 1px solid #346387; }

.dark a.button.blue, .dark a.button.blue:hover, .dark button.blue, .dark button.blue:hover, .dark input.blue { border-color: #399CD0 #1F78A7 #0A5278; }

/* $Icons ============================
====================================== */
.ico3 { width: 30px; height: 30px; display: block; overflow: hidden; }

/* $Tabs ============================
====================================== */
ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; border-bottom: solid 1px #ddd; }
ul.tabs li { display: block; width: auto; height: auto; padding: 0; float: left; margin-bottom: 0; }
ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 1px; margin: 0; margin-right: -1px; background: #f5f5f5; font-size: 80%; }
ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
ul.tabs li:first-child a.active { margin-left: 0; }
ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }

ul.tabs-content { margin: 0; display: block; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs { *zoom: 1; }
ul.tabs:before, ul.tabs:after { content: ""; display: table; }
ul.tabs:after { clear: both; }

/* $Table ============================
====================================== */
table { margin-bottom: 1.4em; width: 100%; max-width: 100%; }

th { font-weight: bold; }

thead th { background: #aaaaaa; }

th, td, caption { padding: 4px 10px 4px 5px; }

table.striped tr:nth-child(even) td, table tr.even td { background: #fcfcfc; }

/* $Forms ============================
====================================== */
form { margin-bottom: 1em; }

fieldset { margin-bottom: 1em; }
fieldset legend { padding-bottom: .7em; padding-top: 1em; font-size: 1.3em; font-weight: normal; }

label, legend { display: block; font-weight: bold; }
label span, legend span { font-weight: normal; color: #444; }

label, input, button, select, textarea { vertical-align: baseline; *vertical-align: middle; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, select { border: 1px solid #ccc; padding: .5em .7em; font-size: 90%; line-height: 1.3em; outline: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 1em; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"].fat, input[type="password"].fat, input[type="email"].fat, input[type="tel"].fat, input[type="url"].fat, textarea.fat, select.fat { padding: .7em; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="url"], .ie textarea, .ie select { padding: .8em; }

input[type="checkbox"] { display: inline; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { border-color: #aaa; color: #444; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

textarea { min-height: 60px; }

select { width: 220px; padding: 0; }

/* align =============================
====================================== */
.ie7 img { -ms-interpolation-mode: bicubic; }

.hidden { display: none; }

.left { float: left; }

.right { float: right; }

.center { margin-left: auto; margin-right: auto; display: block; clear: both; }

.tcenter { text-align: center; }

.alignright, .alignleft { margin-bottom: 1em; }

.alignright { float: right; margin-left: 1.5em; }

.alignleft { float: left; margin-right: 1.5em; }

/* divider ---------- */
.sep { display: block; clear: both; height: 0; line-height: 0; }
.sep.space { height: 45px; }

/* Grid 
-------------------- */
.one_one, .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .two_fourth, .three_fourth, .col { margin-left: 1%; margin-right: 1%; float: left; display: block; }
.rtl .one_one, .rtl .one_half, .rtl .one_third, .rtl .two_third, .rtl .one_fourth, .rtl .one_fifth, .rtl .two_fourth, .rtl .three_fourth, .rtl .col { float: right; }

.one-column .col { margin-left: 0; margin-right: 0; }

.grid_wrapper, .row { margin-left: -1%; margin-right: -1%; *zoom: 1; position: relative; }
.grid_wrapper:before, .grid_wrapper:after, .row:before, .row:after { content: ""; display: table; }
.grid_wrapper:after, .row:after { clear: both; }

.one_one { width: 98%; }
.one_one.no-gutter { width: 100%; }

.one_half { width: 47.98%; }
.ie7 .one_half { width: 47%; }

.one_third { width: 31.31%; }
.ie7 .one_third { width: 31%; }

.two_third { width: 64.64%; }
.ie7 .two_third { width: 64%; }

.one_fourth { width: 22.98%; }
.ie7 .one_fourth { width: 22%; }

.two_fourth { width: 47.98%; }
.ie7 .two_fourth { width: 47%; }

.three_fourth { width: 72.98%; }
.ie7 .three_fourth { width: 72%; }

.one_fifth { width: 17.98%; }
.ie7 .one_fifth { width: 17%; }

.one_sixth { width: 14.64%; }
.ie7 .one_sixth { width: 14%; }

.one-column .col, .col1 .col { width: 100%; margin-right: 0; }
.one-column .col.height1, .one-column .col.height2, .col1 .col.height1, .col1 .col.height2 { overflow: hidden; }

.two-column, .col2 { margin-left: -1%; margin-right: -1%; }
.ie7 .two-column .col, .two-column.isotope .col, .ie7 .col2 .col, .col2.isotope .col { width: 47.8%; }
.two-column .col, .col2 .col { width: 47.98%; }

.three-column, .col3 { margin-left: -1%; margin-right: -1%; }
.ie7 .three-column .col, .three-column.isotope .col, .ie7 .col3 .col, .col3.isotope .col { width: 31.2%; }
.three-column .col, .col3 .col { width: 31.31%; }

.four-column, .col4 { margin-left: -1%; margin-right: -1%; }
.ie7 .four-column .col, .four-column.isotope .col, .ie7 .col4 .col, .col4.isotope .col { width: 22.8%; }
.four-column .col, .col4 .col { width: 22.98%; }

.five-column, .col5 { margin-left: -1%; margin-right: -1%; }
.ie7 .five-column .col, .five-column.isotope .col, .ie7 .col5 .col, .col5.isotope .col { width: 17.8%; }
.five-column .col, .col5 .col { width: 17.98%; }

.six-column, .col6 { margin-left: -1%; margin-right: -1%; }
.ie7 .six-column .col, .six-column.isotope .col, .ie7 .col6 .col, .col6.isotope .col { width: 14.5%; }
.six-column .col, .col6 .col { width: 14.64%; }

.first { margin-left: 0 !important; }

.last { margin-right: 0 !important; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

/* easing ============================
====================================== */
.ease-out-quint { -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.ease-out-expo { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.ease-out-circ { -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.ease-out-quart { -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.ease-out-cubic { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.flexslider { position: relative; }
.flexslider li { margin-bottom: 0; }
.flexslider.flex-carousel .slides li img { opacity: 0.3; cursor: pointer; }
.flexslider.flex-carousel .slides .flex-active-slide img { opacity: 1; cursor: auto; }

/*
>>>>>>>>>>>>>>>>>>>>>>>>> #Document <<<<<<<<<<<<<<<<<<<<<<<<<<<<< 
*/
/* $Body & Global Configs
---------------------------------------------*/
body { font-family: 'Roboto',arial,sans-serif; font-weight: 300; background-color: #cfcfcf; color: #3d3d3d; }

#inner-body { background-color: white; }

::-moz-selection { color: #222222; background: #dddddd; }

::selection { color: #222222; background: #dddddd; }

.sans, h1, h2, h3, h4, h5, h6, header#siteheader #logo h2, header#siteheader #logo p, .widget-testimonial .testimonial-author em { font-family: 'Roboto',arial,sans-serif; font-weight: 400; }

a { color: #3b8686; }
a:hover { color: #2f6a6a; }

.pat5_1 { background: url(images/pattern/av_pat_5_1.png) left top repeat; }

hr, .divider { border-color: #e9e9e9; }

.divider span { top: -7px; padding-left: 10px; background: white; }

/* $Wrapper & Containers
---------------------------------------------*/
.wrapper { width: 100%; margin-left: auto; margin-right: auto; }

.container { max-width: 960px; margin: 0 auto; }

#primary { position: relative; }

.block { margin-top: 0px; margin-bottom: 2em; }

.row { padding: 2.5em 0; }

.inner { padding-right: 2.5em; padding-left: 2.5em; }

.seperator { border-bottom: .5em solid #B8B8B8; }

.thickhr { height: 2.5em; background-color: #dcdcdc; margin-bottom: 1em; }

.widget-container { padding-bottom: 1em; }
aside .widget-container { margin-bottom: 1em; }

figure, figcaption { position: relative; *zoom: 1; }
figure:before, figure:after, figcaption:before, figcaption:after { content: ""; display: table; }
figure:after, figcaption:after { clear: both; }

/* image holder ---- */
.imgHolder .overlay { background-color: #ffffff; }
.imgHolder span.text { color: #333333; background-color: #FFFF00; padding: 3px 7px; }

.wrapper { overflow: hidden; }

.block { padding: 90px 0; margin-bottom: 0; }

.mulicolumn { margin-right: -17px; }

.widget-container { padding-bottom: 0; }

figure figcaption h4 { margin-top: 30px; margin-bottom: 10px; }

.caption-over figcaption { position: absolute; top: 0; z-index: -1; }

.col .imgHolder { margin-bottom: 0; }

#inner-body { padding-top: 120px; }

#main { min-height: 260px; }

/*** TOGGLE SIDE STYLES ***/
.ts_mode { overflow: hidden; }
.ts_mode.ts_inactive #ts-page { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.ts_mode.ts_inactive #ts-topbar { display: none; }

#ts-wrapper { position: relative; overflow: hidden; }

#ts-page { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 8; position: relative; top: 0; left: 0; }

#ts-scroll-side { width: 250px; position: fixed; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; top: 0; left: 0; height: 100%; z-index: 7; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-color: #222222; }
#ts-scroll-side ul, #ts-scroll-side li { margin: 0; }
#ts-scroll-side li a { padding: 15px 35px; color: white; border-top: 1px solid #373737; border-bottom: 1px solid black; display: block; margin: 0; line-height: 13px; }
#ts-scroll-side li a:hover { background-color: #1a1a1a; }
#ts-scroll-side li.current a { background-color: #1a1a1a; border-color: transparent transparent #000; }
#ts-scroll-side li:last-child a { border-bottom: none; }

#ts-side-container { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 8; }
#ts-side-container > * { -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; font-smoothing: antialiased !important; }

#ts-topbar { width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 9; background: white; border-bottom: 2px solid #F2F2F2; border-bottom-color: rgba(50, 50, 50, 0.05); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
#ts-topbar .ts-btn { width: 35px; height: 35px; display: inline-block; position: absolute; top: 27px; left: 20px; cursor: pointer; }
#ts-topbar .ts-btn span { width: 30px; height: 5px; display: inline-block; border-top: 15px double #333; border-bottom: 5px solid #333; margin: 5px 0 0 3px; }
#ts-topbar .ts-logo { width: 120px; height: 30px; margin: 30px auto; background: url(images/sprite.png) no-repeat 0 -137px; }

@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 192dpi) { #ts-topbar .ts-logo { background-size: 125px 125px; background-position: 0 -87px; } }
strong, b, dl dt { font-weight: 500; }

h1, h2, h3, h4, h5, h6 { letter-spacing: -0.05em; }

.section-title { letter-spacing: 0; font-size: 3.3em; font-weight: 100; line-height: 100%; margin-top: 0; }

dl dt { position: relative; }
dl dd { margin-bottom: 1em; }

/* blockquote */
blockquote { border: none; }

/* $Forms ============================
====================================== */
input[type="submit"] { padding: 0.8em 2em; }

input[type="text"], input[type="email"], textarea { padding: 13px; }

/*----------------- $Header
-----------------*/
header#siteheader .container { min-height: 60px; position: relative; }

#logo { position: relative; }
#logo h1, #logo h3, #logo h4, #logo img { position: absolute; top: 0; left: 0; margin: 0; color: #333333; }
#logo a { background: none; }

/*----------------- $Menu
-----------------*/
header#siteheader .container { z-index: 2000; margin-bottom: 0; }
header#siteheader nav { position: absolute; bottom: 0; right: 0; }
header#siteheader .sf-menu { *zoom: 1; }
header#siteheader .sf-menu:before, header#siteheader .sf-menu:after { content: ""; display: table; }
header#siteheader .sf-menu:after { clear: both; }

.sf-menu li li { background: #C5C5C5; font-family: Arial, Helvetica, sans-serif; }

header#siteheader { -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; background-color: white; background-color: rgba(255, 255, 255, 0.95); position: fixed; top: 0; z-index: 12; padding: 15px 0; }
header#siteheader .container { color: #3d3d3d; }
header#siteheader #logo { padding: 0; position: relative; }
header#siteheader #logo a { color: #3d3d3d; }
header#siteheader #logo h2, header#siteheader #logo p { font-weight: 300; line-height: 80px; display: inline-block; text-indent: 100%; margin: 0; white-space: nowrap; overflow: hidden; width: 100%; }
header#siteheader #logo .logo_inner { width: 200px; height: 60px; }
header#siteheader #logo .logo_inner > a { top: 19px; position: relative; display: inline-block; -webkit-transition: top 800ms; -moz-transition: top 800ms; -o-transition: top 800ms; transition: top 800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); width: 130px; height: 24px; background: url(images/sprite.png) no-repeat 0 -140px; }
header#siteheader #logo img { max-width: none; }
header#siteheader #logo .nav-toggle { display: none; position: absolute; right: 0; top: 42px; -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
header#siteheader #logo .nav-toggle a { display: inline-block; width: 30px; height: 30px; position: relative; font-size: 30px; background: red; }
header#siteheader #sitetitle { display: inline-block; float: left; }
header#siteheader nav { position: relative; bottom: 0px; float: right; }
header#siteheader.mini { padding: 0; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0; }
header#siteheader #ts-topbar { border-bottom: 2px solid #ddd; }

.no-boxshadow header#siteheader.mini { border-bottom: 2px solid #ddd; }

/** HEADER MENU STYLES **/
.sf-menu { line-height: 1.0; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { float: left; position: relative; }
.sf-menu li :hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu, .sf-menu a { display: block; position: relative; }

.sf-menu { float: left; margin-bottom: 0px; color: #3d3d3d; }
.sf-menu a { padding: 0 1.5em; text-align: center; text-decoration: none; font-size: 92%; text-transform: uppercase; -webkit-transition: background-color 250ms linear, color 250ms linear; -moz-transition: background-color 250ms linear, color 250ms linear; -o-transition: background-color 250ms linear, color 250ms linear; transition: background-color 250ms linear, color 250ms linear; }
.sf-menu > li:hover, .sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active { outline: 0; }
.sf-menu > li a { color: #3d3d3d; font-weight: 400; line-height: 60px; }
.sf-menu > li a:hover { background-color: transparent; color: #d95b43; border-bottom-color: #2a2a2a; }
.sf-menu > li.current a, .sf-menu > li.current a:hover { background-color: transparent !important; border-bottom-color: #2a2a2a; color: #d95b43 !important; }

@media only screen and (max-width: 959px) { header#siteheader #logo { min-height: 85px; } }
.no-sidebar > .wrapper, .right-sidebar > .wrapper, .left-sidebar > .wrapper { margin-right: auto; margin-left: auto; max-width: 960px; }

/* full-width */
.no-sidebar aside.sidebar { display: none; float: none; width: 0; }
.no-sidebar #primary { float: none; width: 100%; }

/*--------------------------------- $Copyright
----------------------------------*/
footer#sitefooter { margin: 0; font-size: 11px; padding: 20px 0; }

footer#sitefooter { background-color: #1a1a1a; color: #aeaeae; position: relative; font-size: 11px; padding: 25px 0; margin: 0; }
footer#sitefooter ul { *zoom: 1; }
footer#sitefooter ul:before, footer#sitefooter ul:after { content: ""; display: table; }
footer#sitefooter ul:after { clear: both; }
footer#sitefooter li a, footer#sitefooter small { font-size: 11px; line-height: 100%; }
footer#sitefooter #copyright, footer#sitefooter #footer_nav { float: left; }
footer#sitefooter #copyright { margin: 0 10px 0 0; }
footer#sitefooter ul.footer-menu { margin: 0; display: block; margin-left: -1em; text-align: center; }
footer#sitefooter ul.footer-menu li { display: inline-block; float: left; margin: 0; }
footer#sitefooter ul.footer-menu li a { padding: 0 1em; border-right: 1px solid #292929; color: #aeaeae; -webkit-transition: color 250ms ease-out; -moz-transition: color 250ms ease-out; -o-transition: color 250ms ease-out; transition: color 250ms ease-out; }
footer#sitefooter ul.footer-menu li a:hover { color: #888888; }
footer#sitefooter ul.footer-menu li:last-child a { border-right: none; }
footer#sitefooter .container { position: relative; }
footer#sitefooter ul.socials { position: absolute; top: 50%; right: 0; margin-top: -9px; }
footer#sitefooter ul.socials li { font-size: inherit; margin-left: 12px; }
footer#sitefooter ul.socials a { font-size: 18px; }

.subfooter { background: #222222; }
.subfooter .container { padding: 50px 0; }
.subfooter .widget-title { text-transform: uppercase; color: white; letter-spacing: 0; font-size: 14px; margin-bottom: 25px; height: 20px; }
.subfooter .widget-list li { margin-bottom: 10px; }
.subfooter .widget-list a { color: #a0a0a0; font-size: 12px; }

/*>>>>>>>>>>>>>>>>>>>>>>>> #Elements <<<<<<<<<<<<<<<<<<<<<<<<<< */
a.button.flat, button.flat, input[type="submit"].flat, input[type="reset"].flat, input[type="button"].flat { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
a.button.tiny, button.tiny, input[type="submit"].tiny, input[type="reset"].tiny, input[type="button"].tiny { text-shadow: none; }

.chromeframe { padding: 3em; background-color: #c02942; color: #fff; }
.chromeframe a { color: #e5c96c; }
.chromeframe a:hover { color: #eaf038; }

.no-touch.csstransitions #main p, .no-touch.csstransitions #main h1, .no-touch.csstransitions #main h2 { -webkit-transition: all 1200ms; -moz-transition: all 1200ms; -o-transition: all 1200ms; transition: all 1200ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; }
.no-touch.csstransitions #main p.on, .no-touch.csstransitions #main h1.on, .no-touch.csstransitions #main h2.on { opacity: 1; left: 0; }
.no-touch.csstransitions #main h3 { -webkit-transition: all 1200ms; -moz-transition: all 1200ms; -o-transition: all 1200ms; transition: all 1200ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; }
.no-touch.csstransitions #main h3.on { opacity: 1; left: 0; }

.no-touch.csstransforms3d #main p, .no-touch.csstransforms3d #main h1, .no-touch.csstransforms3d #main h2 { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.no-touch.csstransforms3d #main p.on, .no-touch.csstransforms3d #main h1.on, .no-touch.csstransforms3d #main h2.on { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.no-touch.csstransforms3d #main h3 { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
.no-touch.csstransforms3d #main h3.on { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/* =============================================================== slider custom styles here
================================================================*/
.slider-container { width: 100%; min-height: 380px; height: 395px; position: relative; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { width: 100%; max-width: 100%; cursor: move; cursor: -webkit-grab; }

/* ===============================================================
Pagination Styles
================================================================*/
.pagi-container { position: absolute; z-index: 20; left: 0; bottom: -6px; width: 100%; text-align: center; }

.pagination { display: inline-block; }

.swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #222; margin: 6px; cursor: pointer; }

.swiper-visible-switch { background: #aaa; }

.swiper-active-switch { background: #FFF; border: 1px solid #D3D3D3; width: 8px; height: 8px; margin: 4px; }

/* styles for EZfadeslider ---*/
.ez-slide { -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; cursor: move; cursor: -webkit-grab; }

.ez-slide.is-visible { -webkit-transition: 0.8s; -moz-transition: 0.8s; transition: 0.8s; opacity: 1; }

.ez-slide.fromtop-trans { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

.ez-slide.fromtop-trans.is-visible { -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

.ez-slide.fromright-trans { -webkit-transform: translate3d(10px, 0, 0); -moz-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); -o-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

.ez-slide.fromright-trans.is-visible { -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

.ez-slide.zoom-tans { -webkit-transform: scale3d(0.95, 0.95, 0.95); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.95, 0.95, 0.95); }

.ez-slide.zoom-tans.is-visible { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/*>>>>>>>>>>>>>>>>>>>>>>>> #Sections <<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* ----------------------- $General widgets Style ------------------------*/
.widget-inner { *zoom: 1; overflow: hidden; }
.widget-inner:before, .widget-inner:after { content: ""; display: table; }
.widget-inner:after { clear: both; }

.widget-title-bar { height: 20px; position: relative; }
.widget-title-bar h2, .widget-title-bar h3 { position: relative; display: inline-block; line-height: 100%; }

/* ----------------------- $General widgets Style ------------------------*/
.widget-container { position: relative; }
.widget-container .entry-title { font-weight: 500; }
.widget-container .col-title { letter-spacing: 0; font-size: 3.3em; font-weight: 100; line-height: 100%; }

.widget-title { letter-spacing: -0.07em; }

.widget-inner { *zoom: 1; position: relative; }
.widget-inner:before, .widget-inner:after { content: ""; display: table; }
.widget-inner:after { clear: both; }

.motion-wrapper { *zoom: 1; }
.motion-wrapper:before, .motion-wrapper:after { content: ""; display: table; }
.motion-wrapper:after { clear: both; }

/* ---------------- Column Widget  -----------------*/
.widget-column section, .widget-column .col { margin-bottom: 20px; }
.widget-column section > span, .widget-column .col > span { display: block; text-align: center; color: #78acc2; font-size: 4em; line-height: 100%; height: auto; *margin-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 15px; }
.widget-column .col { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.widget-column img { margin-bottom: 15px; }
.widget-column .img-left.text-center .col-title, .widget-column .img-left.text-center p, .widget-column .img-left.text-center blockquote, .widget-column .img-right.text-center .col-title, .widget-column .img-right.text-center p, .widget-column .img-right.text-center blockquote, .widget-column .img-top.text-center .col-title, .widget-column .img-top.text-center p, .widget-column .img-top.text-center blockquote { text-align: center; }
.widget-column .img-left, .widget-column .img-right { position: relative; }
.widget-column .img-left img, .widget-column .img-left > span, .widget-column .img-right img, .widget-column .img-right > span { max-width: 45px; position: absolute; top: 4px; height: auto; max-height: 80px; }
.widget-column .img-left > span, .widget-column .img-right > span { width: 45px; height: 50px; font-size: 3.1em; top: 0px; }
.widget-column .img-left h4, .widget-column .img-left p, .widget-column .img-left blockquote { margin-left: 60px; }
.widget-column .img-left blockquote p { margin-left: 0px; }
.widget-column .img-left img, .widget-column .img-left > span { left: 0; }
.widget-column .img-right h4, .widget-column .img-right p { margin-right: 60px; }
.widget-column .img-right img, .widget-column .img-right > span { right: 0; }
.widget-column .img-top > img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }
.widget-column .entry-content ul { list-style: initial; list-style-type: disk; }
.widget-column .entry-content li { margin-bottom: 0.4em; margin-left: 20px; }

.widget-testimonial { *zoom: 1; }
.widget-testimonial:before, .widget-testimonial:after { content: ""; display: table; }
.widget-testimonial:after { clear: both; }
.widget-testimonial .testimonial-box { position: relative; background: white; padding-bottom: 5em; }
.widget-testimonial .testimonial-box:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 20px; top: 50%; margin-top: -20px; }
.widget-testimonial .testimonial-list { position: relative; overflow: visible !important; }
.widget-testimonial .testimonial-speech { height: 100%; }
.widget-testimonial i.quote-shape { color: white; }
.widget-testimonial blockquote { margin-bottom: 0; padding: 2.5em; padding-bottom: 0; font-size: 100%; border: none; background: none; font-family: georgia,serif; font-size: 1.2em; }
.widget-testimonial .testimonial-author { padding: 0 2.5em 0 3em; position: absolute; bottom: -2.5em; }
.widget-testimonial .testimonial-author em { color: #d95b43; font-size: 13px; font-style: normal; font-weight: 500; display: inline-block; }

.testi-nav { position: absolute; bottom: 2.3em; right: 2.5em; height: 27px; }
.testi-nav .arr-next, .testi-nav .arr-prev { width: 27px; height: 27px; float: left; font-size: 21px; line-height: 27px; color: #d95b43; }
.testi-nav .arr-next:hover, .testi-nav .arr-prev:hover { color: #3d3d3d; }
.testi-nav .arr-prev { margin-right: 3px; }

.socials { display: block; margin: 0; *zoom: 1; display: inline-block; width: auto; }
.socials:before, .socials:after { content: ""; display: table; }
.socials:after { clear: both; }
.socials li { margin: 0; font-size: 22px; float: left; }
.socials a { display: inline-block; width: 20px; color: #b9b9b9; }
.socials a:hover { background: none; color: #78acc2; }
.socials.small li, .socials.small a { line-height: 18px; }
.socials.small li { font-size: 22px; }
.socials.small .icon-twitter { font-size: 20px; }
.socials.sort li { margin-right: 5px; }

.widget-contact form { margin: 0; }
.widget-contact .antibot { display: none; }
.widget-contact .contact-response { color: #DD1D44; font-weight: 400; }

.c_form input[type="text"], .c_form input[type="email"], .c_form textarea { background-color: #ebebeb; font-size: 12px; color: #3d3d3d; border-color: transparent; width: 100%; border-radius: 0; margin-bottom: 20px; }
.c_form input[type="text"]:focus, .c_form input[type="email"]:focus, .c_form textarea:focus { border-color: #cfcfcf; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #3d3d3d !important; }
.c_form input[type="text"], .c_form input[type="email"] { height: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.c_form .contact_fields, .c_form textarea { display: inline-block; width: 49%; }
.c_form .contact_fields { float: left; }
.c_form textarea { min-height: 169px; float: right; }
.c_form input[type="submit"] { font-size: 11px; background: #222222; padding: 15px 35px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.c_form input[type="submit"]:hover { background-color: #d95b43; }

.wrapper_brands { position: relative; margin-right: -35px; }
.wrapper_brands ul { display: block; width: auto; margin: 0; padding: 0; list-style: none; min-height: 55px; *zoom: 1; text-align: center; }
.wrapper_brands ul:before, .wrapper_brands ul:after { content: ""; display: table; }
.wrapper_brands ul:after { clear: both; }
.wrapper_brands li { display: inline-block; margin: 0 60px 25px 0; float: none; }
.wrapper_brands li > a { display: block; float: left; }

.wrapper_carousel.wrapper_brands li { display: none; }

.widget-twitter { position: relative; }
.widget-twitter .widget-icon { position: absolute; color: #3b8686; top: 100px; left: 0; line-height: 100%; font-size: 4.5em; }

.tweets-holder { margin: 60px 0 0 0; position: relative; }
.tweets-holder:focus { cursor: -webkit-grabing; }

.tweet-item { margin-bottom: 3em; padding: 0 160px 0 90px; }
.tweet-item a { color: #3b8686; }
.tweet-item a:hover { color: #2f6a6a; }
.tweet-item p { margin-bottom: 1em; }
.tweet-item .tweet-text { font-size: 1.2em; }
.tweet-item .tweet-date { color: #3b8686; }

.tweets-nav { width: 120px; height: 55px; position: absolute; top: 100px; right: 0; }
.tweets-nav .arr-next, .tweets-nav .arr-prev { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 55px; height: 55px; float: left; color: #b3b3b3; display: inline-block; background: #f0f0f0; line-height: 55px; font-size: 23px; text-align: center; }
.tweets-nav .arr-next:hover, .tweets-nav .arr-prev:hover { background: #222222; }
.tweets-nav .arr-next { background-position: -60px 0; }
.tweets-nav .arr-prev { margin-right: 5px; }

.widget-stat .col { position: relative; }
.widget-stat .chart-element { width: 100% !important; }
.widget-stat .chart-element span { font-size: 46px; text-align: center; display: block; font-weight: 100; letter-spacing: -0.07em; height: 164px; line-height: 164px; margin: 0; }
.widget-stat .chart-element canvas { position: absolute; top: 0; left: 50%; margin-left: -82px; }

.widget-list ul { margin-top: 0; }
.widget-list ul li { line-height: 100%; padding-bottom: 2px; }
.widget-list ul.dotted li, .widget-list ul.dashed li { padding-bottom: 10px; margin-bottom: 10px; }

/*>>>>>>>>>>>>>>>>>>>>>>>>> #Pages <<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.page #primary .poat_content ul { list-style: initial; list-style-type: disk; }
.page #primary .poat_content li { margin-bottom: 0.4em; margin-left: 20px; }
.page .page-header { margin-bottom: 0; }
.page #comments { margin-top: 40px; }

@media only screen and (min-width: 1024px) { #axi_breadcrumbs { text-align: left; position: absolute; right: 0; top: 50%; margin-top: -8px; max-width: 250px; }
  #page-title-section hgroup { margin-right: 260px; } }
.widget-container .col { margin-bottom: 0; }

.entry-content p { text-align: center; }

.wapper { -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; font-smoothing: antialiased !important; }

/** WELCOME SECTION **/
#section-welcome .welcome-media { position: relative; margin-bottom: 75px; }
#section-welcome .welcome-media img { display: block; margin: 0 auto; position: absolute; top: -110px; left: 0; right: 0; }
#section-welcome .welcome-media canvas { z-index: 1; margin: 0 auto; display: block; max-width: 100%; }
#section-welcome .welcome-callout { margin-top: 20px; }
#section-welcome .welcome-callout h1, #section-welcome .welcome-callout h3 { font-weight: 100; text-transform: uppercase; line-height: 100%; text-align: center; margin-bottom: 0; }
#section-welcome .welcome-callout h1 { font-size: 6em; }
#section-welcome .welcome-callout h1 span { color: #f6424d; min-width: 30px; min-height: 30px; display: inline-block; font-size: 93%; }
#section-welcome .welcome-callout h3 { font-size: 3.3em; color: #f6424d; margin-bottom: 80px; }

.oldie #section-welcome .welcome-media img { position: static; }
.oldie #section-welcome .welcome-media canvas { display: none; }

#section-who { min-height: 430px; background-color: #469dae; color: white; }
#section-who .container { background: url(images/sections/section-who-bg.jpg) no-repeat 0 50%; }
#section-who .block { padding: 125px 0; }
#section-who .first-col { float: right; margin-top: 120px; }
#section-who p { text-align: left; }
#section-who ::-moz-selection { color: white; background: #367c88; }
#section-who ::selection { color: white; background: #367c88; }

#section-what .col-title, #section-stat .col-title { font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: center; }

#section-what .widget-column .col > span, #section-stat .widget-column .col > span { margin: 0 auto 55px; width: 150px; height: 150px; line-height: 150px; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

#section-what { background: #f0f0f0 url(images/sections/section-who-bottom-border.jpg) repeat-x left top; }
#section-what .section-title { margin-bottom: 92px; }
#section-what p { font-weight: 400; }
#section-what .widget-inner { overflow: visible; }
#section-what .widget-column .col > span { color: #d95b43; background-color: white; border: none; position: relative; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
#section-what .widget-column .col > span i { display: inline-block; width: 134px; height: 134px; position: absolute; top: 0; left: 0; border: 8px solid #d95b43; z-index: -1; -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; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
#section-what .widget-column .col:hover > span i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); }
#section-what .widget-column .col p { padding: 0 8px; }

.no-csstransitions #section-what .widget-column .col:hover > span { transform: scale(1); }

#section-portfolio { background-color: #f8f8f8; }
#section-portfolio .pf-desc p { margin: 30px 0; font-weight: 400; }
#section-portfolio .flipped .col { float: right; }

#section-testimonial { position: relative; overflow: hidden; background-color: #c02942; color: white; }
#section-testimonial .widget-testimonial { z-index: 5; }
#section-testimonial .testimonial-box { margin: 0; float: right; }
#section-testimonial .section-title { margin: 0; float: left; position: absolute; top: 50%; margin-top: -21px; }
#section-testimonial .container { position: relative; background: url(images/sections/section-testi-bg.jpg) no-repeat right 50%; }
#section-testimonial #pt2 { position: absolute; top: 0; right: 200px; z-index: 2; }

#section-stat { background-color: #f0f0f0; }
#section-stat .container { padding-bottom: 10px; }
#section-stat .section-title { margin-bottom: 90px; }
#section-stat .col { margin-bottom: 80px; }
#section-stat .col-title { margin: 45px 0 0; }
#section-stat .widget-column .col { text-align: center; }
#section-stat .widget-column .col > span { color: white; }
#section-stat .widget-column .col > span:after { top: 100%; left: 50%; border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-width: 20px 14px; margin-left: -14px; margin-top: -7px; }
#section-stat .widget-column .col:nth-child(3n+1) > span { background-color: #d95b43; }
#section-stat .widget-column .col:nth-child(3n+1) > span:after { border-top-color: #d95b43; }
#section-stat .widget-column .col:nth-child(3n+2) > span { background-color: #459dad; }
#section-stat .widget-column .col:nth-child(3n+2) > span:after { border-top-color: #459dad; }
#section-stat .widget-column .col:nth-child(3n+3) > span { background-color: #c02942; }
#section-stat .widget-column .col:nth-child(3n+3) > span:after { border-top-color: #c02942; }
#section-stat .widget-column .col .stat-number { position: relative; font-style: normal; color: #FFF; display: inline-block; margin-top: 25px; background: url(images/sections/num.png) repeat-x top left; text-align: left; }
#section-stat .widget-column .col .stat-number strong { font-weight: 300; line-height: 100%; font-size: 53px; display: inline-block; position: relative; top: -3px; left: 3px; letter-spacing: 9px; margin-right: -3px; }

#section-contact { background-color: #edc951; color: #8F6011; }
#section-contact .section-title { margin-bottom: 70px; }

#section-brands { background-color: #f0f0f0; }
#section-brands .wrapper_brands li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -webkit-transition: opacity 1600ms; -moz-transition: opacity 1600ms; -o-transition: opacity 1600ms; transition: opacity 1600ms; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
#section-brands .wrapper_brands li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
#section-brands .block { padding-bottom: 65px; }

[class^="icon-"] { text-align: center; }

[class^="icon-"]:before, [class*=" icon-"]:before { margin: 0 !important; }

/*>>>>>>>>>>>>>>>>>>>>>>> #Responsive <<<<<<<<<<<<<<<<<<<<<<<<< */
@media only screen and (max-width: 479px) { #section-who { min-height: initial; }
  #section-who .container { background-position: 100px -570px !important; }
  #section-who .first-col { margin-top: 165px !important; }
  #section-welcome .welcome-media { margin-top: 65px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  #section-welcome .welcome-media img { position: relative; top: 0 !important; }
  #section-welcome .welcome-callout h3 { margin-bottom: 40px !important; }
  #section-welcome .welcome-callout h1 { font-size: 3em !important; }
  #section-welcome .welcome-callout h3 { font-size: 2em !important; }
  #section-welcome #mesh { display: none; }
  .subfooter .one_fifth, .subfooter .one_sixth { text-align: center; width: 97.98% !important; } }
@media only screen and (max-width: 649px) { .one-column .col, .col1 .col { margin-bottom: 2.5em; }
  .col.img-top * { text-align: center; }
  footer#sitefooter ul.footer-menu li { float: none; }
  footer#sitefooter #copyright { width: 100%; padding: 0.5em 0; }
  footer#sitefooter #copyright small { float: none; display: block; margin: 0; padding: 0 1em; text-align: center; }
  .widget-container .two-column .col, .widget-container .two-column.isotope .col, .widget-container .three-column .col, .widget-container .three-column.isotope .col, .widget-container .four-column .col, .widget-container .four-column.isotope .col, .widget-container .five-column .col, .widget-container .five-column.isotope .col, .widget-container .six-column .col, .widget-container .six-column.isotope .col, .subfooter .two-column .col, .subfooter .two-column.isotope .col, .subfooter .three-column .col, .subfooter .three-column.isotope .col, .subfooter .four-column .col, .subfooter .four-column.isotope .col, .subfooter .five-column .col, .subfooter .five-column.isotope .col, .subfooter .six-column .col, .subfooter .six-column.isotope .col { width: 100%; margin-right: 0; margin-right: 0; margin-left: 0; }
  .widget-container .two-column .col.height1, .widget-container .two-column .col.height2, .widget-container .two-column.isotope .col.height1, .widget-container .two-column.isotope .col.height2, .widget-container .three-column .col.height1, .widget-container .three-column .col.height2, .widget-container .three-column.isotope .col.height1, .widget-container .three-column.isotope .col.height2, .widget-container .four-column .col.height1, .widget-container .four-column .col.height2, .widget-container .four-column.isotope .col.height1, .widget-container .four-column.isotope .col.height2, .widget-container .five-column .col.height1, .widget-container .five-column .col.height2, .widget-container .five-column.isotope .col.height1, .widget-container .five-column.isotope .col.height2, .widget-container .six-column .col.height1, .widget-container .six-column .col.height2, .widget-container .six-column.isotope .col.height1, .widget-container .six-column.isotope .col.height2, .subfooter .two-column .col.height1, .subfooter .two-column .col.height2, .subfooter .two-column.isotope .col.height1, .subfooter .two-column.isotope .col.height2, .subfooter .three-column .col.height1, .subfooter .three-column .col.height2, .subfooter .three-column.isotope .col.height1, .subfooter .three-column.isotope .col.height2, .subfooter .four-column .col.height1, .subfooter .four-column .col.height2, .subfooter .four-column.isotope .col.height1, .subfooter .four-column.isotope .col.height2, .subfooter .five-column .col.height1, .subfooter .five-column .col.height2, .subfooter .five-column.isotope .col.height1, .subfooter .five-column.isotope .col.height2, .subfooter .six-column .col.height1, .subfooter .six-column .col.height2, .subfooter .six-column.isotope .col.height1, .subfooter .six-column.isotope .col.height2 { overflow: hidden; }
  .widget-container .two-column .col.height1, .widget-container .two-column .col .height1, .widget-container .two-column.isotope .col.height1, .widget-container .two-column.isotope .col .height1, .widget-container .three-column .col.height1, .widget-container .three-column .col .height1, .widget-container .three-column.isotope .col.height1, .widget-container .three-column.isotope .col .height1, .widget-container .four-column .col.height1, .widget-container .four-column .col .height1, .widget-container .four-column.isotope .col.height1, .widget-container .four-column.isotope .col .height1, .widget-container .five-column .col.height1, .widget-container .five-column .col .height1, .widget-container .five-column.isotope .col.height1, .widget-container .five-column.isotope .col .height1, .widget-container .six-column .col.height1, .widget-container .six-column .col .height1, .widget-container .six-column.isotope .col.height1, .widget-container .six-column.isotope .col .height1, .subfooter .two-column .col.height1, .subfooter .two-column .col .height1, .subfooter .two-column.isotope .col.height1, .subfooter .two-column.isotope .col .height1, .subfooter .three-column .col.height1, .subfooter .three-column .col .height1, .subfooter .three-column.isotope .col.height1, .subfooter .three-column.isotope .col .height1, .subfooter .four-column .col.height1, .subfooter .four-column .col .height1, .subfooter .four-column.isotope .col.height1, .subfooter .four-column.isotope .col .height1, .subfooter .five-column .col.height1, .subfooter .five-column .col .height1, .subfooter .five-column.isotope .col.height1, .subfooter .five-column.isotope .col .height1, .subfooter .six-column .col.height1, .subfooter .six-column .col .height1, .subfooter .six-column.isotope .col.height1, .subfooter .six-column.isotope .col .height1 { height: 60.606%; max-height: 60.60%; }
  .widget-container .two-column .col.height2, .widget-container .two-column .col .height2, .widget-container .two-column.isotope .col.height2, .widget-container .two-column.isotope .col .height2, .widget-container .three-column .col.height2, .widget-container .three-column .col .height2, .widget-container .three-column.isotope .col.height2, .widget-container .three-column.isotope .col .height2, .widget-container .four-column .col.height2, .widget-container .four-column .col .height2, .widget-container .four-column.isotope .col.height2, .widget-container .four-column.isotope .col .height2, .widget-container .five-column .col.height2, .widget-container .five-column .col .height2, .widget-container .five-column.isotope .col.height2, .widget-container .five-column.isotope .col .height2, .widget-container .six-column .col.height2, .widget-container .six-column .col .height2, .widget-container .six-column.isotope .col.height2, .widget-container .six-column.isotope .col .height2, .subfooter .two-column .col.height2, .subfooter .two-column .col .height2, .subfooter .two-column.isotope .col.height2, .subfooter .two-column.isotope .col .height2, .subfooter .three-column .col.height2, .subfooter .three-column .col .height2, .subfooter .three-column.isotope .col.height2, .subfooter .three-column.isotope .col .height2, .subfooter .four-column .col.height2, .subfooter .four-column .col .height2, .subfooter .four-column.isotope .col.height2, .subfooter .four-column.isotope .col .height2, .subfooter .five-column .col.height2, .subfooter .five-column .col .height2, .subfooter .five-column.isotope .col.height2, .subfooter .five-column.isotope .col .height2, .subfooter .six-column .col.height2, .subfooter .six-column .col .height2, .subfooter .six-column.isotope .col.height2, .subfooter .six-column.isotope .col .height2 { height: 123.212%; max-height: 123.21%; }
  .fold > .two-column, .fold > .three-column, .fold > .four-column, .fold > .five-column, .fold > .six-column { margin-left: 0; margin-right: 0; }
  .one_one, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth { width: 97.98%; }
  .subfooter .one_fourth { width: 97.98% !important; }
  .section-title, #section-who .col-title { font-size: 2.7em; }
  #section-what .widget-container .col { margin-bottom: 60px; }
  #section-what .widget-container .col:last-child { margin-bottom: 0; }
  #section-who .col-title, #section-who p { text-align: center; }
  #section-who .container { background-position: 100px -290px; }
  #section-who .first-col { float: none; margin-top: 470px; margin-bottom: 60px; }
  #section-who #pt1 { display: none; }
  /* testimonial section */
  #section-testimonial #pt2 { display: none; }
  #section-testimonial .container { background: url(images/sections/section-testi-bg-mobile.jpg) no-repeat 50% -95px; }
  #section-testimonial .section-title { float: none; position: relative; top: 0; margin: 0 auto 60px; }
  #section-testimonial .testimonial-box:after { bottom: 100%; border-bottom-color: #FFF; border-right-color: rgba(0, 0, 0, 0); left: 50%; margin-left: -20px; top: auto; right: auto; margin-top: 0; }
  /* contact form section */
  .c_form .contact_fields, .c_form textarea { width: 100%; }
  .c_form input[type="submit"] { width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { .subfooter .one_fourth, .subfooter .one_fifth { width: 47.9%; text-align: center; }
  .subfooter .one_fourth:nth-child(2n+3), .subfooter .one_fifth:nth-child(2n+3) { clear: left; } }
@media only screen and (min-width: 650px) and (max-width: 767px) { .widget-container .four-column .col { width: 47.98%; } }
@media only screen and (min-width: 650px) and (max-width: 959px) { #section-testimonial #pt2 { right: 100px; }
  #section-testimonial .container { background-position: -420px -520px; } }
@media only screen and (max-width: 768px) { footer#sitefooter .container { text-align: center; }
  footer#sitefooter ul.footer-menu, footer#sitefooter ul.socials { float: none; display: inline-block; margin-bottom: 5px; }
  footer#sitefooter nav#footer_nav { display: block; text-align: center; width: 100%; margin-bottom: 0; }
  footer#sitefooter ul.socials { position: relative; top: auto; left: auto; margin-top: 0; }
  footer#sitefooter div#copyright { float: none; display: block; text-align: center; margin: 0 0 5px; }
  footer#sitefooter div#copyright small { display: inline-block; float: none; }
  .section-title { text-align: center; }
  #section-welcome .welcome-media { margin-top: 20px; }
  #section-welcome .welcome-media img { top: -135px; }
  #section-welcome .welcome-callout h1 { font-size: 4em; }
  #section-welcome .welcome-callout h3 { font-size: 2.3em; }
  .widget-twitter { text-align: center; }
  .widget-twitter .widget-icon { position: relative; top: 20px; }
  .tweets-holder { margin-top: 40px; }
  .tweet-item { padding-right: 0; padding-left: 0; width: 100%; }
  .tweets-nav { position: relative; top: 10px; margin: 0 auto; }
  .csstransitions p, .csstransitions h1, .csstransitions h2, .csstransitions h3 { opacity: 1; left: 0; }
  .csstransforms3d p, .csstransforms3d h1, .csstransforms3d h2 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@media only screen and (max-width: 800px) { header#siteheader { display: none !important; }
  .pf-desc p { display: none; }
  .pf-features { display: none; }
  .portfolio-item img { display: inline-block; }
  .portfolio-item .col { width: 97.5%; text-align: center; } }
@media only screen and (min-width: 769px) { #copyright ~ #footer_nav li:first-child a { padding-left: 10px; margin-left: 12px; border-left: 1px solid #292929; } }
@media only screen and (min-width: 821px) { #ts-topbar { display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 959px) { #section-testimonial .container { background-position: -370px -520px; } }
@media only screen and (min-width: 768px) and (max-width: 990px) { footer#sitefooter ul.socials { right: 20px; } }
@media only screen and (max-width: 1000px) { .wrapper > .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; padding-left: 20px; } }
@media only screen and (max-device-width: 1024px) and (orientation: landscape) { .csstransitions p, .csstransitions h1, .csstransitions h2, .csstransitions h3 { opacity: 1; left: 0; }
  .csstransforms3d p, .csstransforms3d h1, .csstransforms3d h2 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 192dpi) { header#siteheader #logo .logo_inner > a { background-position: 0 -90px; background-size: 125px 125px; }
  #section-who .container { background-image: url(images/sections/section-who-bg-2x.jpg); background-size: auto 700px; }
  #section-testimonial .container { background-size: auto 700px; }
  #section-stat .widget-column .col .stat-number strong { top: -4px; margin-right: -5px; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* 2x =================================================== */ }