body {color: #001E3C; font-family: 'HelveNeue', sans-serif; font-size: 0.95em; line-height: 1.4em; background-color: rgba(255,255,255,1); text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;}
a {color: #CC413E; text-decoration: none; outline: none; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
a:hover, a:focus {color: rgba(0,0,0,1); outline: none; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .35s ease; transition: all .55s ease;}
hr, .hr2 {border: 0; height: 1px; margin-top: 4px; margin-bottom: 4px; background: none repeat scroll 0 0 #F7F7F7; box-shadow: 0 1px 2px #DDD inset}
.hr2 {margin-top: 4px; margin-bottom: 4px;}
.colred {color: #cc0000}
.colblue {color: #3F95AE}
.colyellow {color: #D38E2C}
.colgreen {color: #4D9B4D}
.relative {position: relative}
.tophdr {background-color: rgba(47,187,255,0.15);text-indent: 10px;color: rgba(0,112,166,1);font-family: 'Expletus', sans-serif;
line-height: 44px;font-size: 22px;box-shadow: -1px 3px 5px rgba(47,187,255,0.3);font-weight: 500;}
ul.bullets li, ul.check li, ul.star li {background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px;}
ul.check li {background-image: url(../images/check.png)}
ul.star li {background-image: url(../images/star.png)}
ol.numbers li {margin-left: 15px}
.label {border-radius: 3px 3px 3px 3px; padding: 2px 5px 3px}
.label, .badge {background-color: #999; color: #FFF; font-size: 13px; line-height: 17px; vertical-align: baseline;}
.label-ok, .badge-ok {background-color: #4D9B4D}
.label-info, .badge-info {background-color: #3F95AE}
.label-alert, .badge-alert {background-color: #D38E2C}
.label-error, .badge-error {background-color: #BA433F}
.placeholder {border: 1px solid #DADADA; box-shadow: 0 1px 0 #ddd; padding-left: 10px; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; background-color: rgba(190,222,222,0.3);}
.placeholder.nopad {padding: 0}
input, textarea {background-color: transparent; border: 0; color: #2E5A5A; font-size: 15px; opacity: 0.9; font-family: Arial, serif; margin: 0; padding: 8px 0}
.inputbox {width: 100%;}
.placeholder:hover, .placeholder:focus {border: 1px solid rgba(0,0,0,0.3); -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease}
img.captcha {display: inline-block!important; width: auto; position: absolute; top: 5px; right: 5px}
.button {color: #fff; background-color: rgba(0,0,0,0.5); font-family: Arial, serif; font-size: 16px; display: inline-block; text-indent: 0; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; padding: 2px 15px; text-shadow: none;}
.button:hover, .button:focus {color: #fff; background-color: rgba(0,0,0,0.9); -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease}
.fbbutton {width: 33px; height: 33px; display: inline-block; vertical-align: bottom; margin-left: 10px}
.jstyling-select {position: relative; z-index: 0; margin: 0; padding: 0}
.jstyling-select-t {white-space: nowrap; overflow: hidden}
.jstyling-select-l {width: 100%; display: none; position: absolute; overflow-y: auto; z-index: 1000; margin: 0; padding: 0}
.jstyling-select-l div {list-style: none; display: block; white-space: nowrap; overflow: hidden}
.jstyling-select.active {z-index: 700}
.jstyling-select.active .jstyling-select-l {display: block}
.jstyling-checkbox, .jstyling-radio {display: inline-block; z-index: 1; margin: 0; padding: 0}
.jstyling-checkbox input[type=checkbox], .jstyling-radio input[type=radio] {opacity: 0; filter: alpha(opacity=0); z-index: 0}
.jstyling-file {display: inline-block; position: relative; margin: 0; padding: 0}
.jstyling-file-f {overflow: hidden; white-space: nowrap}
.jstyling-file-b {position: relative; overflow: hidden}
.jstyling-file input[type=file] {opacity: 0; filter: alpha(opacity=0); z-index: 1; position: absolute; top: 0; right: 0; margin: 0; padding: 0}
.jstyling-select {width: 100%; cursor: pointer}
.jstyling-select-s {padding-left: 8px; height: 35px; line-height: 35px; color: #000; background-image: url(../images/select-nav.png); background-repeat: no-repeat; background-position: 100% top;}
.jstyling-select-t {width: 100%}
.jstyling-select-l {max-height: 250px; color: #fff; top: 35px; left: -1px; background-color: #eee; border: 1px solid #FFF}
.jstyling-select-l div {box-shadow: inset 0 1px 0 rgba(0,0,0,0.4); color: rgba(0,0,0,0.8); padding: 5px}
.jstyling-select-l div:hover {background: rgba(0,0,0,0.1)}
.jstyling-select-l div.disabled {background: #E5E5E5}
.jstyling-select-l div.disabled:hover {color: #000}
.jstyling-select-l div:first-child {border-top: 0}
.jstyling-select.active {background: rgba(255,255,255,0.2)}
.jstyling-select.disabled {background-color: #E5E5E5}
/* == Checkbox Ratio == */
.jstyling-checkbox {width: 25px; height: 21px; background: url(../images/input-sprite.png) no-repeat; background-position: 0 0; vertical-align: middle}
.jstyling-checkbox.active {background-position: 0 -21px}
.jstyling-checkbox.disabled {background-position: 0 -42px}
.jstyling-checkbox.active.disabled {background-position: 0 -63px}
.jstyling-radio {width: 25px; height: 21px; background: url(../images/input-sprite.png) no-repeat; background-position: 0 -84px; vertical-align: middle}
.jstyling-radio.active {background-position: 0 -105px}
.jstyling-radio.disabled {background-position: 0 -126px}
.jstyling-radio.active.disabled {background-position: 0 -147px}
/* == File input == */
.jstyling-file-f {float: left; height: 35px; box-shadow: 0 0 1px rgba(255,255,255,0.8); color: #fff; background-attachment: scroll; background-image: url(../images/trans.png); background-repeat: repeat; width: 250px}
.jstyling-file-b {margin-left: -1px; width: 80px; float: left; height: 35px; text-align: center; line-height: 35px; box-shadow: 0 0 1px rgba(255,255,255,0.8); color: #fff; background-attachment: scroll; background-image: url(../images/trans.png); background-repeat: repeat; padding-right: 5px; padding-left: 5px; cursor: pointer; background: rgba(0,0,0,0.4); -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; text-shadow: none}
.jstyling-file-b:hover {background: rgba(0,0,0,0.6); -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease}
figure {line-height: 0}
img {max-width: 100%; height: auto}
.ie8 img {max-width: none!important}
.flright {float: right}
.flleft {float: left}
.doleft {text-align: left}
.doright {text-align: right}
.img-left {float: left; margin: 0 20px 20px 0;}
.img-right {float: right; margin: 0 0 20px 20px;}
img::selection, img::-moz-selection {background:transparent}
.zoomOverlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: center}
.topimg {position: relative; width: 100%;}
.toplayer {position: absolute; top: 86%; width: 100%; float: right;}
.zoom {width: auto; height: auto; display: block; position: relative; overflow: hidden}
.thumb {position: relative; float: left; max-width: 33%; height: auto; box-shadow: 0 0 1px rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 10px 0}
.thumb img {position: relative; z-index: 1; vertical-align: top; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out}
.thumb a:hover img {opacity: .5}
.thumb.max-width {max-width: 100%; margin: 0 0 20px}
.media {position: relative; padding-bottom: 51%; padding-top: 30px; height: 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.2); margin: 0 0 15px}
.media iframe, .media object, .media embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.box {border: 1px solid rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.01)}
#header {padding: 5px;}
#header .top-menu {box-shadow: 0 1px 2px #ddd inset; background-color: #F7F7F7;}
#header .sub-header {margin-top: 5px}
#langswitch li {display: inline-block; margin-right: 5px; opacity: 0.5}
#langswitch li.lang-active {opacity: 1}
#langswitch li a {border: 1px solid rgba(255,255,255,0.2); display: inline-block; padding: 2px; line-height: 0; background-color: rgba(255,255,255,0.1)}
#search-box {background-image: url(../images/search_icon.png); background-repeat: no-repeat; background-position: right center; width: 100%; margin-right: auto; margin-left: auto; height: 40px; position: relative; background-color: rgba(239,239,222,0.3); border: 1px solid #DBDBDB; border-radius: 0px 12px;}
#search-box input {color: #004080; background-color: transparent; border: 0; width: 100%; text-indent: 10px; outline: none; line-height: 30px; height: 30px; margin: 0; padding: 5px 0}
#suggestions {position: absolute; z-index: 10000; left: -1px;}
#searchresults {background-color: #eee; position: relative; width: 100%; margin-top: 1px; left: 0; z-index: 800; box-shadow: 0 0 1px #00;}
#searchresults .search-odd, #searchresults .search-even {margin-top: 1px; margin-bottom: 1px;}
#searchresults .search-even {background-color: rgba(255,255,255,0.5)}
#searchresults a small {display: block; line-height: 1.2em; color: #777}
#searchresults a {display: block; text-decoration: none; padding: 5px}
#searchresults a:hover {text-decoration: none}
#mainmenu {height: 40px; margin-top: 5px; background-color: rgba(4,213,255,1); border-radius: 0px 10px; text-shadow: 0px 3px 2px rgba(0,0,0,0.1);}
#mainmenu ul {z-index: 100000}
#mainmenu .menu-parent ul {position: absolute; display: none; z-index: 100000}
#mainmenu .menu-parent li {display: inline; float: left; list-style: none outside none; position: relative; z-index: 1003; border-right: 1px solid rgba(255,255,255,0.5)}
#mainmenu .menu-parent li a {height: 40px; line-height: 40px; color: #fff; float: left; font-size: 18px; font-family: 'Luxi', sans-serif; text-decoration: none; display: block; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; font-weight: 700;}
#mainmenu .menu-parent li a span {float: left; display: block; height: 40px; cursor: pointer; padding: 0 15px}
#mainmenu .menu-parent li a span.down {padding-right: 20px; background: url(../images/menu-down.png) no-repeat right 28px}
#mainmenu .menu-parent li:hover a span.down {background: url(../images/menu-down-hover.png) no-repeat right 28px}
#mainmenu .menu-parent li.current, #mainmenu .menu-parent li a:hover {color: #FFF; background-color: #3598db;}
#mainmenu .menu-parent .menu-submenu li {display: block; float: none; border: 0; margin: 0}
#mainmenu .menu-parent ul.menu-submenu {left: 0; top: 60px; min-width: 225px; border-top-width: 4px; border-top-style: solid; border-top-color: #CC514A; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #CC514A; background-color: rgba(4,213,255,1); margin: 0; padding: 10px}
#mainmenu .menu-parent ul.menu-submenu .menu-submenu {display: none; left: 240px; top: 10px}
#mainmenu .menu-parent li .menu-submenu a, #mainmenu .menu-parent ul.menu-submenu .menu-submenu a {display: block; height: 30px; line-height: 30px; min-width: 220px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0}
#mainmenu .menu-parent .menu-submenu li a:hover, #mainmenu .menu-parent ul.menu-submenu .menu-submenu li a:hover {color: #fff}
#mainmenu .menu-parent img.menuicon {padding-right: 5px; top: 3px; position: relative}
#menu-mobile-holder {background-color: #01B9E0; max-width: 300px; position: absolute; z-index: 9998; width: 270px; display: none; margin: 1px 0 0;}
#menu-mobile li {display: block!important; osition: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(170,255,255,0.2);}
#menu-mobile li a {display: block; position: relative; font-size: 12px; font-family: Arial, sans-serif; padding: 8px 15px; color: #FFFFFF;}
#menu-mobile li a:hover {color: #FF3}
#menu-mobile li a img.menuicon {padding-right: 5px; top: 3px; position: relative}
#menu-mobile .menu-submenu {display: none; top: 0}
#menu-mobile .menu-submenu li {border-bottom: 0; border-top: 1px solid rgba(255,255,255,0.2); position: relative; background-color: rgba(0,0,0,0.2)}
#menu-mobile .menu-submenu li a {padding: 8px 25px}
#menu-mobile .menu-submenu li ul li {background-color: rgba(0,0,0,0.4)}
#menu-mobile .menu-submenu li ul li a {padding: 8px 45px}
#menu-mobile .menu-submenu li ul li ul li {background-color: rgba(0,0,0,0.5)}
#menu-mobile .menu-submenu li ul li ul li a {padding: 8px 65px}
.menu-mobile-wrapper {display: none; cursor: pointer; width: 40px}
#menu-mobile-trigger {display: block; box-shadow: 0 0 1px rgba(255,255,255,0.2); color: #fff; background-attachment: scroll; background-image: url(../images/trans.png); background-repeat: repeat; width: 35px; height: 35px}
#menu-mobile-trigger span {background-image: url(../images/mnav.png); background-repeat: no-repeat; background-position: 0 0; display: block; width: 35px; height: 35px}
#menu-mobile-trigger span:hover {text-decoration: none; background-position: 0 -35px}
.li-sub-arrow {position: absolute; right: 10px; text-align: center; width: 35px; height: 35px; z-index: 9999; top: 0; cursor: pointer; background-image: url(../images/mnav-arrow.png); background-repeat: no-repeat; background-position: center center}
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px; padding: 0;}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px; text-indent: 1px;}
h4 {font-size: 18px;}
h5 {font-size: 16px; line-height: 16px; color: #E6FFFF; font-weight: bold; text-shadow: 1px 2px 3px rgba(0,0,0,0.5),}
h6 {font-size: 14px; line-height: 14px}
#crumbs {padding: 10px 30px;}
#crumbs nav {float: right}
#crumbs h3 {text-transform: none; text-indent: -1px; margin: 0}
/* == Content == */
#page {padding: 5px 20px;}
#content-left .content-box {padding-left: 20px}
#content-right .content-box {padding-right: 20px}
/* == Tables == */
.display, .datatable {width: 100%; border: 0; border-collapse: collapse; box-shadow: 0 1px 1px rgba(0,0,0,0.3)}
.display thead tr th, .datatable thead tr th {color: #222; text-align: left; border-bottom: 1px solid #888; background-color: rgba(200,200,200,0.5); font-variant: normal; font-size: 16px; font-weight: 200; padding: 10px 5px}
.display tr td img, .datatable tr td img {padding-right: 2px; padding-left: 2px}
.display tbody tr, .datatable tbody tr {border-top: 1px solid rgba(0,0,0,0.1)}
.display tbody tr th, .datatable tbody tr th {text-align: left; font-variant: normal; font-weight: 400; width: 250px; padding: 10px}
.display tbody tr td, .datatable tbody tr td, .display tfoot tr td, .datatable tfoot tr td {padding: 10px}
/* == Plugins == */
#content-left #sidebar .widget-wrap {padding-right: 10px}
#content-right #sidebar .widget-wrap {padding-left: 10px}
#sidebar .widget-wrap, #sidebar2 .widget-wrap {margin-bottom: 30px}
#topplugin {padding: 0px 10px}
#botplugin {background-color: #222421; border-top-width: 2px; border-top-style: solid; border-top-color: #D5EAFF; background-image: url(../images/footer_bg.png); background-repeat: repeat; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px;}
#botplugin a:hover, #botplugin a:focus {color: #fff}
#botplugin h4, #sidebar h4, #sidebar2 h4 {margin-bottom: 15px; font-size: 16px; line-height: 25px}
#botplugin h4 {color: #005EBB}
#sidebar h4, #sidebar2 h4 {background-image: url(../images/stripes-light.gif); background-repeat: repeat-x; background-position: left center; padding-left: 10px}
#sidebar h4 span, #sidebar2 h4 span {display: inline-block; padding-right: 10px; padding-left: 10px; background-image: url(../images/main_bg.png); background-repeat: repeat}
#botplugin .widget-wrap, #topplugin .widget-wrap {margin-bottom: 3px; margin-top: 3px}
#sidebar .widget-wrap.noclass, #sidebar2 .widget-wrap.noclass, #botplugin .widget-wrap.noclass, #topplugin .widget-wrap.noclass {background-image: none}
#sidebar .widget-wrap.nowrap, #topplugin .widget-wrap.nowrap, #botplugin .widget-wrap.nowrap {background-image: none; box-shadow: none; padding: 0}
/* == Comments == */
#comments .commentWrap {margin-bottom: 15px;}
#comments .comment-info {box-shadow: 0 0 1px #fff; padding: 10px; background-color: rgba(0,0,0,0.02);}
#comments li ul li, #comments li.child {margin-left: 15px}
#comments .avatar {padding: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.05)}
pre, code {font: 13px/19px Consolas, "Andale Mono", Courier, "Courier New", monospace}
pre {border: 1px solid rgba(255,255,255,0.2); overflow-x: visible; overflow-y: hidden; margin: 15px 0 20px; padding: 5px}
blockquote {font-size: 15px!important; padding-left: 105px; line-height: 22px; font-style: italic; background-image: url(../images/quote.png); background-repeat: no-repeat; background-position: 60px 0; margin: 30px 0}
blockquote.nobg {background-image: none; padding-left: 30px;}
.char-alert {color: #C30}
/* == Pagination == */
#pagination {text-align: center; font-family: Arial, sans-serif; font-size: 12px; font-weight: 600;}
#pagination a {text-decoration: none; outline: none; display: inline-block; text-shadow: none; line-height: 30px; height: 30px; width: 30px; border-radius: 2px; margin: 0 5px 0 0; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1);}
#pagination a.number {background-color: rgba(0,0,0,0.1); color: #FFF}
#pagination a.number:hover {color: #fff; background-color: #BA433F; text-decoration: none}
#pagination a.current {color: #FFF; background-color: #3F95AE}
#pagination a.current:hover {text-decoration: none;}
.tabs {overflow: auto; max-width: 100%; list-style: none; margin: 100; padding: 100;}
.tabs li {margin: 0; padding: 0; float: left; border: 1px #FFF solid; list-style-type: none;}
.tabs a {background: #10ACE0; color: #fff; float: left; font: 16px/35px 'HelveNeue', Arial; height: 35px; padding: 0 22px; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);}
.tabs a:hover {background: #7bdc0e;}
.tabs a:focus {outline: 0;}
.tabs #current a {background: rgba(196,0,0,0.9); color: #fff;}
.tab-content {color: #00486A; background-color: rgba(0,0,0,0.01); padding: 10px; min-height: 50px;}
/* == Carousel == */
.carousel {position: relative; margin: 0; padding: 0}
.carousel .flex-direction-nav {position: absolute; top: -36px; right: 0; z-index: 9; width: 36px; height: 16px; padding-top: 7px;}
.carousel .flex-direction-nav li {display: inline-block; float: left}
.carousel .flex-direction-nav a, #botplugin .carousel .flex-direction-nav a {cursor: pointer; display: block; width: 16px; height: 16px; text-indent: -9999px; border: 0; background-image: url(../images/carousel_nav_dark.png); background-repeat: no-repeat}
#botplugin .carousel .flex-direction-nav a {background-image: url(../images/carousel_nav.png)}
.carousel .flex-direction-nav .flex-next {background-position: -16px 0!important}
.carousel .flex-direction-nav .flex-prev {background-position: 0 0!important}
.carousel .flex-direction-nav .flex-next:hover {background-position: -16px -16px!important}
.carousel .flex-direction-nav .flex-prev:hover {background-position: 0 -16px!important}
.carousel .flex-direction-nav .flex-disabled {opacity: .3; filter: alpha(opacity=30); cursor: default}
/* == Accordion == */
.accordion, .accowrap h4 {display: block; position: relative; overflow: hidden; height: 40px; background: #3F95AE; cursor: pointer; line-height: 40px; margin: 0 0 1px; padding: 0 0 0 20px; text-shadow: none; color: #fff; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.accowrap h4 span {position: absolute; right: 10px}
.accowrap h4:hover {background: #CC413E; color: #fff}
.accowrap h6:hover span {color: #fff}
.accowrap .acco-content {display: none; background-color: rgba(0,0,0,0.02); padding: 20px}
.accowrap.current h4 {background: #E8641B; color: #fff}
.accowrap.current .acco-content {display: block}
.accowrap.current .chevron {width: 40px; height: 40px; background-image: url(../images/acconav.png); background-repeat: no-repeat; background-position: 0 -40px}
.accowrap .chevron {width: 40px; height: 40px; background-image: url(../images/acconav.png); background-repeat: no-repeat; background-position: 0 0}
.msgAlert, .msgInfo, .msgError, .msgOk, .msgSys {text-shadow: none; color: #FFF; background-image: url(../images/msg-bg.png); background-repeat: no-repeat; background-position: left top; padding: 10px; margin-bottom: 5px}
.msgError, .butred {background-color: #BA433F; text-shadow: none;}
.msgInfo, .butblue {background-color: #3F95AE; text-shadow: none;}
.msgAlert, .butyellow {background-color: #D38E2C; text-shadow: none;}
.msgOk, .butgreen {background-color: #4D9B4D; color: #fff; text-shadow: none;}
.msgSys, .butorange {background-color: #E8641B; text-shadow: none;}
.msgError span, .msgOk span, .msgAlert span, .msgInfo span, .msgSys span {margin-left: 5px; display: inline-block; margin-right: 10px; font-weight: 700}
.msgError .error li {background-image: url(../images/error-li.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-left: 15px}
.info {color: #fff; text-shadow: none; margin-bottom: 10px; background-image: url(../images/msg-infop.png); background-repeat: no-repeat; background-position: 10px 10px; line-height: 1.4em; border-radius: 2px; box-shadow: 0 0 1px rgba(255,255,255,0.3); background-color: rgba(0,0,0,0.6); padding: 10px 10px 10px 35px}
.info span {padding-left: 10px}
.loader2 {background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; height: 20px; width: 20px; display: inline-block}
.preloader {background-color: #fff; background-image: url(../images/preloader.gif); background-repeat: no-repeat; background-position: center center}
#tooltip {text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 10px; font-size: 12px}
#tooltip:after {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px}
#tooltip.top:after {border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto}
#tooltip.left:after {left: 10px; margin: 0}
#tooltip.right:after {right: 10px; left: auto; margin: 0}
/* == Footer == */
#footer {background-image: url(../images/footer_bg.png); background-repeat: repeat; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; color: #fff; padding: 5px 20px;}
#footer .ficons {float: right}
.modern {display: block; transition: all 0.3s ease-out; color: #626200; background-color: rgba(222,222,190,0.3); border-radius: 5px; padding-left: 10px; padding-right: 15px; line-height: 40px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: 'Cuprum', Arial, sans-serif; font-weight: 500;}
.modern a {color: rgba(141,141,73,1); text-shadow: 0px 2px 1x rgba(0,0,0,0.5), 0px 4px 6px rgba(0,0,0,0.3), 0px 9px 12px rgba(0,0,0,0.3);}
.modern a:hover {color: rgba(0,64,64,1); text-shadow: 3px 2px 1x rgba(0,0,0,0.4), 3px 4px 6px rgba(0,0,0,0.1), 3px 9px 12px rgba(0,0,0,0.1);}
.submb {display: block; transition: all 0.3s ease-out; color: #333333; font-family: 'Cuprum', Tahoma, sans-serif; background-color: rgba(215,226,233,0.3); padding-left: 10px; line-height: 35px; font-size: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgba(184,203,216,0.8); border-bottom-color: rgba(184,203,216,0.8);}
.submb a {color: rgba(39,58,71,1);}
.submb a:hover {color: #0086C6;}
.subnk {display: block; font-family: 'NewCicle', sans-serif; box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); border-radius: 0px 5px; padding-left: 5px; margin: 3px 0px; font-size: 15px; border: 2px solid #fff; background-color: rgba(179,231,255,0.5); color: #004080;}
.subhlnk {display: block; font-family: 'NewCicle', sans-serif; box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 6px -6px rgba(0,0,0,0.3); border-radius: 0px 5px; padding-left: 10px; line-height: 30px; margin: 3px 0px; font-size: 19px; border: 2px solid #fff; background-color: rgba(179,231,255,0.5); color: #004080;}
.subhlnk a {color: rgba(0,64,128,1);}
.subhlnk a:hover {color: #0086C6;}
.stmpl, .stmpl a {display: block; font-family: 'AftaSans', sans-serif; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 0px 10px; padding-left: 20px; line-height: 25px; margin: 3px 0px; font-size: 14px; background-color: #fff; color: #001E3C; border-left-width: 5px; border-left-style: solid; border-left-color: #71b238; font-weight: 500;}
.inexcl {
font-family: 'Alido', sans-serif;
box-shadow: 1px 2px 4px rgba(0,0,0,0.1);
border-radius: 0px 10px;
padding-left: 10px;
margin:8px 0px;
line-height: 36px;
font-size: 18px;
widows:100%
background-color: rgba(192,192,192,0.1);
color: #001E3C;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #71b238;}
.submx {background-color: #DEF7FE; text-indent: 25px; border-radius: 0px 10px; color: #004080; font-family: 'Exeter'; line-height: 40px; margin: 5px auto;}
.submc {background-color: #DEF7FE; text-indent: 25px; border-radius: 0px 10px; color: #004080; font-family: 'Exeter';}
.soc-ico img {box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px;}
.asa {background-color: rgba(226,226,197,0.3); text-indent: 25px; border-radius: 0px 10px; color: rgba(92,92,46,1); font-family: 'Cuprum', sans-serif; background-image: url(../images/location.png); background-repeat: no-repeat; background-position: right; font-size: 20px; line-height: 40px;}
.asb {font-family: 'NewCicle', sans-serif; font-size: 15px; line-height: 32px; padding-left: 10px; font-weight: bold;}
.asc {background-color: rgba(226,226,197,0.3); text-indent: 25px; border-radius: 0px 10px; color: rgba(92,92,46,1); font-family: 'Cuprum', sans-serif; background-image: url(../images/activities.png); background-repeat: no-repeat; background-position: right; font-size: 20px; line-height: 40px; margin-bottom: 3px;}
.botli {list-style-type: none; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; background-image: none;}
.botpg {position: relative; width: 100%; float: left;}
.share-plug {background-color: #FFF; padding: 5px 10px; border-radius: 0px 10px; box-shadow: 3px 7px 13px rgba(255, 255, 255, 0.6), 2px 4px 10px rgba(255, 255, 255, 0.4), 1px 2px 5px rgba(255, 255, 255, 0.3); font-family: 'Qumpellka', sans-serif;}
.facilities {width: 47%; float: left; line-height: 26px; font-family: 'Tender', sans-serif; font-size: 16px; position: relative;}
.inexlax {float: left; line-height: 25px; position: relative;}
.theaders {background-color: rgba(169,185,207,0.1); text-indent: 10px; color: rgba(0,112,166,1); font-family: 'Amaranth', sans-serif; line-height: 32px; font-size: 18px; box-shadow: 1px 3px 7px rgba(185,185,185,0.7); font-weight: 700; border: 1px solid rgba(185,185,185,0.4);}
.dasb {font-family: 'ArialN', sans-serif; font-size: 14px; padding-left: 8px; line-height: 32px;}
.tcontea {font-family: 'ArialN', sans-serif; font-size: 16px; background-color: rgba(249,249,242,0.2); line-height: 32px; text-indent: 10px; color: rgba(0,44,64,1); border: 1px solid rgba(185,185,185,0.4);}
#ribbon {position: relative; height: 6em; width: 10em; background-color: #cc0000; float: right; border-radius: 50%; box-shadow: 1px 5px 17px rgba(204,0,0,0.7);}
#ribcont {height: 140%; margin: 0 auto; padding-top: 18px; text-align: center; font-family: 'Brentf', sans-serif; font-size: 25px; color: #FFF; font-weight: bold; line-height: 25px;}
#ribcont a {color: #FFF;}
#ribcont a:hover {color: #DFDFDF; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);}
.facilities img {padding: 0px 1px;}
.mdnoir {display: block;color: #00274F;background-color: rgba(211,211,211,0.2);line-height: 32px;font-family: "Expletus", Arial, sans-serif;font-size: 18px;margin: 5px 0px;padding-left: 15px;box-shadow: 1px 2px 4px rgba(192,192,192,0.5);}

.zt-container {width: 1150px;height: auto;position: relative;overflow: visible;}
.zt-container img {position: relative;}
.zt-tag {display: none;}
img.zt-current {display: block;}

.phim {margin-right: auto; margin-left: auto; position: relative; font-family: 'Qumpellka', sans-serif; font-size: 48px; color: rgba(255,255,255,1); padding-left: 25px; padding-top: 25px; font-weight: 900; text-shadow: 0px 2px 1px rgba(0,0,0,0.7), 0px 4px 6px rgba(0,0,0,0.5), 0px 9px 11px rgba(0,0,0,0.3), 0px 18px 23px rgba(0,0,0,0.1);}
.phim a {color: rgba(255,255,255,1);}
.phim a:hover {color: rgba(255, 255, 255, 0, 7); text-shadow: 3px 3px 0px rgba(0,0,0,0.3), 4px 4px 0px rgba(0,0,0,0.4), 5px 5px 0px rgba(0,0,0,0.5), 6px 6px 0px rgba(0,0,0,0.6), 7px 7px 0px rgba(0,0,0,0.7), 8px 8px 0px rgba(0,0,0,8);}
/* IMAGE HOVER */
.image-hover * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.image-hover {position: relative; display: inline-block; overflow: hidden; border: 5px solid #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5)}
.image-hover img {display: block}
.image-hover a {text-decoration: none}
.img-left-content-topbottom-hover .layer-text {position: absolute; bottom: 100%; right: 0px; left: 0px; width: 100%; padding: 10px; opacity: 0; background: #fff; color: #000; font-size: 13px; text-align: left}
.img-left-content-topbottom-hover:hover .layer-text {position: absolute; bottom: 0px; opacity: 0.9}
.img-left-content-topbottom-hover .layer-text a {display: inline-block; padding: 6px 15px; margin-top: 5px; text-align: center; font-size: 14px; background: #4588da; color: #fff; text-transform: uppercase;}
.img-left-content-topbottom-hover .layer-text a:hover {background: #8ac748; color: #fff}
.img-left-content-topbottom-hover .text-inner {padding: 4px 0px}
.img-left-content-topbottom-hover .layer-text {transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;}
.img-left-content-topbottom-hover:hover .layer-text {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
.img-left-content-rightleft-hover .layer-text {position: absolute; left: 100%; top: 0px; bottom: 0px; width: 0%; padding: 5px; background: #fff; color: #000; font-size: 13px; text-align: left}
.img-left-content-rightleft-hover:hover .layer-text {position: absolute; left: 0px; width: 50%; opacity: 0.9}
.img-left-content-rightleft-hover .layer-text a {display: inline-block; padding: 4px 5px; margin-top: 5px; text-align: center; font-size: 13px; text-align: center; 14px; background: #4588da; color: #fff; text-transform: uppercase;}
.img-left-content-rightleft-hover .layer-text a:hover {background: #8ac748; color: #fff}
.img-left-content-rightleft-hover .text-inner {padding: 4px 0px}
.img-left-content-rightleft-hover .layer-text {transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;}
.img-left-content-rightleft-hover:hover .layer-text {transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
/* Social Bar */
.socialbar {width: 100%; min-height: 40px; padding: 0; font-size: 0; z-index: 999;}
.socialbar:after {clear: left; content: " ";}
.socialbar_transparent {width: 100%; min-height: 40px; padding: 0; font-size: 0; z-index: 999;}
.socialbar_transparent:after {clear: left; content: " ";}
.borderless .ss li {border: none;}
.borderless .ss li:first-child {border: none;}
.ss {width: auto; margin: 0; padding: 0; text-align: center; overflow: hidden;}
.ss li {display: inline-block; margin: 0; padding: 0; border-right: 1px solid rgba(0,0,0,0.2); background-image: url(../images/ss.png); background-repeat: no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.ss li:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.ss li:first-child {border-left: 1px solid rgba(0,0,0,0.2);}
.ss li a {display: block; text-indent: -9999; height: 40px; width: 40px;}
.ss li a:active {box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);}
.ss li.digg {background-position: 0 0;}
.ss li.digg:hover {background-position: 0 -40px;}
.ss li.facebook {background-position: 0 -80px;}
.ss li.facebook:hover {background-position: 0 -120px;}
.ss li.googleplus {background-position: 0 -160px;}
.ss li.googleplus:hover {background-position: 0 -200px;}
.ss li.linkedin {background-position: 0 -240px;}
.ss li.linkedin:hover {background-position: 0 -280px;}
.ss li.pinterest {background-position: 0 -320px;}
.ss li.pinterest:hover {background-position: 0 -360px;}
.ss li.reddit {background-position: 0 -400px;}
.ss li.reddit:hover {background-position: 0 -440px;}
.ss li.stumbleupon {background-position: 0 -480px;}
.ss li.stumbleupon:hover {background-position: 0 -520px;}
.ss li.twitter {background-position: 0 -560px;}
.ss li.twitter:hover {background-position: 0 -600px;}
.ss li.dlcs {background-position: 0 -640px;}
.ss li.dlcs:hover {background-position: 0 -680px;}
#Choco_overlay {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; display: none; padding: 0; margin: 0;}
#Choco_content {display: none; width: 800px; height: 600px; z-index: 1001; position: fixed; left: 50%; top: 45%; margin-left: -400px; margin-top: -300px; border-top: 1px solid transparent;}
#Choco_left_arrow {float: left; background-image: url(../images/gauche.gif); background-position: 22%; left: -9%;}
#Choco_right_arrow {float: right; background-image: url(../images/droite.gif); background-position: 78%; left: 9%;}
.Choco_arrows {background-repeat: no-repeat; display: none; position: relative; cursor: pointer; width: 49%; top: -100%; height: 100%; margin-top: -30px;}
#Choco_container_photo {text-align: center; width: 800px; height: 600px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
#Choco_container_description {height: 36px; width: 100%; color: #FFFFFF; font-family: Tahoma; clear: both; position: relative; font-size: 16px; overflow: hidden; visibility: hidden; background-color: #21bede; vertical-align: middle; padding-top: 5px; padding-right: 0; padding-bottom: 0px; padding-left: 5; border: 2px solid #fff;}
#Choco_container_title {float: left; padding: 5px;}
#Choco_container_via {padding: 5px; float: right;}
#Choco_container_via a {color: gray;}
#Choco_container_via a:hover {color: white; background: gray;}
#Choco_close {width: 32px; height: 32px; background-image: url(../images/close.png); background-repeat: no-repeat; z-index: 1002; cursor: pointer; display: none;}
#Choco_loading {width: 9px; height: 11px; background-image: url(../images/chargement2.gif); background-repeat: no-repeat; z-index: 1000; cursor: pointer; float: right; margin-top: -20px; display: none;}
#Choco_bigImage {display: none; position: relative; width: 100%; height: 100%; border: 2px solid #FFF;}
#example1 img {margin: 1px 3px; padding: 1px 3px; -moz-box-shadow: 1 1 1px #888; -webkit-box-shadow: 0 0 1px#888; box-shadow: 0 0 1px #888;}
.rs-wrap:after, .rs-slider:after, .rs-thumb-wrap:after, .rs-arrows:after, .rs-caption:after {content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden;}
.rs-wrap {position: relative; max-width: 100%;}
.rs-slider > li > a {display: block}
.rs-slider > li {list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.rs-slider > li > a {padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.rs-slider > li img {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5); box-shadow: 0 0 3px rgba(0, 0, 0, .5); display: block; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic;}
.rs-thumb-wrap {*zoom: 1; margin: 3px 0 0}
.rs-thumb-wrap > a:first-child {margin-left: 0!important}
.rs-thumb-wrap > a {opacity: .6; padding: 2px; *padding: 0; background: url(../img/black10.png); background: rgba(0, 0, 0, .1); -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden;}
.rs-thumb-wrap > a > img {max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic;}
.rs-thumb-wrap > a:hover, .rs-thumb-wrap > a.active {opacity: 1}
.rs-thumb-wrap > a:first-child {margin-left: 0!important}
.rs-grid {overflow: hidden; position: absolute; width: 100%; height: 100%; display: none;}
.rs-gridlet {position: absolute;}
.rs-gridlet.rs-top-left {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;}
.rs-gridlet.rs-top-right {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.rs-gridlet.rs-bottom-left {-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
.rs-gridlet.rs-bottom-right {-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
.dnav a {position: relative; display: inline-block; margin:1px; outline: none; color: #085dad; text-decoration: none; letter-spacing: 1px; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 13px; font-family: 'AftaSans', Helvetica, sans-serif; font-weight: 700;box-shadow: 1px 2px 3px rgba(201,201,201,0.7);}
.dnav a:hover, nav a:focus {outline: none;}
.cl-effect-20 a {line-height: 2em; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px;}
.cl-effect-20 a span {position: relative; display: inline-block; padding: 5px 10px; box-shadow: 1px 2px 3px rgba(201,201,201,0.7); -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; background-color: rgba(225,225,225,0.25);}
.cl-effect-20 a span::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; content: attr(data-hover); pointer-events: none; background-color: rgba(17,177,255,0.8); padding-left: 2px; box-shadow: inset 0 5px color: #0080C0; -webkit-transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; text-align: center;}
.cl-effect-20 a:hover span, .cl-effect-20 a:focus span {background: #2f4351;}
.cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before {-webkit-transform: rotateX(10deg); -moz-transform: rotateX(10deg); transform: rotateX(10deg);}
.tt-wrapper {padding: 0; width: 100%; height: 70px; margin: 10px;}
.tt-wrapper li {float: left;}
.tt-wrapper li a {display: block; width: 60px; height: 70px; outline: none; position: relative; z-index: 2; background: transparent url(../images/social.png) no-repeat top left; text-indent: -9000px; margin: 0px 10px;}
.tt-wrapper li .tt-gplus {background-position: 0px 0px;}
.tt-wrapper li .tt-twitter {background-position: -58px 0px;}
.tt-wrapper li .tt-facebook {background-position: -173px 0px;}
.fobtn {margin-top: 16px; text-align: center;}
.fobtn a {margin-right: 25px; width: 60px; height: 60px; display: inline-block; position: relative; line-height: 60px; background-color: transparent;}
.fobtn a:active {top: 1px;}
.fobtn a::before {content: ''; position: absolute; z-index: -1; top: -8px; right: -8px; bottom: -8px; left: -8px;}
.fobtn a:active::before {top: -9px;}
.fobtn a:hover::before {opacity: 1;}
.fobtn a img {border: 0;}
.dialog, .dialog__overlay {width: 100%; height: 100%; top: 0; left: 0;}
.dialog {position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none;}
.dialog__overlay {position: absolute; z-index: 1; background: rgba(55, 58, 71, 0.9); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden;}
.dialog--open .dialog__overlay {opacity: 1; pointer-events: auto;}
.dialog__content {width: 100%; max-width: 100%; max-height: 100%; background: #fff; padding: 5px; text-align: center; position: relative; z-index: 5; opacity: 0;}
.dialog--open .dialog__content {pointer-events: auto;}
.dialog--open .dialog__overlay {-webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.dialog--close .dialog__overlay {-webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.dialog__content {padding: 0; background: transparent;}
.dialog.dialog--open .dialog__content {opacity: 1;}
.morph-shape {position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; z-index: -1;}
.morph-shape svg rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 1680;}
.dialog--open .morph-shape svg rect {-webkit-animation: anim-dash 0.6s forwards; animation: anim-dash 0.6s forwards;}
.dialog-inner {opacity: 0; background: #fff;}
.dialog--open .dialog-inner {padding: 1em; opacity: 1; -webkit-transition: opacity 0.85s 0.35s; transition: opacity 0.85s 0.35s;}
.dialog.dialog--open h2 {-webkit-animation: anim-elem-1 0.7s ease-out both; animation: anim-elem-1 0.7s ease-out both;}
.dialog img {max-width: 90%; min-width: 70%;}
.dialog.dialog--open button {-webkit-animation: anim-elem-2 0.7s ease-out both; animation: anim-elem-2 0.7s ease-out both;}
.blolay {min-height: 100%; display: none;}
.pageload-link {text-transform: uppercase; letter-spacing: 1px; font-size: 0.6em; white-space: nowrap;}
.pageload-link:hover {color: #E60005;}
#page-2 {background: #fff;}
@media screen and (max-width: 40em) {.column {width: 100%; float: none; text-align: center;}}
@media screen and (max-width: 25em) {}
.blolay.show {display: block;}
.pageload-overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden;}
.pageload-overlay.show {visibility: visible;}
.pageload-overlay svg {position: absolute; top: 0; left: 0; pointer-events: none;}
.pageload-overlay svg path {fill: #fff;}
.pageload-overlay::after, .pageload-overlay::before {content: ''; position: fixed; width: 64px; height: 64px; border-radius: 50%; visibility: hidden; opacity: 0; z-index: 1000; -webkit-transition: opacity 0.15s, visibility 0s 0.15s; transition: opacity 0.15s, visibility 0s 0.15s;}
.pageload-overlay::after {-webkit-transform: translateX(-40px); transform: translateX(-40px); -webkit-animation: moveRight 0.6s linear infinite alternate; animation: moveRight 0.6s linear infinite alternate; background-color: #009D00; margin-top: 30%; margin-right: 50%; margin-bottom: 30%; margin-left: 50%;}
.pageload-overlay::before {-webkit-transform: translateX(40px); transform: translateX(40px); -webkit-animation: moveLeft 0.6s linear infinite alternate; animation: moveLeft 0.6s linear infinite alternate; background-color: #0080C0; margin-top: 30%; margin-right: 50%; margin-bottom: 30%; margin-left: 50%;}
.hi-icon-wrap {text-align: center; margin: 0 auto; padding: 0.75em 0 1em;}
.hi-icon {display: inline-block; font-size: 0px; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #E60005; text-decoration: none; float: right; margin-top: 4px; margin-right: 8px; margin-bottom: 4px; margin-left: 8px;}
.hi-icon:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.hi-icon:before {font-family: 'ecoicon'; speak: none; font-size: 32px; line-height: 40px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
.hi-icon-location:before {content: "\e00e";}
.hi-icon-effect-3 .hi-icon {background: #fff; box-shadow: 0px 0px 0px 1px #E60005; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
.hi-icon-effect-3 .hi-icon:after {top: -2px; left: -2px; padding: 2px; z-index: -1; background: #E60005; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s;}
.hi-icon-effect-3a .hi-icon {color: #E60000;}
.no-touch .hi-icon-effect-3a .hi-icon:hover {color: #E60005;}
.no-touch .hi-icon-effect-3a .hi-icon:hover:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0;}
.hi-icon-effect-3b .hi-icon {color: #E60000;}
.no-touch .hi-icon-effect-3b .hi-icon:hover {color: #fff;}
.hi-icon-effect-3b .hi-icon:after {-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0;}
.no-touch .hi-icon-effect-3b .hi-icon:hover:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.ss-links {position: inherit; top: 0px; z-index: 100; float: right;}
.ss-links a {font-size: 14px; width: 48px; height: 48px; width: 48px; line-height: 48px; margin: 5px; float: left; border-radius: 50%; display: block; text-align: center; font-family: "Arial Black", sans-serif; text-decoration: none; color: #FFF; background-color: rgba(0,128,192,0.9); -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear;}
.ss-links a:hover {background-color: rgba(206,0,0,1); box-shadow: 2px 2px 7 5px rgba(0, 0, 0, 0.25);}
.ss-timel {width: 100%; position: relative; text-align: left; float: left; overflow: hidden; padding-bottom: 400px;}
.ss-timel h2 {font-size: 40px; font-family: "Rhyme", Gadget, sans-serif; color: rgba(78,84,123,0.7); text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.25); padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
.ss-timel:before {position: absolute; width: 4px; top: 0px; left: 50%; margin-left: -2px; content: ''; height: 100%; background-color: rgba(0,128,192,0.8);}
.ss-row {width: 100%; clear: both; float: left; position: relative; padding: 30px 0;}
.ss-left, .ss-right {float: left; width: 48%; position: relative; font-family: "port", Arial; color: #151515; font-size: 14px; line-height: 25px; font-weight: lighter;}
.ss-right {padding-left: 2%;}
.ss-left {text-align: right; float: left; padding-right: 2%;}
.ss-circle {border-radius: 50%; overflow: hidden; display: block; text-indent: -9000px; text-align: left; background-size: cover; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center center; position: static; -webkit-box-shadow: 0px 2px 5px rgba(191,191,0,0.1) inset, 0px 0px 0px 12px rgba(121,211,255,0.4); -moz-box-shadow: 0px 2px 5px rgba(191,191,0,0.1) inset, 0px 0px 0px 12px rgba(121,211,255,0.4); box-shadow: 0px 2px 5px rgba(191,191,0,0.1) inset, 0px 0px 0px 12px rgba(121,211,255,0.4);}
.ss-small .ss-circle {width: 100px; height: 100px;}
.ss-medium .ss-circle {width: 200px; height: 200px;}
.ss-large .ss-circle {width: 300px; height: 300px;}
.ss-circle-deco:before {width: 29%; height: 0px; border-bottom: 5px dotted; border-bottom: 5px dotted rgba(0, 128, 192, 0.7); -webkit-box-shadow: 0px 1px 1px #fff; -moz-box-shadow: 0px 1px 1px #fff; box-shadow: 0px 1px 1px #fff; position: absolute; top: 50%; content: ''; margin-top: -3px;}
.ss-circle-deco:after {width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; top: 50%; margin-top: -10px;}
.ss-left .ss-circle-deco:before {right: 2%;}
.ss-right .ss-circle-deco:before {left: 2%;}
.ss-left .ss-circle-deco:after {right: 0; border-right: 10px solid rgba(17,17,22,0.8);}
.ss-right .ss-circle-deco:after {left: 0; border-left: 10px solid rgba(17,17,22,0.8);}
.ss-left .ss-circle {float: right; margin-right: 30%;}
.ss-right .ss-circle {float: left; margin-left: 30%;}
.ss-timel h3 {margin-top: 34px; padding: 10px 15px; background-color: rgba(238,240,226,0.5); box-shadow: 2px 2px 0 1px rgba(173,182,181,0.3); font-weight: normal;}
.ss-timel .ss-medium h3 {margin-top: 82px;}
.ss-timel .ss-large h3 {margin-top: 133px;}
.ss-timel .ss-left h3 {border-right-width: 5px; border-right-style: solid; border-right-color: rgba(191,191,0,1);}
.ss-timel .ss-right h3 {border-left-width: 5px; border-left-style: solid; border-left-color: #f7d708;}
.ss-timel h3 span {font-size: 18px; display: block; padding-bottom: 7px; font-family: Arial, sans-serif; color: #FFFFFF; line-height: 25px; font-weight: normal;}
.ss-timel h3 a {font-size: 28px; color: rgba(255,255,255,0.9); display: block;}
.ss-timel h3 a:hover {color: rgba(255,255,255,1);}
.ss-circle-1 {background-image: url(/uploads/1.jpg);}
.ss-circle-2 {background-image: url(/uploads/2.jpg);}
.ss-circle-3 {background-image: url(/uploads/3.jpg);}
.ss-circle-4 {background-image: url(/uploads/4.jpg);}
.ss-circle-5 {background-image: url(/uploads/5.jpg);}
.ss-circle-6 {background-image: url(/uploads/6.jpg);}
.ss-circle-7 {background-image: url(/uploads/7.jpg);}
.ss-circle-8 {background-image: url(/uploads/8.jpg);}
.ss-circle-9 {background-image: url(/uploads/9.jpg);}
.ss-circle-10 {background-image: url(/uploads/10.jpg);}
.ss-circle-11 {background-image: url(/uploads/11.jpg);}
.ss-circle-12 {background-image: url(/uploads/12.jpg);}
.ss-circle-13 {background-image: url(/uploads/13.jpg);}
.ss-circle-14 {background-image: url(/uploads/14.jpg);}
.ss-circle-15 {background-image: url(/uploads/15.jpg);}
.ss-circle-16 {background-image: url(/uploads/16.jpg);}
.ss-circle-17 {background-image: url(/uploads/17.jpg);}
.ss-circle-18 {background-image: url(/uploads/18.jpg);}
.ss-circle-19 {background-image: url(/uploads/19.jpg);}
.ss-circle-20 {background-image: url(/uploads/20.jpg);}
.ss-circle-21 {background-image: url(/uploads/21.jpg);}
.ss-circle-22 {background-image: url(/uploads/22.jpg);}
.ss-circle-23 {background-image: url(/uploads/23.jpg);}
.ss-circle-24 {background-image: url(/uploads/24.jpg);}
.ss-circle-25 {background-image: url(/uploads/25.jpg);}
.ss-circle-26 {background-image: url(/uploads/26.jpg);}
.ss-circle-27 {background-image: url(/uploads/27.jpg);}
.ss-circle-28 {background-image: url(/uploads/28.jpg);}
.ss-circle-29 {background-image: url(/uploads/29.jpg);}
.ss-circle-30 {background-image: url(/uploads/30.jpg);}
.btx {background: #e60000; background-image: -webkit-linear-gradient(top, #e60000, #ff0303); background-image: -moz-linear-gradient(top, #e60000, #ff0303); background-image: -ms-linear-gradient(top, #e60000, #ff0303); background-image: -o-linear-gradient(top, #e60000, #ff0303); background-image: linear-gradient(to bottom, #e60000, #ff0303); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 3px 7px #666666; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; opacity: 1;}
.btx:hover {background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none;}
.navo a {position: relative;display: inline-block;outline: none;font-family: "Expletus", Arial, sans-serif;color: #000040;text-decoration: none;font-size: 1em;}
.navo a:hover, .navo a:focus {outline: none;}
.cl-effect-6 a {padding: 10px;}
.cl-effect-6 a::before {position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: #000040;content: '';-webkit-transition: top 0.5s;-moz-transition: top 0.5s; opacity:0.1;transition: top 0.5s;}
.cl-effect-6 a::after {position: absolute;top: 0;left: 0;width: 2px;height: 4px;background: #000040;content: '';-webkit-transition: height 0.5s;-moz-transition: height 0.5s;transition: height 0.5s;}
.cl-effect-6 a:hover::before {top: 100%;opacity: 1;}
.cl-effect-6 a:hover::after {height: 100%;}
.product {font-family:'Tender', sans-serif; margin-top:10px;}
.product-image {margin-bottom: 10px;position: relative; min-height: 200px;}
.onsale-section {position: absolute;top: -6px;right: 15px;}
.onsale-section:after {position: absolute;content: '';display: block;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 6px solid #ea0006;}

.onsale {position: relative;display: inline-block;text-align: center;color: #fff;font-size: 16px;line-height: 1;padding: 12px 8px 6px;border-top-right-radius: 8px;width: 84px;background-color: #ea0006;}

.onsale:before, .onsale:after {position: absolute;content: '';display: block;}
.onsale:before {background: #ea0006;height: 7px;width: 6px;left: -6px;top: 0;}
.onsale:after {background: #ff9B9d;height: 7px;width: 8px;border-radius: 8px 8px 0 0;left: -8px;top: 0;}
.product img {display: block; border-radius:0px 0 0 25px;}

 @media screen and (max-width: 800px) {.hi-icon {margin: 15px !important;}
.blolay > section {padding: 20em 1em;}}
@media screen and (max-width: 25em) {.codrops-icon span {display: none;}}
@keyframes anim-dash {0% {stroke-dashoffset: 1680;}
100% {stroke-dashoffset: 0;}}
@-webkit-keyframes anim-dash {0% {stroke-dashoffset: 1680;}
100% {stroke-dashoffset: 0;}}
@-webkit-keyframes anim-elem-1 {0% {opacity: 0; -webkit-transform: translate3d(-150px, 0, 0);}
100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0);}}
@keyframes anim-elem-1 {0% {opacity: 0; -webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0);}
100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@-webkit-keyframes anim-elem-2 {0% {opacity: 0; -webkit-transform: translate3d(150px, 0, 0);}
100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0);}}
@keyframes anim-elem-2 {0% {opacity: 0;-webkit-transform: translate3d(150px, 0, 0);transform: translate3d(150px, 0, 0);}
100% {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@media screen and (max-width: 480px) {.rs-caption {opacity: 0!important;}}
@media only screen and (max-width: 1024px) {}
@-webkit-keyframes moveRight {to {-webkit-transform: translateX(20px);}}
@keyframes moveRight {to {transform: translateX(20px);}}
@-webkit-keyframes moveLeft {to {-webkit-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;transition: opacity 0.3s;}
@media only screen and (min-width: 768px) and (max-width: 959px) {#content-left #sidebar .widget-wrap {padding-right: 0}
#content-right #sidebar .widget-wrap {padding-left: 0}
#content-left .content-box {padding-left: 0}
#content-right .content-box {padding-right: 0}}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {.container {width: 98%;margin: 5px auto}
#topmenu {display: none}
.menu-mobile-wrapper {display: block}
.copyright {width: 100%;text-align: center}
#content-left #sidebar .widget-wrap {padding-right: 0}
#content-right #sidebar .widget-wrap {padding-left: 0}
#content-left .content-box {padding-left: 0}
#content-right .content-box {padding-right: 0}
#mainmenu {height: auto;}}
@media only screen and (max-width: 767px) {.container {width: 98%;margin: 5px auto}
#topmenu {display: none}
.menu-mobile-wrapper {display: block}
.copyright {width: 100%;text-align: center}
.tabs li, .tabs li a {margin: 0;padding: 0;float: none;display: block}
.tabs li {margin-bottom: 1px}
.tabs li a {padding-left: 10px}
#content-left #sidebar .widget-wrap {padding-right: 0}
#content-right #sidebar .widget-wrap {padding-left: 0}
#content-left .content-box {padding-left: 0}
#content-right .content-box {padding-right: 0}
#mainmenu {height: auto;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {.container {width: 98%}
#topmenu {display: none}
.menu-mobile-wrapper {display: block}
.copyright {width: 100%;text-align: center}}