/* @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:100,300,400,600,700,900,400italic|Montserrat:400,700); */
body {
    color: #999999;
}

a:not(.btn) {
    color: #03ACDC;
}

a:not(.btn):hover {
    color: #494c50;
}

h1,h2,h3,h4,h5,h6 {
    color: #000000;
}

.middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

a {
    color: #03ACDC;
}

a:hover {
    text-decoration: none;
    color: #494c50;
}

.region-left-sidebar .block,.region-right-sidebar .block {
    margin-bottom: 15px;
}

.region-left-sidebar .block-title,.region-right-sidebar .block-title {
    font-size: 24px;
    text-transform: uppercase;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.bottom-light .block-title.footer h3 {
    color: #282828!important;
}

.block-title.footer h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.block-title.shop-title {
    background: #eeeeee;
    height: 1px;
    width: 100%;
    display: block;
    margin-bottom: 90px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.block-title.shop-title .title-text-inner {
    background: #fff;
    border: 1px solid #eeeeee;
    top: -35px;
    position: relative;
    display: inline-block;
    padding: 15px 40px 5px;
}

.section-title {
    margin-bottom: 40px;
    text-align: center;
}

.section-title h3 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

.section-title h3 span {
    color: #03ACDC;
}

.section-title .divider,.section-title .divider-hover {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/hr.png) center center no-repeat;
    display: block;
    height: 9px;
    margin: 10px auto 15px;
    padding: 0;
    position: relative;
    width: 100px;
}

.media-vimeo-video,.media-youtube-video,.media-soundcloud-preview-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.media-vimeo-video iframe,.media-vimeo-video object,.media-vimeo-video embed,.media-youtube-video iframe,.media-youtube-video object,.media-youtube-video embed,.media-soundcloud-preview-wrapper iframe,.media-soundcloud-preview-wrapper object,.media-soundcloud-preview-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.media_element video {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    height: auto;
}

video {
    display: block;
    max-width: 100%;
    height: auto;
}

.view>.item-list .pagination {
    margin-bottom: 40px!important;
}

.view>.item-list .pagination>li.pager-current a {
    background-color: #03ACDC;
}

.view>.item-list .pagination>li>a {
    color: #fff;
    background: #4a4b4e;
    border-radius: 2px;
    margin-right: 7px;
    border: 0 none;
}

.view>.item-list .pagination>li>a:hover {
    background: #03ACDC;
}

.bx-wrapper .bx-viewport {
    border: 0 none;
    background: none;
}

.ImageWrapper {
    box-shadow: none;
}

.ImageWrapper img {
    width: 100%;
}

.ImageWrapper .ImageOverlayLi:before,.ImageWrapper:hover .ImageOverlayLi:before,.ImageWrapper .ImageOverlayLi:after,.ImageWrapper:hover .ImageOverlayLi:after {
    background: rgba(3,172,220,0.7)!important;
}

.ImageWrapper.dark-effect .ImageOverlayLi:before,.ImageWrapper.dark-effect:hover .ImageOverlayLi:before,.ImageWrapper.dark-effect .ImageOverlayLi:after,.ImageWrapper.dark-effect:hover .ImageOverlayLi:after {
    background: rgba(0,0,0,0.7)!important;
}

.bottom-controls .bx-controls {
    margin: 40px 0 0;
    text-align: center;
}

.bottom-controls .bx-controls .fa {
    border: 1px solid #d5d5d5;
    color: #d5d5d5;
    border-radius: 100%;
    font-size: 24px;
    height: 30px;
    width: 30px;
    line-height: 26px;
    text-align: center;
}

.bottom-controls .bx-controls .fa:hover {
    background-color: #03ACDC;
    border: 1px solid #03ACDC;
    color: #fff;
}

.bottom-controls .bx-controls .bx-prev,.bottom-controls .bx-controls .bx-next {
    position: relative;
    margin: 5px;
    background: none;
    text-indent: 0!important;
}

.bottom-controls .bx-controls .bx-prev {
    left: 0!important;
}

.bottom-controls .bx-controls .bx-next {
    right: 0!important;
}

.bottom-controls .bx-wrapper:hover .bx-prev {
    left: 0px!important;
}

.bottom-controls .bx-wrapper:hover .bx-next {
    right: 0px!important;
}

.text-white {
    color: #fff;
}

.title-wrapper h1 {
    color: #556;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0 0 5px;
    position: relative;
    color: #000;
    text-transform: uppercase;
}

.title-wrapper.title-medium h1 {
    font-size: 23px!important;
    font-family: "Montserrat",sans-serif;
}

.title-wrapper.title-small h1 {
    font-size: 17px!important;
    font-family: "Montserrat",sans-serif;
}

.title-wrapper.title-boxed {
    padding: 47px 30px;
}

.title-wrapper.title-boxed h1 {
    margin-top: 31px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.title-wrapper.border-bottom h1 {
    margin-bottom: 50px;
}

.title-wrapper.border-bottom h1:after {
    background: rgba(0,0,0,0) url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/hr.png") no-repeat scroll center center;
    bottom: -20px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 50px;
}

.title-wrapper.border-bottom:after {
    background-color: transparent;
}

.title-wrapper.border-bottom.title-center h1:after {
    left: 50%;
    margin-left: -25px;
}

.title-wrapper.border-bottom.title-small h1 {
    margin-bottom: 15px;
}

.title-wrapper.border-bottom.title-small h1:after {
    bottom: 0;
}

.title-wrapper.bg-dark h1 {
    color: #c0c3c3!important;
}

.title-wrapper.text-white,.title-wrapper.white-color {
    color: #fff;
}

.title-wrapper.text-white h1,.title-wrapper.text-white .subtitle,.title-wrapper.white-color h1,.title-wrapper.white-color .subtitle {
    color: #fff;
}

.title-wrapper.title-center {
    text-align: center;
}

.title-wrapper.title-left {
    text-align: left;
}

.title-wrapper.title-right {
    text-align: right;
}

.title-uppercased.small {
    font-size: 16px;
}

.title-uppercased {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #58585c;
    margin-bottom: 15px;
}

.box-title {
    margin: 15px 0 20px;
    font-size: 18px;
    font-weight: 400;
    color: #444;
}

.box-title.bt2 {
    margin: 0 0 25px;
    font-size: 20px;
    color: #555;
}

.box-title.bt3 {
    margin: 0 0 10px;
}

.box-title.bt4 {
    font-family: "Raleway",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.box-title.bt5 {
    font-size: 16px;
}

.block-subtitle {
    padding-bottom: 30px;
}

.anchor-1 {
    color: #e8e8e8;
}

.anchor-1:hover {
    color: #b54321;
}

iframe {
    border: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: rgba(181,67,33,0.8);
}

::selection {
    text-shadow: none;
    color: #fff;
    background: rgba(181,67,33,0.8);
}

.selection-gray {
    text-shadow: none;
    color: #555!important;
    background: #eee!important;
    padding: 3px 10px;
}

.section-dark {
    background-color: #303236;
}

.bg-gray {
    background-color: #eee;
}

.main-text {
    text-shadow: none;
    color: #22aba6!important;
}

.hr {
    margin: 20px 0 10px;
    border-top: 1px solid #22aba6;
}

mark {
    background-color: #03ACDC;
}

.bg {
    border-radius: 3px;
    padding: 5px 10px;
}

.bg.bg-main {
    background: #03ACDC;
    color: #fcfcfc;
}

.bg.bg-primary {
    color: #fcfcfc;
}

.list-group a.active,.list-group:hover a.active {
    background-color: #03ACDC!important;
    border-color: #03ACDC;
}

.main-color {
    color: #03ACDC!important;
}

.color-base {
    color: #03ACDC;
}

.main-bg {
    background-color: #03ACDC!important;
}

.color-white {
    color: #fcfcfc!important;
}

.color-blue {
    color: #1375a3!important;
}

.color-blue-2 {
    color: #34aadc!important;
}

.color-green {
    color: #208d1c!important;
}

.color-sea {
    color: #22aba6!important;
}

.color-orange {
    color: #d18b21!important;
}

.color-red {
    color: #03ACDC!important;
}

.color-red-2 {
    color: #c75c5c!important;
}

.color-yellow {
    color: #fcc813!important;
}

.color-dark {
    color: #444!important;
}

.color-default {
    color: #778888!important;
}

.bg-purple {
    background-color: #564bb5;
}

.bg-blue {
    background-color: #1375a3;
}

.bg-blue-2 {
    background-color: #34aadc;
}

.bg-green {
    background-color: #208d1c;
}

.bg-sea {
    background-color: #22aba6;
}

.bg-orange {
    background-color: #d18b21;
}

.bg-red {
    background-color: #e63f45;
}

.bg-red-2 {
    background-color: #c75c5c;
}

.bg-yellow {
    background-color: #fcc813;
}

.bg-dark {
    background-color: #444;
}

.bg-dark-gray {
    background-color: #778888;
}

.bg-light-gray {
    background-color: #aaa;
}

.bg-tael {
    background-color: #52c854;
}

.bg-transparent {
    background-color: transparent;
}

.bg-transparent .bg-overlay {
    background-color: transparent!important;
}

.bg-transparent h3 {
    color: #444!important;
}

.bg-transparent p,.bg-transparent a {
    color: #667!important;
}

.p-lead {
    font-size: 15px;
    font-weight: 600;
}

.p-lead-b {
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
    color: #99a;
}

.p-large {
    font-size: 17px;
}

.color-on-dark,.color-on-dark * {
    color: #c0c3c3!important;
}

.color-on-img,.color-on-img * {
    color: #e2e3e4!important;
}

.icon-on-img,.icon-on-img i {
    color: #e1e1e5!important;
}

.blockquote-1 {
    border-left: 3px solid #03ACDC;
    background: #f9f9f9;
}

.blockquote-1 p {
    font-size: 15px;
    line-height: 26px;
    color: #999;
}

.blockquote-1 cite {
    color: #03ACDC;
    font-size: 14px;
}

.blockquote-1 small {
    display: inline-block;
    font-size: 13px;
}

.blockquote-1.blockquote-reverse {
    border-left: 0;
    border-right: 3px solid #03ACDC;
}

.blockquote-2 {
    border-left: 3px solid #ddd;
    font-size: 16px;
}

.blockquote-2.blockquote-reverse {
    border-right: 3px solid #ddd;
    border-left: 0;
}

.link-read-more {
    color: #99a;
    font-size: 12px;
    margin-left: 30px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.link-read-more:hover {
    color: #dedee3;
}

.clear {
    clear: both;
}

.br0 {
    border-radius: 0!important;
}

.br1 {
    border-radius: 1px!important;
}

.br2 {
    border-radius: 2px!important;
}

.br4 {
    border-radius: 4px!important;
}

.br6 {
    border-radius: 6px!important;
}

.br8 {
    border-radius: 8px!important;
}

.op8 {
    opacity: 0.8!important;
}

.op7 {
    opacity: 0.7!important;
}

.op6 {
    opacity: 0.6!important;
}

.op5 {
    opacity: 0.5!important;
}

.op4 {
    opacity: 0.4!important;
}

.op2 {
    opacity: 0.2!important;
}

.uppercase {
    text-transform: uppercase;
}

.montserrat {
    font-family: "Montserrat",sans-serif;
}

.fs-small {
    font-size: 80%!important;
}

.fs-large {
    font-size: 120%!important;
}

.relative {
    position: relative;
}

.inline-block {
    display: inline-block!important;
}

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px;
}

.pull-center {
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    clear: both;
    text-align: center;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.m0 {
    margin: 0!important;
}

.mb0 {
    margin-bottom: 0!important;
}

.mt0 {
    margin-top: 0!important;
}

.mb5 {
    margin-bottom: 5px!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.mb40 {
    margin-bottom: 40px!important;
}

.mb50 {
    margin-bottom: 50px!important;
}

.mb60 {
    margin-bottom: 60px!important;
}

.mb70 {
    margin-bottom: 70px!important;
}

.mb80 {
    margin-bottom: 80px!important;
}

.mb90 {
    margin-bottom: 90px!important;
}

.mb100 {
    margin-bottom: 100px!important;
}

.mt5 {
    margin-top: 5px!important;
}

.mt10 {
    margin-top: 10px!important;
}

.mt20 {
    margin-top: 20px!important;
}

.mt30 {
    margin-top: 30px!important;
}

.mt40 {
    margin-top: 40px!important;
}

.mt50 {
    margin-top: 50px!important;
}

.mt60 {
    margin-top: 60px!important;
}

.mt70 {
    margin-top: 70px!important;
}

.mt80 {
    margin-top: 80px!important;
}

.mt90 {
    margin-top: 90px!important;
}

.mt100 {
    margin-top: 100px!important;
}

.pb5 {
    padding-bottom: 5px!important;
}

.pb10 {
    padding-bottom: 10px!important;
}

.pb20 {
    padding-bottom: 20px!important;
}

.pb30 {
    padding-bottom: 30px!important;
}

.pb40 {
    padding-bottom: 40px!important;
}

.pb50 {
    padding-bottom: 50px!important;
}

.pb60 {
    padding-bottom: 60px!important;
}

.pb70 {
    padding-bottom: 70px!important;
}

.pb80 {
    padding-bottom: 80px!important;
}

.pb90 {
    padding-bottom: 90px!important;
}

.pb100 {
    padding-bottom: 100px!important;
}

.pt5 {
    padding-top: 5px!important;
}

.pt10 {
    padding-top: 10px!important;
}

.pt20 {
    padding-top: 20px!important;
}

.pt30 {
    padding-top: 30px!important;
}

.pt40 {
    padding-top: 40px!important;
}

.pt50 {
    padding-top: 50px!important;
}

.pt60 {
    padding-top: 60px!important;
}

.pt70 {
    padding-top: 70px!important;
}

.pt80 {
    padding-top: 80px!important;
}

.pt90 {
    padding-top: 90px!important;
}

.pt100 {
    padding-top: 100px!important;
}

.p0 {
    padding: 0!important;
}

.pb0 {
    padding-bottom: 0!important;
}

.pt0 {
    padding-top: 0!important;
}

.pt5 {
    padding-top: 5px!important;
}

.pr5 {
    padding-right: 5px!important;
}

.pr10 {
    padding-right: 10px!important;
}

.pr20 {
    padding-right: 20px!important;
}

.pr30 {
    padding-right: 30px!important;
}

.pr40 {
    padding-right: 40px!important;
}

.pr50 {
    padding-right: 50px!important;
}

.pr60 {
    padding-right: 60px!important;
}

.pl5 {
    padding-left: 5px!important;
}

.pl10 {
    padding-left: 10px!important;
}

.pl20 {
    padding-left: 20px!important;
}

.pl30 {
    padding-left: 30px!important;
}

.pl40 {
    padding-left: 40px!important;
}

.pl50 {
    padding-left: 50px!important;
}

.pl60 {
    padding-left: 60px!important;
}

.py5 {
    padding-left: 5px!important;
    padding-right: 5px!important;
}

.py10 {
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.py15 {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.py20 {
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.pr0 {
    padding-right: 0!important;
}

.pl0 {
    padding-left: 0!important;
}

.no-border {
    border: none!important;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.shadow-a {
    box-shadow: 0 0 10px rgba(10,10,10,0.4);
}

.shadow-b {
    box-shadow: 2px 2px 8px rgba(10,10,10,0.4);
}

.shadow-c {
    box-shadow: 3px 3px 10px rgba(10,10,10,0.4);
}

.shadow-d {
    box-shadow: 1px 1px 5px rgba(10,10,10,0.4);
}

.border-bottom {
    position: relative;
}

.border-bottom:after {
    background-color: #03ACDC;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 35px;
}

.border-bottom.text-center:after {
    left: 50%;
    margin-left: -17px;
}

.skill-bar .progress {
    background: #dbdbdb none repeat scroll 0 0;
    box-shadow: none!important;
    height: 20px;
    margin: 40px 0 20px!important;
    position: relative;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

.skill-bar .progress .progress-bar {
    -webkit-transition: width 0s ease;
    -moz-transition: width 0s ease;
    -o-transition: width 0s ease;
    -ms-transition: width 0s ease;
    transition: width 0s ease;
    background-color: #03ACDC;
    color: #fff;
    line-height: 23px;
    text-align: left;
    position: relative;
}

.skill-bar .progress .progress-bar span.progress-type {
    background-color: rgba(25,25,25,0.2);
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    padding: 0 10px;
    position: absolute;
    line-height: 20px;
}

.skill-bar .progress .progress-bar span.progress-completed {
    color: #fff;
    font-size: 12px;
    padding: 0 20px 0 0;
    position: absolute;
    right: 0;
    line-height: 20px;
}

.skill-bar .progress.progress-animate .progress-bar {
    -webkit-transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -ms-transition: width 3s ease;
    transition: width 3s ease;
}

.skill-bar .progress.progress-bar-success .progress-bar {
    background-color: #5cb85c;
}

.skill-bar .progress.progress-bar-info .progress-bar {
    background-color: #5bc0de;
}

.skill-bar .progress.progress-bar-primary .progress-bar {
    background-color: #428bca;
}

.skill-bar .progress.progress-bar-warning .progress-bar {
    background-color: #f0ad4e;
}

.skill-bar .progress.progress-bar-danger .progress-bar {
    background-color: #d9534f;
}

.skill-bar .progress.bg-blue {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-blue .progress-bar {
    background-color: #1375a3;
}

.skill-bar .progress.bg-blue-2 {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-blue-2 .progress-bar {
    background-color: #34aadc!important;
}

.skill-bar .progress.bg-green {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-green .progress-bar {
    background-color: #208d1c!important;
}

.skill-bar .progress.bg-sea {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-sea .progress-bar {
    background-color: #22aba6!important;
}

.skill-bar .progress.bg-orange {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-orange .progress-bar {
    background-color: #d18b21!important;
}

.skill-bar .progress.bg-red {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-red .progress-bar {
    background-color: #03ACDC!important;
}

.skill-bar .progress.bg-red-2 {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-red-2 .progress-bar {
    background-color: #c75c5c!important;
}

.skill-bar .progress.bg-yellow {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-yellow .progress-bar {
    background-color: #fcc813!important;
}

.skill-bar .progress.bg-dark {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-dark .progress-bar {
    background-color: #444!important;
}

.skill-bar .progress.bg-dark-gray {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-dark-gray .progress-bar {
    background-color: #778888!important;
}

.skill-bar .progress.bg-light-gray {
    background-color: #f2f2f2;
}

.skill-bar .progress.bg-light-gray .progress-bar {
    background-color: #aaa!important;
}

.skill-bar .progress.gradient .progress-bar {
    background-color: #03ACDC;
    background-image: -webkit-gradient(linear,left 0%,left 100%,from(#03ACDC),to(#0398c3));
    background-image: -webkit-linear-gradient(top,#03ACDC,0%,#0398c3,100%);
    background-image: -moz-linear-gradient(top,#03ACDC,#0398c3);
    background-image: -ms-linear-gradient(top,#03ACDC 0%,#0398c3 100%);
    background-image: -o-linear-gradient(top,#03ACDC,#0398c3);
    background-image: linear-gradient(to bottom,#03ACDC 0%,#0398c3 100%);
}

.panel-group .panel-default {
    margin-top: 15px;
    border-radius: 0!important;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.panel-group .panel-default p {
    margin-bottom: 0;
}

.panel-group .panel-default .panel-heading {
    padding: 13px 15px;
    border-radius: 0!important;
    background-color: transparent;
    border: none;
    position: relative;
    padding: 7px 0;
}

.panel-group .panel-default .panel-title>a {
    color: #555;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-decoration: none;
    -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;
    font-weight: 400;
}

.panel-group .panel-default .panel-title>a i {
    margin-right: 10px;
    padding-left: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.panel-group .panel-default .panel-title>a i.default-icon {
    margin-right: 42px;
    padding-left: 0;
}

.panel-group .panel-default .panel-title>a i.default-icon:before {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 32px;
    background-color: #03ACDC;
    color: #fff;
}

.panel-group .panel-default .panel-title>a.collapsed i.default-icon:before {
    content: "\f067";
    background-color: #fff;
    color: #03ACDC;
}

.panel-group .panel-default .panel-body {
    background-color: transparent;
    border-top-color: transparent!important;
    padding-left: 42px;
}

.panel-group.style01 .panel-heading {
    border: none;
    position: relative;
    padding: 7px 0;
}

.panel-group.style01 .panel-heading a {
    margin-left: 25px;
    font-size: 15px;
    font-weight: 400;
}

.panel-group.style01 .panel-heading a:before {
    color: #555;
    content: "\f077";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.panel-group.style01 .panel-heading a.collapsed:before {
    content: "\f078";
}

.panel-group.style02 .panel-default .panel-heading {
    background-color: #03ACDC!important;
}

.panel-group.style02 .panel-default .panel-heading .panel-title a {
    color: #fff;
}

.panel-group.style02 .panel-default .panel-heading .panel-title a i {
    color: #fff;
}

.panel-group.style02 .panel-default .panel-body {
    border-bottom: solid 1px #03ACDC;
    background-color: #f9f9f9;
}

.dexp-shortcodes-button {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    min-width: 100px;
}

.dexp-shortcodes-button:hover {
    background-color: #505460;
    border-color: #505460;
    color: #fff;
}

.dexp-shortcodes-button.btn-st1 {
    backface-visibility: hidden;
    background: none repeat scroll 0 0 #556;
    border: medium none;
    box-shadow: 0 0 1px rgba(0,0,0,0);
    color: #fff;
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    vertical-align: middle;
}

.dexp-shortcodes-button.btn-st1:before {
    background: none repeat scroll 0 0 #03ACDC;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    z-index: -1;
}

.dexp-shortcodes-button.btn-st1.btn-radius:before {
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
}

.dexp-shortcodes-button.btn-st1.btn-md {
    padding: 10px 20px;
}

.dexp-shortcodes-button.btn-st1:hover,.dexp-shortcodes-button.btn-st1:focus,.dexp-shortcodes-button.btn-st1:active {
    color: #fff;
}

.dexp-shortcodes-button.btn-st1:hover:before,.dexp-shortcodes-button.btn-st1:focus:before {
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.dexp-shortcodes-button.btn-st2 {
    background-color: #e4e4e4;
    border: medium none;
    color: #555560;
}

.dexp-shortcodes-button.btn-st2:hover,.dexp-shortcodes-button.btn-st2:focus,.dexp-shortcodes-button.btn-st2:active,.dexp-shortcodes-button.btn-st2.active {
    background-color: #dfdfdf;
    border: medium none;
    color: #555557;
}

.dexp-shortcodes-button.btn-st2.btn-md {
    padding: 10px 20px;
}

.dexp-shortcodes-button.btn-st3 {
    background-color: transparent;
    border: 1px solid #03ACDC;
    color: #03ACDC;
}

.dexp-shortcodes-button.btn-st3:hover,.dexp-shortcodes-button.btn-st3:focus,.dexp-shortcodes-button.btn-st3:active,.dexp-shortcodes-button.btn-st3.active {
    border: 1px solid #556;
    color: #556;
}

.dexp-shortcodes-button.btn-st3.btn-md {
    padding: 10px 20px;
}

.dexp-shortcodes-button.btn-st4 {
    background-color: #505460;
    color: #fff;
    letter-spacing: 1px;
}

.dexp-shortcodes-button.btn-st4:hover,.dexp-shortcodes-button.btn-st4:focus,.dexp-shortcodes-button.btn-st4:active,.dexp-shortcodes-button.btn-st4.active {
    background-color: #03ACDC;
    -webkit-box-shadow: 2px 1px 6px rgba(0,0,0,0);
    -moz-box-shadow: 2px 1px 6px rgba(0,0,0,0);
    box-shadow: 2px 1px 6px rgba(0,0,0,0);
    color: #fff;
}

.dexp-shortcodes-button.btn-st4.btn-md {
    padding: 10px 20px;
}

.dexp-shortcodes-button.btn-st5 {
    background-color: transparent;
    border: 1px solid #03ACDC;
    color: #03ACDC;
    font-weight: 400;
    letter-spacing: 1px;
}

.dexp-shortcodes-button.btn-st5:hover,.dexp-shortcodes-button.btn-st5:focus,.dexp-shortcodes-button.btn-st5:active,.dexp-shortcodes-button.btn-st5.active {
    background-color: #03ACDC;
    -webkit-box-shadow: 2px 4px 14px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 14px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 14px rgba(0,0,0,0.5);
    color: #fff;
}

.dexp-shortcodes-button.btn-st5.btn-md {
    padding: 10px 20px;
}

.dexp-shortcodes-button.btn-radius {
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
}

.dexp-shortcodes-button.btn-facebook {
    background-color: #677fb5;
}

.dexp-shortcodes-button.btn-twitter {
    background-color: #70c2e9;
}

.dexp-shortcodes-button.btn-google-plus {
    background-color: #bc7067;
}

.dexp-shortcodes-button.btn-behance {
    background-color: #42a9fb;
}

.dexp-shortcodes-button.btn-pinterest {
    background-color: #d8545d;
}

.dexp-shortcodes-button.btn-flickr {
    background-color: #ff3ba4;
}

.dexp-shortcodes-button.btn-dribbble {
    background-color: #e299c2;
}

.dexp-shortcodes-button.btn-linkedin {
    background-color: #3daccf;
}

.dexp-shortcodes-button.btn-instagram {
    background-color: #b99682;
}

.dexp-shortcodes-button.btn-facebook,.dexp-shortcodes-button.btn-twitter,.dexp-shortcodes-button.btn-google-plus,.dexp-shortcodes-button.btn-behance,.dexp-shortcodes-button.btn-pinterest,.dexp-shortcodes-button.btn-flickr,.dexp-shortcodes-button.btn-dribbble,.dexp-shortcodes-button.btn-linkedin,.dexp-shortcodes-button.btn-instagram {
    color: #fff;
}

.dexp-shortcodes-button.btn-facebook:hover,.dexp-shortcodes-button.btn-twitter:hover,.dexp-shortcodes-button.btn-google-plus:hover,.dexp-shortcodes-button.btn-behance:hover,.dexp-shortcodes-button.btn-pinterest:hover,.dexp-shortcodes-button.btn-flickr:hover,.dexp-shortcodes-button.btn-dribbble:hover,.dexp-shortcodes-button.btn-linkedin:hover,.dexp-shortcodes-button.btn-instagram:hover {
    background-color: #556;
    -webkit-box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
    box-shadow: 2px 4px 7px rgba(0,0,0,0.5);
    color: #fff;
}

.dexp-shortcodes-button.btn-primary {
    background: #03ACDC;
    border: 1px solid #03ACDC;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.dexp-shortcodes-button.btn-primary:hover {
    background: #fff;
    color: #03ACDC;
}

.btn-primary {
    background: #03ACDC;
    border: 1px solid #03ACDC;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn-primary:hover {
    background: #fff;
    color: #03ACDC;
}

.featured .btn-primary {
    background: #fff;
    color: #03ACDC;
}

.btn-slider {
    background-color: transparent;
    border: 2px solid #e2e3e4;
    color: #e2e3e4!important;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 15px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.btn-slider:hover {
    background-color: #03ACDC;
    border-color: #03ACDC;
}

.btn-slider.reversed {
    background-color: #03ACDC;
    border-color: #03ACDC;
}

.btn-slider.reversed:hover {
    background-color: transparent;
    border-color: #e2e3e4;
}

.alert {
    border: medium none;
    border-radius: 1px;
    padding: 10px 20px;
    position: relative;
}

.alert .fa {
    display: block;
    float: left;
    margin: 5px 20px 15px 5px;
}

.alert.alert-bg {
    color: rgba(255,255,255,0.9);
    padding: 20px 40px 20px 20px;
}

.alert.alert-dismissable .close {
    position: absolute;
    right: 10px;
    top: 5px;
}

.alert.welcome-message {
    background: url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/messageb.png") no-repeat -34px top;
    display: block;
    margin: auto;
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 99;
}

@media (max-width: 768px) {
    .alert.welcome-message {
        background:#F2F2F2;
    }
}

.dexp_tab_wrapper .nav-tabs>li>a:hover,.product-details-wrap .nav-tabs>li>a:hover,.tabs .nav-tabs>li>a:hover {
    background-color: #03ACDC;
    border-color: #FFF;
    color: #FFF!important;
}

.dexp_tab_wrapper .tab-content,.product-details-wrap .tab-content,.tabs .tab-content {
    border-bottom: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding: 20px;
}

.dexp_tab_wrapper .nav-tabs li a,.product-details-wrap .nav-tabs li a,.tabs .nav-tabs li a {
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-left: none;
    border-radius: 0;
    margin: 0;
    color: #83939C;
}

.dexp_tab_wrapper .nav-tabs li.first,.product-details-wrap .nav-tabs li.first,.tabs .nav-tabs li.first {
    border-left: 1px solid #EFEFEF;
}

.dexp_tab_wrapper .nav-tabs li.active a,.product-details-wrap .nav-tabs li.active a,.tabs .nav-tabs li.active a {
    color: #03ACDC;
}

.dexp_tab_wrapper .nav-tabs li:first-child,.product-details-wrap .nav-tabs li:first-child,.tabs .nav-tabs li:first-child {
    border-left: solid 1px #EEE;
}

@media (max-width: 480px) {
    .dexp_tab_wrapper ul.nav-tabs,.product-details-wrap ul.nav-tabs,.tabs ul.nav-tabs {
        border:none;
    }

    .dexp_tab_wrapper ul.nav-tabs li,.product-details-wrap ul.nav-tabs li,.tabs ul.nav-tabs li {
        width: 100%;
    }

    .dexp_tab_wrapper ul.nav-tabs li a,.product-details-wrap ul.nav-tabs li a,.tabs ul.nav-tabs li a {
        border-left: solid 1px #EEE;
    }

    .dexp_tab_wrapper ul.nav-tabs li.first.active a,.product-details-wrap ul.nav-tabs li.first.active a,.tabs ul.nav-tabs li.first.active a {
        border-left: none;
    }
}

.dexp_tab_wrapper.vertical,.product-details-wrap.vertical,.tabs.vertical {
    border: 1px solid #DDDDDD;
    padding-bottom: 1px;
    background: url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/fc.png") repeat-y scroll 0 0 rgba(0,0,0,0);
}

.dexp_tab_wrapper.vertical .nav-tabs,.product-details-wrap.vertical .nav-tabs,.tabs.vertical .nav-tabs {
    border-bottom: none;
    float: left;
    font-size: 1em;
    line-height: 1;
    margin: 0 -100% -1px 0;
    padding: 0;
    width: 240px;
}

.dexp_tab_wrapper.vertical .nav-tabs li,.product-details-wrap.vertical .nav-tabs li,.tabs.vertical .nav-tabs li {
    float: none;
}

.dexp_tab_wrapper.vertical .nav-tabs li a,.product-details-wrap.vertical .nav-tabs li a,.tabs.vertical .nav-tabs li a {
    border: solid 1px #DDD;
    border-left: none;
    border-radius: 0;
    color: #83939C;
}

.dexp_tab_wrapper.vertical .nav-tabs li.first a,.product-details-wrap.vertical .nav-tabs li.first a,.tabs.vertical .nav-tabs li.first a {
    border-top: none;
}

.dexp_tab_wrapper.vertical .nav-tabs li.active a,.product-details-wrap.vertical .nav-tabs li.active a,.tabs.vertical .nav-tabs li.active a {
    color: #03ACDC;
}

.dexp_tab_wrapper.vertical .nav-tabs li.active a,.product-details-wrap.vertical .nav-tabs li.active a,.tabs.vertical .nav-tabs li.active a {
    border-left: none!important;
    border-right: none!important;
    border-bottom: none!important;
    border-top: solid 1px #DDD;
}

.dexp_tab_wrapper.vertical .nav-tabs li.first.active a,.product-details-wrap.vertical .nav-tabs li.first.active a,.tabs.vertical .nav-tabs li.first.active a {
    border-top: none!important;
}

.dexp_tab_wrapper.vertical .nav-tabs li.last.active a,.product-details-wrap.vertical .nav-tabs li.last.active a,.tabs.vertical .nav-tabs li.last.active a {
    border-bottom: solid 1px #DDD!important;
}

.dexp_tab_wrapper.vertical .tab-content,.product-details-wrap.vertical .tab-content,.tabs.vertical .tab-content {
    background-color: #FFFFFF;
    border: medium none;
    margin: 0 0 0 240px;
    padding: 10px 15px 10px 20px;
}

.dexp_tab_wrapper.color-tabs .nav-tabs,.product-details-wrap.color-tabs .nav-tabs,.tabs.color-tabs .nav-tabs {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: none;
}

.dexp_tab_wrapper.color-tabs .nav-tabs li,.product-details-wrap.color-tabs .nav-tabs li,.tabs.color-tabs .nav-tabs li {
    display: inline-block;
    float: none;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin: 0 5px;
}

.dexp_tab_wrapper.color-tabs .nav-tabs li.active a,.product-details-wrap.color-tabs .nav-tabs li.active a,.tabs.color-tabs .nav-tabs li.active a {
    background-color: transparent;
    color: #fff;
    width: 90px;
    height: 90px;
    line-height: 90px;
}

.dexp_tab_wrapper.color-tabs .nav-tabs li a,.product-details-wrap.color-tabs .nav-tabs li a,.tabs.color-tabs .nav-tabs li a {
    border: 1px solid transparent;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    padding: 0;
    text-align: center;
    width: 80px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp_tab_wrapper.color-tabs .nav-tabs li:hover,.product-details-wrap.color-tabs .nav-tabs li:hover,.tabs.color-tabs .nav-tabs li:hover {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.dexp_tab_wrapper.color-tabs .nav-tabs li:hover a,.product-details-wrap.color-tabs .nav-tabs li:hover a,.tabs.color-tabs .nav-tabs li:hover a {
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.dexp_tab_wrapper.color-tabs .tab-content,.product-details-wrap.color-tabs .tab-content,.tabs.color-tabs .tab-content {
    border: none;
    padding: 0;
}

.dexp_tab_wrapper.color-tabs .tab-content .tab-pane,.product-details-wrap.color-tabs .tab-content .tab-pane,.tabs.color-tabs .tab-content .tab-pane {
    padding: 20px;
}

.dexp_tab_wrapper.color-tabs .tab-content .tab-pane .service-icon,.product-details-wrap.color-tabs .tab-content .tab-pane .service-icon,.tabs.color-tabs .tab-content .tab-pane .service-icon {
    text-align: center;
}

.dexp_tab_wrapper.color-tabs .tab-content .tab-pane .service-icon img,.product-details-wrap.color-tabs .tab-content .tab-pane .service-icon img,.tabs.color-tabs .tab-content .tab-pane .service-icon img {
    height: 120px;
    width: 120px;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.dexp_tab_wrapper.color-tabs .tab-content .tab-pane h3,.product-details-wrap.color-tabs .tab-content .tab-pane h3,.tabs.color-tabs .tab-content .tab-pane h3 {
    text-transform: uppercase;
    color: #fff;
}

.dexp_tab_wrapper.color-tabs .tab-content .tab-pane p,.product-details-wrap.color-tabs .tab-content .tab-pane p,.tabs.color-tabs .tab-content .tab-pane p {
    color: #fff;
}

@media (max-width: 480px) {
    .dexp_tab_wrapper.vertical,.product-details-wrap.vertical,.tabs.vertical {
        background:none;
    }

    .dexp_tab_wrapper.vertical ul.nav-tabs,.product-details-wrap.vertical ul.nav-tabs,.tabs.vertical ul.nav-tabs {
        width: 100%;
    }

    .dexp_tab_wrapper.vertical ul.nav-tabs li,.product-details-wrap.vertical ul.nav-tabs li,.tabs.vertical ul.nav-tabs li {
        width: 100%;
    }

    .dexp_tab_wrapper.vertical ul.nav-tabs li a,.product-details-wrap.vertical ul.nav-tabs li a,.tabs.vertical ul.nav-tabs li a {
        border-right: none;
    }

    .dexp_tab_wrapper.vertical ul.nav-tabs li.active a,.product-details-wrap.vertical ul.nav-tabs li.active a,.tabs.vertical ul.nav-tabs li.active a {
        border-left: none;
    }

    .dexp_tab_wrapper.vertical .tab-content,.product-details-wrap.vertical .tab-content,.tabs.vertical .tab-content {
        margin: 0;
        clear: both;
    }

    .dexp_tab_wrapper.color-tabs .nav-tabs li,.product-details-wrap.color-tabs .nav-tabs li,.tabs.color-tabs .nav-tabs li {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        text-align: center;
        margin: 0;
    }

    .dexp_tab_wrapper.color-tabs .nav-tabs li a,.product-details-wrap.color-tabs .nav-tabs li a,.tabs.color-tabs .nav-tabs li a {
        text-align: center;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        width: auto;
    }

    .dexp_tab_wrapper.color-tabs .nav-tabs li:hover,.dexp_tab_wrapper.color-tabs .nav-tabs li.active,.product-details-wrap.color-tabs .nav-tabs li:hover,.product-details-wrap.color-tabs .nav-tabs li.active,.tabs.color-tabs .nav-tabs li:hover,.tabs.color-tabs .nav-tabs li.active {
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .dexp_tab_wrapper.color-tabs .nav-tabs li:hover a,.dexp_tab_wrapper.color-tabs .nav-tabs li.active a,.product-details-wrap.color-tabs .nav-tabs li:hover a,.product-details-wrap.color-tabs .nav-tabs li.active a,.tabs.color-tabs .nav-tabs li:hover a,.tabs.color-tabs .nav-tabs li.active a {
        text-align: center;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        width: auto;
    }
}

#map {
    display: block;
    height: 450px;
    position: relative;
    width: 100%;
}

#map img {
    max-width: inherit;
}

.map {
    position: relative;
}

.infobox img {
    width: 100%!important;
}

.map .searchmodule {
    padding: 18px 10px;
}

.infobox {
    display: inline-block;
    padding: 10px 5px 5px;
    position: relative;
    width: 270px;
}

.infobox img {
    margin-right: 10px;
    width: 95px!important;
    float: left;
}

.infobox .title {
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.infobox .title a {
    font-weight: bold;
}

.gm-style .gm-style-iw {
    font-size: 13px;
    font-weight: 300;
}

.gm-style .gm-iw {
    color: #2C2C2C;
}

.gm-style .gm-iw b {
    font-weight: 400;
}

.gm-style .gm-iw a:link,.gm-style .gm-iw a:visited {
    color: #4272DB;
    text-decoration: none;
}

.gm-style .gm-iw a:hover {
    color: #4272DB;
    text-decoration: underline;
}

.gm-style .gm-iw .gm-title {
    font-weight: 400;
    margin-bottom: 1px;
}

.gm-style .gm-iw .gm-basicinfo {
    line-height: 18px;
    padding-bottom: 12px;
}

.gm-style .gm-iw .gm-website {
    padding-top: 6px;
}

.gm-style .gm-iw .gm-photos {
    -moz-user-select: none;
    padding-bottom: 8px;
}

.gm-style .gm-iw .gm-sv,.gm-style .gm-iw .gm-ph {
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.gm-style .gm-iw .gm-sv {
    padding-right: 4px;
}

.gm-style .gm-iw .gm-wsv {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.gm-style .gm-iw .gm-sv-label,.gm-style .gm-iw .gm-ph-label {
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}

.gm-style .gm-iw .gm-stars-b,.gm-style .gm-iw .gm-stars-f {
    font-size: 0;
    height: 13px;
}

.gm-style .gm-iw .gm-stars-b {
    background-position: 0 0;
    margin: 0 5px;
    position: relative;
    top: 3px;
    width: 65px;
}

.gm-style .gm-iw .gm-rev {
    -moz-user-select: none;
    line-height: 20px;
}

.gm-style .gm-iw .gm-numeric-rev {
    color: #DD4B39;
    font-size: 16px;
    font-weight: 400;
}

.gm-style .gm-iw.gm-transit {
    margin-left: 15px;
}

.gm-style .gm-iw.gm-transit td {
    vertical-align: top;
}

.gm-style .gm-iw.gm-transit .gm-time {
    color: #676767;
    font-weight: bold;
    white-space: nowrap;
}

.gm-style .gm-iw.gm-transit img {
    float: left;
    height: 15px;
    margin: 1px 5px 0 -20px;
    width: 15px;
}

.gm-iw.gm-sm {
    margin-right: -20px;
}

.gm-iw {
    text-align: left;
}

.gm-iw .gm-title {
    padding-right: 20px;
}

.gm-iw .gm-numeric-rev {
    float: left;
}

.gm-iw .gm-photos,.gm-iw .gm-rev {
    direction: ltr;
}

.gm-iw .gm-stars-f,.gm-iw .gm-stars-b {
    background: url("http://maps.gstatic.com/mapfiles/api-3/images/review_stars.png") no-repeat scroll 0 0px 26px rgba(0,0,0,0);
    float: left;
}

.gm-iw .gm-stars-f {
    background-position: left -13px;
}

.gm-iw .gm-sv-label,.gm-iw .gm-ph-label {
    left: 4px;
}

body:not(.admin-menu) .contextual-links,body:not(.admin-menu) .form-item-copy {
    display: none;
}

.pricing-table .pricing-box {
    background: #fff;
    text-align: center;
    padding: 40px 20px;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.pricing-table .pricing-box.background-gray {
    background: #f5f5f5;
}

.pricing-table .pricing-box h3 {
    text-transform: uppercase;
}

.pricing-table .pricing-box h1 {
    font-size: 100px;
    font-weight: bold;
    max-width: 230px;
    margin: auto;
    position: relative;
}

.pricing-table .pricing-box h1 sup {
    font-size: 24px;
    vertical-align: top;
    top: 25px;
}

.pricing-table .pricing-box h1 em {
    bottom: 0px;
    font-size: 24px;
    position: absolute;
    right: 30px;
    vertical-align: middle;
}

.pricing-table .pricing-box:hover h3,.pricing-table .pricing-box:hover h1,.pricing-table .pricing-box.active h3,.pricing-table .pricing-box.active h1 {
    color: #fff!important;
}

.pricing-table .pricing-box:hover .btn,.pricing-table .pricing-box .pricing-box:hover .btn,.pricing-table .pricing-box .pricing-box.active .btn,.pricing-table .pricing-box .pricing-box.active .btn {
    background: #fff!important;
    color: #242424;
}

.pricing-table .pricing-box.featured,.pricing-table .pricing-box:hover {
    background-color: #03ACDC;
}

.pricing-table .pricing-box.featured h3,.pricing-table .pricing-box.featured h1,.pricing-table .pricing-box.featured li,.pricing-table .pricing-box:hover h3,.pricing-table .pricing-box:hover h1,.pricing-table .pricing-box:hover li {
    color: #fff;
}

.pricing-table .pricing-head {
    position: relative;
}

.pricing-table .pricing-body ul {
    padding: 20px 0;
}

.pricing-table .pricing-body ul li {
    padding: 10px 0;
    list-style: none;
}

.dexp-shortcodes-box {
    clear: both;
}

.dexp-shortcodes-box .box-icon {
    text-align: center;
    -webkit-transform: rotate(0deg) scale(1) skew(0) translate(0);
    -moz-transform: rotate(0deg) scale(1) skew(0) translate(0);
    -o-transform: rotate(0deg) scale(1) skew(0) translate(0);
    -ms-transform: rotate(0deg) scale(1) skew(0) translate(0);
    transform: rotate(0deg) scale(1) skew(0) translate(0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.dexp-shortcodes-box .box-icon i {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 30px;
    padding-top: 15px;
    display: inline-block;
    line-height: 70px;
}

.dexp-shortcodes-box .box-icon .number {
    border: 1px solid #03ACDC;
    border-radius: 100px;
    bottom: 0;
    font-size: 15px;
    height: 30px;
    line-height: 27px;
    position: absolute;
    right: 0;
    width: 30px;
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-weight: 600;
    margin: 0 3px;
    text-align: center;
}

.dexp-shortcodes-box .box-title {
    margin: 15px 0;
    color: #556;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    margin: 0 0 15px;
    position: relative;
}

.dexp-shortcodes-box .box-title a {
    color: #99a;
    font-size: 0px;
    margin-left: 30px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box:hover .box-title {
    color: #03ACDC;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box:hover .box-title a {
    margin-left: 15px;
    font-size: 12px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box:hover .box-title a:hover {
    color: #556;
}

.dexp-shortcodes-box.box-top-left .box-icon {
    float: left;
    margin-right: 15px;
}

.dexp-shortcodes-box.box-top-left .box-icon i {
    text-align: center;
    line-height: 20px;
}

.dexp-shortcodes-box.box-top-left .box-title {
    text-align: left;
}

.dexp-shortcodes-box.box-top-left .box-title:after {
    content: none;
}

.dexp-shortcodes-box.box-top-left .box-content {
    text-align: left;
}

.dexp-shortcodes-box.box-top-right .box-icon {
    float: right;
    margin-left: 15px;
}

.dexp-shortcodes-box.box-top-right .box-icon i {
    text-align: center;
    line-height: 20px;
}

.dexp-shortcodes-box.box-top-right .box-title {
    text-align: right;
}

.dexp-shortcodes-box.box-top-right .box-title:after {
    content: none;
}

.dexp-shortcodes-box.box-top-right .box-content {
    text-align: right;
}

.dexp-shortcodes-box.box-left {
    margin-bottom: 40px;
}

.dexp-shortcodes-box.box-left .box-icon {
    float: left;
    margin: 8px 25px 25px 0px;
    width: 60px;
    height: 60px;
}

.dexp-shortcodes-box.box-left .box-icon i {
    line-height: 30px;
}

.dexp-shortcodes-box.box-left .box-title,.dexp-shortcodes-box.box-left .box-content {
    margin-left: 85px;
    text-align: left;
}

.dexp-shortcodes-box.box-left .box-title {
    margin-bottom: 5px!important;
}

.dexp-shortcodes-box.box-left .box-title:after {
    left: 0;
    margin-left: 85px;
}

.dexp-shortcodes-box.box-right {
    margin-bottom: 40px;
}

.dexp-shortcodes-box.box-right .box-icon {
    float: right;
    margin: 3px 0px 15px 15px;
    width: 60px;
    height: 60px;
}

.dexp-shortcodes-box.box-right .box-icon i {
    line-height: 30px;
}

.dexp-shortcodes-box.box-right .box-title,.dexp-shortcodes-box.box-right .box-content {
    margin-right: 85px;
    text-align: right;
}

.dexp-shortcodes-box.box-right .box-title {
    margin-bottom: 5px!important;
}

.dexp-shortcodes-box.box-right .box-title:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 85px;
}

.dexp-shortcodes-box.title-white .box-title {
    color: #fff;
}

.dexp-shortcodes-box.box-none .box-icon i {
    font-size: 45px;
    padding-top: 5px;
}

.dexp-shortcodes-box.small-box .box-icon {
    width: 35px;
    height: 30px;
}

.dexp-shortcodes-box.small-box .box-icon i {
    font-size: 18px;
    padding-top: 5px;
}

.dexp-shortcodes-box.small-box.box-none .box-icon {
    text-align: left;
}

.dexp-shortcodes-box.small-box.box-none .box-icon i {
    font-size: 31px;
    line-height: 20px;
}

.dexp-shortcodes-box.small-box.box-none:hover .box-icon i {
    color: #03ACDC;
}

.dexp-shortcodes-box.box-square .box-icon {
    border: solid 1px #03ACDC;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.dexp-shortcodes-box.box-circle .box-icon {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.dexp-shortcodes-box.box-background .box-icon {
    background-color: #03ACDC;
    color: #fff;
}

.dexp-shortcodes-box.box-background:hover .box-title {
    color: #03ACDC;
}

.dexp-shortcodes-box.hover-effect-1:hover .box-icon {
    background-color: #556;
    border-color: #556;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box.hover-effect-2:hover .box-icon {
    background-color: #556;
    border-color: #556;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box.box-bg-dark .box-icon {
    background-color: #42424a;
    border-color: #42424a;
}

.dexp-shortcodes-box.box-bg-dark:hover .box-icon {
    background-color: #03ACDC;
    border-color: #03ACDC;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dexp-shortcodes-box.box-center .box-icon {
    margin: 0 auto;
}

.dexp-shortcodes-box.box-center .box-title {
    position: relative;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
}

.dexp-shortcodes-box.box-center .box-content {
    text-align: center;
    margin-top: 25px;
}

.dexp-shortcodes-box.box-center.text-left .box-icon {
    margin: 0;
}

.dexp-shortcodes-box.box-center.text-left .box-title {
    text-align: left;
}

.dexp-shortcodes-box.box-center.text-left .box-title:after {
    left: 0;
    margin-left: 0;
}

.dexp-shortcodes-box.box-center.text-left .box-content {
    text-align: left;
}

.dexp-shortcodes-box.box-center.text-right .box-icon {
    margin: 0 100%;
}

.dexp-shortcodes-box.box-center.text-right .box-title {
    text-align: right;
}

.dexp-shortcodes-box.box-center.text-right .box-title:after {
    left: auto;
    right: 0;
    margin-left: 0;
}

.dexp-shortcodes-box.box-center.box-none .box-icon i {
    font-size: 55px;
    padding-top: 10px;
}

.dexp-shortcodes-box.icon-main-color i {
    color: #03ACDC!important;
}

.dexp-shortcodes-box.bg-blue {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-blue .box-icon {
    background-color: #1375a3;
    border: none;
}

.dexp-shortcodes-box.bg-blue .box-icon .number {
    color: #1375a3;
    border-color: #1375a3;
}

.dexp-shortcodes-box.bg-blue-2 {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-blue-2 .box-icon {
    background-color: #34aadc;
    border: none;
}

.dexp-shortcodes-box.bg-blue-2 .box-icon .number {
    color: #34aadc;
    border-color: #34aadc;
}

.dexp-shortcodes-box.bg-green {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-green .box-icon {
    background-color: #208d1c;
    border: none;
}

.dexp-shortcodes-box.bg-green .box-icon .number {
    color: #208d1c;
    border-color: #208d1c;
}

.dexp-shortcodes-box.bg-sea {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-sea .box-icon {
    background-color: #22aba6;
    border: none;
}

.dexp-shortcodes-box.bg-sea .box-icon .number {
    color: #22aba6;
    border-color: #22aba6;
}

.dexp-shortcodes-box.bg-orange {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-orange .box-icon {
    background-color: #d18b21;
    border: none;
}

.dexp-shortcodes-box.bg-orange .box-icon .number {
    color: #d18b21;
    border-color: #d18b21;
}

.dexp-shortcodes-box.bg-red {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-red .box-icon {
    background-color: #e85d5d;
    border: none;
}

.dexp-shortcodes-box.bg-red .box-icon .number {
    color: #e85d5d;
    border-color: #e85d5d;
}

.dexp-shortcodes-box.bg-red-2 {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-red-2 .box-icon {
    background-color: #c75c5c;
    border: none;
}

.dexp-shortcodes-box.bg-red-2 .box-icon .number {
    color: #c75c5c;
    border-color: #c75c5c;
}

.dexp-shortcodes-box.bg-yellow {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-yellow .box-icon {
    background-color: #fcc813;
    border: none;
}

.dexp-shortcodes-box.bg-yellow .box-icon .number {
    color: #fcc813;
    border-color: #fcc813;
}

.dexp-shortcodes-box.bg-dark {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-dark .box-icon {
    background-color: #444;
    border: none;
}

.dexp-shortcodes-box.bg-dark .box-icon .number {
    color: #444;
    border-color: #444;
}

.dexp-shortcodes-box.bg-dark-gray {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-dark-gray .box-icon {
    background-color: #778888;
    border: none;
}

.dexp-shortcodes-box.bg-dark-gray .box-icon .number {
    color: #778888;
    border-color: #778888;
}

.dexp-shortcodes-box.bg-light-gray {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-light-gray .box-icon {
    background-color: #aaa;
    border: none;
}

.dexp-shortcodes-box.bg-light-gray .box-icon .number {
    color: #aaa;
    border-color: #aaa;
}

.dexp-shortcodes-box.bg-purple {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-purple .box-icon {
    background-color: #564bb5;
    border: none;
}

.dexp-shortcodes-box.bg-purple .box-icon .number {
    color: #564bb5;
    border-color: #564bb5;
}

.dexp-shortcodes-box.main-bg {
    background-color: transparent!important;
}

.dexp-shortcodes-box.main-bg .box-icon {
    background-color: #03ACDC;
    border: none;
}

.dexp-shortcodes-box.main-bg .box-icon .number {
    color: #03ACDC;
    border-color: #03ACDC;
}

.dexp-shortcodes-box.bg-tael {
    background-color: transparent!important;
}

.dexp-shortcodes-box.bg-tael .box-icon {
    background-color: #52c854;
    border: none;
}

.dexp-shortcodes-box.bg-tael .box-icon .number {
    color: #52c854;
    border-color: #52c854;
}

.row .border-right {
    border-right: 1px solid #99a2a2;
}

.row .border-right:last-child {
    border-right: none;
}

div[class*="bg-"] .dexp-shortcodes-box .box-icon {
    background: transparent;
    border: solid 1px #fff;
}

div[class*="bg-"] .dexp-shortcodes-box .box-title,div[class*="bg-"] .dexp-shortcodes-box .box-content {
    color: #fff;
}

div[class*="bg-"] .dexp-shortcodes-box .box-title:after {
    background-color: #fff;
}

div[class*="bg-"] .dexp-shortcodes-box .box-title:hover {
    color: #fff;
}

.dexp-social-icon {
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 30px;
    list-style: none;
    margin-right: 5px;
    display: inline-block;
}

.dexp-social-icon .fa {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px!important;
    line-height: 1;
    font-size: 14px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #aaa;
    background: none;
}

.dexp-social-icon:hover .fa {
    color: #fafafa;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.dexp-social-icon.social-bordered .fa {
    border: 1px solid;
}

.dexp-social-icon.social-circle .fa {
    border-radius: 50%;
}

.dexp-social-icon.social-rounded .fa {
    border-radius: 3px;
}

.dexp-social-icon.social-gray .fa {
    color: #999;
    background-color: #f8f8f8;
}

.dexp-social-icon.social-gray:hover .fa {
    color: #fff;
}

.dexp-social-icon.social-bg-color .fa {
    color: #fff;
    background-color: #03ACDC;
}

.dexp-social-icon.social-dark .fa {
    color: #fff;
    background-color: #383838;
}

.dexp-social-icon.social-simple .fa {
    color: #778;
    background-color: transparent;
}

.dexp-social-icon.social-simple:hover .fa {
    background-color: transparent;
    color: #b54321!important;
    border: none;
}

.dexp-social-icon.social-pinterest i {
    border-color: #d8545d;
    color: #d8545d;
}

.dexp-social-icon.social-rss i {
    border-color: #faaa5e;
    color: #faaa5e;
}

.dexp-social-icon.social-facebook i {
    border-color: #677fb5;
    color: #677fb5;
}

.dexp-social-icon.social-twitter i {
    border-color: #70c2e9;
    color: #70c2e9;
}

.dexp-social-icon.social-flickr i {
    border-color: #ff3ba4;
    color: #ff3ba4;
}

.dexp-social-icon.social-dribbble i {
    border-color: #e299c2;
    color: #e299c2;
}

.dexp-social-icon.social-behance i {
    border-color: #42a9fb;
    color: #42a9fb;
}

.dexp-social-icon.social-linkedin i {
    border-color: #3daccf;
    color: #3daccf;
}

.dexp-social-icon.social-vimeo i {
    border-color: #42b5d4;
    color: #42b5d4;
}

.dexp-social-icon.social-youtube i {
    border-color: #d5615c;
    color: #d5615c;
}

.dexp-social-icon.social-tumblr i {
    border-color: #829fb9;
    color: #829fb9;
}

.dexp-social-icon.social-github i {
    border-color: #6c93bb;
    color: #6c93bb;
}

.dexp-social-icon.social-google i {
    border-color: #bc7067;
    color: #bc7067;
}

.dexp-social-icon.social-instagram i {
    border-color: #b99682;
    color: #b99682;
}

.dexp-social-icon.social-soundcloud i {
    border-color: #ff8b45;
    color: #ff8b45;
}

.dexp-social-icon.social-skype i {
    border-color: #009ee5;
    color: #009ee5;
}

.dexp-social-icon.social-apple i {
    border-color: #231f20;
    color: #231f20;
}

.dexp-social-icon.social-deviantart i {
    border-color: #abca37;
    color: #abca37;
}

.dexp-social-icon.social-pinterest:hover i,.dexp-social-icon.social-bg.social-pinterest i {
    background-color: #d8545d;
}

.dexp-social-icon.social-rss:hover i,.dexp-social-icon.social-bg.social-rss i {
    background-color: #faaa5e;
}

.dexp-social-icon.social-facebook:hover i,.dexp-social-icon.social-bg.social-facebook i {
    background-color: #677fb5;
}

.dexp-social-icon.social-twitter:hover i,.dexp-social-icon.social-bg.social-twitter i {
    background-color: #70c2e9;
}

.dexp-social-icon.social-flickr:hover i,.dexp-social-icon.social-bg.social-flickr i {
    background-color: #ff3ba4;
}

.dexp-social-icon.social-dribbble:hover i,.dexp-social-icon.social-bg.social-dribbble i {
    background-color: #e299c2;
}

.dexp-social-icon.social-behance:hover i,.dexp-social-icon.social-bg.social-behance i {
    background-color: #42a9fb;
}

.dexp-social-icon.social-linkedin:hover i,.dexp-social-icon.social-bg.social-linkedin i {
    background-color: #3daccf;
}

.dexp-social-icon.social-vimeo:hover i,.dexp-social-icon.social-bg.social-vimeo i {
    background-color: #42b5d4;
}

.dexp-social-icon.social-youtube:hover i,.dexp-social-icon.social-bg.social-youtube i {
    background-color: #d5615c;
}

.dexp-social-icon.social-tumblr:hover i,.dexp-social-icon.social-bg.social-tumblr i {
    background-color: #829fb9;
}

.dexp-social-icon.social-github:hover i,.dexp-social-icon.social-bg.social-github i {
    background-color: #6c93bb;
}

.dexp-social-icon.social-google:hover i,.dexp-social-icon.social-bg.social-google i {
    background-color: #bc7067;
}

.dexp-social-icon.social-instagram:hover i,.dexp-social-icon.social-bg.social-instagram i {
    background-color: #b99682;
}

.dexp-social-icon.social-soundcloud:hover i,.dexp-social-icon.social-bg.social-soundcloud i {
    background-color: #ff8b45;
}

.dexp-social-icon.social-skype:hover i,.dexp-social-icon.social-bg.social-skype i {
    background-color: #009ee5;
}

.dexp-social-icon.social-apple:hover i,.dexp-social-icon.social-bg.social-apple i {
    background-color: #231f20;
}

.dexp-social-icon.social-deviantart:hover i,.dexp-social-icon.social-bg.social-deviantart i {
    background-color: #abca37;
}

.dexp-social-icon.social-bg .fa {
    color: #fff;
}

.dexp-social-icon.social-bg:hover .fa {
    opacity: 0.6;
}

.dexp-social-wrapper .dexp-social-icon {
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.dexp-social-wrapper .dexp-social-icon span,.dexp-social-wrapper .dexp-social-icon i {
    width: 100%;
    height: 100%;
    display: block;
}

.dexp-social-wrapper .dexp-social-icon i {
    padding: 60px 0;
    font-size: 20px;
    line-height: 0;
}

.dexp-divider {
    height: 1px;
    margin: 30px auto;
    background-color: #ccc;
    clear: both;
}

.dexp-divider.d2 {
    background: none;
    border-top: 1px dashed #ccc;
}

.dexp-divider.d3:after {
    content: "";
    display: block;
    width: 25%;
    height: 1px;
    position: relative;
    background-color: #03ACDC;
    margin: 0 auto;
    margin-top: -26px;
}

.dexp-divider.d4 {
    text-align: center;
    margin: 40px auto;
}

.dexp-divider.d4 span {
    background: #f5f5f5;
    color: #778888;
    padding: 0 18px;
    position: relative;
    top: -12px;
    font-size: 14px;
}

.dexp-divider.text-left {
    text-align: left;
}

.dexp-divider.text-right {
    text-align: right;
}

.dexp-divider.text-center {
    text-align: center;
}

.dexp-divider.d4.text-left span {
    padding: 0 18px 0 0;
}

.dexp-divider.d4.text-right span {
    padding: 0 0 0 18px;
}

.unstyled-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-medium>li {
    margin-bottom: 5px;
}

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px;
}

.box-services .box-services-image {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.box-services .box-services-image:hover .box-hover-overlay {
    opacity: 1;
}

.box-services .box-services-image:hover .box-hover-overlay h3 {
    left: 0;
}

.box-services.border-bottom:after {
    background-color: transparent;
}

.box-services .box-hover-overlay {
    background-color: rgba(35,35,45,0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box-services .box-hover-overlay .box-tools {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.box-services .box-hover-overlay .box-tools span.fa {
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
}

.box-services .box-hover-overlay .box-tools span.fa:hover {
    background-color: #03ACDC;
    border-color: #03ACDC;
    box-shadow: 2px 1px 8px rgba(0,0,0,0.6);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.box-services.type1,.box-services.type2 {
    padding: 60px 40px;
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-services.type1 p,.box-services.type2 p {
    color: #dedee3;
}

.box-services.type1 .box-inner,.box-services.type2 .box-inner {
    position: relative;
}

.box-services.type1 .box-inner .fa,.box-services.type2 .box-inner .fa {
    bottom: -50px;
    color: #d2d2d9;
    font-size: 100px;
    opacity: 0.25;
    position: absolute;
    right: -30px;
}

.box-services.type1 .link-read-more,.box-services.type2 .link-read-more {
    color: #fff;
}

.box-services.type1 .link-read-more:hover,.box-services.type2 .link-read-more:hover {
    color: #dedee3;
}

.box-services.type2 .bg-overlay {
    opacity: 0.4;
}

.box-services h3.box-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
    color: #dedee3;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: 600;
    max-height: 30px;
    overflow: hidden;
}

.box-services.type3 h3.box-title {
    color: #58585c;
    margin-top: 20px;
}

.box-services.border-bottom .box-title:after {
    background-color: #03ACDC;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 35px;
}

.box-services .link-read-more {
    color: #99a;
    font-size: 13px;
    text-transform: lowercase!important;
}

.box-services .link-read-more:hover {
    color: #dedee3;
}

.box-services:hover .link-read-more {
    margin-left: 15px;
    opacity: 1;
}

.box-services:hover h3.box-title {
    color: #03ACDC;
}

.box-services:hover.type2 .bg-overlay {
    opacity: 0.3;
}

.dropcap {
    float: left;
    font-family: Georgia;
    text-align: center;
    padding: 10px 15px;
    margin: 8px 20px 0 2px;
    background-color: #666674;
    color: rgba(254,254,254,0.9);
    font-size: 40px;
    line-height: 35px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.dropcap.bordered {
    background-color: transparent;
    color: #778;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #778;
}

.dropcap.shadow {
    box-shadow: 0 2px 4px #778888;
}

.dropcap.circle {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.dexp-pie-chart {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
}

.dexp-pie-chart.gt-50 {
    background-color: #03ACDC;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0,200px,200px,100px);
}

.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0,100px,200px,0);
    background: #03ACDC;
    transform: rotate(60deg);
}

.gt-50 .ppc-progress {
    clip: rect(0,100px,200px,0);
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0,200px,200px,100px);
    background: #E5E5E5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 165px/2);
    top: calc(50% - 165px/2);
    width: 165px;
    height: 165px;
    background: #fff;
    text-align: center;
    display: table;
}

.ppc-percents span {
    display: block;
    font-size: 30px;
    font-weight: 300;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.dexp-pie-chart {
    margin: 50px auto 0;
}

h3.dexp-pie-chart-title {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #656565;
}

.flip-box {
    cursor: pointer;
    position: relative;
    min-height: 260px;
    text-align: center;
    padding: 30px;
}

.flip-box .full-height.service-hover,.flip-box .full-height {
    padding: 15px!important;
    min-height: 320px;
    border: 0!important;
    color: #fff!important;
}

.flip-box h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0;
}

.flip-box i {
    font-size: 38px;
    margin-bottom: 10px;
    color: #03ACDC;
}

.flip-box .front {
    cursor: pointer;
    zoom:1;filter: alpha(opacity=100);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.flip-box .back {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    zoom:0;filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.835,0,0.19,1);
    -moz-transition: all 0.2s cubic-bezier(0.835,0,0.19,1);
    -o-transition: all 0.2s cubic-bezier(0.835,0,0.19,1);
    -ms-transition: all 0.2s cubic-bezier(0.835,0,0.19,1);
    transition: all 0.2s cubic-bezier(0.835,0,0.19,1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box.box-wrap:hover .front,.flip-box:hover .front {
    zoom:0;filter: alpha(opacity=0);
    opacity: 0;
}

.flip-box.box-wrap:hover,.flip-box:hover {
    background-color: #03ACDC;
}

.flip-box.box-wrap:hover .back,.flip-box:hover .back {
    zoom:1;filter: alpha(opacity=100);
    opacity: 100;
}

.flip-box.box-wrap:hover .back i,.flip-box.box-wrap:hover .back h3,.flip-box.box-wrap:hover .back p,.flip-box:hover .back i,.flip-box:hover .back h3,.flip-box:hover .back p {
    color: #fff;
}

.flip-box.box-wrap:hover .back .btn,.flip-box:hover .back .btn {
    border-color: ;
    border-width: 2px;
    background: transparent;
    color: #fff;
}

.flip-box.front-no-title .front h3 {
    display: none;
}

div[class*="bg-"] .front h3,div[class*="bg-"] .front i {
    color: #fff!important;
}

.testimonials {
    position: relative;
}

.testimonials .testimonial-image {
    text-align: center;
}

.testimonials .testimonial-image img {
    width: 100px!important;
    height: 100px!important;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    margin-bottom: 10px;
}

.testimonials .testimonials-content {
    border-left: 0 none;
    color: #a4a4a4;
    font-size: 18px;
    font-style: italic;
    line-height: 25px;
    text-align: center;
    font-weight: 300;
    font-family: "Athelas";
}

@media (min-width: 768px) {
    .testimonials .testimonials-content {
        padding:0 100px;
    }
}

.testimonials .carousel-control {
    background-image: none;
}

.testimonials .person-says {
    color: #778;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.testimonials .person-says span {
    color: #03ACDC;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-style: italic;
}

.testimonials .icon_quotations {
    color: #aaaab8;
    font-size: 80px;
    opacity: 0.2;
    position: absolute;
    right: 40px;
    bottom: 20px;
}

.testimonials .clearfix {
    height: 50px;
}

.testimonials .carousel-indicators {
    bottom: 0;
}

.testimonials .carousel-indicators li {
    border: solid 1px #03ACDC!important;
    margin: 0 2px;
}

.testimonials .carousel-control .fa {
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.testimonials.white-color .person-says strong {
    color: #fff;
}

.testimonials.white-color .testimonials-content {
    color: #fff;
}

.milestone-counter {
    position: relative;
    padding: 40px 20px;
    text-align: center;
}

.milestone-counter .stat-count {
    color: #888894;
    font-size: 43px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
}

.milestone-counter .milestone-details {
    color: #778;
    font-size: 16px;
    margin-bottom: 0;
}

.milestone-counter i {
    bottom: 40px;
    color: #99a;
    font-size: 60px;
    opacity: 0.3;
    position: absolute;
    right: 50px;
}

.milestone-counter.white-color .stat-count,.milestone-counter.white-color .milestone-details,.milestone-counter.white-color i {
    color: #fff;
}

.list-group .list-group-item-heading {
    margin-bottom: 0px;
}

.list-group .list-group-item-heading .list-group-item {
    border-top: none;
    border-bottom: none;
}

.list-group .list-group-item-text .list-group-item {
    border-top: 0;
    padding-top: 0;
}

.list-group .list-group-item-text .list-group-item.active {
    border-radius: 0!important;
}

.list-group .list-group-item {
    border-radius: 0;
    font-weight: 500;
    color: #333;
}

.list-group .list-group-item.active {
    background-color: #03ACDC;
    border-color: #03ACDC;
    border-radius: 3px 3px 0 0;
}

.list-group .list-group-item.active:hover {
    background-color: #03ACDC;
    border-color: #03ACDC;
}

.bg-overlay-wrapper,.dexp-parallax {
    position: relative;
}

.bg-overlay-wrapper .inner,.dexp-parallax .inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.bg-overlay-wrapper .block .inner,.dexp-parallax .block .inner {
    background-color: transparent;
}

.bg-overlay-wrapper .container,.dexp-parallax .container {
    opacity: 0.9;
}

.bg-overlay-wrapper.bg-video .inner,.dexp-parallax.bg-video .inner {
    opacity: 0.5;
}

.block-overlay .black-haft-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #303236;
}

.section-dark {
    position: relative;
}

@media (min-width: 768px) {
    .section-caption {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }
}

.section-boxed-2 {
    padding: 40px 50px;
}

.section-boxed {
    padding: 40px 30px;
}

.section-bg,.section {
    position: relative;
}

@font-face {
    font-family: baron_neue_boldbold;
    src: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.eot);
    src: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.eot?) format('embedded-opentype'),url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.woff2) format('woff2'),url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.woff) format('woff'),url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.ttf) format('truetype'),url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}

body {
    background: #fff;
    color: #999;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.625;
}

body.boxed.bg1 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/1.png');
}

body.boxed.bg2 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/2.png');
}

body.boxed.bg3 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/3.png');
}

body.boxed.bg4 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/4.png');
}

body.boxed.bg5 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/5.png');
}

body.boxed.bg6 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/6.png');
}

body.boxed.bg7 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/7.png');
}

body.boxed.bg8 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/8.png');
}

body.boxed.bg9 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/9.png');
}

body.boxed.bg10 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/10.png');
}

body.boxed .dexp-body-inner {
    overflow: visible;
    background: #fff;
    max-width: 1170px;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Montserrat",sans-serif;
    color: #000;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

#section-page-title.page-white {
    padding: 60px 0 30px;
}

#section-page-title.bgpatttern {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/pattern.png) repeat center center;
}

#section-page-title .region-breadcrumb,#section-page-title .region-pagetitle {
    text-align: center;
}

#section-page-title .region-pagetitle {
    margin-bottom: 40px;
}

#section-page-title .page_title {
    text-transform: uppercase;
    font-size: 40px!important;
    font-weight: 400!important;
}

#section-page-title .breadcrumb {
    font-style: italic;
    font-family: Athelas;
    font-size: 14px;
}

#section-content {
    margin-top: 90px;
}

#section-partners {
    padding: 40px 0 30px 0;
    background: #03ACDC;
    color: #03ACDC;
}

#section-footer {
    background: #282828;
    padding: 22px 0;
}

#section-footer .copyright {
    margin: 20px 0;
    color: #8f8f8f;
    font-size: 14px;
}

.copytext h4 {
    padding: 50px 0 0;
    color: #282828;
    font-size: 16px;
    font-weight: 700;
}

#section-top {
    background: #fff;
    border-bottom: 1px solid #fafafa;
    display: block;
    position: relative;
    padding: 12px 0 6px;
}

#section-top p {
    margin-bottom: 0;
}

#section-bottom {
    background: #2d2d2d;
    padding: 80px 0;
    font-size: 16px;
    z-index: 100;
    position: relative;
    line-height: 1.9;
}

#section-bottom .logo-footer .block-image-title {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/white-logo.png) no-repeat;
    height: 50px;
    margin-bottom: 17px;
}

#section-bottom .contact-footer {
    font-style: italic;
}

#section-bottom .contact-footer .map-bg {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/map.png) center center no-repeat;
    display: block;
    height: 188px;
    left: -34px;
    margin: auto;
    padding: 0;
    position: absolute;
    z-index: -1;
    top: 70px;
    width: 398px;
}

#section-bottom .contact-footer ul {
    padding: 0;
    margin: 0;
}

#section-bottom .contact-footer ul li {
    list-style: none;
    margin-bottom: 10px;
}

#section-bottom .contact-footer ul li i {
    font-size: 30px;
    width: 40px;
    padding: 0 15px 0 0;
    vertical-align: middle;
}

#section-bottom .contact-footer ul li a {
    color: #999;
}

@media screen and (max-width: 1424px) {
    .map-bg {
        width:300px!important;
    }
}

div.dexp_carousel .carousel-inner img {
    width: 100%;
    height: auto;
}

div.dexp_carousel .carousel-indicators {
    bottom: 0!important;
}

div.dexp_carousel .carousel-indicators li {
    background: #FFF;
    border: 0 none;
    width: 12px!important;
    height: 12px!important;
    margin-right: 5px;
}

div.dexp_carousel .carousel-indicators li.active {
    background: #03ACDC;
}

div.dexp_carousel .carousel-control {
    text-shadow: white;
    z-index: 99;
    font-size: 24px;
}

div.dexp_carousel .carousel-control span {
    top: 50%;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    margin-top: -20px;
    text-align: center;
    opacity: 0;
    line-height: 35px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

div.dexp_carousel .carousel-control.right {
    background: none;
}

div.dexp_carousel .carousel-control.right span {
    right: 0;
}

div.dexp_carousel .carousel-control.right:hover span {
    opacity: 1;
    right: 20px;
}

div.dexp_carousel .carousel-control.left {
    background: none;
}

div.dexp_carousel .carousel-control.left span {
    left: 0;
}

div.dexp_carousel .carousel-control.left:hover span {
    opacity: 1;
    left: 20px;
}

div.dexp_carousel:hover .right span {
    opacity: 1;
    right: 20px;
}

div.dexp_carousel:hover .left span {
    opacity: 1;
    left: 20px;
}

.block-newsletter .prefix {
    color: #F5F5F5;
    font-weight: 700;
}

.block-newsletter input[type="text"] {
    background: #202020;
    height: 40px;
    border: 0 none;
    padding-left: 10px;
    width: 100%;
}

.block-newsletter #subscribe {
    text-align: right;
}

.block-newsletter #subscribe input[type="submit"] {
    width: 100px;
    background-color: #03ACDC;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    color: #FFF;
}

#loader {
    background-color: #fff;
    display: table;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}

#loader .loader-container {
    display: table-cell;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 12;
}

#loader .loader-container #preloader_1 {
    margin: auto;
    position: relative;
    width: 100px;
}

#loader .loader-container #preloader_1 span {
    animation: 1.5s ease-in-out 0s normal none infinite running preloader_1;
    -webkit-animation: 1.5s ease-in-out 0s normal none infinite running preloader_1;
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 5px;
    position: absolute;
    width: 9px;
}

#loader .loader-container #preloader_1 span:nth-child(2) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    left: 11px;
}

#loader .loader-container #preloader_1 span:nth-child(3) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    left: 22px;
}

#loader .loader-container #preloader_1 span:nth-child(4) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    left: 33px;
}

#loader .loader-container #preloader_1 span:nth-child(5) {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    left: 44px;
}

@keyframes preloader_1 {
    0% {
        height: 5px;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        background: #17dfbe;
    }

    25% {
        height: 30px;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        background: #15dac0;
    }

    50% {
        height: 5px;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        background: #0dc8cb;
    }

    100% {
        height: 5px;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        background: #06b4d7;
    }
}

.bx-wrapper img {
    margin: 0 auto;
}

.footer-light {
    background: #f5f5f5!important;
}

.bottom-light {
    background: #f9f9f9!important;
}

.bottom-light .logo-footer .block-image-title {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/flogo.png) no-repeat!important;
}

.bottom-light .contact-footer .map-bg {
    background: url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/mapt-light-bg.png") no-repeat scroll center center;
}

.bottom-light input[type="text"] {
    background: none;
    border: 1px solid #ccc;
    border-color: #dfdfdf;
}

.bottom-light .prefix {
    color: #282828!important;
}

.tabs .nav.nav-tabs {
    margin-bottom: 10px;
}

.blog-item img {
    width: 100%;
    height: auto;
}

.blog-item .bubble {
    background: #fff;
    width: 57px;
    font-size: 18px;
    font-weight: 600;
    height: 57px;
    margin: 0 3px;
    line-height: 57px;
    display: inline-block;
    text-align: center;
}

.blog-item .meta {
    margin: 25px 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.blog-item .blog-title h3 a {
    color: #282828;
    line-height: 1.5;
    text-decoration: none!important;
    font-weight: bold;
}

.blog-item .border-radius {
    -webkit-border-radius: 500px 500px 500px 500px;
    -moz-border-radius: 500px 500px 500px 500px;
    border-radius: 500px 500px 500px 500px;
}

.blog-item .blog-button {
    margin-top: 20px;
}

.blog-item .blog-single-title {
    color: #282828;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none!important;
    font-weight: 700;
}

.blog-item .blog-single-desc {
    margin: 20px 0;
}

.masonry-blog .blog-item {
    background: #f1f1f1;
    padding: 20px;
}

.timeline-wrapper .timeline {
    list-style: none;
    padding: 0;
    position: relative;
}

.timeline-wrapper .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline-wrapper .tldate {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #03ACDC;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 500px 500px 500px 500px;
    -moz-border-radius: 500px 500px 500px 500px;
    border-radius: 500px 500px 500px 500px;
}

.timeline li {
    margin-bottom: 25px;
    position: relative;
}

.timeline li:before,.timeline li:after {
    content: " ";
    display: table;
}

.timeline li:after {
    clear: both;
}

.timeline li:before,.timeline li:after {
    content: " ";
    display: table;
}

.timeline li .timeline-panel {
    width: 46%;
    float: left;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    padding: 20px;
    position: relative;
}

.timeline li .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #f1f1f1;
    border-right: 0 solid #f1f1f1;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline li .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #f1f1f1;
    border-right: 0 solid #f1f1f1;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline li .timeline-panel.noarrow:before,.timeline li .timeline-panel.noarrow:after {
    top: 0;
    right: 0;
    display: none;
    border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
    float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline li .tl-circ {
    position: absolute;
    top: 23px;
    left: 50%;
    text-align: center;
    color: #fff;
    background: #fff;
    border: 1px solid #ddd;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-left: -8px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    z-index: 99999;
}

.tl-body p,.tl-body ul {
    margin-bottom: 0;
}

.tl-body>p+p {
    margin-top: 5px;
}

.timeline-onecol-ls .timeline li .tl-circ,.timeline-onecol-ls .timeline:before {
    right: 100%;
    left: 7%;
}

.timeline-onecol-ls .timeline li .timeline-panel {
    width: 85%;
}

.timeline-wrapper.timeline-onecol-ls ul li .tldate {
    margin: 0!important;
    float: left!important;
}

.timeline-onecol .timeline li .tl-circ,.timeline-onecol .timeline:before {
    left: 90%;
}

.timeline-onecol .timeline li .timeline-panel {
    width: 85%;
}

.timeline-wrapper.timeline-onecol ul li .tldate {
    margin: 0 25px!important;
    float: right!important;
}

@media (max-width: 991px) {
    .background-image-wrapper {
        position:absolute;
    }

    .image-container .mini-title,.full-image-section .background-image {
        display: none;
    }

    .timeline li .timeline-panel {
        width: 44%;
    }
}

@media (max-width: 700px) {
    .page-header h1 {
        font-size:1.8em;
    }

    ul.timeline:before {
        left: 40px;
    }

    .tldate {
        width: 140px;
    }

    ul.timeline li .timeline-panel {
        width: calc(10%);
        width: -moz-calc(10%);
        width: -webkit-calc(10%);
    }

    ul.timeline li .tl-circ {
        top: 22px;
        left: 22px;
        margin-left: 0;
    }

    ul.timeline>li>.tldate {
        margin: 0;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    .timeline-onecol .timeline li .timeline-panel,li .timeline-panel,.timeline-onecol_ls .timeline li .timeline-panel {
        width: 100%;
    }

    .timeline li .timeline-panel:before {
        border: 0;
    }

    ul.timeline li .tl-circ,.timeline:before {
        display: none;
    }

    .timeline-wrapper.timeline-onecol ul li .tldate,.timeline-wrapper.timeline-onecol_ls ul li .tldate,.tldate {
        border-radius: 0!important;
        float: none;
        margin: 0!important;
        width: 100%;
    }
}

.blog-classic .blog-item {
    margin-bottom: 60px;
}

.page-taxonomy .node-article {
    margin-bottom: 60px;
}

.page-taxonomy .node-article img {
    width: 100%;
    height: auto;
}

.view-blog-categories ul {
    margin: 20px 0;
}

.view-blog-categories ul li {
    margin-bottom: 15px;
    margin-left: 0px;
    overflow: hidden;
}

.view-blog-categories ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 10px;
}

.view-blog-categories ul li:hover {
    color: #03ACDC;
}

.view-blog-categories ul li:hover a {
    color: #03ACDC;
    padding-left: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-blog-categories ul li:hover .count {
    background: #03ACDC;
    color: #FFF;
}

.view-blog-categories ul li .count {
    float: right;
    display: inline-block;
    text-align: center;
    background: #333;
    border-radius: 3px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    color: #FFF;
}

.view-blog-categories ul li a {
    color: #242424;
    font-weight: 700;
}

.view-blog .dexp-grid-item {
    margin-bottom: 30px;
}

.latest-news-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.latest-news-footer ul li {
    margin: 0 0 20px 0;
}

.latest-news-footer ul li .views-field-title a {
    font-size: 14px;
    color: #F5F5F5;
    font-weight: 400;
}

.latest-news-footer ul li .views-field-created span {
    color: #999;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}

.bottom-light .latest-news-footer ul li .views-field-title a {
    color: #282828!important;
}

.recent-posts ul {
    padding: 0;
    list-style: none;
}

.recent-posts ul li {
    margin: 0;
    display: inline-block!important;
    position: relative;
    width: 100%;
    margin: 4px 0;
}

.recent-posts ul li img {
    float: left;
    width: 81px;
    height: 81px;
    margin: 11px 13px 15px 0;
}

.recent-posts ul li .metabox {
    font-style: italic;
}

.recent-posts ul li h3 a {
    font-weight: 700;
    padding-bottom: 0!important;
    font-size: 14px;
    color: #242424;
}

.comments-single {
    margin-top: 80px;
}

.comment-form-wrapper {
    margin-top: 100px;
}

.comment-form label {
    display: block;
}

.comment-row {
    margin-top: 75px;
}

.comment-row:first-child {
    margin-top: 0;
}

.comment-row .comment-text {
    overflow: hidden;
}

.comment-row .comment-avatar {
    float: left;
}

.comment-row .comment-avatar img {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 75px;
    margin-right: 15px;
}

.comment-row .comment-heading {
    color: #282828;
    font-family: Athelas!important;
    font-size: 24px;
    font-style: italic;
    margin: 10px 0;
    text-align: left;
    text-transform: none;
}

.comment-row .comment-heading a {
    color: #03ACDC;
}

.comment-row .comment-heading a.reply {
    font-size: 13px;
}

.comment-row .comment-heading a:hover {
    color: #282828;
}

.flickr-widget img {
    width: 120px;
    height: auto;
    padding: 5px;
    max-width: 100%;
}

.portfolio-filters ul.dexp-portfolio-filter,.portfolio-filters ul.dexp-masonry-filter {
    margin: 0;
    padding: 0;
    text-align: center;
}

.portfolio-filters ul.dexp-portfolio-filter li,.portfolio-filters ul.dexp-masonry-filter li {
    display: inline-block;
}

.portfolio-filters ul.dexp-portfolio-filter li a,.portfolio-filters ul.dexp-masonry-filter li a {
    border: medium none;
    border-radius: 500px;
    margin: 4px 3px;
    padding: 5px 20px;
    text-decoration: none;
    font-family: "Montserrat",sans-serif;
}

.portfolio-filters ul.dexp-portfolio-filter li a span,.portfolio-filters ul.dexp-masonry-filter li a span {
    color: #999999;
}

.portfolio-filters ul.dexp-portfolio-filter li a.active,.portfolio-filters ul.dexp-portfolio-filter li a:hover,.portfolio-filters ul.dexp-masonry-filter li a.active,.portfolio-filters ul.dexp-masonry-filter li a:hover {
    background-color: #03ACDC;
}

.portfolio-filters ul.dexp-portfolio-filter li a.active span,.portfolio-filters ul.dexp-portfolio-filter li a:hover span,.portfolio-filters ul.dexp-masonry-filter li a.active span,.portfolio-filters ul.dexp-masonry-filter li a:hover span {
    color: #fff;
}

.portfolio-filters ul.dexp-masonry-filter {
    margin-bottom: 50px;
}

.portfolio-classic .content,.view-mode-portfolio_grid .content,.portfolio-hover .content {
    position: relative;
    overflow: hidden;
}

.portfolio-classic .content img,.view-mode-portfolio_grid .content img,.portfolio-hover .content img {
    width: 100%;
    height: auto;
}

.portfolio-classic .content .portfolio-overlay,.view-mode-portfolio_grid .content .portfolio-overlay,.portfolio-hover .content .portfolio-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(3,172,220,0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-classic .content .portfolio-overlay .porfolio-middle,.view-mode-portfolio_grid .content .portfolio-overlay .porfolio-middle,.portfolio-hover .content .portfolio-overlay .porfolio-middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-classic .content .portfolio-overlay .porfolio-middle h3.portfolio-title,.view-mode-portfolio_grid .content .portfolio-overlay .porfolio-middle h3.portfolio-title,.portfolio-hover .content .portfolio-overlay .porfolio-middle h3.portfolio-title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
}

.portfolio-classic .content .portfolio-overlay .porfolio-middle h3.portfolio-title a,.view-mode-portfolio_grid .content .portfolio-overlay .porfolio-middle h3.portfolio-title a,.portfolio-hover .content .portfolio-overlay .porfolio-middle h3.portfolio-title a {
    color: #fff;
}

.portfolio-classic .content .portfolio-overlay .porfolio-middle .portfolio-tools a,.view-mode-portfolio_grid .content .portfolio-overlay .porfolio-middle .portfolio-tools a,.portfolio-hover .content .portfolio-overlay .porfolio-middle .portfolio-tools a {
    color: #fff;
    font-size: 18px;
}

.portfolio-classic .content:hover .porfolio-middle,.view-mode-portfolio_grid .content:hover .porfolio-middle,.portfolio-hover .content:hover .porfolio-middle {
    opacity: 1;
}

.portfolio-classic .content:hover .porfolio-middle .portfolio-tools a,.view-mode-portfolio_grid .content:hover .porfolio-middle .portfolio-tools a,.portfolio-hover .content:hover .porfolio-middle .portfolio-tools a {
    color: #fff;
    font-size: 20px;
}

.portfolio-animation .portfolio-classic .porfolio-middle h3,.portfolio-animation .portfolio-classic .porfolio-middle .field-name-field-portfolio-categories,.portfolio-animation .view-mode-portfolio_grid .porfolio-middle h3,.portfolio-animation .view-mode-portfolio_grid .porfolio-middle .field-name-field-portfolio-categories {
    -o-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -webkit-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-animation .portfolio-classic:hover .porfolio-middle h3,.portfolio-animation .portfolio-classic:hover .porfolio-middle .field-name-field-portfolio-categories,.portfolio-animation .view-mode-portfolio_grid:hover .porfolio-middle h3,.portfolio-animation .view-mode-portfolio_grid:hover .porfolio-middle .field-name-field-portfolio-categories {
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio-text .content.ImageWrapper {
    box-shadow: none!important;
}

.portfolio-text .content img {
    width: 100%;
    height: auto;
}

.portfolio-text .content .portfolio-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(3,172,220,0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-text .content .portfolio-overlay .portfolio-tools {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    display: block;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio-text .content .portfolio-overlay .portfolio-tools .fa {
    background-color: #fff;
    color: #03ACDC;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.portfolio-text .content .portfolio-overlay .portfolio-tools .fa:hover {
    box-shadow: 2px 1px 8px rgba(0,0,0,0.6);
    background-color: #03ACDC;
    color: #fff;
}

.portfolio-text .portfolio-description {
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 0;
}

.portfolio-text .portfolio-description h3 {
    font-size: 16px;
    margin: 15px 0 0px;
    text-transform: uppercase;
}

.portfolio-text .portfolio-description.no-bg {
    background: transparent;
}

.view-mode-teaser_masonry .content {
    position: relative;
    height: 100%;
}

.view-mode-teaser_masonry .content .portfolio-masonry-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.view-mode-teaser_masonry .content .portfolio-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(3,172,220,0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-mode-teaser_masonry .content .portfolio-overlay .porfolio-middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    color: #fff;
    opacity: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-mode-teaser_masonry .content .portfolio-overlay .porfolio-middle h3.portfolio-title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: "Montserrat",sans-serif;
    color: #fff;
}

.view-mode-teaser_masonry .content .portfolio-overlay .porfolio-middle h3.portfolio-title a {
    color: #fff;
}

.view-mode-teaser_masonry .content .portfolio-overlay .porfolio-middle .portfolio-tools a {
    color: #fff;
    font-size: 18px;
}

.view-mode-teaser_masonry .content:hover .portfolio-tools a {
    color: #fff;
    font-size: 20px;
}

.dexp-fade .content .ImageOverlayLi {
    opacity: 0;
}

.dexp-fade .content .portfolio-overlay {
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute;
}

.dexp-fade .content:hover .portfolio-overlay {
    opacity: 1;
}

.dexp-fade .content:hover .portfolio-overlay .porfolio-middle,.dexp-fade .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1;
}

.dexp-fade .content:hover .portfolio-overlay .porfolio-middle a,.dexp-fade .content:hover .portfolio-overlay .portfolio-tools a {
    color: #fff;
    font-size: 20px;
}

.dexp-fadeInDown .content .ImageOverlayLi {
    opacity: 0;
}

.dexp-fadeInDown .content .portfolio-overlay {
    top: -100%;
    left: 0;
    position: absolute;
}

.dexp-fadeInDown .content:hover .portfolio-overlay {
    opacity: 1;
    top: 0;
}

.dexp-fadeInDown .content:hover .portfolio-overlay .porfolio-middle,.dexp-fadeInDown .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1;
}

.dexp-fadeInUp .content .ImageOverlayLi {
    opacity: 0;
}

.dexp-fadeInUp .content .portfolio-overlay {
    bottom: -100%;
    left: 0;
    position: absolute;
}

.dexp-fadeInUp .content:hover .portfolio-overlay {
    opacity: 1;
    bottom: 0;
}

.dexp-fadeInUp .content:hover .portfolio-overlay .porfolio-middle,.dexp-fadeInUp .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1;
}

.dexp-fadeInRight .content .ImageOverlayLi {
    opacity: 0;
}

.dexp-fadeInRight .content .portfolio-overlay {
    top: 0;
    right: -100%;
    position: absolute;
}

.dexp-fadeInRight .content:hover .portfolio-overlay {
    opacity: 1;
    right: 0;
}

.dexp-fadeInRight .content:hover .portfolio-overlay .porfolio-middle,.dexp-fadeInRight .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1;
}

.dexp-fadeInLeft .content .ImageOverlayLi {
    opacity: 0;
}

.dexp-fadeInLeft .content .portfolio-overlay {
    top: 0;
    left: -100%;
    position: absolute;
}

.dexp-fadeInLeft .content:hover .portfolio-overlay {
    opacity: 1;
    left: 0;
}

.dexp-fadeInLeft .content:hover .portfolio-overlay .porfolio-middle,.dexp-fadeInLeft .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1;
}

.dexp-fadeUpDown .content.ImageWrapper {
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

.dexp-fadeUpDown .content.ImageWrapper .portfolio-overlay {
    top: 0;
    left: 0;
    background-color: transparent;
}

.dexp-fadeUpDown .content.ImageWrapper:hover .ImageOverlayLi:before,.dexp-fadeUpDown .content.ImageWrapper:hover .ImageOverlayLi:after {
    background: #03ACDC!important;
    opacity: 0.8;
}

.dexp-fadeUpDown .content:hover .portfolio-overlay .porfolio-middle,.dexp-fadeUpDown .content:hover .portfolio-overlay .portfolio-tools {
    opacity: 1!important;
}

.dexp-portfolio-toolbars {
    margin-bottom: 50px;
}

.circle-image .ImageWrapper,.circle-image .portfolio-overlay,.circle-image .portfolio-images img {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.circle-image .portfolio-tools a {
    display: block!important;
    margin-bottom: 15px;
}

.small-image .portfolio-tools a {
    display: block!important;
    margin-bottom: 15px;
}

.social-small .dexp-social-icon i {
    width: 30px!important;
    height: 30px!important;
    line-height: 30px!important;
}

.bx-wrapper .bx-prev {
    left: -50px!important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}

.bx-wrapper .bx-next {
    right: -50px!important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.6;
}

.bx-wrapper:hover .bx-prev {
    left: 10px!important;
}

.bx-wrapper:hover .bx-next {
    right: 10px!important;
}

.bx-wrapper .bx-pager-item a {
    background: #d6d6d6 none repeat scroll 0 0;
    border-radius: 30px!important;
    display: block;
    height: 15px!important;
    margin: 5px 15px 5px 0;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    width: 15px!important;
}

.bx-wrapper .bx-pager-item a.active {
    background: rgba(0,0,0,0) linear-gradient(to bottom,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%) repeat scroll 0 0!important;
    color: #ffffff!important;
}

.left-pager .bx-pager {
    text-align: left!important;
}

.featured-works-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.featured-works-footer ul li {
    margin: 0 0 20px 0;
}

.featured-works-footer ul li .views-field-title a {
    font-size: 14px;
    color: #F5F5F5;
    font-weight: 400;
}

.featured-works-footer ul li .views-field-field-portfolio-categories a {
    color: #999;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}

.bottom-light .featured-works-footer ul li .views-field-title a {
    color: #282828!important;
}

.portfolio-details .portfolio-image img {
    width: 100%;
    height: auto;
}

.portfolio-details .portfolio-content {
    margin-top: 30px;
}

.portfolio-details .portfolio-content h3 {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.portfolio-details .portfolio-more {
    margin-bottom: 50px;
}

.portfolio-details .portfolio-more label {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
    color: #000;
}

.border-boxed {
    padding: 0;
    border: 1px solid #f8f8f8;
}

.color {
    color: #03ACDC;
}

.equalizer .set-height {
    overflow: hidden;
}

.equalizer .set-height img {
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #03ACDC;
    z-index: 1;
    opacity: 0.3;
}

.image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.image-wrapper .inner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-transform: uppercase;
}

.image-wrapper .inner-content .color {
    color: #03ACDC;
}

.image-wrapper .inner-content.white-color {
    color: #fff;
}

.image-container {
    bottom: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 111;
}

.image-container.full-right-image {
    right: 0;
}

.image-container.full-right-image .background-image-wrapper {
    text-align: right;
}

.image-container img {
    position: absolute;
    right: 0;
}

.equalizer {
    position: relative;
}

.bottom-image img {
    position: absolute;
    bottom: 0;
}

.view-team .bx-controls .bx-controls-direction a {
    top: 100%;
    right: 50%!important;
    left: auto!important;
    opacity: 0.3;
}

.view-team .bx-controls .bx-controls-direction a.bx-prev {
    margin-right: 5px!important;
}

.view-team .bx-controls .bx-controls-direction a.bx-next {
    margin-right: -30px!important;
}

.view-team .bx-controls .bx-controls-direction a:hover {
    opacity: 1;
    color: #03ACDC;
}

#contact-site-form .form-type-textarea,#contact-site-form--2 .form-type-textarea {
    clear: both;
}

#contact-site-form .form-item-name,#contact-site-form--2 .form-item-name {
    text-align: left;
}

#contact-site-form .form-type-textfield,#contact-site-form--2 .form-type-textfield {
    width: 33.3%;
    float: left;
}

#contact-site-form .form-type-textfield input,#contact-site-form--2 .form-type-textfield input {
    width: 90%;
    height: 35px;
}

#contact-site-form .form-item-subject input,#contact-site-form--2 .form-item-subject input {
    width: 100%!important;
}

@media (max-width: 480px) {
    #contact-site-form .form-type-textfield,#contact-site-form--2 .form-type-textfield {
        width:100%;
        float: left;
    }

    #contact-site-form .form-type-textfield input,#contact-site-form--2 .form-type-textfield input {
        width: 100%;
        height: 35px;
    }
}

#contact-site-form .form-item-copy,#contact-site-form--2 .form-item-copy {
    margin-bottom: 0;
}

#contact-site-form .form-actions,#contact-site-form--2 .form-actions {
    margin-top: 10px!important;
}

#contact-site-form .grippie,#contact-site-form--2 .grippie {
    display: none;
}

#contact-site-form .form-type-textarea textarea,#contact-site-form--2 .form-type-textarea textarea {
    height: 140px;
}

#contact-site-form .form-required,#contact-site-form--2 .form-required {
    display: none;
}

#contact-site-form .form-item-copy input,#contact-site-form--2 .form-item-copy input {
    margin-top: 0;
}

#contact-site-form .form-item.form-type-textfield input,#contact-site-form .form-item.form-type-textarea textarea,#contact-site-form--2 .form-item.form-type-textfield input,#contact-site-form--2 .form-item.form-type-textarea textarea {
    padding: 10px;
    font-size: 12px;
}

#contact-site-form .form-actions,#contact-site-form--2 .form-actions {
    text-align: center;
}

#contact-site-form .btn,#contact-site-form--2 .btn {
    background: #03ACDC!important;
    border-color: #03ACDC!important;
    color: #fff!important;
    border-radius: 0!important;
    font-size: 16px!important;
    line-height: 1.33!important;
    padding: 10px 30px!important;
}

#contact-site-form .btn:hover,#contact-site-form--2 .btn:hover {
    background-color: #03c0f5!important;
    color: #fff!important;
    text-decoration: none!important;
    border-color: #03ACDC!important;
}

.small-form .form-type-textfield {
    width: 100%!important;
    margin-bottom: 10px;
    margin-top: 0;
}

.small-form .form-type-textfield input {
    width: 100%!important;
    height: 34px;
    background-color: #363636;
    border: solid 1px #222222;
    color: #656565;
}

.small-form textarea {
    background-color: #363636;
    border: solid 1px #222222;
    color: #656565;
    height: 80px!important;
}

.page-contact #section-content {
    margin-top: 30px!important;
}

.page-contact #section-content .form-actions .btn {
    margin-bottom: 50px;
}

.coming-soon-wrapper {
    padding-bottom: 100px;
}

.coming-soon-wrapper .not-found h1 {
    color: #03ACDC;
    font-size: 300px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.coming-soon-wrapper .not-found p {
    color: #999!important;
    font-family: Athelas;
    font-size: 24px;
    font-style: italic;
    margin: 0!important;
    padding: 0!important;
}

.custom-service-box,.custom-service-details {
    background: #f8f7f7;
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    margin-bottom: 20px;
    padding: 20px;
}

.custom-service-box .ImageWrapper,.custom-service-details .ImageWrapper {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

.custom-service-box .ImageWrapper .portfolio-images img,.custom-service-details .ImageWrapper .portfolio-images img {
    width: 120px;
    height: 120px;
}

.custom-service-box .ImageWrapper:hover .portfolio-tools,.custom-service-details .ImageWrapper:hover .portfolio-tools {
    opacity: 1;
    z-index: 999;
}

.custom-service-box .res-title h3,.custom-service-details .res-title h3 {
    font-size: 18px;
}

.custom-service-box .meta,.custom-service-details .meta {
    margin: 10px 0;
    padding: 0;
}

.custom-service-box .meta span,.custom-service-details .meta span {
    display: inline-block;
    padding: 2px 30px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.custom-service-box .meta span.service-type,.custom-service-details .meta span.service-type {
    color: #fff;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.custom-service-box .meta span.service-date,.custom-service-details .meta span.service-date {
    padding-left: 10px;
}

.custom-service-box .meta span i,.custom-service-details .meta span i {
    padding-right: 10px;
}

.custom-service-details {
    background: transparent;
    padding: 0;
    border-bottom: none;
    margin-bottom: 50px;
}

.quicktabs-wrapper {
    background-color: #f8f7f7;
}

.quicktabs-wrapper ul {
    padding: 18px 0;
}

.quicktabs-wrapper ul li {
    margin: 0;
    padding: 0;
}

.quicktabs-wrapper ul li a {
    border-radius: 0;
    font-size: 16px;
    padding: 20px 25px!important;
    text-decoration: none;
}

.quicktabs-wrapper ul li.active a {
    background-color: #03ACDC;
    color: #fff;
}

.quicktabs-wrapper .quicktabs_main {
    padding: 0 20px 20px 20px;
}

.quicktabs-wrapper .form-actions {
    text-align: right;
}

.quicktabs-wrapper .form-actions .btn {
    background-color: #03ACDC;
    padding: 5px 10px;
    color: #fff;
}

.quicktabs-wrapper .webform-component-markup h3 {
    font-family: Athelas;
    font-size: 20px;
    font-style: italic;
}

.webform-component .form-select,.webform-component .form-text {
    height: 40px;
    padding: 6px 12px;
    width: 100%;
}

.webform-component .webform-datepicker .form-select {
    width: 30%;
}

.subscribe-block .prefix {
    color: #fff;
    line-height: 1.7;
    padding-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
}

.subscribe-block .form-text {
    background: #1ad1ad none repeat scroll 0 0;
    border-color: #1ad1ad;
    color: #fff;
    padding: 15px;
    border-width: 0;
    min-width: 300px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}

.subscribe-block .btn {
    background: #fff;
    border: 2px solid #ddd;
    color: #000;
    font-size: 14px;
    padding: 13px 57px;
    margin-top: 20px;
    border-radius: 50px;
}

@media (max-width: 768px) {
    .subscribe-block.block {
        padding:50px 15px!important;
    }

    .subscribe-block.block .prefix {
        font-size: 20px;
    }
}

.box-shadow {
    -webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.6);
    box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.6);
}

.page-node-42 #section-content {
    margin: 0;
}

.background-image-wrapper {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover!important;
    z-index: 0;
    background-position: 50% 50%!important;
    position: absolute;
}

.full-image-section {
    padding: 0px;
    position: relative;
}

.full-image-section .image-container {
    z-index: 99;
    position: absolute;
    height: 100%;
    padding: 0;
    top: 0px;
    bottom: 0;
}

.full-image-section .background-image {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 9999;
}

.position-relative {
    position: relative!important;
}

.full-image-section .image-container.pull-right {
    right: 0px;
}

.full-image-section .section-content {
    padding: 100px 0;
}

.breadcrumb {
    background: none;
}

blockquote {
    font-family: Athelas;
    font-size: 24px!important;
    font-style: italic;
    margin: 0;
    padding: 20px;
}

blockquote.custom {
    background: #343434 none repeat scroll 0 0;
    border-left: 0 none;
    color: #fff;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 20px;
    padding: 2em;
    text-align: left;
}

.drop-caps p:first-child::first-letter {
    color: #434b55;
    display: block;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 4px;
}

.drop-caps.full p:first-child::first-letter {
    background: #232323 none repeat scroll 0 0!important;
    color: #fff;
    margin-right: 10px;
    padding: 7px;
}

body.ltr .region-navigation {
    text-align: right;
}

body.rtl .region-navigation {
    text-align: left;
}

.region-navigation .block {
    display: inline-block;
    vertical-align: middle;
}

.region-navigation #block-search-form {
    width: 40px;
}

