/*This file is generated by less css (http://lesscss.org) using drupalexp framework (http://drupalexp.com)*/
/*Please do not modify this file content*/
@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: #1fa3bd;
}
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: #1fa3bd;
}
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: #0e6351;
}
.section-title .divider,
.section-title .divider-hover {
background: url(https://www.crp-bangladesh.org/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: #0e6351;
}
.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: #0e6351;
}
.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(14,99,81,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: #0e6351;
border: 1px solid #0e6351;
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: 14px !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("https://www.crp-bangladesh.org/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: #0e6351;
}
.bg {
border-radius: 3px;
padding: 5px 10px;
}
.bg.bg-main {
background: #0e6351;
color: #fcfcfc;
}
.bg.bg-primary {
color: #fcfcfc;
}
.list-group a.active,
.list-group:hover a.active {
background-color: #0e6351 !important;
border-color: #0e6351;
}
.main-color {
color: #0e6351 !important;
}
.color-base {
color: #0e6351;
}
.main-bg {
background-color: #0e6351 !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: #0e6351 !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 #0e6351;
background: #f9f9f9;
}
.blockquote-1 p {
font-size: 15px;
line-height: 26px;
color: #999;
}
.blockquote-1 cite {
color: #0e6351;
font-size: 14px;
}
.blockquote-1 small {
display: inline-block;
font-size: 13px;
}
.blockquote-1.blockquote-reverse {
border-left: 0;
border-right: 3px solid #0e6351;
}
.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: #0e6351;
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: #0e6351;
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: #0e6351 !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: #0e6351;
background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0e6351),to(#0b4d3f));
background-image: -webkit-linear-gradient(top,#0e6351,0%,#0b4d3f,100%);
background-image: -moz-linear-gradient(top,#0e6351,#0b4d3f);
background-image: -ms-linear-gradient(top,#0e6351 0%,#0b4d3f 100%);
background-image: -o-linear-gradient(top,#0e6351,#0b4d3f);
background-image: linear-gradient(to bottom,#0e6351 0%,#0b4d3f 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: #0e6351;
color: #fff;
}
.panel-group .panel-default .panel-title > a.collapsed i.default-icon:before {
content: "\f067";
background-color: #fff;
color: #0e6351;
}
.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: #0e6351 !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 #0e6351;
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;
font-family: "Calibri", "Lucida Grande", sans-serif;
}
.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 #0e6351;
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 #0e6351;
color: #0e6351;
}
.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: #0e6351;
-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 #0e6351;
color: #0e6351;
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: #0e6351;
-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: #47a447;
}
.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: #0e6351;
border: 1px solid #0e6351;
-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: #0e6351;
font-family: "Calibri", "Lucida Grande", sans-serif;
}
.btn-primary {
font-family: "Calibri", "Lucida Grande", sans-serif;
background: #0e6351;
border: 1px solid #0e6351;
-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: #0e6351;
}
.featured .btn-primary {
background: #fff;
color: #0e6351;
}
.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: #0e6351;
border-color: #0e6351;
}
.btn-slider.reversed {
background-color: #0e6351;
border-color: #0e6351;
}
.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("https://www.crp-bangladesh.org/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: #0e6351;
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: #0e6351;
}
.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("https://www.crp-bangladesh.org/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: #0e6351;
}
.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: #0e6351;
}
.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 #0e6351;
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: #0e6351;
-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: 1px 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: #0e6351;
}
.dexp-shortcodes-box.box-square .box-icon {
border: solid 1px #0e6351;
-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: #0e6351;
color: #fff;
}
.dexp-shortcodes-box.box-background:hover .box-title {
color: #0e6351;
}
.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: #0e6351;
border-color: #0e6351;
-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: #0e6351 !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: #0e6351;
border: none;
}
.dexp-shortcodes-box.main-bg .box-icon .number {
color: #0e6351;
border-color: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
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: #0e6351;
border-color: #0e6351;
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: #0e6351;
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: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
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: 300px;
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: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
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 #0e6351 !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: #1d5648;
font-size: 43px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
}
.milestone-counter .milestone-details {
color: #1d5648;
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: #0e6351;
border-color: #0e6351;
border-radius: 3px 3px 0 0;
}
.list-group .list-group-item.active:hover {
background-color: #0e6351;
border-color: #0e6351;
}
.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(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.eot);
src: url(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.eot?#iefix) format('embedded-opentype'), url(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.woff2) format('woff2'), url(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.woff) format('woff'), url(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.ttf) format('truetype'), url(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/fonts/baron_neue_bold-webfont.svg#baron_neue_boldbold) format('svg');
font-weight: 400;
font-style: normal;
}
body {
background: #fff;
color: #555;
font-family: "tahoma", tahoma, geneva, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.625;
}
body.boxed.bg1 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/1.png');
}
body.boxed.bg2 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/2.png');
}
body.boxed.bg3 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/3.png');
}
body.boxed.bg4 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/4.png');
}
body.boxed.bg5 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/5.png');
}
body.boxed.bg6 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/6.png');
}
body.boxed.bg7 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/7.png');
}
body.boxed.bg8 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/8.png');
}
body.boxed.bg9 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/9.png');
}
body.boxed.bg10 {
background-image: url('https://www.crp-bangladesh.org/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: 20px;
}
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(https://www.crp-bangladesh.org/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: #e1e7e6;
color: #0e6351;
}
#section-footer {
background: #1f2223;
padding: 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: 40px 0 0 0;
font-size: 16px;
z-index: 100;
position: relative;
line-height: 1.9;
}
#section-bottom .logo-footer .block-image-title {
background: url(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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: #0e6351;
}
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: #ccc;
font-weight: 500;
}
.block-newsletter input[type="text"] {
background: #202020;
height: 40px;
border: 0 none;
padding-left: 10px;
width: 100%;
}
.block-newsletter #subscribe {
text-align: center;
}
.block-newsletter #subscribe input[type="submit"] {
width: 100px;
background-color: #0e6351;
-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(https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/flogo.png) no-repeat !important;
}
.bottom-light .contact-footer .map-bg {
background: url("https://www.crp-bangladesh.org/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;
}
thead {
background: #555;
color: #fff;
}
.views-field.views-field-field-published-year {
min-width: 170px;
}
.views-field.views-field-field-download-file {
min-width: 200px;
vertical-align: middle;
}
.views-field.views-field-field-published-year {
vertical-align: middle;
}
.views-field.views-field-field-links {
min-width: 123px;
text-align: center;
vertical-align: middle;
}
#annual-report-page h2 {
font-size: 16px !important;
text-align: center;
background: #114d42;
margin-bottom: 0;
padding: 10px 0 10px 0;
border-radius: 10px 10px 0 0;
}
#annual-report-page-1 h2 {
font-size: 16px !important;
text-align: center;
background: #114d42;
margin-bottom: 0;
padding: 10px 0 10px 0;
border-radius: 10px 10px 0 0;
}
#annual-report-page a {
color: #fff;
}
#annual-report-page-1 a {
color: #fff;
}
#crp-products-page-1 h2 {
font-size: 16px;
background: #1088b7;
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 0px 0;
border-radius: 10px 10px 0 0;
}
#crp-products-page-1 a {
color: #fff;
}
#annual-report-page-2 h2 {
font-size: 16px;
background: #0c2a50;
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 0px 0;
border-radius: 10px 10px 0 0;
}
#annual-report-page-2 a {
color: #fff;
}
#block-views-crp-products-block-5 h2 {
font-size: 16px;
background: #1088b7;
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 0px 0;
border-radius: 10px 10px 0 0;
}
#block-views-crp-products-block-5 a {
color: #fff;
}
.field.field-name-field-img-code-don-not-upload-an.field-type-image.field-label-hidden {
margin: -30px 0;
box-shadow: 1px 3px 7px #ccc;
background: #9bd8be;
}
.back {
min-width: 300px;
}
.block-title.footer h3 {
color: #fff;
font-size: 18px;
font-weight: 400;
margin-bottom: 16px;
}
#block-newsletter-newsletter-subscribe {
text-align: center;
}
hr {
border-top: 1px solid #dce7e7 !important;
}
#section-bottom .contact-footer {
color: #ccc;
}
.fo {
border-top: 1px solid #555 !important;
}
.views-field.views-field-field-published-date {
min-width: 150px;
vertical-align: middle;
}
.views-field.views-field-nothing {
min-width: 132px;
text-align: center;
vertical-align: middle;
}
.views-field.views-field-title {
vertical-align: middle;
}
.collapse.in {
text-align: justify;
}
.views-field.views-field-field-map-code {
border: 1px solid #2b8a83;
box-shadow: -4px 6px 7px #ccc;
}
.views-field.views-field-field-team-image {
text-align: center;
}
.views-field.views-field-field-team-positions {
text-align: center;
margin: 10px 0;
}
li.views-fluid-grid-item {
padding: 0;
overflow: hidden;
list-style-type: none;
background-image: none;
vertical-align: top;
color: #444;
background-color: #fff !important;
border: none !important;
border-radius: 5px;
}
.field-content.pro-title a {
color: #e4e4e4;
font-size: 18px;
font-weight: 500;
}
.field-content.pro-title {
background: #105a38;
margin: 0px -3px 0 0;
padding: 3px 0 7px 0;
display: block;
}
.views-field.views-field-field-image:hover {
opacity: 0.4;
transition: all .4s ease;
}
.field.field-name-field-product-image.field-type-image.field-label-hidden:hover {
opacity: 0.4;
transition: all .4s ease;
}
.views-field.views-field-field-home-services-gallery-imag:hover {
opacity: 0.4;
transition: all .4s ease;
}
.field.field-name-field-product-image.field-type-image.field-label-hidden {
box-shadow: -3px 3px 8px #ccc;
}
ul.views-fluid-grid-items-h-margin-10px li.views-fluid-grid-item {
box-shadow: -3px 3px 8px #ccc;
}
.col-lg-6 {
text-align: justify;
}
blockquote.custom {
margin-top: -8px !important;
}
ul.views-fluid-grid-items-v-margin-8px li.views-fluid-grid-item {
margin: 5px 12px 32px 12px !important;
box-shadow: -3px 3px 8px #ccc;
}
ul.views-fluid-grid-items-width-250 li.views-fluid-grid-item {
width: 245px !important;
}
.don {
background: #0e6351;
border-radius: 20px;
}
#donid {
color: #fff !important;
}
.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: 15px;
font-weight: 300;
font-family: "Calibri", "Lucida Grande", sans-serif;
}
.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;
min-height: 570px;
}
.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: #0e6351;
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: #0e6351;
}
.view-blog-categories ul li:hover a {
color: #0e6351;
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: #0e6351;
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: #0e6351;
}
.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: #0e6351;
}
.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(14,99,81,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(14,99,81,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: #0e6351;
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: #0e6351;
color: #fff;
}
.portfolio-text .portfolio-description {
text-align: center;
background-color: #f5f5f5;
padding: 0 0 30px;
}
.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(14,99,81,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: #0e6351 !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: #0e6351;
}
.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: #0e6351;
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: #0e6351;
}
.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: #0e6351;
}
#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: #0e6351 !important;
border-color: #0e6351 !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: #117963 !important;
color: #fff !important;
text-decoration: none !important;
border-color: #0e6351 !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: #0e6351;
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: #0e6351;
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: #0e6351;
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("https://www.crp-bangladesh.org/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: 270px;
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;
}
}
.leaf:hover {
background: #42b39a;
}
.leaf:active {
background: #42b39a;
}
.expanded.hover-processed:hover {
background: #42b39a;
}
.expanded.hover-processed:active {
background: #42b39a;
}
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: #0e6351;
}
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: #0e6351;
}
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: #1fa3bd;
}
.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 #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
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: #0e6351;
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;
}
}
@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: #0e6351;
}
.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;
}
.dexp-sticky.fixed {
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.region-top-left i {
color: #0e6351;
}
.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: #0e6351;
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: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351 !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: #0e6351;
}
.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: #0e6351;
}
.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: #0e6351;
}
#commerce-checkout-form-checkout legend:hover,
#commerce-shipping-service-ajax-wrapper legend:hover {
border-color: #0e6351;
}
#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: #0e6351;
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: #0e6351;
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: #0e6351 !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: #0e6351;
}
.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,#grayscale");
filter: url("data:image/svg+xml;utf8,#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,#grayscale");
filter: url("data:image/svg+xml;utf8,#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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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: #0e6351;
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: #0e6351;
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("https://www.crp-bangladesh.org/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;
}
#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(https://www.crp-bangladesh.org/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(https://www.crp-bangladesh.org/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: #0e6351;
font-size: 23px;
line-height: 44px;
text-align: center;
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg1 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/1.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg2 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/2.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg3 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/3.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg4 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/4.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg5 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/5.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg6 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/6.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg7 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/7.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg8 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/8.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg9 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/9.png');
}
#block-dexp-quicksettings-dexp-quicksettings ul.dexp_background span.bg10 {
background-image: url('https://www.crp-bangladesh.org/sites/all/themes/creativ/assets/images/bg/10.png');
}