.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0;border:0;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.fb-shortcode-container, 
.fb-widget-container {
min-height: 150px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 20px;
position: relative;
} .fb_loader {
padding: 20px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.fb_loader img {
width: 32px;
height: auto;
} .fb-page {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fb-page.fb_plugin_rendered {
opacity: 1 !important;
}.rakib-dev-first img {
-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;
}
.rakib-dev-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(18,150,243, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rakib-dev-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.rakib-dev-first p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.rakib-dev-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.rakib-dev-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.rakib-dev-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.rakib-dev-first:hover h2,
.rakib-dev-first:hover p,
.rakib-dev-first:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.rakib-dev-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rakib-dev-first:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.main_wrapper {
margin: 0 auto;
max-width: 100%;
position: relative;
} .rakib-dev-second img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.rakib-dev-second .mask {
background-color: rgba(115,146,184, 0.7);
width: 300px;
padding: 60px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
-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;
}
.rakib-dev-second h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
transform: translate(200px, -200px);
-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;
}
.rakib-dev-second p {
-webkit-transform: translate(-2000px, 200px);
-moz-transform: translate(-2000px, 200px);
-o-transform: translate(-2000px, 200px);
-ms-transform: translate(-2000px, 200px);
transform: translate(-2000px, 200px);
-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;
}
.rakib-dev-second a.info {
-webkit-transform: translate(0px, 5000px);
-moz-transform: translate(0px, 5000px);
-o-transform: translate(0px, 5000px);
-ms-transform: translate(0px, 5000px);
transform: translate(0px, 5000px);
-webkit-transition: all 0.2s 0.1s ease-in-out;
-moz-transition: all 0.2s 0.1s ease-in-out;
-o-transition: all 0.2s 0.1s ease-in-out;
-ms-transition: all 0.2s 0.1s ease-in-out;
transition: all 0.2s 0.1s ease-in-out;
}
.rakib-dev-second:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-o-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
.rakib-dev-second:hover h2 {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rakib-dev-second:hover p {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rakib-dev-second:hover a.info {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
} .rakib-dev-third img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.rakib-dev-third .mask {
background-color: rgba(64, 115, 170, 0.6);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.2s 0.4s ease-in-out;
-moz-transition: all 0.2s 0.4s ease-in-out;
-o-transition: all 0.2s 0.4s ease-in-out;
-ms-transition: all 0.2s 0.4s ease-in-out;
transition: all 0.2s 0.4s ease-in-out;
}
.rakib-dev-third h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-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;
}
.rakib-dev-third p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg);
-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;
}
.rakib-dev-third a.info {
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-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;
}
.rakib-dev-third:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.rakib-dev-third:hover h2 {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.rakib-dev-third:hover p {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rakib-dev-third:hover a.info {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
} .rakib-dev-fourth img {
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
-ms-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.rakib-dev-fourth .mask {
background: none repeat scroll 0 0 #3498db;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.rakib-dev-fourth h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rakib-dev-fourth p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rakib-dev-fourth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rakib-dev-fourth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.rakib-dev-fourth:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.rakib-dev-fourth:hover h2,
.rakib-dev-fourth:hover p,
.rakib-dev-fourth:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
} .rakib-dev-fifth img {
-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;
}
.rakib-dev-fifth .mask {
background: none repeat scroll 0 0 #f39c12;
-webkit-transform: translateX(-700px);
-moz-transform: translateX(-700px);
-o-transform: translateX(-700px);
-ms-transform: translateX(-700px);
transform: translateX(-700px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-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;
}
.rakib-dev-fifth h2 {
color: #000;
-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.rakib-dev-fifth p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
color: #333;
-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;
}
.rakib-dev-fifth:hover .mask {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.rakib-dev-fifth:hover img {
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
-o-transform: translateX(300px);
-ms-transform: translateX(300px);
transform: translateX(300px);
}
.rakib-dev-fifth:hover p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}  .mask > h2 {
margin: 0 !important;
}
.mask > a {
border-bottom: 0px !important;
}
.rd_content > h2 {
margin: 0 !important;
}
.rakib-dev img {
width: 100% !important;
border-radius: 0!important;
}
.main-wrapper.rd-container {
width: 100%;
height:200px;
}.rakib-dev {
cursor: default;
float: left;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
border-width: 4px;
border-style: double;
border-color:#1296f3;
height:30%;
}
.rakib-dev .mask,.rakib-dev .rd_content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.rakib-dev-ninth  .rd_content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.rakib-dev img {
display: block;
position: relative;
}
.rakib-dev h2 {
border-bottom: 1px solid #fff;
color: #fff;
font-size: 17px;
margin: 20px 0 0;
padding: 7px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.rakib-dev p {
margin-bottom: 20px !important;
color: #fff;
font-family: Georgia,serif;
font-size: 13px;
font-style: italic;
line-height: 18px !important;
padding: 10px 20px 0;
position: relative;
text-align: center;
}
.rakib-dev a {
background-color: rgba(0, 0, 0, 0.4);
border-bottom: 0 none;
box-shadow: 0 0 1px #000;
color: #fff !important;
display: inline-block;
font-size: 15px;
padding: 5px 14px;
text-decoration: none;
text-transform: uppercase;
}
.rakib-dev a:hover {
background-color: rgba(0, 0, 0, 0.4);
border-bottom: 0 none;
color: #fff;
display: inline-block;
font-size: 15px;
padding: 5px 14px;
text-decoration: none;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
#style1  ul, #style2  ul, #style3  ul, #style4  ul, #style5  ul{
overflow: hidden;
width: 100% !important;
} .main-wrapper.container {
width: 100%;
}.item-hover {
position: relative;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover,
.item-hover * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.item-hover a {
color: #333;
}
.item-hover a:hover {
text-decoration: none;
}
.item-hover img {
width: 100%;
height: 100%;
}
.item-hover.circle {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.item-hover.circle .img {
position: relative;
width: 220px;
height: 220px;
border-radius: 50%;
}
.item-hover.circle .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle .img img {
border-radius: 50%;
}
.item-hover.circle .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.item-hover.square {
position: relative;
width: 316px;
height: 216px;
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.item-hover.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.item-hover.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 5px solid #76B9D7;
border-right-color: #C7C7C7;
border-bottom-color: #C7C7C7;
border-radius: 50%;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.item-hover.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto;
}
.item-hover.circle.effect1 .img:before {
display: none;
}
.item-hover.circle.effect1.colored .info {
background: rgba(7, 67, 89, 0.6);
}
.item-hover.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.item-hover.circle.effect1 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 16px;
margin: -6px 28px;
padding: 66px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect1 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.item-hover.circle.effect1.counterclockwise a:hover .spinner {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.item-hover.circle.effect1 a:hover .info {
opacity: 1;
}
.item-hover.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect2.colored .info {
background: rgba(8, 63, 88, 0.6);
}
.item-hover.circle.effect2 .info {
background: #333333;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect2 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 16px;
margin: -6px 28px;
padding: 66px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect2 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.71);
}
.item-hover.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.item-hover.circle.effect2.left_to_right a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.item-hover.circle.effect2.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.item-hover.circle.effect2.right_to_left a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.item-hover.circle.effect2.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.item-hover.circle.effect2.top_to_bottom a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.item-hover.circle.effect2.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.item-hover.circle.effect2.bottom_to_top a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.item-hover.circle.effect2.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect3 .img {
z-index: 11;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect3.colored .info {
background: rgba(24, 77, 100, 1);
}
.item-hover.circle.effect3 .info {
background: #333333;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect3 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 16px;
margin: -6px 28px;
padding: 66px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect3 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.item-hover.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.item-hover.circle.effect3.left_to_right a:hover .img {
-webkit-transform: scale(0.5) translateX(100%);
-moz-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
-o-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
}
.item-hover.circle.effect3.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0);
}
.item-hover.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.item-hover.circle.effect3.right_to_left a:hover .img {
-webkit-transform: scale(0.5) translateX(-100%);
-moz-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
-o-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.item-hover.circle.effect3.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.item-hover.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.item-hover.circle.effect3.top_to_bottom a:hover .img {
-webkit-transform: scale(0.5) translateY(100%);
-moz-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
-o-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
}
.item-hover.circle.effect3.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.item-hover.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.item-hover.circle.effect3.bottom_to_top a:hover .img {
-webkit-transform: scale(0.5) translateY(-100%);
-moz-transform: scale(0.5) translateY(-100%);
-ms-transform: scale(0.5) translateY(-100%);
-o-transform: scale(0.5) translateY(-100%);
transform: scale(0.5) translateY(-100%);
}
.item-hover.circle.effect3.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect4 .img {
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.item-hover.circle.effect4.colored .info {
background: rgba(4, 95, 130, 1);
}
.item-hover.circle.effect4 .info {
background: #333333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.item-hover.circle.effect4 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 16px;
margin: -6px 28px;
padding: 66px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect4 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.item-hover.circle.effect4 a:hover .img {
opacity: 0;
pointer-events: none;
}
.item-hover.circle.effect4 a:hover .info {
visibility: visible;
opacity: 1;
}
.item-hover.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.item-hover.circle.effect4.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.item-hover.circle.effect4.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.item-hover.circle.effect4.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.item-hover.circle.effect4.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.item-hover.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.item-hover.circle.effect4.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.item-hover.circle.effect4.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect4.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.item-hover.circle.effect4.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.item-hover.circle.effect4.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.item-hover.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px;
}
.item-hover.circle.effect5.colored .info .info-back {
background: rgba(15, 70, 94, 0.76);
}
.item-hover.circle.effect5 .info {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.item-hover.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333333;
background: rgba(0, 0, 0, 0.6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.item-hover.circle.effect5 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
font-size: 16px;
margin: -6px 28px;
padding: 66px 0 0 0;
height: 110px;
text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.item-hover.circle.effect5 .info p {
color: #bbb;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.item-hover.circle.effect5 a:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.item-hover.circle.effect5 a:hover .info .info-back {
visibility: visible;
} .block_for_effect{
float: left;
width: 65%;
padding: 5%;
padding-left: 30%;
}
.block_for_effect h1{
color: #76B9D7;
}
.section-heading{
display: block;
padding: 5px 10px;
border-bottom: 1px solid #F2F2F2;
color: #959595;
font-weight: 200;
font-size: 17px;
font-style: italic;
margin-bottom: 20px;
}
.row-2{
display: inline-block;
width: 49%;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.item-hover{
display: inline-block;
}
.highlight pre {
white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;
}
pre.prettyprint {
padding: 15px;
border: 0;
background: rgba(101, 163, 183, 0.06);
}
.color-item {
font-size: 12px;
line-height: 28px;
padding-left: 8px;
width: 159px;
color: #ABABAB;
height: 28px;
}
input[type="color"]{
text-align: right;
width: 20px;
float: right;
}
#submit-btn, #save-btn {
display: inline-block;
cursor: pointer;
color: #ABABAB;
margin: 5px;
padding: 5px;
width: 80px;
text-align: center;
text-decoration: none;
font-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.13);
-webkit-transition: all 0.85s ease;
-moz-transition: all 0.85s ease;
transition: all 0.85s ease;
}
#submit-btn:hover, #save-btn:hover{
color: #FFFFFF;
background-color: #6E9EB4;
border: 1px solid rgba(0, 0, 0, 0.25);
}  .circle_single {
display: inline-block;
list-style: outside none none; width: 200px;
}.rd-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.rd-container {
width: 750px;
}
}
@media (min-width: 992px) {
.rd-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.rd-container {
width: 1170px;
}
}
.rd-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.rd-row {
margin-right: -15px;
margin-left: -15px;
}
.rd-col-xs-1, .rd-col-sm-1, .rd-col-md-1, .rd-col-lg-1, .rd-col-xs-2, .rd-col-sm-2, .rd-col-md-2, .rd-col-lg-2, .rd-col-xs-3, .rd-col-sm-3, .rd-col-md-3, .rd-col-lg-3, .rd-col-xs-4, .rd-col-sm-4, .rd-col-md-4, .rd-col-lg-4, .rd-col-xs-5, .rd-col-sm-5, .rd-col-md-5, .rd-col-lg-5, .rd-col-xs-6, .rd-col-sm-6, .rd-col-md-6, .rd-col-lg-6, .rd-col-xs-7, .rd-col-sm-7, .rd-col-md-7, .rd-col-lg-7, .rd-col-xs-8, .rd-col-sm-8, .rd-col-md-8, .rd-col-lg-8, .rd-col-xs-9, .rd-col-sm-9, .rd-col-md-9, .rd-col-lg-9, .rd-col-xs-10, .rd-col-sm-10, .rd-col-md-10, .rd-col-lg-10, .rd-col-xs-11, .rd-col-sm-11, .rd-col-md-11, .rd-col-lg-11, .rd-col-xs-12, .rd-col-sm-12, .rd-col-md-12, .rd-col-lg-12 {
position: relative;
min-height: 1px;
padding: 5px;
}
.rd-col-xs-1, .rd-col-xs-2, .rd-col-xs-3, .rd-col-xs-4, .rd-col-xs-5, .rd-col-xs-6, .rd-col-xs-7, .rd-col-xs-8, .rd-col-xs-9, .rd-col-xs-10, .rd-col-xs-11, .rd-col-xs-12 {
float: left;
}
.rd-col-xs-12 {
width: 100%;
}
.rd-col-xs-11 {
width: 91.66666667%;
}
.rd-col-xs-10 {
width: 83.33333333%;
}
.rd-col-xs-9 {
width: 75%;
}
.rd-col-xs-8 {
width: 66.66666667%;
}
.rd-col-xs-7 {
width: 58.33333333%;
}
.rd-col-xs-6 {
width: 50%;
}
.rd-col-xs-5 {
width: 41.66666667%;
}
.rd-col-xs-4 {
width: 33.33333333%;
}
.rd-col-xs-3 {
width: 23%;
}
.rd-col-xs-2 {
width: 16.66666667%;
height: 2px;
}
.rd-col-xs-1 {
width: 8.33333333%;
}
.rd-col-xs-pull-12 {
right: 100%;
}
.rd-col-xs-pull-11 {
right: 91.66666667%;
}
.rd-col-xs-pull-10 {
right: 83.33333333%;
}
.rd-col-xs-pull-9 {
right: 75%;
}
.rd-col-xs-pull-8 {
right: 66.66666667%;
}
.rd-col-xs-pull-7 {
right: 58.33333333%;
}
.rd-col-xs-pull-6 {
right: 50%;
}
.rd-col-xs-pull-5 {
right: 41.66666667%;
}
.rd-col-xs-pull-4 {
right: 33.33333333%;
}
.rd-col-xs-pull-3 {
right: 25%;
}
.rd-col-xs-pull-2 {
right: 16.66666667%;
}
.rd-col-xs-pull-1 {
right: 8.33333333%;
}
.rd-col-xs-pull-0 {
right: auto;
}
.rd-col-xs-push-12 {
left: 100%;
}
.rd-col-xs-push-11 {
left: 91.66666667%;
}
.rd-col-xs-push-10 {
left: 83.33333333%;
}
.rd-col-xs-push-9 {
left: 75%;
}
.rd-col-xs-push-8 {
left: 66.66666667%;
}
.rd-col-xs-push-7 {
left: 58.33333333%;
}
.rd-col-xs-push-6 {
left: 50%;
}
.rd-col-xs-push-5 {
left: 41.66666667%;
}
.rd-col-xs-push-4 {
left: 33.33333333%;
}
.rd-col-xs-push-3 {
left: 25%;
}
.rd-col-xs-push-2 {
left: 16.66666667%;
}
.rd-col-xs-push-1 {
left: 8.33333333%;
}
.rd-col-xs-push-0 {
left: auto;
}
.rd-col-xs-offset-12 {
margin-left: 100%;
}
.rd-col-xs-offset-11 {
margin-left: 91.66666667%;
}
.rd-col-xs-offset-10 {
margin-left: 83.33333333%;
}
.rd-col-xs-offset-9 {
margin-left: 75%;
}
.rd-col-xs-offset-8 {
margin-left: 66.66666667%;
}
.rd-col-xs-offset-7 {
margin-left: 58.33333333%;
}
.rd-col-xs-offset-6 {
margin-left: 50%;
}
.rd-col-xs-offset-5 {
margin-left: 41.66666667%;
}
.rd-col-xs-offset-4 {
margin-left: 33.33333333%;
}
.rd-col-xs-offset-3 {
margin-left: 25%;
}
.rd-col-xs-offset-2 {
margin-left: 16.66666667%;
}
.rd-col-xs-offset-1 {
margin-left: 8.33333333%;
}
.rd-col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.rd-col-sm-1, .rd-col-sm-2, .rd-col-sm-3, .rd-col-sm-4, .rd-col-sm-5, .rd-col-sm-6, .rd-col-sm-7, .rd-col-sm-8, .rd-col-sm-9, .rd-col-sm-10, .rd-col-sm-11, .rd-col-sm-12 {
float: left;
}
.rd-col-sm-12 {
width: 100%;
height: 400px;
}
.rd-col-sm-11 {
width: 91.66666667%;
}
.rd-col-sm-10 {
width: 83.33333333%;
}
.rd-col-sm-9 {
width: 75%;
}
.rd-col-sm-8 {
width: 66.66666667%;
}
.rd-col-sm-7 {
width: 58.33333333%;
}
.rd-col-sm-6 {
width: 48%;
height: 360px;
}
.rd-col-sm-5 {
width: 41.66666667%;
}
.rd-col-sm-4 {
height: 208px;
width: 31.1%;
}
.rd-col-sm-3 {
width: 23%;
height: 150px;
}
.rd-col-sm-2 {
width: 16.66666667%;
height: 150px;
}
.rd-col-sm-1 {
width: 8.33333333%;
}
.rd-col-sm-pull-12 {
right: 100%;
}
.rd-col-sm-pull-11 {
right: 91.66666667%;
}
.rd-col-sm-pull-10 {
right: 83.33333333%;
}
.rd-col-sm-pull-9 {
right: 75%;
}
.rd-col-sm-pull-8 {
right: 66.66666667%;
}
.rd-col-sm-pull-7 {
right: 58.33333333%;
}
.rd-col-sm-pull-6 {
right: 50%;
}
.rd-col-sm-pull-5 {
right: 41.66666667%;
}
.rd-col-sm-pull-4 {
right: 33.33333333%;
}
.rd-col-sm-pull-3 {
right: 25%;
}
.rd-col-sm-pull-2 {
right: 16.66666667%;
}
.rd-col-sm-pull-1 {
right: 8.33333333%;
}
.rd-col-sm-pull-0 {
right: auto;
}
.rd-col-sm-push-12 {
left: 100%;
}
.rd-col-sm-push-11 {
left: 91.66666667%;
}
.rd-col-sm-push-10 {
left: 83.33333333%;
}
.rd-col-sm-push-9 {
left: 75%;
}
.rd-col-sm-push-8 {
left: 66.66666667%;
}
.rd-col-sm-push-7 {
left: 58.33333333%;
}
.rd-col-sm-push-6 {
left: 50%;
}
.rd-col-sm-push-5 {
left: 41.66666667%;
}
.rd-col-sm-push-4 {
left: 33.33333333%;
}
.rd-col-sm-push-3 {
left: 25%;
}
.rd-col-sm-push-2 {
left: 16.66666667%;
}
.rd-col-sm-push-1 {
left: 8.33333333%;
}
.rd-col-sm-push-0 {
left: auto;
}
.rd-col-sm-offset-12 {
margin-left: 100%;
}
.rd-col-sm-offset-11 {
margin-left: 91.66666667%;
}
.rd-col-sm-offset-10 {
margin-left: 83.33333333%;
}
.rd-col-sm-offset-9 {
margin-left: 75%;
}
.rd-col-sm-offset-8 {
margin-left: 66.66666667%;
}
.rd-col-sm-offset-7 {
margin-left: 58.33333333%;
}
.rd-col-sm-offset-6 {
margin-left: 50%;
}
.rd-col-sm-offset-5 {
margin-left: 41.66666667%;
}
.rd-col-sm-offset-4 {
margin-left: 33.33333333%;
}
.rd-col-sm-offset-3 {
margin-left: 25%;
}
.rd-col-sm-offset-2 {
margin-left: 16.66666667%;
}
.rd-col-sm-offset-1 {
margin-left: 8.33333333%;
}
.rd-col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.rd-col-md-1, .rd-col-md-2, .rd-col-md-3, .rd-col-md-4, .rd-col-md-5, .rd-col-md-6, .rd-col-md-7, .rd-col-md-8, .rd-col-md-9, .rd-col-md-10, .rd-col-md-11, .rd-col-md-12 {
float: left;
}
.rd-col-md-12 {
width: 100%;
height: 450px;
}
.rd-col-md-11 {
width: 91.66666667%;
}
.rd-col-md-10 {
width: 83.33333333%;
}
.rd-col-md-9 {
width: 75%;
}
.rd-col-md-8 {
width: 66.66666667%;
}
.rd-col-md-7 {
width: 58.33333333%;
}
.rd-col-md-6 {
width: 48%;
}
.rd-col-md-5 {
width: 41.66666667%;
}
.rd-col-md-4 {
width: 31.33333333%;
height: 250px;
}
.rd-col-md-3 {
width: 23%;
height: 220px;
}
.rd-col-md-2 {
width: 18.66666667%;
height: 155px;
}
.rd-col-md-1 {
width: 8.33333333%;
}
.rd-col-md-pull-12 {
right: 100%;
}
.rd-col-md-pull-11 {
right: 91.66666667%;
}
.rd-col-md-pull-10 {
right: 83.33333333%;
}
.rd-col-md-pull-9 {
right: 75%;
}
.rd-col-md-pull-8 {
right: 66.66666667%;
}
.rd-col-md-pull-7 {
right: 58.33333333%;
}
.rd-col-md-pull-6 {
right: 50%;
}
.rd-col-md-pull-5 {
right: 41.66666667%;
}
.rd-col-md-pull-4 {
right: 33.33333333%;
}
.rd-col-md-pull-3 {
right: 25%;
}
.rd-col-md-pull-2 {
right: 16.66666667%;
}
.rd-col-md-pull-1 {
right: 8.33333333%;
}
.rd-col-md-pull-0 {
right: auto;
}
.rd-col-md-push-12 {
left: 100%;
}
.rd-col-md-push-11 {
left: 91.66666667%;
}
.rd-col-md-push-10 {
left: 83.33333333%;
}
.rd-col-md-push-9 {
left: 75%;
}
.rd-col-md-push-8 {
left: 66.66666667%;
}
.rd-col-md-push-7 {
left: 58.33333333%;
}
.rd-col-md-push-6 {
left: 50%;
}
.rd-col-md-push-5 {
left: 41.66666667%;
}
.rd-col-md-push-4 {
left: 33.33333333%;
}
.rd-col-md-push-3 {
left: 25%;
}
.rd-col-md-push-2 {
left: 16.66666667%;
}
.rd-col-md-push-1 {
left: 8.33333333%;
}
.rd-col-md-push-0 {
left: auto;
}
.rd-col-md-offset-12 {
margin-left: 100%;
}
.rd-col-md-offset-11 {
margin-left: 91.66666667%;
}
.rd-col-md-offset-10 {
margin-left: 83.33333333%;
}
.rd-col-md-offset-9 {
margin-left: 75%;
}
.rd-col-md-offset-8 {
margin-left: 66.66666667%;
}
.rd-col-md-offset-7 {
margin-left: 58.33333333%;
}
.rd-col-md-offset-6 {
margin-left: 50%;
}
.rd-col-md-offset-5 {
margin-left: 41.66666667%;
}
.rd-col-md-offset-4 {
margin-left: 33.33333333%;
}
.rd-col-md-offset-3 {
margin-left: 25%;
}
.rd-col-md-offset-2 {
margin-left: 16.66666667%;
}
.rd-col-md-offset-1 {
margin-left: 8.33333333%;
}
.rd-col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.rd-col-lg-1, .rd-col-lg-2, .rd-col-lg-3, .rd-col-lg-4, .rd-col-lg-5, .rd-col-lg-6, .rd-col-lg-7, .rd-col-lg-8, .rd-col-lg-9, .rd-col-lg-10, .rd-col-lg-11, .rd-col-lg-12 {
float: left;
}
.rd-col-lg-12 {
width: 100%;
height: 600px;
}
.rd-col-lg-11 {
width: 91.66666667%;
}
.rd-col-lg-10 {
width: 83.33333333%;
}
.rd-col-lg-9 {
width: 75%;
}
.rd-col-lg-8 {
width: 66.66666667%;
}
.rd-col-lg-7 {
width: 58.33333333%;
}
.rd-col-lg-6 {
height: 370px;
width: 48%;
}
.rd-col-lg-5 {
width: 41.66666667%;
}
.rd-col-lg-4 {
height: 250px;
width: 31.3333%;
}
.rd-col-lg-3 {
width: 23%;
height: 220px;
}
.rd-col-lg-2 {
height: 155px;
width: 18.5%;
}
.rd-col-lg-1 {
width: 8.33333333%;
}
.rd-col-lg-pull-12 {
right: 100%;
}
.rd-col-lg-pull-11 {
right: 91.66666667%;
}
.rd-col-lg-pull-10 {
right: 83.33333333%;
}
.rd-col-lg-pull-9 {
right: 75%;
}
.rd-col-lg-pull-8 {
right: 66.66666667%;
}
.rd-col-lg-pull-7 {
right: 58.33333333%;
}
.rd-col-lg-pull-6 {
right: 50%;
}
.rd-col-lg-pull-5 {
right: 41.66666667%;
}
.rd-col-lg-pull-4 {
right: 33.33333333%;
}
.rd-col-lg-pull-3 {
right: 25%;
}
.rd-col-lg-pull-2 {
right: 16.66666667%;
}
.rd-col-lg-pull-1 {
right: 8.33333333%;
}
.rd-col-lg-pull-0 {
right: auto;
}
.rd-col-lg-push-12 {
left: 100%;
}
.rd-col-lg-push-11 {
left: 91.66666667%;
}
.rd-col-lg-push-10 {
left: 83.33333333%;
}
.rd-col-lg-push-9 {
left: 75%;
}
.rd-col-lg-push-8 {
left: 66.66666667%;
}
.rd-col-lg-push-7 {
left: 58.33333333%;
}
.rd-col-lg-push-6 {
left: 50%;
}
.rd-col-lg-push-5 {
left: 41.66666667%;
}
.rd-col-lg-push-4 {
left: 33.33333333%;
}
.rd-col-lg-push-3 {
left: 25%;
}
.rd-col-lg-push-2 {
left: 16.66666667%;
}
.rd-col-lg-push-1 {
left: 8.33333333%;
}
.rd-col-lg-push-0 {
left: auto;
}
.rd-col-lg-offset-12 {
margin-left: 100%;
}
.rd-col-lg-offset-11 {
margin-left: 91.66666667%;
}
.rd-col-lg-offset-10 {
margin-left: 83.33333333%;
}
.rd-col-lg-offset-9 {
margin-left: 75%;
}
.rd-col-lg-offset-8 {
margin-left: 66.66666667%;
}
.rd-col-lg-offset-7 {
margin-left: 58.33333333%;
}
.rd-col-lg-offset-6 {
margin-left: 50%;
}
.rd-col-lg-offset-5 {
margin-left: 41.66666667%;
}
.rd-col-lg-offset-4 {
margin-left: 33.33333333%;
}
.rd-col-lg-offset-3 {
margin-left: 25%;
}
.rd-col-lg-offset-2 {
margin-left: 16.66666667%;
}
.rd-col-lg-offset-1 {
margin-left: 8.33333333%;
}
.rd-col-lg-offset-0 {
margin-left: 0;
}
}.column {width:960px}
.circle_single {
width: 270px;
}
.item-hover.circle {
height: 270px;
width: 270px;
}
.item-hover.circle.effect1 .spinner {
height: 270px;
width: 270px;
}
.item-hover.circle.effect1 .info {
bottom: 6px;
left: 6px;
right: 6px;
top: 6px;
}
.item-hover.circle.effect1 .img {
bottom: 6px;
left: 6px;
right: 6px;
top: 6px;
}
.item-hover.circle.effect5 .info {
bottom: -7px;
left: 0;
right: 0;
top: 5px;
}
.main-wrapper .container .circle_single {
margin-left: 0;
width: 250px;
}
.circle_single {
margin: 25px !important;
}
.item-hover.circle .img {
height: 270px;
width: 270px;
}
.rakib-dev-fifth .mask {
transform: translateX(-7000px);
} .rakib-dev-second .mask {
background-color: rgba(115, 146, 184, 0.7);
opacity: 0;
padding: 21px;
transform: translate(-3px, -163px) rotate(-46deg);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(1px, -146px) rotate(-46deg) ;
-moz-transform: translate(1px, -146px) rotate(-46deg) ;
-o-transform: translate(1px, -146px) rotate(-46deg) ;
-ms-transform: translate(1px, -146px) rotate(-46deg) ;
transform: translate(1px, -146px) rotate(-46deg) ;
-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;
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.circle_single {
width: 245px;
}
.item-hover.circle {
height: 245px;
width: 245px;
}
.item-hover.circle.effect1 .spinner {
height: 245px;
width: 245px;
}
.item-hover.circle .img {
height: 245px;
width: 245px;
}
} @media only screen and (max-width: 767px) {
.column {width:300px}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.column {width:450px}
.circle_single {
width: 430px;
}
.item-hover.circle {
height: 430px;
width: 430px;
}
.item-hover.circle.effect1 .spinner {
height: 430px;
width: 430px;
}
.item-hover.circle .img {
height: 430px;
width: 430px;
}
.rakib-dev-second .mask {
background-color: rgba(115, 146, 184, 0.7);
opacity: 0;
padding: 72px;
transform: translate(-9px, -342px) rotate(-44deg) !important;
transition: all 0.2s ease-in-out 0s;
}
}#butt_new {
margin: 15px;
float: right;
}
.block {
padding-left: 15px;
text-align: left;
}
#prim {
height: 100%;
}
#prim img {
border-radius: 0;
height: 100%;
}
#butt_new_an {
margin: 25px;
}
.zindex {
z-index: 1;
}
#overflw {
overflow: hidden;
}
.rdcaptoin01 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
height: 100%;
}
.rdcaptoin01 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.rdcaptoin01 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 0;
left: -10%;
opacity: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s 0.15s;
-moz-transition: all 0.3s 0.15s;
-o-transition: all 0.3s 0.15s;
transition: all 0.3s 0.15s;
}
.rdcaptoin01 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin01 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.item .rdcaptoin01 .rdcaptoin a {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 2px;
float: right;
font-size: 13px;
padding: 2px 5px;
text-decoration: none;
}
.rdcaptoin01 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin01:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.rdcaptoin01:hover .rdcaptoin {
left: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin02 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
height: 100%;
}
.rdcaptoin02 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.rdcaptoin02 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: -70%;
left: 0;
opacity: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s 0.15s;
-moz-transition: all 0.3s 0.15s;
-o-transition: all 0.3s 0.15s;
transition: all 0.3s 0.15s;
}
.rdcaptoin02 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin02 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin02 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin02 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin02:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.rdcaptoin02:hover .rdcaptoin {
top: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin03 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin03 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin03 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 0;
left: 70%;
opacity: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s 0.15s;
-moz-transition: all 0.3s 0.15s;
-o-transition: all 0.3s 0.15s;
transition: all 0.3s 0.15s;
}
.rdcaptoin03 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin03 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin03 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin03 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin03:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.rdcaptoin03:hover .rdcaptoin {
left: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin04 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin04 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin04 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 70%;
padding: 0;
left: 0;
opacity: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s 0.15s;
-moz-transition: all 0.3s 0.15s;
-o-transition: all 0.3s 0.15s;
transition: all 0.3s 0.15s;
}
.rdcaptoin04 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin04 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin04 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin04 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin04:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.rdcaptoin04:hover .rdcaptoin {
top: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin05 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin05 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin05 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 0;
padding: 0;
left: -100%;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin05 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin05 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin05 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin05 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin05:hover img {
left: 100%;
}
.rdcaptoin05:hover .rdcaptoin {
left: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin06 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin06 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin06 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: -100%;
padding: 0;
left: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin06 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin06 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin06 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin06 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin06:hover img {
top: 100%;
}
.rdcaptoin06:hover .rdcaptoin {
top: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin07 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin07 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin07 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 0;
padding: 0;
left: 100%;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin07 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin07 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin07 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin07 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin07:hover img {
left: -100%;
}
.rdcaptoin07:hover .rdcaptoin {
left: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin08 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin08 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin08 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 100%;
padding: 0;
left: 0;
z-index: 1;
overflow: auto;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin08 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin08 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin08 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin08 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin08:hover img {
top: -100%;
}
.rdcaptoin08:hover .rdcaptoin {
top: 0;
opacity: 1;
visibility: visible;
}
.rdcaptoin09 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin09 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin09 .rdcaptoin {
position: absolute;
background: #333;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s 0.15s;
-moz-transition: all 0.3s 0.15s;
-o-transition: all 0.3s 0.15s;
transition: all 0.3s 0.15s;
-webkit-transform: scale(0) rotateZ(180deg);
-moz-transform: scale(0) rotateZ(180deg);
-ms-transform: scale(0) rotateZ(180deg);
-o-transform: scale(0) rotateZ(180deg);
transform: scale(0) rotateZ(180deg);
}
.rdcaptoin09 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin09 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin09 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin09 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin09:hover img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.rdcaptoin09:hover .rdcaptoin {
visibility: visible;
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}
.rdcaptoin10 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin10 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin10 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: -100%;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7) rotateZ(180deg);
-moz-transform: scale(0.7) rotateZ(180deg);
-ms-transform: scale(0.7) rotateZ(180deg);
-o-transform: scale(0.7) rotateZ(180deg);
transform: scale(0.7) rotateZ(180deg);
}
.rdcaptoin10 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin10 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin10 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin10 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin10:hover img {
left: 100%;
-webkit-transform: scale(0.7) rotateZ(180deg);
-moz-transform: scale(0.7) rotateZ(180deg);
-ms-transform: scale(0.7) rotateZ(180deg);
-o-transform: scale(0.7) rotateZ(180deg);
transform: scale(0.7) rotateZ(180deg);
}
.rdcaptoin10:hover .rdcaptoin {
visibility: visible;
left: 0;
-webkit-transform: scale(1) rotateZ(0deg);
-moz-transform: scale(1) rotateZ(0deg);
-ms-transform: scale(1) rotateZ(0deg);
-o-transform: scale(1) rotateZ(0deg);
transform: scale(1) rotateZ(0deg);
}
.rdcaptoin11 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin11 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin11 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin11 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin11 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin11 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin11 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin11:hover img {
opacity: 0;
}
.rdcaptoin11:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin12 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin12 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin12 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin12 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin12 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin12 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin12 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin12:hover img {
opacity: 0;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
}
.rdcaptoin12:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin13 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin13 img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.rdcaptoin13 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin13 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin13 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin13 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin13 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin13:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: 25px;
top: 25px;
}
.rdcaptoin14 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin14 img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.rdcaptoin14 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin14 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin14 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
text-indent: 10px;
}
.rdcaptoin14 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin14 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin14:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: -25px;
top: 25px;
}
.rdcaptoin15 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin15 img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.rdcaptoin15 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin15 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin15 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin15 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin15 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin15:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: -25px;
top: -25px;
}
.rdcaptoin16 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin16 img {
position: relative;
width: 100%;
top: 0;
left: 0;
}
.rdcaptoin16 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin16 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin16 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin16 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin16 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin16:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: 25px;
top: -25px;
}
.rdcaptoin17 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin17 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin17 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: -100%;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin17 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin17 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin17 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin17 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin17:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: 0;
}
.rdcaptoin17:hover img {
opacity: 0;
}
.rdcaptoin18 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin18 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin18 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: -100%;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin18 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin18 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin18 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin18 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin18:hover .rdcaptoin {
visibility: visible;
opacity: 1;
top: 0;
}
.rdcaptoin18:hover img {
opacity: 0;
}
.rdcaptoin19 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin19 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin19 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 100%;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin19 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin19 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin19 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin19 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin19:hover .rdcaptoin {
visibility: visible;
opacity: 1;
left: 0;
}
.rdcaptoin19:hover img {
opacity: 0;
}
.rdcaptoin20 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin20 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin20 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 100%;
left: 0;
opacity: 0;
padding: 0 15px;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin20 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin20 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin20 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin20 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin20:hover .rdcaptoin {
visibility: visible;
opacity: 1;
top: 0;
}
.rdcaptoin20:hover img {
opacity: 0;
}
.rdcaptoin21 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin21 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin21 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
padding: 0 15px;
-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-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin21 .rdcaptoin h3,
.rdcaptoin21 .rdcaptoin p,
.rdcaptoin21 .rdcaptoin a {
left: 50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
}
.rdcaptoin21 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin21 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin21 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin21 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin21:hover .rdcaptoin h3,
.rdcaptoin21:hover .rdcaptoin p,
.rdcaptoin21:hover .rdcaptoin a {
left: 0;
opacity: 1;
}
.rdcaptoin21:hover .rdcaptoin {
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);
}
.rdcaptoin22 {
width: 100%;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin22 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin22 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
padding: 0 15px;
-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-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin22 .rdcaptoin h3,
.rdcaptoin22 .rdcaptoin p,
.rdcaptoin22 .rdcaptoin a {
top: 50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
}
.rdcaptoin22 .rdcaptoin h3 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin22 .rdcaptoin p {
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin22 .rdcaptoin a {
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin22 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin22:hover .rdcaptoin h3,
.rdcaptoin22:hover .rdcaptoin p,
.rdcaptoin22:hover .rdcaptoin a {
top: 0;
opacity: 1;
}
.rdcaptoin22:hover .rdcaptoin {
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);
}
.rdcaptoin23 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin23 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin23 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
padding: 0 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin23 .rdcaptoin h3,
.rdcaptoin23 .rdcaptoin p,
.rdcaptoin23 .rdcaptoin a {
opacity: 0;
position: relative;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
}
.rdcaptoin23 .rdcaptoin h3 {
left: -100px;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin23 .rdcaptoin p {
left: 100px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin23 .rdcaptoin a {
left: 100px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin23 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin23:hover .rdcaptoin h3,
.rdcaptoin23:hover .rdcaptoin p,
.rdcaptoin23:hover .rdcaptoin a {
left: 0;
opacity: 1;
}
.rdcaptoin23:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin24 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin24 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin24 .rdcaptoin {
background: #333;
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
padding: 0 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin24 .rdcaptoin h3,
.rdcaptoin24 .rdcaptoin p,
.rdcaptoin24 .rdcaptoin a {
opacity: 0;
position: relative;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
}
.rdcaptoin24 .rdcaptoin h3 {
top: -100px;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin24 .rdcaptoin p {
top: 100px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #9d9c9c;
text-indent: 10px;
}
.rdcaptoin24 .rdcaptoin a {
top: 100px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin24 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin24:hover .rdcaptoin h3,
.rdcaptoin24:hover .rdcaptoin p,
.rdcaptoin24:hover .rdcaptoin a {
top: 0;
opacity: 1;
}
.rdcaptoin24:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin25 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin25 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin25 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin25 .rdcaptoin h3,
.rdcaptoin25 .rdcaptoin p,
.rdcaptoin25 .rdcaptoin a {
position: relative;
top: -100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin25 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.rdcaptoin25 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
text-indent: 10px;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rdcaptoin25 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin25 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin25:hover .rdcaptoin h3,
.rdcaptoin25:hover .rdcaptoin p,
.rdcaptoin25:hover .rdcaptoin a {
top: 0;
}
.rdcaptoin25:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin26 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin26 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin26 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin26 .rdcaptoin h3,
.rdcaptoin26 .rdcaptoin p,
.rdcaptoin26 .rdcaptoin a {
position: relative;
top: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin26 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin26 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
text-indent: 10px;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.rdcaptoin26 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
text-decoration: none;
}
.rdcaptoin26 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin26:hover .rdcaptoin h3,
.rdcaptoin26:hover .rdcaptoin p,
.rdcaptoin26:hover .rdcaptoin a {
top: 0;
}
.rdcaptoin26:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin27 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin27 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin27 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin27 .rdcaptoin h3,
.rdcaptoin27 .rdcaptoin p,
.rdcaptoin27 .rdcaptoin a {
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin27 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
left: -100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin27 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
top: 30px;
text-indent: 10px;
}
.rdcaptoin27 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
top: 30px;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin27 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin27:hover .rdcaptoin h3 {
left: 0;
}
.rdcaptoin27:hover .rdcaptoin p,
.rdcaptoin27:hover .rdcaptoin a {
top: 0;
}
.rdcaptoin27:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin28 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin28 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin28 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin28 .rdcaptoin h3,
.rdcaptoin28 .rdcaptoin p,
.rdcaptoin28 .rdcaptoin a {
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin28 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
left: -100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin28 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
left: 100%;
text-indent: 10px;
}
.rdcaptoin28 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
left: 100%;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin28 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin28:hover .rdcaptoin p,
.rdcaptoin28:hover .rdcaptoin a,
.rdcaptoin28:hover .rdcaptoin h3 {
left: 0;
}
.rdcaptoin28:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin29 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin29 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin29 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin29 .rdcaptoin h3,
.rdcaptoin29 .rdcaptoin p,
.rdcaptoin29 .rdcaptoin a {
position: relative;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin29 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin29 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
text-indent: 10px;
}
.rdcaptoin29 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin29 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin29:hover .rdcaptoin p,
.rdcaptoin29:hover .rdcaptoin a,
.rdcaptoin29:hover .rdcaptoin h3 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rdcaptoin29:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin30 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin30 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin30 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin30 .rdcaptoin h3,
.rdcaptoin30 .rdcaptoin p,
.rdcaptoin30 .rdcaptoin a {
position: relative;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin30 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin30 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
text-indent: 10px;
}
.rdcaptoin30 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin30 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin30:hover .rdcaptoin p,
.rdcaptoin30:hover .rdcaptoin a,
.rdcaptoin30:hover .rdcaptoin h3 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rdcaptoin30:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin31 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin31 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin31 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin31 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin31 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
text-indent: 10px;
}
.rdcaptoin31 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin31 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin31:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.rdcaptoin31:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.rdcaptoin32 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.rdcaptoin32 img {
position: relative;
width: 100%;
top: 0;
left: 0;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin32 .rdcaptoin {
background: rgba(51, 51, 51, 0.5);
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rdcaptoin32 .rdcaptoin h3 {
padding: 10px 15px;
width: 100%;
background: #333;
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
text-decoration: underline;
}
.rdcaptoin32 .rdcaptoin p {
padding: 0 15px;
font-size: 14px;
margin-bottom: 10px;
line-height: 1.2;
color: #fff;
text-indent: 10px;
}
.rdcaptoin32 .rdcaptoin a {
margin-right: 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #333;
float: right;
font-size: 13px;
padding: 2px 5px;
text-align: center;
text-decoration: none;
}
.rdcaptoin32 .rdcaptoin a:hover {
background: #e6e6e6;
border: 1px solid #adadad;
}
.rdcaptoin32:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rdcaptoin32:hover .rdcaptoin {
visibility: visible;
opacity: 1;
}
.dlt {padding: none}.grid {
margin: 0 auto;
list-style: none;
text-align: center;
}
.grid figure {
margin: 0;
position: relative;
}
.grid figure img {
max-width: 100%;
height: 100%;
display: block;
position: relative;
}
.caption-fonl{
height: 100%;
}
.caption-fonl > img {
border-radius: 0;
}
.grid figcaption {
background: #2c3f52 none repeat scroll 0 0;
color: #FFFFFF;
left: 0;
position: absolute;
top: 0;
z-index: 555;
}
.grid figcaption h3 {
margin: 0;
padding: 0;
color: #fff;
}
.grid figcaption span:before {
content: 'by ';
}
.grid figcaption a {
text-align: center;
padding: 5px 10px;
border-radius: 2px;
display: inline-block;
background: #ed4e6e;
color: #fff;
text-decoration: none;
}  .cs-style-1 figcaption {
height: 100%;
width: 100%;
opacity: 0;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.cs-style-1 figcaption h3 {
margin-top: 70px;
}
.cs-style-1 figcaption span {
display: block;
}
.cs-style-1 figcaption a {
margin-top: 30px;
}
.block > h2 {
color: #ffffff;
}
.block > p {
color: #ffffff;
} .cs-style-3 figure {
overflow: hidden;
}
.cs-style-3 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.cs-style-3 h2 {
margin-left: -159px !important;
}
.cs-style-3 p {
margin-left: -159px !important;
}
.cs-style-3 figcaption {
height: 100px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.cs-style-3 figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
} .cs-style-4 li {
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.cs-style-4 figure {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cs-style-4 figure > div {
overflow: hidden;
}
.cs-style-4 figure img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.cs-style-4 figcaption {
height: 100%;
width: 50%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.cs-style-4 figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
} .cs-style-5 figure img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
.cs-style-5 figcaption {
height: 100%;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.cs-style-5 figure a {
position: absolute;
bottom: 20px;
right: 20px;
} .cs-style-7 li:first-child { z-index: 6; }
.cs-style-7 li:nth-child(2) { z-index: 5; }
.cs-style-7 li:nth-child(3) { z-index: 4; }
.cs-style-7 li:nth-child(4) { z-index: 3; }
.cs-style-7 li:nth-child(5) { z-index: 2; }
.cs-style-7 li:nth-child(6) { z-index: 1; }
.cs-style-7 figure img {
z-index: 10;
}
.cs-style-7 figcaption {
height: 100%;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
box-shadow: 0 0 0 0px #2c3f52;
}
.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
pointer-events: auto;
opacity: 1;
height: 130%;
box-shadow: 0 0 0 10px #2c3f52;
}
.cs-style-7 figcaption h3 {
margin-top: 86%;
}
.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
opacity: 0;
-webkit-transition: opacity 0s;
-moz-transition: opacity 0s;
transition: opacity 0s;
}
.cs-style-7 figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
}
.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
-webkit-transition: opacity 0.3s 0.2s;
-moz-transition: opacity 0.3s 0.2s;
transition: opacity 0.3s 0.2s;
opacity: 1;
}
@media screen and (max-width: 31.5em) {
.grid {
padding: 10px 10px 100px 10px;
}
.grid li {
width: 100%;
min-width: 300px;
}
}.headerslider{	
float:left; width:100%;	position:relative;	z-index:0;  clear:both;}
#slides{ position:relative;}	
#slides  a img{width:100%; height:auto;}
#slides .slidesjs-navigation {      margin-top:5px;    }
.slide-image .wp-post-image{width:100%; height:auto;}
.slide-image a.image-link{position:absolute; display:block; top:0; right:0; bottom:0; left:0;}
#slides.design-2 .slider-content{left:30px; right:30px; position:absolute; top:0%; text-align:center;  padding:10% 30px;}
#slides.design-2 .slide-title{color:#fff; text-shadow: 0 1px 2px #000;}
#slides.design-2 .slider-short-content{ text-align:center;}
#slides.design-2 .slider-short-content p{ text-align:center; color:#fff; text-shadow: 0 1px 2px #000; font-size:18px;}
#slides.design-2 .slider-readmore{border:2px solid #fff; color:#fff !important; padding:8px 15px; text-transform:uppercase; font-size:14px; display:inline-block}
#slides.design-3 .slider-content{left:35px; background:rgba(0,0,0,0.5); width:50%;  position:absolute; top:35px; text-align:left;  padding:15px;}
#slides.design-3 .slide-title{color:#fff; text-shadow: 0 1px 2px #000;}
#slides.design-3 .slider-short-content{ text-align:center;}
#slides.design-3 .slider-short-content p{ text-align:left; color:#fff; text-shadow: 0 1px 2px #000; font-size:18px;}
#slides.design-3 .slider-readmore{border:2px solid #fff; color:#fff !important; padding:8px 15px; text-transform:uppercase; font-size:14px; display:inline-block}
a.slidesjs-next:focus, a.slidesjs-previous:focus{outline:none;}
a.slidesjs-next, a.slidesjs-previous{ position:absolute; z-index:99;  text-indent: -9999px; top:45%; width:30px; height:51px;} 	
a.slidesjs-next{background:url(//www.freshseafoodmalaysia.com/wp-content/plugins/responsive-header-image-slider/img/arrow-right.png) 0 0 no-repeat !important; background-size:30px 51px !important; right:0; }
a.slidesjs-previous{background:url(//www.freshseafoodmalaysia.com/wp-content/plugins/responsive-header-image-slider/img/arrow-left.png) 0 0 no-repeat !important; background-size:30px 51px !important; left:0;}
a.slidesjs-play,
a.slidesjs-stop {
background-image: url(//www.freshseafoodmalaysia.com/wp-content/plugins/responsive-header-image-slider/img/btns-next-prev.png);
background-repeat: no-repeat;
display:block;
width:12px;
height:18px;
overflow: hidden;
text-indent: -9999px;
float: left;
margin-right:5px;
}
.slidesjs-play, .slidesjs-stop {position:absolute; top:20px; right:10px; z-index:999;}   
a.slidesjs-play {
width:15px;
background-position: -25px 0;
}
a:hover.slidesjs-play {
background-position: -25px -18px;
}
a.slidesjs-stop {
width:18px;
background-position: -41px 0;
}
a:hover.slidesjs-stop {
background-position: -41px -18px;
}
.slidesjs-pagination {
margin: 7px 0 0;
float: right;
list-style: none;
position:absolute !important; left:20px; right:20px; bottom:0; text-align:center; z-index:999;
}
.slidesjs-pagination li {
display:inline-block;
margin: 0 1px !important;
}
.slidesjs-pagination li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(//www.freshseafoodmalaysia.com/wp-content/plugins/responsive-header-image-slider/img/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px
}
#slides a:link,
#slides a:visited {
color: #333
}
#slides a:hover,
#slides a:active {
color: #9e2020
}
.navbar {
overflow: hidden
}
@media screen and (max-width: 600px) {
a.slidesjs-next, a.slidesjs-previous{display:none !important;}
.slider-content{ padding: 20px 10px !important;}
.slider-content .slide-title{font-size:20px !important; line-height:22px !important}
.slider-short-content{display:none;}
.slider-readmore{border:1px solid #fff !important; color:#fff !important; padding:5px 15px !important; font-size:13px !important; text-transform:uppercase; display:inline-block}
#slides.design-3 .slider-content{left:5px; top:5px; width:80%;}
#slides.design-3 .slider-content .slide-title{font-size:14px !important; line-height:16px !important}
#slides.design-3 .slider-readmore{border:1px solid #fff !important; color:#fff !important; padding:3px 10px !important; font-size:13px !important; }
}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:' ';display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:' ';display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:' ';display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:' ';display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:' ';display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:' ';display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce #content table.cart td.actions .coupon label,.woocommerce table.cart td.actions .coupon label,.woocommerce-page #content table.cart td.actions .coupon label,.woocommerce-page table.cart td.actions .coupon label{display:none}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:' ';display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:' ';display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:' ';display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:' ';display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:' ';display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}