.region-navigation #block-search-form .search-toggle {
    width: 40px;
    text-align: center;
    line-height: 110px;
    cursor: pointer;
}

.region-navigation #block-search-form .search-form-block-wrapper {
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    -ms-transition: height 0.2s linear;
    transition: height 0.2s linear;
    overflow: hidden;
    background: #282828;
    position: fixed;
    left: 0;
    width: 100%;
}

.region-navigation #block-search-form .search-form-block-wrapper .form-item {
    margin: 0;
}

.region-navigation #block-search-form .search-form-block-wrapper .form-item input.form-text {
    background: #282828 url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/search.png") no-repeat scroll 0 center;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    border: 0;
    padding-left: 20px;
    color: #777;
}

.region-navigation #block-search-form .search-form-block-wrapper .form-actions {
    display: none;
}

body {
    -webkit-transition: padding-top 0.2s linear;
    -moz-transition: padding-top 0.2s linear;
    -o-transition: padding-top 0.2s linear;
    -ms-transition: padding-top 0.2s linear;
    transition: padding-top 0.2s linear;
}

body .region-navigation .search-form-block-wrapper {
    top: 0px;
    height: 0;
}

body.search-open {
    padding-top: 40px;
}

body.search-open .region-navigation .search-form-block-wrapper {
    height: 40px;
}

body.admin-menu .region-navigation .search-form-block-wrapper {
    top: 20px;
}

body.admin-menu.search-open {
    padding-top: 60px;
}

@media screen and (min-width: 992px) {
    .dexp-dropdown>ul.menu {
        margin:0;
        padding: 0;
    }

    .dexp-dropdown>ul.menu>li>a,.dexp-dropdown>ul.menu ul.menu>li>a,.dexp-dropdown>ul.menu>li>span.nolink,.dexp-dropdown>ul.menu ul.menu>li>span.nolink {
        display: block;
        cursor: pointer;
    }

    .dexp-dropdown>ul.menu>li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0;
        margin: 0;
    }

    .dexp-dropdown>ul.menu>li>span.menu-toggle {
        display: none;
    }

    .dexp-dropdown>ul.menu>li ul.menu,.dexp-dropdown>ul.menu>li div.dexp-menu-mega {
        position: absolute;
        z-index: 999;
        margin-top: 30px;
        opacity: 0;
        -webkit-transition: margin 0.2s linear,line-height 0.2s linear,opacity 0.2s linear;
        -moz-transition: margin 0.2s linear,line-height 0.2s linear,opacity 0.2s linear;
        -o-transition: margin 0.2s linear,line-height 0.2s linear,opacity 0.2s linear;
        -ms-transition: margin 0.2s linear,line-height 0.2s linear,opacity 0.2s linear;
        transition: margin 0.2s linear,line-height 0.2s linear,opacity 0.2s linear;
    }

    .dexp-dropdown>ul.menu>li ul.menu.menu-visible,.dexp-dropdown>ul.menu>li div.dexp-menu-mega.menu-visible {
        overflow: visible;
        margin-top: 0;
        height: auto;
        opacity: 1;
    }

    .dexp-dropdown>ul.menu>li ul.menu span.menu-toggle,.dexp-dropdown>ul.menu>li div.dexp-menu-mega span.menu-toggle {
        position: absolute;
        right: 5px;
        top: 0;
    }

    .dexp-dropdown>ul.menu>li ul.menu {
        height: 0;
        overflow: hidden;
        width: 200px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .dexp-dropdown>ul.menu>li ul.menu>li {
        list-style: none;
        position: relative;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .dexp-dropdown>ul.menu>li ul.menu>li>ul.menu {
        position: absolute;
        top: 0;
        left: 200px;
    }

    .dexp-dropdown>ul.menu>li .dexp-menu-mega {
        height: 0px;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
    }

    .dexp-dropdown>ul.menu>li .dexp-menu-mega>.dexp-menu-row>.dexp-menu-col>ul.menu {
        width: 100%;
        background: none;
        display: block;
        position: relative;
        height: auto;
        opacity: 1;
        margin-top: 0;
    }

    .dexp-dropdown>ul.menu>li .dexp-menu-mega>.dexp-menu-row>.dexp-menu-col>ul.menu>li {
        padding-left: 0;
        padding-right: 0;
    }

    .dexp-dropdown>ul.menu>li .dexp-menu-mega>.dexp-menu-row>.dexp-menu-col>ul.menu>li .menu-attach-block-wrapper.orientation-horizontal .block {
        position: relative;
        background-color: transparent;
        max-width: 100%;
    }

    .dexp-dropdown>ul.menu>li .dexp-menu-mega>.dexp-menu-row>.dexp-menu-col>ul.menu>li .menu-attach-block-wrapper.orientation-horizontal .block img {
        max-width: 100%;
        height: auto;
    }

    .dexp-dropdown>ul.menu>li:hover>ul.menu,.dexp-dropdown>ul.menu>li:hover>div.dexp-menu-mega {
        overflow: visible;
        margin-top: 0;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .block-dexp-menu {
        position:relative;
    }

    .dexp-dropdown {
        display: none;
        position: absolute;
        background: #fff;
        width: 100vw;
        z-index: 999;
    }

    .dexp-dropdown.open {
        display: block;
    }

    .dexp-dropdown>ul.menu {
        padding: 0 15px;
    }

    .dexp-dropdown>ul.menu li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
    }

    .dexp-dropdown>ul.menu li a,.dexp-dropdown>ul.menu li span.nolink {
        line-height: 30px;
        display: block;
    }

    .dexp-dropdown>ul.menu li span.menu-toggle {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        z-index: 999;
        cursor: pointer;
    }

    .dexp-dropdown>ul.menu li ul.menu,.dexp-dropdown>ul.menu li .dexp-menu-mega {
        display: none;
    }

    .dexp-dropdown>ul.menu li ul.menu.menu-visible-mobile,.dexp-dropdown>ul.menu li .dexp-menu-mega.menu-visible-mobile {
        display: block;
    }

    .dexp-dropdown>ul.menu li ul.menu {
        margin-left: 15px;
        padding: 0;
    }

    .dexp-dropdown>ul.menu li .dexp-menu-mega {
        padding-left: 0;
        padding-right: 0;
        width: 100%!important;
    }

    .dexp-dropdown>ul.menu li .dexp-menu-mega>.dexp-menu-row>.dexp-menu-col>ul.menu {
        display: block;
    }

    .dexp-dropdown .menu-attach-block-wrapper {
        display: none;
    }

    .dexp-dropdown h3.dexp-mega-menu-title {
        display: none;
    }
}

body.header-overlay #section-header {
    height: 0;
    overflow: visible;
}

body.header-overlay #section-header .section-inner {
    background-color: rgba(255,255,255,0.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #fff;
    width: 100%;
    position: absolute;
    z-index: 998;
}

body.header-overlay #section-header .section-inner>.container {
    position: relative;
}

body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>a,body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>span.nolink,body.header-overlay #section-header .section-inner .search-toggle {
    color: #fff;
}

body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>a:hover,body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>a.active,body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>span.nolink:hover,body.header-overlay #section-header .section-inner .dexp-dropdown>ul.menu>li>span.nolink.active,body.header-overlay #section-header .section-inner .search-toggle:hover,body.header-overlay #section-header .section-inner .search-toggle.active {
    color: #03ACDC;
}

body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>a,body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>span.nolink,body.header-overlay #section-header .section-inner .style-02 .search-toggle,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>a,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>span.nolink,body.header-overlay #section-header .section-inner .style-03 .search-toggle {
    color: #fff;
}

body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>a:hover,body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>a.active,body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>span.nolink:hover,body.header-overlay #section-header .section-inner .style-02 .dexp-dropdown>ul.menu>li>span.nolink.active,body.header-overlay #section-header .section-inner .style-02 .search-toggle:hover,body.header-overlay #section-header .section-inner .style-02 .search-toggle.active,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>a:hover,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>a.active,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>span.nolink:hover,body.header-overlay #section-header .section-inner .style-03 .dexp-dropdown>ul.menu>li>span.nolink.active,body.header-overlay #section-header .section-inner .style-03 .search-toggle:hover,body.header-overlay #section-header .section-inner .style-03 .search-toggle.active {
    color: #fff;
    background: #03ACDC;
}

body.header-overlay #section-header.fixed-transition .section-inner {
    background-color: #ffffff;
}

body.header-overlay #section-header.fixed-transition .section-inner .dexp-dropdown>ul.menu>li>a,body.header-overlay #section-header.fixed-transition .section-inner .search-toggle {
    color: #999999;
}

body.header-overlay #section-slider .contextual-links-wrapper {
    margin-top: 110px;
}

@media screen and (min-width: 992px) {
    h3.dexp-mega-menu-title {
        border-bottom:1px solid #444;
        color: #fff;
        font-size: 20px;
        line-height: 37px;
        margin: 5px 0;
    }

    a.site-logo {
        line-height: 110px;
    }

    .dexp-dropdown>ul.menu>li>a,.dexp-dropdown>ul.menu>li>a,.dexp-dropdown>ul.menu>li>span.nolink {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        line-height: 40px;
        margin: 35px 0;
        font-family: "Montserrat",sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        padding: 0 20px;
        color: #000;
    }

    .dexp-dropdown>ul.menu>li>a:hover,.dexp-dropdown>ul.menu>li>a.active,.dexp-dropdown>ul.menu>li>a:hover,.dexp-dropdown>ul.menu>li>a.active,.dexp-dropdown>ul.menu>li>span.nolink:hover,.dexp-dropdown>ul.menu>li>span.nolink.active {
        color: #03ACDC;
    }

    .dexp-dropdown>ul.menu {
        font-size: 0px;
    }

    .dexp-dropdown>ul.menu ul.menu,.dexp-dropdown>ul.menu .dexp-menu-mega {
        background: #282828;
    }

    .dexp-dropdown>ul.menu ul.menu.menu-visible,.dexp-dropdown>ul.menu .dexp-menu-mega.menu-visible {
        border-top: 2px solid #03ACDC;
    }

    .dexp-dropdown>ul.menu ul.menu ul.menu,.dexp-dropdown>ul.menu .dexp-menu-mega ul.menu {
        top: -2px!important;
    }

    .dexp-dropdown>ul.menu ul.menu a,.dexp-dropdown>ul.menu ul.menu span.nolink,.dexp-dropdown>ul.menu .dexp-menu-mega a,.dexp-dropdown>ul.menu .dexp-menu-mega span.nolink {
        line-height: 20px;
        padding: 8px 0;
        color: #DDD;
        text-transform: uppercase;
        font-family: "Montserrat",sans-serif;
        font-size: 13px;
    }

    .dexp-dropdown>ul.menu ul.menu a:hover,.dexp-dropdown>ul.menu ul.menu a.active,.dexp-dropdown>ul.menu ul.menu span.nolink:hover,.dexp-dropdown>ul.menu ul.menu span.nolink.active,.dexp-dropdown>ul.menu .dexp-menu-mega a:hover,.dexp-dropdown>ul.menu .dexp-menu-mega a.active,.dexp-dropdown>ul.menu .dexp-menu-mega span.nolink:hover,.dexp-dropdown>ul.menu .dexp-menu-mega span.nolink.active {
        color: #03ACDC;
    }

    .dexp-dropdown>ul.menu ul.menu span.menu-toggle,.dexp-dropdown>ul.menu .dexp-menu-mega span.menu-toggle {
        line-height: 35px;
        color: #555;
    }

    .style-02 .dexp-dropdown>ul.menu>li>a:hover,.style-02 .dexp-dropdown>ul.menu>li>a.active,.style-02 .dexp-dropdown>ul.menu>li>a:hover,.style-02 .dexp-dropdown>ul.menu>li>a.active,.style-02 .dexp-dropdown>ul.menu>li>span.nolink:hover,.style-02 .dexp-dropdown>ul.menu>li>span.nolink.active {
        background: #03ACDC;
        border-radius: 20px;
        color: #fff;
    }

    .style-03 .dexp-dropdown>ul.menu>li>a,.style-03 .dexp-dropdown>ul.menu>li>a,.style-03 .dexp-dropdown>ul.menu>li>span.nolink {
        margin: 0!important;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .style-03 .dexp-dropdown>ul.menu>li>a:hover,.style-03 .dexp-dropdown>ul.menu>li>a.active,.style-03 .dexp-dropdown>ul.menu>li>a:hover,.style-03 .dexp-dropdown>ul.menu>li>a.active,.style-03 .dexp-dropdown>ul.menu>li>span.nolink:hover,.style-03 .dexp-dropdown>ul.menu>li>span.nolink.active {
        background: #03ACDC;
        color: #fff;
    }

    .header-2 .style-03 .dexp-dropdown>ul.menu>li>a,.header-2 .style-03 .dexp-dropdown>ul.menu>li>a,.header-2 .style-03 .dexp-dropdown>ul.menu>li>span.nolink {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    body.rtl .dexp-menu ul.menu ul.menu li {
        text-align: right;
    }

    #section-header.fixed-transition .section-inner {
        background: #fff;
    }

    #section-header.fixed-transition .section-inner .dexp-dropdown>ul.menu>li>a,#section-header.fixed-transition .section-inner .dexp-dropdown>ul.menu>li>span.nolink {
        color: #000!important;
    }
}

@media screen and (max-width: 991px) {
    a.site-logo {
        line-height:100px;
    }

    .dexp-menu {
        background: #282828;
    }

    .dexp-menu ul.menu li {
        border-bottom: 1px solid #333;
    }

    .dexp-menu ul.menu li a,.dexp-menu ul.menu li span.nolink {
        color: #eee;
        font-family: "Montserrat",sans-serif;
        font-size: 13px;
        line-height: 35px;
    }

    .dexp-menu ul.menu li a:hover,.dexp-menu ul.menu li a.active,.dexp-menu ul.menu li span.nolink:hover,.dexp-menu ul.menu li span.nolink.active {
        color: #03ACDC;
    }

    .dexp-menu ul.menu li ul {
        margin-bottom: -1px;
        border-top: 1px solid #333;
    }

    .dexp-menu-toggler {
        line-height: 100px;
        font-size: 20px;
    }

    .search-toggle {
        font-size: 16px;
    }
}

body.ltr .header-2 .region-navigation {
    text-align: left;
}

body.ltr .header-2 .region-navigation #block-search-form {
    float: right;
}

body.ltr .header-2 .region-navigation #block-search-form span.search-toggle {
    line-height: 80px;
}

body.ltr .header-2 .dexp-dropdown>ul.menu>li>a,body.ltr .header-2 .dexp-dropdown>ul.menu>li>a,body.ltr .header-2 .dexp-dropdown>ul.menu>li>span.nolink {
    margin: 20px 0;
}

body.ltr .header-2 a.site-logo {
    line-height: 70px;
}

body.ltr .header-2 .region-top-left,body.ltr .header-2 .region-top-right {
    line-height: 22px;
    margin-top: 24px;
    vertical-align: middle;
}

.region-top-left i {
    color: #03ACDC;
}

.region-top-left .phone {
    margin-top: 2px;
}

.region-top-left .block {
    display: inline-block;
    vertical-align: middle;
}

#block-lang-dropdown-language:before {
    content: "\f0ac";
    font-family: FontAwesome;
    color: #03ACDC;
    float: left;
    margin-top: 3px;
}

#block-lang-dropdown-language .form-item-lang-dropdown-select,#block-lang-dropdown-language label {
    margin: 0;
    display: block;
    font-weight: normal;
}

#block-lang-dropdown-language .dd-select {
    background: none!important;
    border: 0 none!important;
}

#block-lang-dropdown-language .dd-select .dd-pointer-down,#block-lang-dropdown-language .dd-select .dd-pointer-up {
    border-color: #999 rgba(0,0,0,0) rgba(0,0,0,0);
}

#block-lang-dropdown-language .dd-selected {
    padding: 4px!important;
    background: none;
}

#block-lang-dropdown-language .dd-selected img {
    margin-top: 3px;
}

#block-lang-dropdown-language .dd-options {
    margin-top: 9px;
}

#block-lang-dropdown-language .dd-option {
    padding: 4px!important;
}

#block-lang-dropdown-language .dd-option img {
    margin-top: 7px;
}

.tp-caption.slider-title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
    color: #242424;
    text-decoration: none;
    padding: 0;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title span {
    color: #03ACDC;
}

.tp-caption.slider-title2 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #242424;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
}

.tp-caption.slider-title5 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #242424;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title6 {
    font-family: Montserrat,sans-serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #242424;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title7 {
    font-family: Montserrat,sans-serif;
    font-size: 50px;
    line-height: 65px;
    font-weight: 400;
    color: #242424;
    text-decoration: none;
    padding: 0;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title7 span {
    color: #03ACDC;
}

.tp-caption.slider-title21 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    font-family: Montserrat;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
}

.tp-caption.slider-title22 {
    font-family: Athelas;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    font-style: italic;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
}

.tp-caption.white-color {
    color: #fff!important;
}

.tp-caption.slider-title-baron {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    font-family: baron_neue_boldbold;
    color: #242424;
    text-decoration: none;
    padding: 0;
    text-transform: none;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title-baron.white-color {
    font-size: 60px;
    line-height: 70px;
}

.tp-caption.slider-title-baron2 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    font-family: baron_neue_boldbold;
    color: #242424;
    text-decoration: none;
    padding: 0;
    text-transform: none;
    background-color: transparent;
    border-width: 0;
    border-color: #fff;
    border-style: none;
}

.tp-caption.slider-title-baron2 span {
    color: #03ACDC;
}

.tp-caption.blue-color {
    color: #03acdc;
}

.view-shop {
    margin-bottom: 90px;
}

.product-item figure {
    color: #ffffff!important;
    background: #17dfbe;
    background: -moz-linear-gradient(top,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#17dfbe),color-stop(24%,#15dac0),color-stop(57%,#0dc8cb),color-stop(86%,#06b4d7),color-stop(100%,#04afda));
    background: -webkit-linear-gradient(top,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%);
    background: -o-linear-gradient(top,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%);
    background: -ms-linear-gradient(top,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%);
    background: linear-gradient(to bottom,#17dfbe 0%,#15dac0 24%,#0dc8cb 57%,#06b4d7 86%,#04afda 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17dfbe',endColorstr='#04afda',GradientType=0);
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

.product-item figure.effect-chico img {
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
    -o-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    max-width: 100%;
    height: auto;
}

.product-item figure.effect-chico:hover img {
    opacity: 0.5;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-item figure.effect-chico figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3em;
}

.product-item figure.effect-chico figcaption h3 {
    opacity: 0;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

.product-item figure.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 3px solid #fff;
    content: '';
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-item figure.effect-chico figcaption::before {
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}

.product-item figure.effect-chico:hover figcaption::before,.product-item figure.effect-chico:hover h3,.product-item figure.effect-chico:hover .commerce-add-to-cart input.btn {
    opacity: 1;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-item .product-item-links {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 99999;
    color: #FFF;
}

.product-item .commerce-add-to-cart input.btn {
    border: 0 none;
    opacity: 0;
    background: none;
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.product-item .commerce-add-to-cart input.btn:hover {
    background: none;
}

.product-item .shop-desc {
    text-align: center;
}

.product-item .shop-desc h3 {
    padding-top: 15px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.product-item .shop-desc h3 a {
    color: #282828;
    font-size: 16px;
    text-transform: uppercase;
}

.product-item .shop-desc .rating {
    margin: 10px 0;
    display: inline-block;
}

.product-item .attribute-widgets {
    display: none;
}

.shop-single div.thumbnails {
    padding-top: 10px;
}

.shop-single div.thumbnails a {
    float: left;
    width: 30%;
    margin-right: 3.33%;
    margin-bottom: 10px;
}

.shop-single div.thumbnails a img {
    width: 100%;
    height: auto;
}

.shop-single .img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    display: inline-block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.shop-single .shop-product-name {
    text-transform: uppercase;
    font-size: 30px;
}

.shop-single .shop-product-name .field-name-commerce-price {
    display: inline-block;
}

.shop-single .shop-img img {
    width: 100%;
}

.shop-single .short-desc {
    margin: 20px 0;
}

.product-details-wrap {
    margin: 30px 0 90px 0;
}

.flag-wishlist {
    border: 0 none;
    background-color: #5bc0de;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    letter-spacing: 1px;
    padding: 6px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flag-wishlist:hover {
    background-color: #505460;
    border-color: #505460;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flag-wishlist:hover a,.flag-wishlist:hover span {
    color: #FFF;
}

.flag-wishlist a,.flag-wishlist span,.flag-wishlist i {
    color: #FFF;
}

.view-related-products {
    padding-top: 20px;
}

.view-related-products .view-content {
    padding-top: 20px;
}

.field-name-field-product-categories,.field-name-field-brand {
    display: inline-block;
}

.btn-products {
    margin-top: 20px;
}

.btn-products .add-to-wishlist {
    display: inline-block;
}

.btn-products .add-to-wishlist a {
    color: #282828;
    font-weight: 500;
}

.btn-products .add-to-wishlist i {
    padding-right: 5px;
}

.btn-products .field-name-field-product-variations {
    display: inline-block;
}

.btn-products .field-name-field-product-variations .form-submit {
    margin-top: -3px;
    letter-spacing: 1px;
}

.btn-products .field-name-field-product-variations .form-submit:hover {
    background-color: #505460;
    border-color: #505460;
}

.attribute-widgets label {
    display: none;
}

.attribute-widgets .form-type-radio {
    display: inline-block;
}

.form-item-quantity {
    display: inline;
    margin-right: 25px;
}

.rating i {
    padding-right: 3px;
    color: #fad31f;
    font-size: 12px;
}

.product-price {
    font-size: 18px;
}

.commerce-price-rrp-your-price {
    width: 100%;
}

.commerce-price-rrp-your-price tbody {
    border-top: 0 none;
}

.commerce-price-rrp-your-price tr,.commerce-price-rrp-your-price td {
    display: inline-block;
    padding: 0;
}

.commerce-price-rrp-your-price .rrp-title,.commerce-price-rrp-your-price .webprice-title {
    display: none;
}

.commerce-price-rrp-your-price .webprice-total {
    color: #03ACDC!important;
    padding: 0px;
    font-size: 20px;
    font-weight: normal;
}

.commerce-price-rrp-your-price .rrp-total {
    padding-right: 5px;
    font-size: 15px;
    color: #adb7bd;
}

.commerce-add-to-cart input[type="text"] {
    color: #333333;
    height: 34px;
    line-height: 30px;
    margin: 0;
    padding: 5px;
    width: 50px;
}

.commerce-add-to-cart label {
    display: none;
}

#comments_wrapper .comment-avatar img {
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 9px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.page-cart .view-commerce-cart-form .views-table {
    width: 100%;
    border: 1px solid #DDDDDD;
}

.page-cart .view-commerce-cart-form .views-table tr.odd,.page-cart .view-commerce-cart-form .views-table tr.even {
    background: none;
}

.page-cart .view-commerce-cart-form i:hover {
    color: #03ACDC;
}

.page-cart .view-commerce-cart-form .views-field-edit-delete {
    text-align: center;
}

.page-cart .view-commerce-cart-form #edit-submit {
    margin-right: 10px;
}

.view-top-products-rating ul,.view-products-sale ul {
    list-style: none;
}

.view-top-products-rating ul li,.view-products-sale ul li {
    list-style-type: none;
    margin: 0 0 20px 0;
}

.view-top-products-rating .valign>div,.view-products-sale .valign>div {
    display: table-cell;
    vertical-align: top;
}

.view-top-products-rating .valign .recent_post_img img,.view-products-sale .valign .recent_post_img img {
    width: 75px;
    height: auto;
    margin: 0 10px 0 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.view-top-products-rating .valign .recent_post_img img:hover,.view-products-sale .valign .recent_post_img img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.view-top-products-rating .valign h4,.view-products-sale .valign h4 {
    font-size: 14px!important;
    margin-bottom: 3px!important;
    padding-bottom: 0!important;
}

.view-top-products-rating .valign h4 a,.view-products-sale .valign h4 a {
    color: #83939C;
    text-transform: uppercase;
}

.view-top-products-rating .valign .rating,.view-products-sale .valign .rating {
    text-align: left;
}

.view-top-products-rating .webprice-total,.view-products-sale .webprice-total {
    font-size: 15px;
}

.view-bestsellers ul {
    list-style: none;
}

.view-bestsellers ul li {
    list-style-type: none;
    margin-left: 0;
    clear: left;
    min-height: 120px;
}

.view-bestsellers ul li img {
    float: left;
    width: 75px;
    margin: 0 10px 0 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.view-bestsellers ul li img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.view-bestsellers ul li h4.title {
    margin-bottom: 3px;
}

.view-bestsellers ul li a {
    font-size: 14px;
    font-weight: 600;
    color: #83939C;
    text-transform: uppercase;
}

.view-bestsellers ul li .views-field-commerce-price {
    font-size: 15px;
    color: #03ACDC;
}

.view-bestsellers ul li .views-field-field-rating {
    display: inline-block;
}

.view-wishlist thead>tr>th,.view-commerce-cart-summary thead>tr>th,.view-commerce-cart-form thead>tr>th {
    background: #03acdc;
    border-bottom: 2px solid #03acdc;
    color: #fff;
    padding: 25px 20px;
    border: 0;
}

.views-table {
    width: 100%;
    border: 1px solid #DDDDDD;
}

.views-table tr,.views-table th {
    background: none;
}

.views-table tr td,.views-table th td {
    padding: 8px;
    border: 1px solid #DDDDDD;
}

#commerce-checkout-form-checkout fieldset.collapsed,#commerce-shipping-service-ajax-wrapper fieldset.collapsed {
    height: 60px!important;
    margin-bottom: 20px;
}

#commerce-checkout-form-checkout legend,#commerce-shipping-service-ajax-wrapper legend {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding: 16px;
}

#commerce-checkout-form-checkout legend span,#commerce-checkout-form-checkout legend a,#commerce-shipping-service-ajax-wrapper legend span,#commerce-shipping-service-ajax-wrapper legend a {
    font-size: 18px;
    font-weight: 600;
    padding-left: 10px;
}

#commerce-checkout-form-checkout legend span:hover,#commerce-checkout-form-checkout legend a:hover,#commerce-shipping-service-ajax-wrapper legend span:hover,#commerce-shipping-service-ajax-wrapper legend a:hover {
    color: #03ACDC;
}

#commerce-checkout-form-checkout legend:hover,#commerce-shipping-service-ajax-wrapper legend:hover {
    border-color: #03ACDC;
}

#commerce-checkout-form-checkout .form-item,#commerce-shipping-service-ajax-wrapper .form-item {
    width: 100%;
}

#commerce-checkout-form-checkout .form-text,#commerce-checkout-form-checkout select,#commerce-shipping-service-ajax-wrapper .form-text,#commerce-shipping-service-ajax-wrapper select {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075);
    color: #656565;
    display: block;
    font-size: 12px;
    height: 34px;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out;
    -moz-transition: border-color 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out;
    -ms-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
    -webkit-transition: box-shadow 0.15s ease-in-out;
    -moz-transition: box-shadow 0.15s ease-in-out;
    -o-transition: box-shadow 0.15s ease-in-out;
    -ms-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
    vertical-align: middle;
    width: 100%;
}

#commerce-checkout-form-checkout table.commerce-price-formatted-components,#commerce-shipping-service-ajax-wrapper table.commerce-price-formatted-components {
    margin-bottom: 10px;
}

#commerce-checkout-form-checkout table.commerce-price-formatted-components tbody,#commerce-shipping-service-ajax-wrapper table.commerce-price-formatted-components tbody {
    border: none;
}

#commerce-checkout-form-checkout table.commerce-price-formatted-components tr,#commerce-shipping-service-ajax-wrapper table.commerce-price-formatted-components tr {
    border: none;
    background: none;
}

table.checkout-review {
    width: 100%;
}

table.checkout-review tbody {
    border: none;
}

table.checkout-review tr {
    border: none;
    background: none;
}

.checkout-buttons {
    text-align: right;
    margin-bottom: 40px;
}

.checkout-buttons .button-operator {
    display: none;
}

.checkout-buttons .checkout-continue,.checkout-buttons .checkout-cancel {
    background: #03ACDC;
    color: #FFF;
}

.checkout-buttons .checkout-cancel {
    display: inline-block;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    margin-left: 10px;
    background: #03ACDC;
    text-decoration: none!important;
}

.checkout-buttons .checkout-cancel:hover {
    background: #4e4e4e;
    color: #FFF;
}

input[id^=edit-quantity],input[id^=edit-edit-quantity] {
    border: 1px solid #e5e5e5;
    float: left;
    height: 34px;
    width: 40px!important;
    text-align: center;
    font-size: 14px;
    margin: 0 2px!important;
}

.commerce-quantity-plusminus-link-decrease a,.commerce-quantity-plusminus-link-increase a {
    background-color: buttonface;
    box-shadow: none;
    color: #666;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 0!important;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    border-radius: 0!important;
}

.commerce-quantity-plusminus-link-decrease a:hover,.commerce-quantity-plusminus-link-increase a:hover {
    background: #03ACDC!important;
    color: #FFF;
}

#search-api-ranges-block-slider-view-form-field-product-variationscommerce-priceamount-decimal .range-box-left,#search-api-ranges-block-slider-view-form-field-product-variationscommerce-priceamount-decimal .range-box-right,#search-api-ranges-block-slider-view-form-field-product-variationscommerce-priceamount-decimal .form-submit {
    display: none;
}

.block-search-api-sorts {
    float: left;
    margin-bottom: 20px;
}

.block-search-api-sorts .form-item-sort-by {
    margin-top: 0;
}

.view-shop-fullwidth .view-filters,.view-products .view-filters {
    position: absolute;
    top: 0px;
    left: 190px;
}

.view-shop-fullwidth label,.view-products label {
    display: none;
}

.view-shop-fullwidth .views-widget-per-page,.view-products .views-widget-per-page {
    padding: 0;
}

.result-found {
    margin-top: 15px;
}

.facet-list ul {
    margin-top: 10px;
}

.facet-list ul li {
    list-style: none;
    margin: 0 0 10px 0;
    color: #777777;
    font-size: 16px;
}

.facet-list ul li input[type="checkbox"] {
    margin-right: 10px!important;
}

.facet-list ul li a {
    color: #777777;
    font-size: 16px;
}

.facet-list ul li a:hover {
    color: #03ACDC;
}

.facet-list select {
    width: 100%;
}

.current-search-item ul {
    margin: 0;
    padding: 0;
}

.current-search-item ul li {
    list-style: none;
    font-size: 16px;
    display: inline;
    padding-right: 20px;
    margin: 0;
}

.view-wishlist {
    margin-bottom: 40px;
}

.view-wishlist i {
    padding-right: 5px;
}

#block-dc-ajax-add-cart-ajax-shopping-cart {
    margin-bottom: 20px;
}

#block-dc-ajax-add-cart-ajax-shopping-cart .ajax-shopping-cart-wrapper {
    width: 100%;
}

.banner-image img {
    width: 100%;
}

.margin-top1 {
    margin-top: 6px;
}

.magnifier:hover .buttons {
    opacity: 1;
    visibility: visible;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.entry:hover .magnifier {
    opacity: 1;
    visibility: visible;
}

.entry {
    display: block;
    overflow: hidden;
    position: relative;
}

.magnifier {
    position: absolute;
    background-color: #03acdc;
    text-align: center;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 998;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.entry img {
    zoom:1;filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.entry:hover img {
    zoom:1;filter: alpha(opacity=50);
    opacity: 0.5;
}

.magnifier .buttons {
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    width: 100%;
    top: 53%;
    left: 0;
    right: 0;
    margin-top: -22px;
    opacity: 0;
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.magnifier .buttons h3 {
    color: #fff;
    font-size: 21px;
}

#block-views-simple-shopping-cart-block a {
    color: #333;
}

.ImageWrapper {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    display: block;
    overflow: hidden;
    position: relative;
}

.WhiteRounded {
    background-color: #ffffff;
    border: medium none;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
}

.WhiteRounded>a {
    color: #222222;
    display: block;
    font-weight: normal;
}

.RedRounded {
    background-color: #D8322B;
    border: medium none;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
}

.RedRounded>a {
    color: #FFFFFF;
    display: block;
    font-weight: normal;
}

.BlackRounded {
    background-color: #222222;
    border: medium none;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
}

.BlackRounded>a {
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.WhiteHollowRounded {
    border: 1px solid #ffffff;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.WhiteHollowRounded>a {
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.BlackHollowRounded {
    border: 1px solid #222222;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.BlackHollowRounded>a {
    color: #222222;
    display: block;
    font-weight: normal;
}

.WhiteSquare {
    background-color: #ffffff;
    border: medium none;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px;
    -o-border-radius: 4px 4px 4px;
    border-radius: 4px 4px 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
}

.WhiteSquare>a {
    color: #222222;
    display: block;
    font-weight: normal;
}

.BlackSquare {
    background-color: #222222;
    border: medium none;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px;
    -o-border-radius: 4px 4px 4px;
    border-radius: 4px 4px 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 1px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.1);
}

.BlackSquare>a {
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.WhiteHollowSquare {
    border: 1px solid #ffffff;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px;
    -o-border-radius: 4px 4px 4px;
    border-radius: 4px 4px 4px;
}

.WhiteHollowSquare>a {
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.BlackHollowSquare {
    border: 1px solid #222222;
    display: inline-block!important;
    float: none!important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px;
    -o-border-radius: 4px 4px 4px;
    border-radius: 4px 4px 4px;
}

.BlackHollowSquare>a {
    color: #222222;
    display: block;
    font-weight: normal;
}

.VisibleButtons {
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
}

.VisibleImageOverlay {
    position: absolute;
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    visibility: visible;
}

.ImageWrapper .ImageOverlayH {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayH {
    opacity: 1;
}

.ImageWrapper .ImageOverlayHe {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 0;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayHe {
    height: 100%;
    top: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayLi:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayLi:after {
    top: -50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayLi:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    bottom: -100%;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayLi:before {
    bottom: -50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayBe:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayBe:after {
    top: 50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayBe:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    bottom: -100%;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayBe:before {
    bottom: 50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayB {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 0;
}

.ImageWrapper:hover .ImageOverlayB {
    left: 0;
    width: 100%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayC:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    right: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayC:after {
    right: -50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayC:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    left: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayC:before {
    left: -50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayN:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    right: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayN:after {
    right: 50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayN:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    content: "";
    display: block;
    left: -100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayN:before {
    left: 50%;
    opacity: 1;
}

.ImageWrapper .ImageOverlayO {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    left: -100%;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayO {
    left: 0;
    top: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayF {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    right: -100%;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayF {
    right: 0;
    top: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayNe {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    left: -100%;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayNe {
    bottom: 0;
    left: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayNa {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    right: -100%;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayNa {
    bottom: 0;
    right: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayMg {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayMg {
    top: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayAl {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayAl {
    bottom: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlaySi {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    top: 0;
    opacity: 0;
    position: absolute;
    right: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlaySi {
    right: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayP {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    top: 0;
    opacity: 0;
    position: absolute;
    left: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.ImageWrapper:hover .ImageOverlayP {
    left: 0;
    opacity: 1;
}

.ImageWrapper .ImageOverlayS {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    top: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    -webkit-transform: rotate(180deg) scale(0);
    -moz-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    -o-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
}

.ImageWrapper:hover .ImageOverlayS {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.ImageWrapper .ImageOverlayCl {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    height: 100%;
    display: block;
    top: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    -webkit-transform: rotate(-180deg) scale(0);
    -moz-transform: rotate(-180deg) scale(0);
    -ms-transform: rotate(-180deg) scale(0);
    -o-transform: rotate(-180deg) scale(0);
    transform: rotate(-180deg) scale(0);
}

.ImageWrapper:hover .ImageOverlayCl {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.ImageWrapper .ImageOverlayArLeft:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 100%;
    height: 100%;
    left: -100%;
    overflow: hidden;
}

.ImageWrapper .ImageOverlayArLeft:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s ease .2s;
    -moz-transition: all 0.2s ease .2s;
    -ms-transition: all 0.2s ease .2s;
    -o-transition: all 0.2s ease .2s;
    transition: all 0.2s ease .2s;
    width: 100%;
    height: 100%;
    left: -100%;
    overflow: hidden;
}

.ImageWrapper .ImageOverlayArRight:before {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    -webkit-transition: all 0.2s ease .3s;
    -moz-transition: all 0.2s ease .3s;
    -ms-transition: all 0.2s ease .3s;
    -o-transition: all 0.2s ease .3s;
    transition: all 0.2s ease .3s;
    width: 100%;
    height: 100%;
    right: -100%;
    overflow: hidden;
}

.ImageWrapper .ImageOverlayArRight:after {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s ease .5s;
    -moz-transition: all 0.2s ease .5s;
    -ms-transition: all 0.2s ease .5s;
    -o-transition: all 0.2s ease .5s;
    transition: all 0.2s ease .5s;
    width: 100%;
    height: 100%;
    right: -100%;
    overflow: hidden;
}

.ImageWrapper:hover .ImageOverlayArLeft:before,.ImageWrapper:hover .ImageOverlayArLeft:after {
    opacity: 1;
    left: 50%;
}

.ImageWrapper:hover .ImageOverlayArRight:before,.ImageWrapper:hover .ImageOverlayArRight:after {
    opacity: 1;
    right: 50%;
}

.ImageWrapper .ImageOverlayK {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .ImageOverlayK {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.ImageWrapper .ImageOverlayCa {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .ImageOverlayCa {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.ImageWrapper .ImageOverlaySc {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .ImageOverlaySc {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.ImageWrapper .ImageOverlayTi {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .ImageOverlayTi {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.GrayScale {
    -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.GrayScale:hover {
    -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.BackgroundS img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundS:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.BackgroundRR img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundRR:hover img {
    -webkit-transform: rotate(-10deg) scale(1.4);
    -moz-transform: rotate(-10deg) scale(1.4);
    -ms-transform: rotate(-10deg) scale(1.4);
    -o-transform: rotate(-10deg) scale(1.4);
    transform: rotate(-10deg) scale(1.4);
}

.BackgroundR img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundR:hover img {
    -webkit-transform: rotate(10deg) scale(1.4);
    -moz-transform: rotate(10deg) scale(1.4);
    -ms-transform: rotate(10deg) scale(1.4);
    -o-transform: rotate(10deg) scale(1.4);
    transform: rotate(10deg) scale(1.4);
}

.BackgroundRS img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundRS:hover img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.BackgroundF img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundF:hover img {
    opacity: 0;
}

.BackgroundFS img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundFS:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.BackgroundFRS img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.BackgroundFRS:hover img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.SquareCircle {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.SquareCircle:hover {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.CircleSquare {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.CircleSquare:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.ImageWrapper .CStyleH {
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -moz-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -ms-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -o-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
}

.ImageWrapper:hover .CStyleH {
    margin-top: -20px;
    opacity: 1;
    top: 50%;
    visibility: visible;
}

.ImageWrapper .CStyleHe {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -moz-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -ms-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -o-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
}

.ImageWrapper:hover .CStyleHe {
    margin-bottom: -20px;
    opacity: 1;
    bottom: 50%;
    visibility: visible;
}

.ImageWrapper .CStyleLi {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: right;
    right: 0;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -moz-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -ms-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -o-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
}

.ImageWrapper:hover .CStyleLi {
    margin-right: -42px;
    opacity: 1;
    right: 50%;
    visibility: visible;
}

.ImageWrapper .CStyleBe {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -moz-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -ms-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -o-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
}

.ImageWrapper:hover .CStyleBe {
    margin-left: -42px;
    opacity: 1;
    left: 50%;
    visibility: visible;
}

.ImageWrapper .CStyleB {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -moz-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -ms-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    -o-transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
    transition: all 400ms cubic-bezier(1.000,-0.6,0.570,-0.15);
}

.ImageWrapper:hover .CStyleB {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ImageWrapper .CStyleC span {
    position: absolute;
}

.ImageWrapper .CStyleC span:nth-of-type(1) {
    bottom: 50%;
    top: 50%;
    left: 0;
    margin: -20px 0 0 -68px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(1.000,0,0.570,0)!important;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -moz-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -ms-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -o-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
}

.ImageWrapper .CStyleC span:nth-of-type(2) {
    bottom: 50%;
    top: 50%;
    left: 50%;
    right: 50%;
    margin: -20px 0 0 -20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .CStyleC span:nth-of-type(3) {
    bottom: 50%;
    top: 50%;
    right: 0;
    margin: -20px -68px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms cubic-bezier(1.000,0,0.570,0)!important;
    -webkit-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -moz-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -ms-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    -o-transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
    transition: all 400ms cubic-bezier(1.000,-0.36,0.570,-0.15)!important;
}

.ImageWrapper:hover .CStyleC span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .CStyleC span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ImageWrapper:hover .CStyleC span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleH {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleH {
    opacity: 1;
    visibility: visible;
}

.ImageWrapper .StyleHe {
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleHe {
    margin-top: -20px;
    opacity: 1;
    top: 50%;
    visibility: visible;
}

.ImageWrapper .StyleLi {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleLi {
    margin-bottom: -20px;
    opacity: 1;
    bottom: 50%;
    visibility: visible;
}

.ImageWrapper .StyleBe {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: right;
    right: 0;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleBe {
    margin-right: -42px;
    opacity: 1;
    right: 50%;
    visibility: visible;
}

.ImageWrapper .StyleB {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: left;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleB {
    margin-left: -42px;
    opacity: 1;
    left: 50%;
    visibility: visible;
}

.ImageWrapper .StyleC {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleC {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ImageWrapper .StyleN {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleN {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ImageWrapper .StyleO span {
    position: absolute;
}

.ImageWrapper .StyleO span:nth-of-type(1) {
    bottom: 50%;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleO span:nth-of-type(2) {
    bottom: 50%;
    top: 50%;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleO span:nth-of-type(1) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ImageWrapper:hover .StyleO span:nth-of-type(2) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.ImageWrapper .StyleF {
    visibility: hidden;
    -webkit-transform: scale(0.5) rotateX(360deg);
    -moz-transform: scale(0.5) rotateX(360deg);
    -ms-transform: scale(0.5) rotateX(360deg);
    -o-transform: scale(0.5) rotateX(360deg);
    transform: scale(0.5) rotateX(360deg);
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleF {
    opacity: 1;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    visibility: visible;
}

.ImageWrapper .StyleNe {
    visibility: hidden;
    margin: 0;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleNe {
    opacity: 1;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    visibility: visible;
}

.ImageWrapper .StyleNa {
    visibility: hidden;
    -webkit-transform: scale(0.2) rotateY(360deg);
    -moz-transform: scale(0.2) rotateY(360deg);
    -ms-transform: scale(0.2) rotateY(360deg);
    -o-transform: scale(0.2) rotateY(360deg);
    transform: scale(0.2) rotateY(360deg);
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleNa {
    opacity: 1;
    -webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
    visibility: visible;
}

.ImageWrapper .StyleMg span {
    position: absolute;
}

.ImageWrapper .StyleMg span:nth-of-type(1) {
    bottom: 50%;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -82px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleMg span:nth-of-type(2) {
    bottom: 50%;
    top: 50%;
    right: 50%;
    margin: -20px -82px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleMg span:nth-of-type(1) {
    margin: -20px 0 0 -42px;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleMg span:nth-of-type(2) {
    margin: -20px -42px 0 0;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleAl span {
    position: absolute;
}

.ImageWrapper .StyleAl span:nth-of-type(1) {
    top: 0;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleAl span:nth-of-type(2) {
    bottom: 0;
    right: 50%;
    margin: 0 -42px -20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleAl span:nth-of-type(1) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleAl span:nth-of-type(2) {
    bottom: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleSi span {
    position: absolute;
}

.ImageWrapper .StyleSi span:nth-of-type(1) {
    bottom: 0;
    left: 50%;
    margin: 0 0 -20px -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleSi span:nth-of-type(2) {
    top: 0;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleSi span:nth-of-type(1) {
    bottom: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleSi span:nth-of-type(2) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleP span {
    position: absolute;
}

.ImageWrapper .StyleP span:nth-of-type(1) {
    top: 0;
    left: 0;
    margin: -40px 0 0 -40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleP span:nth-of-type(2) {
    bottom: 0;
    right: 0;
    margin: 0 -40px -40px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleP span:nth-of-type(1) {
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleP span:nth-of-type(2) {
    bottom: 50%;
    right: 50%;
    margin: 0 -42px -20px 0;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleS span {
    position: absolute;
}

.ImageWrapper .StyleS span:nth-of-type(1) {
    bottom: 0;
    left: 0;
    margin: -40px 0 0 -40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleS span:nth-of-type(2) {
    top: 0;
    right: 0;
    margin: 0 -40px -40px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleS span:nth-of-type(1) {
    bottom: 50%;
    left: 50%;
    margin: 0 0 -20px -42px;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleS span:nth-of-type(2) {
    top: 50%;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleCl {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleCl {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
}

.ImageWrapper .StyleAr span {
    position: absolute;
}

.ImageWrapper .StyleAr span:nth-of-type(1) {
    top: 50%;
    bottom: 50%;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.2) rotate(0deg);
    -moz-transform: scale(0.2) rotate(0deg);
    -ms-transform: scale(0.2) rotate(0deg);
    -o-transform: scale(0.2) rotate(0deg);
    transform: scale(0.2) rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleAr span:nth-of-type(2) {
    top: 50%;
    bottom: 50%;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.2) rotate(0deg);
    -moz-transform: scale(0.2) rotate(0deg);
    -ms-transform: scale(0.2) rotate(0deg);
    -o-transform: scale(0.2) rotate(0deg);
    transform: scale(0.2) rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleAr span:nth-of-type(1) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.ImageWrapper:hover .StyleAr span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.ImageWrapper .StyleK span {
    position: absolute;
}

.ImageWrapper .StyleK span:nth-of-type(1) {
    top: 50%;
    bottom: 50%;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleK span:nth-of-type(2) {
    top: 50%;
    bottom: 50%;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleK span:nth-of-type(1) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.ImageWrapper:hover .StyleK span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.ImageWrapper .StyleCa span {
    position: absolute;
}

.ImageWrapper .StyleCa span:nth-of-type(1) {
    top: 50%;
    bottom: 50%;
    left: 50%;
    margin: -20px 0 0 -42px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.2) rotateY(0deg);
    -moz-transform: scale(0.2) rotateY(0deg);
    -ms-transform: scale(0.2) rotateY(0deg);
    -o-transform: scale(0.2) rotateY(0deg);
    transform: scale(0.2) rotateY(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleCa span:nth-of-type(2) {
    top: 50%;
    bottom: 50%;
    right: 50%;
    margin: -20px -42px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.2) rotateY(0deg);
    -moz-transform: scale(0.2) rotateY(0deg);
    -ms-transform: scale(0.2) rotateY(0deg);
    -o-transform: scale(0.2) rotateY(0deg);
    transform: scale(0.2) rotateY(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleCa span:nth-of-type(1) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotateY(360deg);
    -moz-transform: scale(1) rotateY(360deg);
    -ms-transform: scale(1) rotateY(360deg);
    -o-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
}

.ImageWrapper:hover .StyleCa span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) rotateY(360deg);
    -moz-transform: scale(1) rotateY(360deg);
    -ms-transform: scale(1) rotateY(360deg);
    -o-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
}

.ImageWrapper .StyleSc span {
    position: absolute;
}

.ImageWrapper .StyleSc span:nth-of-type(1) {
    bottom: 50%;
    top: 50%;
    left: 0;
    margin: -20px 0 0 -68px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleSc span:nth-of-type(2) {
    top: 0;
    right: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleSc span:nth-of-type(3) {
    bottom: 50%;
    top: 50%;
    right: 0;
    margin: -20px -68px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleSc span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleSc span:nth-of-type(2) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleSc span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleTi span {
    position: absolute;
}

.ImageWrapper .StyleTi span:nth-of-type(1) {
    bottom: 50%;
    top: 50%;
    left: 0;
    margin: -20px 0 0 -68px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleTi span:nth-of-type(2) {
    bottom: 50%;
    top: 50%;
    left: 50%;
    right: 50%;
    margin: -20px 0 0 -20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper .StyleTi span:nth-of-type(3) {
    bottom: 50%;
    top: 50%;
    right: 0;
    margin: -20px -68px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .StyleTi span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleTi span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ImageWrapper:hover .StyleTi span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .StyleV span {
    position: absolute;
}

.ImageWrapper .StyleV span:nth-of-type(1) {
    top: 0;
    left: 50%;
    margin: -20px 0 0 -68px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .2s;
    -moz-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .2s;
    -ms-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .2s;
    -o-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .2s;
    transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .2s;
}

.ImageWrapper .StyleV span:nth-of-type(2) {
    top: 0;
    left: 50%;
    margin: -20px 0 0 -20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .3s;
    -moz-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .3s;
    -ms-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .3s;
    -o-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .3s;
    transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .3s;
}

.ImageWrapper .StyleV span:nth-of-type(3) {
    top: 0;
    right: 50%;
    margin: -20px -68px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .4s;
    -moz-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .4s;
    -ms-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .4s;
    -o-transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .4s;
    transition: all 200ms cubic-bezier(0.000,1.135,0.730,1.405) .4s;
}

.ImageWrapper:hover .StyleV span:nth-of-type(1) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleV span:nth-of-type(2) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper:hover .StyleV span:nth-of-type(3) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.ImageWrapper .PStyleH {
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll center center/ 60px 60px #222222;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9999;
}

.ImageWrapper:hover .PStyleH {
    opacity: .6;
    visibility: visible;
}

.ImageWrapper .PStyleHe {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll center center/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleHe {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
}

.ImageWrapper .PStyleLi {
    -webkit-transform: scale(0.5) rotateY(180deg);
    -moz-transform: scale(0.5) rotateY(180deg);
    -ms-transform: scale(0.5) rotateY(180deg);
    -o-transform: scale(0.5) rotateY(180deg);
    transform: scale(0.5) rotateY(180deg);
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll center center/ 60px 60px #222222;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9999;
}

.ImageWrapper:hover .PStyleLi {
    opacity: .6;
    -webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
    visibility: visible;
}

.ImageWrapper .PStyleBe {
    -webkit-transform: scale(0.5) rotateX(180deg);
    -moz-transform: scale(0.5) rotateX(180deg);
    -ms-transform: scale(0.5) rotateX(180deg);
    -o-transform: scale(0.5) rotateX(180deg);
    transform: scale(0.5) rotateX(180deg);
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll center center/ 60px 60px #222222;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 9999;
}

.ImageWrapper:hover .PStyleBe {
    opacity: .6;
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    -ms-transform: scale(1) rotateX(0deg);
    -o-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
    visibility: visible;
}

.ImageWrapper .PStyleB {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleB {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ImageWrapper .PStyleC {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleC {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ImageWrapper .PStyleN {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleN {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ImageWrapper .PStyleO {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: bottom left;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleO {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ImageWrapper .PStyleF {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleF {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ImageWrapper .PStyleNe {
    position: absolute;
    background: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/assets/images/plus.png) no-repeat scroll top left/ 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: bottom center;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .PStyleNe {
    opacity: .6;
    -webkit-background-size: 60px 60px,100% 100%;
    -moz-background-size: 60px 60px,100% 100%;
    -ms-background-size: 60px 60px,100% 100%;
    -o-background-size: 60px 60px,100% 100%;
    background-size: 60px 60px,100% 100%;
    visibility: visible;
    background-position: center center;
}

.ContentWrapperH .ContentH {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperH:hover .ContentH {
    opacity: 1;
    visibility: visible;
}

.ContentWrapperH .ContentH .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperH .ContentH .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperH .ContentH .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperH .ContentH .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperH .ContentH .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperHe .ContentHe {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -ms-transform: scale(0.0);
    -o-transform: scale(0.0);
    transform: scale(0.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperHe:hover .ContentHe {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.ContentWrapperHe .ContentHe .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperHe .ContentHe .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperHe .ContentHe .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperHe .ContentHe .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperHe .ContentHe .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperLi img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperLi:hover img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.ContentWrapperLi .ContentLi {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperLi:hover .ContentLi {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ContentWrapperLi .ContentLi .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperLi .ContentLi .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperLi .ContentLi .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperLi .ContentLi .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperLi .ContentLi .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperBe img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
}

.ContentWrapperBe:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.ContentWrapperBe .ContentBe {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperBe:hover .ContentBe {
    opacity: 1;
    visibility: visible;
}

.ContentWrapperBe .ContentBe .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperBe .ContentBe .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperBe .ContentBe .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperBe .ContentBe .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperBe .ContentBe .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperB img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperB:hover img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.ContentWrapperB .ContentB {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperB:hover .ContentB {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.ContentWrapperB .ContentB .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperB .ContentB .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperB .ContentB .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperB .ContentB .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperB .ContentB .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperC img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperC:hover img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ContentWrapperC .ContentC {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperC:hover .ContentC {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.ContentWrapperC .ContentC .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperC .ContentC .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperC .ContentC .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperC .ContentC .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperC .ContentC .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperN img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperN:hover img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ContentWrapperN .ContentN {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperN:hover .ContentN {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.ContentWrapperN .ContentN .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperN .ContentN .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperN .ContentN .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperN .ContentN .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperN .ContentN .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperO img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperO:hover img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.ContentWrapperO .ContentO {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperO:hover .ContentO {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.ContentWrapperO .ContentO .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperO .ContentO .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperO .ContentO .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperO .ContentO .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperO .ContentO .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperF img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperF:hover img {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
}

.ContentWrapperF .ContentF {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 50%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateY(90deg);
    -moz-transform: perspective(600px) rotateY(90deg);
    -ms-transform: perspective(600px) rotateY(90deg);
    -o-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
    -webkit-transform-origin: left center 0;
    -moz-transform-origin: left center 0;
    -ms-transform-origin: left center 0;
    -o-transform-origin: left center 0;
    transform-origin: left center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperF:hover .ContentF {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.ContentWrapperF .ContentF .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperF .ContentF .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperF .ContentF .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperNe img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperNe:hover img {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
}

.ContentWrapperNe .ContentNe {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 50%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperNe:hover .ContentNe {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
}

.ContentWrapperNe .ContentNe .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperNe .ContentNe .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperNe .ContentNe .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperNa img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperNa:hover img {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
}

.ContentWrapperNa .ContentNa {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 50%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    -webkit-transform: perspective(600px) rotateY(-90deg);
    -moz-transform: perspective(600px) rotateY(-90deg);
    -ms-transform: perspective(600px) rotateY(-90deg);
    -o-transform: perspective(600px) rotateY(-90deg);
    transform: perspective(600px) rotateY(-90deg);
    -webkit-transform-origin: right center 0;
    -moz-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    -o-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperNa:hover .ContentNa {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.ContentWrapperNa .ContentNa .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperNa .ContentNa .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperNa .ContentNa .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperMg img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperMg:hover img {
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}

.ContentWrapperMg .ContentMg {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 50%;
    display: block;
    bottom: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateX(90deg);
    -moz-transform: perspective(600px) rotateX(90deg);
    -ms-transform: perspective(600px) rotateX(90deg);
    -o-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
    -webkit-transform-origin: center bottom 0;
    -moz-transform-origin: center bottom 0;
    -ms-transform-origin: center bottom 0;
    -o-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperMg:hover .ContentMg {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.ContentWrapperMg .ContentMg .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperMg .ContentMg .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperMg .ContentMg .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperAl .ContentAl {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(0deg) scale(0.0);
    -moz-transform: rotateY(0deg) scale(0.0);
    -ms-transform: rotateY(0deg) scale(0.0);
    -o-transform: rotateY(0deg) scale(0.0);
    transform: rotateY(0deg) scale(0.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperAl:hover .ContentAl {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(360deg) scale(.9);
    -moz-transform: rotateY(360deg) scale(.9);
    -ms-transform: rotateY(360deg) scale(.9);
    -o-transform: rotateY(360deg) scale(.9);
    transform: rotateY(360deg) scale(.9);
}

.ContentWrapperAl .ContentAl .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperAl .ContentAl .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperAl .ContentAl .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperAl .ContentAl .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperAl .ContentAl .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperSi .ContentSi {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateX(0deg) scale(0.0);
    -moz-transform: rotateX(0deg) scale(0.0);
    -ms-transform: rotateX(0deg) scale(0.0);
    -o-transform: rotateX(0deg) scale(0.0);
    transform: rotateX(0deg) scale(0.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperSi:hover .ContentSi {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(360deg) scale(.9);
    -moz-transform: rotateX(360deg) scale(.9);
    -ms-transform: rotateX(360deg) scale(.9);
    -o-transform: rotateX(360deg) scale(.9);
    transform: rotateX(360deg) scale(.9);
}

.ContentWrapperSi .ContentSi .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperSi .ContentSi .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperSi .ContentSi .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperSi .ContentSi .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperSi .ContentSi .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperP .ContentP {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(0deg) scale(.9);
    -moz-transform: rotateY(0deg) scale(.9);
    -ms-transform: rotateY(0deg) scale(.9);
    -o-transform: rotateY(0deg) scale(.9);
    transform: rotateY(0deg) scale(.9);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperP:hover .ContentP {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(360deg) scale(.9);
    -moz-transform: rotateY(360deg) scale(.9);
    -ms-transform: rotateY(360deg) scale(.9);
    -o-transform: rotateY(360deg) scale(.9);
    transform: rotateY(360deg) scale(.9);
}

.ContentWrapperP .ContentP .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperP .ContentP .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperP .ContentP .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperP .ContentP .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperP .ContentP .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperS .ContentS {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateX(0deg) scale(.9);
    -moz-transform: rotateX(0deg) scale(.9);
    -ms-transform: rotateX(0deg) scale(.9);
    -o-transform: rotateX(0deg) scale(.9);
    transform: rotateX(0deg) scale(.9);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperS:hover .ContentS {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(360deg) scale(.9);
    -moz-transform: rotateX(360deg) scale(.9);
    -ms-transform: rotateX(360deg) scale(.9);
    -o-transform: rotateX(360deg) scale(.9);
    transform: rotateX(360deg) scale(.9);
}

.ContentWrapperS .ContentS .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperS .ContentS .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperS .ContentS .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperS .ContentS .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperS .ContentS .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperCl {
    overflow: visible!important;
}

.ContentWrapperCl img {
    position: relative;
    z-index: 455;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCl:hover img {
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
}

.ContentWrapperCl .ContentCl {
    position: absolute;
    background: #ffffff;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCl:hover .ContentCl {
    visibility: visible;
}

.ContentWrapperCl .ContentCl .Content {
    position: absolute;
    top: 65%;
    display: block;
    width: 100%;
}

.ContentWrapperCl .ContentCl .Content h2 {
    font: bold 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 2px;
    text-align: center;
}

.ContentWrapperCl .ContentCl .Content .ReadMore {
    margin: 8px auto;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    display: block;
    width: 80px;
}

.ContentWrapperCl .ContentCl .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperAr {
    overflow: visible!important;
}

.ContentWrapperAr img {
    position: relative;
    z-index: 455;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperAr:hover img {
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);
}

.ContentWrapperAr .ContentAr {
    position: absolute;
    background: #ffffff;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperAr:hover .ContentAr {
    visibility: visible;
}

.ContentWrapperAr .ContentAr .Content {
    position: absolute;
    top: 5%;
    display: block;
    width: 100%;
}

.ContentWrapperAr .ContentAr .Content h2 {
    font: bold 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 2px;
    text-align: center;
}

.ContentWrapperAr .ContentAr .Content .ReadMore {
    margin: 8px auto;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    display: block;
    width: 80px;
}

.ContentWrapperAr .ContentAr .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperK {
    overflow: visible!important;
}

.ContentWrapperK img {
    position: relative;
    z-index: 455;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperK:hover img {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
}

.ContentWrapperK .ContentK {
    position: absolute;
    background: #ffffff;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperK:hover .ContentK {
    visibility: visible;
}

.ContentWrapperK .ContentK .Content {
    display: block;
    width: 100%;
    position: relative;
}

.ContentWrapperK .ContentK .Content ul {
    position: absolute;
    top: 0;
    right: 0;
}

.ContentWrapperK .ContentK .Content ul li {
    margin: 14px 16px;
}

.ContentWrapperK .ContentK .Content ul li a {
    font-size: 21px;
    color: #a9a9a9;
}

.ContentWrapperCa {
    overflow: visible!important;
}

.ContentWrapperCa img {
    position: relative;
    z-index: 455;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCa:hover img {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
}

.ContentWrapperCa .ContentCa {
    position: absolute;
    background: #ffffff;
    opacity: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCa:hover .ContentCa {
    visibility: visible;
}

.ContentWrapperCa .ContentCa .Content {
    display: block;
    width: 100%;
    position: relative;
}

.ContentWrapperCa .ContentCa .Content ul {
    position: absolute;
    top: 0;
    left: 0;
}

.ContentWrapperCa .ContentCa .Content ul li {
    margin: 14px 16px;
}

.ContentWrapperCa .ContentCa .Content ul li a {
    font-size: 21px;
    color: #a9a9a9;
}

.ContentWrapperSc .ContentSc {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperSc:hover .ContentSc {
    visibility: visible;
    top: 0;
}

.ContentWrapperSc .ContentSc .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperSc .ContentSc .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperSc .ContentSc .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperSc .ContentSc .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperSc .ContentSc .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperTi .ContentTi {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperTi:hover .ContentTi {
    visibility: visible;
    left: 0;
}

.ContentWrapperTi .ContentTi .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperTi .ContentTi .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperTi .ContentTi .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperTi .ContentTi .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperTi .ContentTi .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperV .ContentV {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperV:hover .ContentV {
    visibility: visible;
    right: 0;
}

.ContentWrapperV .ContentV .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperV .ContentV .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperV .ContentV .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperV .ContentV .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperV .ContentV .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperCr .ContentCr {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 0;
    display: block;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCr:hover .ContentCr {
    visibility: visible;
    height: 100%;
    bottom: 0;
}

.ContentWrapperCr .ContentCr .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperCr .ContentCr .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperCr .ContentCr .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperCr .ContentCr .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperCr .ContentCr .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperMn .ContentMn {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperMn:hover .ContentMn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ContentWrapperMn .ContentMn .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperMn .ContentMn .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperMn .ContentMn .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperMn .ContentMn .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperMn .ContentMn .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperFe .ContentFe {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperFe:hover .ContentFe {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ContentWrapperFe .ContentFe .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperFe .ContentFe .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperFe .ContentFe .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperFe .ContentFe .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperFe .ContentFe .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperCo .ContentCo {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCo:hover .ContentCo {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ContentWrapperCo .ContentCo .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperCo .ContentCo .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperCo .ContentCo .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperCo .ContentCo .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperCo .ContentCo .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperNi .ContentNi {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform-style: preserve-3D;
    -moz-transform-style: preserve-3D;
    -ms-transform-style: preserve-3D;
    -o-transform-style: preserve-3D;
    transform-style: preserve-3D;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperNi:hover .ContentNi {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ContentWrapperNi .ContentNi .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperNi .ContentNi .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperNi .ContentNi .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperNi .ContentNi .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperNi .ContentNi .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperCu img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCu:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.ContentWrapperCu .ContentCu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperCu:hover .ContentCu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.ContentWrapperCu .ContentCu .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperCu .ContentCu .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperCu .ContentCu .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperCu .ContentCu .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperCu .ContentCu .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ContentWrapperZn img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperZn:hover img {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.ContentWrapperZn .ContentZn {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ContentWrapperZn:hover .ContentZn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.ContentWrapperZn .ContentZn .Content {
    position: absolute;
    top: 10%;
    padding: 0 10px;
}

.ContentWrapperZn .ContentZn .Content h2 {
    font: 16px 'Source Sans Pro',Arial,sans-serif;
    color: #8CA757;
    padding: 0 0 6px;
}

.ContentWrapperZn .ContentZn .Content p {
    font: normal 12px 'Source Sans Pro';
    color: #666666;
}

.ContentWrapperZn .ContentZn .Content .ReadMore {
    float: right;
    margin: 16px 0 0;
    background: #D1CDC3;
    background: -moz-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D1CDC3),color-stop(100%,#C9C5BA));
    background: -webkit-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -o-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: -ms-linear-gradient(top,#D1CDC3 0%,#C9C5BA 100%);
    background: linear-gradient(to bottom,#D1CDC3 0%,#C9C5BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3',endColorstr='#C9C5BA',GradientType=0);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.08) inset,0 1px 1px 0 rgba(0,0,0,0.11),0 0 0 rgba(0,0,0,0);
}

.ContentWrapperZn .ContentZn .Content .ReadMore a {
    color: #757167;
    padding: 6px 16px;
    display: block;
    font: normal 12px 'Source Sans Pro';
}

.ImageWrapper .RibbonCTL .Triangle:after {
    border-right: 35px solid rgba(0,0,0,0);
    border-top: 35px solid #FFFFFF;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    z-index: 99;
}

.ImageWrapper .RibbonCTL .Sign {
    top: 2px;
    left: 2px;
    position: absolute;
    z-index: 999;
}

.ImageWrapper .RibbonCTL .Sign a {
    color: #666666;
}

.ImageWrapper .RibbonCTL {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .RibbonCTL {
    opacity: 1;
    visibility: visible;
}

.ImageWrapper .RibbonCTR .Triangle:after {
    border-left: 35px solid rgba(0,0,0,0);
    border-top: 35px solid #FFFFFF;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    right: 0;
    z-index: 99;
}

.ImageWrapper .RibbonCTR .Sign {
    top: 2px;
    right: 2px;
    position: absolute;
    z-index: 999;
}

.ImageWrapper .RibbonCTR .Sign a {
    color: #666666;
}

.ImageWrapper .RibbonCTR {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .RibbonCTR {
    opacity: 1;
    visibility: visible;
}

.ImageWrapper .RibbonCBL .Triangle:after {
    border-right: 35px solid rgba(0,0,0,0);
    border-bottom: 35px solid #FFFFFF;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.ImageWrapper .RibbonCBL .Sign {
    bottom: 1px;
    left: 1px;
    position: absolute;
    z-index: 999;
}

.ImageWrapper .RibbonCBL .Sign a {
    color: #666666;
}

.ImageWrapper .RibbonCBL {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .RibbonCBL {
    opacity: 1;
    visibility: visible;
}

.ImageWrapper .RibbonCBR .Triangle:after {
    border-left: 35px solid rgba(0,0,0,0);
    border-bottom: 35px solid #FFFFFF;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

.ImageWrapper .RibbonCBR .Sign {
    bottom: 1px;
    right: 1px;
    position: absolute;
    z-index: 999;
}

.ImageWrapper .RibbonCBR .Sign a {
    color: #666666;
}

.ImageWrapper .RibbonCBR {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ImageWrapper:hover .RibbonCBR {
    opacity: 1;
    visibility: visible;
}

.TBlack {
    background: none repeat scroll 0 0 rgba(0,0,0,0.8)!important;
}

.TWhite {
    background: none repeat scroll 0 0 rgba(255,255,255,0.8)!important;
}

body.rtl #block-lang-dropdown-language:before {
    float: right;
}

body.rtl #block-lang-dropdown-language .dd-select .dd-selected img {
    float: right;
}

body.rtl #block-lang-dropdown-language .dd-select .dd-pointer {
    margin-right: 80px;
}

body.rtl .dexp-list li:after {
    font-family: "FontAwesome";
    color: #03ACDC;
    margin-left: 8px;
}

body.rtl .dexp-list li:before {
    margin-right: 0;
}

body.rtl .dexp-list.list-big-icon li:after {
    font-size: 20px;
}

body.rtl .dexp-list.list-01 li:after {
    content: "\f14a";
}

body.rtl .dexp-list.list-01 li:before {
    content: "";
}

body.rtl .dexp-list.list-02 li:after {
    content: "\f138";
}

body.rtl .dexp-list.list-02 li:before {
    content: "";
}

body.rtl .headline {
    padding-right: 0;
}

body.rtl .brd-headling {
    float: right;
}

body.rtl .skill-bar .bar-wrap strong {
    left: 0;
    right: auto;
}

body.rtl .tline-row-r {
    margin: 0 497px 0 0;
}

body.rtl .alert .close {
    float: left;
}

body.rtl .dexp-shortcodes-box.box-left .box-icon {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

body.rtl .dexp-shortcodes-box.box-left .box-title,body.rtl .dexp-shortcodes-box.box-left .box-content {
    margin-left: 0;
    margin-right: 45px;
    text-align: right;
}

body.rtl .dexp-shortcodes-box.box-left .box-title:after {
    left: auto;
    right: 50px;
}

body.rtl .dexp-shortcodes-box.box-left .box-title a {
    float: left;
    margin-left: -30px;
}

body.rtl .dexp-shortcodes-box.box-left:hover .box-title a {
    margin-left: 0px;
}

body.rtl .dexp-shortcodes-box.box-left .box-content {
    text-align: right;
}

body.rtl .dexp-shortcodes-box.box-left.box-border {
    margin-right: 60px;
}

body.rtl .dexp-shortcodes-box.box-left.box-border .box-icon {
    margin-right: -60px;
}

body.rtl .dexp-shortcodes-box.box-left.box-border .box-title {
    margin-right: 80px;
}

body.rtl .dexp-shortcodes-box.box-left.box-border .box-content {
    margin-right: 80px;
    padding-left: 20px;
    padding-right: 0;
    text-align: right;
}

body.rtl .dexp-shortcodes-box.box-top-left .box-icon {
    float: right;
    margin-right: 0;
    margin-left: 20px;
    text-align: center;
}

body.rtl .dexp-shortcodes-box.box-top-left .box-title {
    text-align: right;
}

body.rtl .dexp-shortcodes-box.box-top-left .box-title a {
    float: left;
    margin-left: -30px;
}

body.rtl .dexp-shortcodes-box.box-top-left .box-content {
    text-align: right;
}

body.rtl .dexp-shortcodes-box.box-top-left:hover .box-title a {
    margin-left: 0px;
}

body.rtl .dexp-shortcodes-box.box-top-left.box-none .box-icon {
    margin-left: 10px;
}

body.rtl .table th {
    text-align: right;
}

body.rtl .flickr_badge_image {
    float: right;
}

body.rtl .panel-group .panel .panel-heading .panel-title a i {
    padding-right: 0;
    padding-left: 5px;
}

body.rtl .post-content {
    text-align: right;
}

body.rtl .title-left {
    text-align: right;
}

body.rtl .title-left:before {
    left: auto;
    right: 0;
}

body.rtl .title-left:after {
    left: auto;
    right: 0;
}

body.rtl .popular-post .icon-overlay {
    float: right;
}

body.rtl .popular-post .meta {
    margin-left: 0;
    margin-right: 85px;
}

body.rtl .tags ul li {
    float: right;
}

body.rtl .title-wrapper .title-left:before {
    right: 0;
    left: auto;
}

body.rtl ul.arrow li:before,body.rtl ul.circled li:before {
    margin-right: 0;
    margin-left: 10px;
}

body.rtl #section-top #block-views-simple-shopping-cart-block,body.rtl #section-top #block-locale-language,body.rtl #section-top #block-system-user-menu,body.rtl #section-top #block-dexp-popup-login-bootstrap-login {
    float: left;
}

body.rtl #section-top #block-views-simple-shopping-cart-block {
    border-left: none;
    border-right: 1px solid #eceef0;
}

body.rtl .panel-group.style01 .panel a:after {
    content: '';
    padding-right: 0!important;
}

body.rtl .panel-group.style01 .panel a {
    margin-left: 0;
    margin-right: 20px;
}

body.rtl .panel-group.style01 .panel a:before {
    right: 0;
    left: auto;
}

body.rtl .block:not(.title-center) .block-title:before {
    left: auto;
    right: 0;
}

body.rtl h3.heading-title:not(.title-center):before {
    left: auto;
    right: 0;
}

body.rtl blockquote {
    border-right: 5px solid #eee;
    margin: 0;
    padding: 10px 20px;
    border-right-color: #03ACDC;
    border-left: none;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs) ul.nav-tabs {
    padding-right: 0;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs) ul.nav-tabs li {
    float: right;
    margin-right: 0;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs) .nav-tabs i {
    padding: 0 0 0 5px;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical {
    background: url("http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/fc-rtl.png") repeat-y scroll 100% 0 rgba(0,0,0,0);
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .nav-tabs {
    float: right;
    margin-right: 0;
    margin-left: 40px;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .nav-tabs li {
    float: none;
    border-left: none!important;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .nav-tabs li a {
    border-right: none;
    border-left: none;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .nav-tabs li.active a {
    border-left: none!important;
}

body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .tab-content {
    margin: 0 245px 0 0;
    padding: 10px 20px 10px 15px;
}

@media (max-width: 480px) {
    body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical {
        background:none;
    }

    body.rtl .dexp_tab_wrapper:not(.color-tabs).vertical .tab-content {
        margin: 0;
    }
}

@media (max-width: 480px) {
    body.rtl .dexp_tab_wrapper.color-tabs .nav-tabs {
        margin-bottom:0;
        padding-right: 0;
    }
}

body.rtl .skill-bar .progress-bar,body.rtl .skill-bar .progress-bar span {
    float: right;
}

body.rtl .contact_icons {
    margin: 0 0 0 10px!important;
    float: right!important;
}

body.rtl .contact_icons i {
    padding: 0 4px 0 0!important;
}

body.rtl .block-dexp-twitter .dexp-twitter {
    text-align: right;
}

body.rtl .pricing-table .price:last-child {
    border-left-width: 1px;
}

body.rtl .pricing-table .price:first-child {
    border-left-width: 0px;
}

body.rtl .node-portfolio-details .item-details label {
    float: right;
}

body.rtl .post .post-date {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}

body.rtl .post .post-content {
    padding-left: 0px;
    padding-right: 60px;
}

body.rtl .post .post-content .post-meta i {
    margin-right: 0;
    margin-left: 5px;
}

body.rtl .post .image-caption {
    text-align: right;
}

body.rtl .post .image-caption .title,body.rtl .post .image-caption .meta {
    padding-right: 20px;
}

body.rtl .widget-title {
    text-align: right;
}

body.rtl .shop-item .product-price {
    float: right;
}

body.rtl .shop-item .product-title {
    text-align: right;
}

body.rtl .shop-single .form-item-quantity {
    margin-right: 0;
}

body.rtl .shop-single .add-to-wishlist {
    float: left;
}

body.rtl .shop-single .add-to-wishlist i {
    margin-right: 0;
    margin-left: 5px;
}

body.rtl .box-services .link-read-more {
    float: left;
    margin-left: -30px;
}

body.rtl .box-services:hover .link-read-more {
    margin-left: 0;
}

body.rtl .section-bg .left-content {
    float: left;
}

body.rtl .list-group {
    padding: 0;
}

body.rtl .list-group .list-group-item>.badge {
    float: left;
}

body.rtl .dropcap {
    float: right;
    margin: 8px 0 0 20px;
}

body.rtl .pull-left {
    float: right!important;
}

body.rtl .team-position,body.rtl .portfolio-title {
    text-align: right!important;
}

body.rtl .border-bottom::after {
    left: auto!important;
    right: 0!important;
}

body.rtl .porfolio-middle {
    right: 0;
}

body.rtl .content-image-section .full-right-image {
    left: 0;
    right: auto;
}

body.rtl .no-rtl {
    direction: ltr;
}

body.rtl .no-rtl [class^="col-"],body.rtl .no-rtl [class*=" col-"] {
    float: left!important;
}

body.rtl .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 9999px;
}

.view-demos .dexp-grid-item {
    margin-bottom: 30px;
}

.view-demos .views-field-field-image img {
    border: 1px solid #f9f9f9;
    width: 100%;
    height: auto;
}

#block-dexp-quicksettings-dexp-quicksettings {
    background: #FFF;
    position: fixed;
    left: -257px;
    -webkit-transition: left 0.5s linear;
    -moz-transition: left 0.5s linear;
    -o-transition: left 0.5s linear;
    -ms-transition: left 0.5s linear;
    transition: left 0.5s linear;
    top: 96px;
    z-index: 999;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.08);
}

#block-dexp-quicksettings-dexp-quicksettings h2.block-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    color: #404040;
    margin: 0;
}

#block-dexp-quicksettings-dexp-quicksettings.open {
    left: 0;
}

#block-dexp-quicksettings-dexp-quicksettings .content {
    padding: 2px 18px 10px;
    width: 255px;
}

#block-dexp-quicksettings-dexp-quicksettings h3 {
    color: #848688;
    font-size: 13px;
    margin: 5px 0 -5px 1px;
    line-height: 30px;
}

#block-dexp-quicksettings-dexp-quicksettings select.form-select {
    border-radius: 2px;
    color: #848688;
    cursor: pointer;
    font-size: 13px;
    margin: 2px 0 10px 2px;
    padding: 5px;
    width: 214px;
}

#block-dexp-quicksettings-dexp-quicksettings ul.presets,#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background {
    margin: 0;
    padding: 0;
}

#block-dexp-quicksettings-dexp-quicksettings ul.presets li,#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li {
    display: inline-block;
    margin: 4px 2px 0;
}

#block-dexp-quicksettings-dexp-quicksettings ul.presets li span,#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li span {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 2px;
    -webkit-box-shadow: -2px 2px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 2px -1px rgba(0,0,0,0.75);
    box-shadow: -2px 2px 2px -1px rgba(0,0,0,0.75);
}

#block-dexp-quicksettings-dexp-quicksettings ul.presets li[class^=white] span,#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li[class^=white] span {
    background-image: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/white-preset.png);
}

#block-dexp-quicksettings-dexp-quicksettings ul.presets li[class^=dark] span,#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background li[class^=dark] span {
    background-image: url(http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/dark-preset.png);
}

#block-dexp-quicksettings-dexp-quicksettings .quicksettings_toggle {
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.08);
    border-color: #EEEEEE;
    border-radius: 0 2px 2px 0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    height: 44px;
    position: absolute;
    right: -44px;
    top: 0px;
    width: 44px;
    cursor: pointer;
    color: #03ACDC;
    font-size: 23px;
    line-height: 44px;
    text-align: center;
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg1 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/1.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg2 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/2.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg3 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/3.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg4 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/4.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg5 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/5.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg6 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/6.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg7 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/7.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg8 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/8.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg9 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/9.png');
}

#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg10 {
    background-image: url('http://demo.drupalexp.com/creativ/sites/all/themes/creativ/assets/images/bg/10.png');
}