10718 lines
253 KiB
HTML
10718 lines
253 KiB
HTML
<!DOCTYPE html>
|
||
<html class="nojs html css_verticalspacer" lang="tr-TR">
|
||
<head>
|
||
|
||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
|
||
<meta name="generator" content="2017.0.0.363"/>
|
||
|
||
<script type="text/javascript">
|
||
// Update the 'nojs'/'js' class on the html node
|
||
document.documentElement.className = document.documentElement.className.replace(/\bnojs\b/g, 'js');
|
||
|
||
// Check that all required assets are uploaded and up-to-date
|
||
if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["museutils.js", "museconfig.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "jquery.musepolyfill.bgsize.js", "jquery.watch.js", "jquery.scrolleffects.js", "require.js", "index.css"], "outOfDate":[]};
|
||
</script>
|
||
|
||
<title>Ana Sayfa</title>
|
||
<!-- CSS -->
|
||
<link rel="stylesheet" type="text/css" href="css/site_global.css?crc=401465853"/>
|
||
<link rel="stylesheet" type="text/css" href="css/master_a-kal_p.css?crc=4142827779"/>
|
||
<link rel="stylesheet" type="text/css" href="css/index.css?crc=4016408969" id="pagesheet"/>
|
||
<!-- IE-only CSS -->
|
||
<!--[if lt IE 9]>
|
||
<link rel="stylesheet" type="text/css" href="css/iefonts_index.css?crc=517846516"/>
|
||
<![endif]-->
|
||
<!-- Other scripts -->
|
||
<script type="text/javascript">
|
||
var __adobewebfontsappname__ = "muse";
|
||
</script>
|
||
<!-- JS includes -->
|
||
<script type="text/javascript">
|
||
document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/ubuntu:n5,n7,n4:all.js" type="text/javascript">\x3C/script>');
|
||
</script>
|
||
<!--HTML Widget code-->
|
||
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1412 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1412 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1412 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1412 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover1:hover h3,#u1412 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1412 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1412 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1412 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1412 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover2:hover h3,#u1412 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1412 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1412 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1412 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1412 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1412 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1412 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover3 figure:hover h3,#u1412 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1412 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1412 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1412 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1412 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1412 .rollover4:hover h3,#u1412 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1412 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1412 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1412 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1422 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1422 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1422 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1422 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover1:hover h3,#u1422 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1422 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1422 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1422 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1422 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover2:hover h3,#u1422 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1422 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1422 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1422 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1422 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1422 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1422 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover3 figure:hover h3,#u1422 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1422 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1422 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1422 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1422 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1422 .rollover4:hover h3,#u1422 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1422 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1422 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1422 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1428 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1428 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1428 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1428 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover1:hover h3,#u1428 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1428 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1428 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1428 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1428 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover2:hover h3,#u1428 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1428 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1428 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1428 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1428 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1428 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1428 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover3 figure:hover h3,#u1428 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1428 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1428 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1428 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1428 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1428 .rollover4:hover h3,#u1428 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1428 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1428 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1428 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1414 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1414 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1414 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1414 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover1:hover h3,#u1414 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1414 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1414 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1414 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1414 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover2:hover h3,#u1414 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1414 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1414 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1414 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1414 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1414 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1414 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover3 figure:hover h3,#u1414 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1414 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1414 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1414 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1414 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1414 .rollover4:hover h3,#u1414 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1414 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1414 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1414 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1420 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1420 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1420 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1420 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover1:hover h3,#u1420 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1420 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1420 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1420 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1420 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover2:hover h3,#u1420 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1420 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1420 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1420 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1420 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1420 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1420 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover3 figure:hover h3,#u1420 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1420 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1420 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1420 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1420 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1420 .rollover4:hover h3,#u1420 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1420 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1420 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1420 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1430 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1430 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1430 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1430 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover1:hover h3,#u1430 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1430 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1430 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1430 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1430 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover2:hover h3,#u1430 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1430 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1430 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1430 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1430 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1430 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1430 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover3 figure:hover h3,#u1430 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1430 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1430 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1430 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1430 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1430 .rollover4:hover h3,#u1430 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1430 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1430 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1430 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1416 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1416 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1416 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1416 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover1:hover h3,#u1416 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1416 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1416 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1416 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1416 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover2:hover h3,#u1416 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1416 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1416 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1416 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1416 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1416 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1416 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover3 figure:hover h3,#u1416 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1416 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1416 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1416 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1416 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1416 .rollover4:hover h3,#u1416 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1416 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1416 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1416 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1418 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1418 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1418 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1418 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover1:hover h3,#u1418 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1418 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1418 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1418 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1418 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover2:hover h3,#u1418 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1418 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1418 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1418 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1418 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1418 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1418 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover3 figure:hover h3,#u1418 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1418 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1418 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1418 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1418 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1418 .rollover4:hover h3,#u1418 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1418 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1418 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1418 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1432 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1432 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1432 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1432 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover1:hover h3,#u1432 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1432 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1432 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1432 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1432 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover2:hover h3,#u1432 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1432 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1432 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1432 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1432 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1432 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1432 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover3 figure:hover h3,#u1432 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1432 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1432 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1432 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1432 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1432 .rollover4:hover h3,#u1432 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1432 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1432 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1432 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1410 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1410 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1410 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1410 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover1:hover h3,#u1410 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1410 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1410 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1410 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1410 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover2:hover h3,#u1410 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1410 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1410 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1410 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1410 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1410 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1410 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover3 figure:hover h3,#u1410 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1410 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1410 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1410 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1410 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1410 .rollover4:hover h3,#u1410 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1410 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1410 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1410 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1424 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1424 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1424 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1424 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover1:hover h3,#u1424 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1424 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1424 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1424 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1424 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover2:hover h3,#u1424 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1424 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1424 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1424 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1424 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1424 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1424 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover3 figure:hover h3,#u1424 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1424 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1424 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1424 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1424 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1424 .rollover4:hover h3,#u1424 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1424 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1424 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1424 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1426 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1426 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1426 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1426 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover1:hover h3,#u1426 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1426 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1426 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1426 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1426 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover2:hover h3,#u1426 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1426 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1426 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1426 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1426 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1426 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1426 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover3 figure:hover h3,#u1426 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1426 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1426 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1426 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1426 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1426 .rollover4:hover h3,#u1426 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1426 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1426 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1426 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1485 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1485 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1485 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1485 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover1:hover h3,#u1485 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1485 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1485 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1485 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1485 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover2:hover h3,#u1485 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1485 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1485 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1485 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1485 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1485 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1485 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover3 figure:hover h3,#u1485 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1485 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1485 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1485 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1485 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1485 .rollover4:hover h3,#u1485 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1485 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1485 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1485 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1495 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1495 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1495 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1495 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover1:hover h3,#u1495 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1495 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1495 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1495 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1495 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover2:hover h3,#u1495 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1495 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1495 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1495 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1495 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1495 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1495 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover3 figure:hover h3,#u1495 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1495 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1495 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1495 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1495 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1495 .rollover4:hover h3,#u1495 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1495 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1495 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1495 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1501 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1501 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1501 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1501 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover1:hover h3,#u1501 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1501 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1501 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1501 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1501 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover2:hover h3,#u1501 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1501 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1501 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1501 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1501 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1501 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1501 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover3 figure:hover h3,#u1501 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1501 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1501 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1501 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1501 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1501 .rollover4:hover h3,#u1501 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1501 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1501 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1501 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1487 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1487 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1487 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1487 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover1:hover h3,#u1487 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1487 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1487 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1487 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1487 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover2:hover h3,#u1487 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1487 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1487 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1487 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1487 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1487 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1487 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover3 figure:hover h3,#u1487 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1487 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1487 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1487 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1487 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1487 .rollover4:hover h3,#u1487 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1487 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1487 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1487 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1493 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1493 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1493 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1493 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover1:hover h3,#u1493 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1493 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1493 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1493 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1493 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover2:hover h3,#u1493 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1493 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1493 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1493 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1493 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1493 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1493 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover3 figure:hover h3,#u1493 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1493 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1493 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1493 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1493 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1493 .rollover4:hover h3,#u1493 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1493 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1493 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1493 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1503 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1503 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1503 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1503 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover1:hover h3,#u1503 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1503 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1503 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1503 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1503 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover2:hover h3,#u1503 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1503 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1503 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1503 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1503 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1503 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1503 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover3 figure:hover h3,#u1503 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1503 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1503 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1503 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1503 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1503 .rollover4:hover h3,#u1503 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1503 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1503 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1503 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1489 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1489 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1489 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1489 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover1:hover h3,#u1489 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1489 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1489 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1489 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1489 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover2:hover h3,#u1489 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1489 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1489 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1489 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1489 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1489 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1489 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover3 figure:hover h3,#u1489 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1489 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1489 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1489 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1489 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1489 .rollover4:hover h3,#u1489 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1489 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1489 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1489 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1491 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1491 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1491 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1491 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover1:hover h3,#u1491 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1491 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1491 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1491 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1491 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover2:hover h3,#u1491 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1491 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1491 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1491 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1491 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1491 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1491 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover3 figure:hover h3,#u1491 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1491 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1491 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1491 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1491 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1491 .rollover4:hover h3,#u1491 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1491 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1491 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1491 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1505 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1505 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1505 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1505 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover1:hover h3,#u1505 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1505 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1505 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1505 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1505 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover2:hover h3,#u1505 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1505 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1505 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1505 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1505 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1505 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1505 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover3 figure:hover h3,#u1505 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1505 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1505 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1505 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1505 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1505 .rollover4:hover h3,#u1505 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1505 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1505 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1505 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1483 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1483 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1483 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1483 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover1:hover h3,#u1483 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1483 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1483 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1483 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1483 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover2:hover h3,#u1483 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1483 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1483 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1483 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1483 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1483 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1483 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover3 figure:hover h3,#u1483 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1483 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1483 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1483 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1483 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1483 .rollover4:hover h3,#u1483 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1483 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1483 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1483 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1497 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1497 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1497 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1497 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover1:hover h3,#u1497 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1497 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1497 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1497 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1497 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover2:hover h3,#u1497 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1497 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1497 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1497 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1497 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1497 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1497 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover3 figure:hover h3,#u1497 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1497 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1497 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1497 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1497 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 20px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1497 .rollover4:hover h3,#u1497 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1497 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1497 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1497 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
<style>
|
||
|
||
|
||
|
||
/******* rollover style 1 *******/
|
||
|
||
|
||
#u1499 .rollover1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
}
|
||
|
||
#u1499 .rollover1:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
-webkit-transform: rotate(0);
|
||
-moz-transform: rotate(0);
|
||
-o-transform: rotate(0);
|
||
-ms-transform: rotate(0);
|
||
transform: rotate(0);
|
||
top: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1499 .rollover1 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: -100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
text-align: center;
|
||
}
|
||
|
||
#u1499 .rollover1 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
left: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1s;
|
||
-moz-transition-delay: 1s;
|
||
-o-transition-delay: 1s;
|
||
-ms-transition-delay: 1s;
|
||
transition-delay: 1s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover1 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .5s;
|
||
-moz-transition: all .5s;
|
||
-o-transition: all .5s;
|
||
-ms-transition: all .5s;
|
||
transition: all .5s;
|
||
-webkit-transition-delay: 1.3s;
|
||
-moz-transition-delay: 1.3s;
|
||
-o-transition-delay: 1.3s;
|
||
-ms-transition-delay: 1.3s;
|
||
transition-delay: 1.3s;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover1:hover h3,#u1499 .rollover1:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
/******* end of rollover style 1 *******/
|
||
|
||
/********* rollover style 2 *************/
|
||
|
||
|
||
#u1499 .rollover2 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1499 .rollover2:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1499 .rollover2 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .5s ease;
|
||
-moz-transition: all .5s ease;
|
||
-o-transition: all .5s ease;
|
||
-ms-transition: all .5s ease;
|
||
transition: all .5s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1499 .rollover2 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
right: 100%;
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover2 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover2:hover h3,#u1499 .rollover2:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
/*********** end of rollover style 2 **************/
|
||
|
||
/*********** rollover style 3 **************/
|
||
|
||
|
||
#u1499 .rollover3 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1499 .rollover3:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1499 .rollover3 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1499 .rollover3 img {
|
||
-webkit-transition: all 1.5s;
|
||
-moz-transition: all 1.5s;
|
||
-o-transition: all 1.5s;
|
||
-ms-transition: all 1.5s;
|
||
transition: all 1.5s;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1499 .rollover3:hover img {
|
||
-webkit-transform: scale(1.1);
|
||
-moz-transform: scale(1.1);
|
||
-o-transform: scale(1.1);
|
||
-ms-transform: scale(1.1);
|
||
transform: scale(1.1);
|
||
}
|
||
|
||
#u1499 .rollover3 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover3 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover3 figure:hover h3,#u1499 .rollover3:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 3 **************/
|
||
|
||
|
||
/*********** rollover style 4 **************/
|
||
|
||
|
||
|
||
|
||
#u1499 .rollover4 {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 178px;
|
||
width: 172px;
|
||
position: relative;
|
||
display: block;
|
||
cursor: pointer;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
}
|
||
|
||
#u1499 figure:hover figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
filter: alpha(opacity=100);
|
||
opacity: 1;
|
||
top: 0;
|
||
}
|
||
|
||
#u1499 .rollover4 figcaption {
|
||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
filter: alpha(opacity=0);
|
||
opacity: 0;
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
top: 250px;
|
||
background: rgba(0,0,0,.5);
|
||
color: #FFFFFF;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
-webkit-transition-delay: .5s;
|
||
-moz-transition-delay: .5s;
|
||
-o-transition-delay: .5s;
|
||
-ms-transition-delay: .5s;
|
||
transition-delay: .5s;
|
||
}
|
||
|
||
#u1499 .rollover4 figcaption h3 {
|
||
font-family: 'Arial';
|
||
font-weight: 400;
|
||
color: #FA6900;
|
||
padding: 1% 5%;
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
/*right: 100%;*/
|
||
margin-top: 20px;
|
||
font-size: 25px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover4 figcaption p {
|
||
font-family: 'Arial';
|
||
padding: 1% 5%;
|
||
margin-bottom: 10px;
|
||
margin-top: 10px;
|
||
position: relative;
|
||
left: 100%;
|
||
font-size: 13px;
|
||
-webkit-transition: all .9s ease;
|
||
-moz-transition: all .9s ease;
|
||
-o-transition: all .9s ease;
|
||
-ms-transition: all .9s ease;
|
||
transition: all .9s ease;
|
||
line-height: normal !important;
|
||
}
|
||
|
||
#u1499 .rollover4:hover h3,#u1499 .rollover4:hover p {
|
||
left: 0;
|
||
}
|
||
|
||
|
||
|
||
|
||
/*********** end of rollover style 4 **************/
|
||
|
||
#u1499 .rollover4 img {
|
||
width: 172px;
|
||
height: 178px;
|
||
}
|
||
|
||
#u1499 .rollover4 figcaption a {
|
||
color: #FFFFFF;
|
||
border: 2px solid #FFFFFF;
|
||
padding: 1% 2%;
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
font-family: 'Arial';
|
||
}
|
||
|
||
#u1499 .rollover4 figcaption a:hover {
|
||
color: #4F5856;
|
||
background: #FFFFFF;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<!--HTML Widget code-->
|
||
|
||
|
||
|
||
<div class="clearfix" id="page"><!-- column -->
|
||
<div class="position_content" id="page_position_content">
|
||
<div class="clearfix pinned-colelem" id="pu827"><!-- group -->
|
||
<div class="browser_width" id="u827-bw">
|
||
<div class="shadow" id="u827"><!-- simple frame --></div>
|
||
</div>
|
||
<a class="nonblock nontext MuseLinkActive clip_frame" id="u828" href="index.html" data-href="page:U74"><!-- image --><img class="block" id="u828_img" src="images/2boyutlogo_w250.png?crc=326414873" alt="" width="202" height="61"/></a>
|
||
<div class="PamphletWidget clearfix" id="pamphletu830"><!-- none box -->
|
||
<div class="popup_anchor" id="u841popup">
|
||
<div class="ContainerGroup clearfix" id="u841"><!-- stack box -->
|
||
<div class="pointer_cursor Container clearfix grpelem" id="u842"><!-- group -->
|
||
<a class="block anim_swing" href="index.html#hizmetlerimiz" data-href="anchor:U69:U868"><!-- Block link tag --></a>
|
||
<div class="clearfix grpelem" id="u843"><!-- column -->
|
||
<a class="nonblock nontext anim_swing BlackMenu clearfix colelem" id="u846-4" href="index.html#hizmetlerimiz" data-href="anchor:U69:U868"><!-- content --><p>HİZMETLERİMİZ</p></a>
|
||
<div class="colelem" id="u847"><!-- simple frame --></div>
|
||
<a class="nonblock nontext anim_swing BlackMenu clearfix colelem" id="u850-4" href="index.html#referanslar" data-href="anchor:U69:U869"><!-- content --><p>REFERANSLAR</p></a>
|
||
<div class="colelem" id="u848"><!-- simple frame --></div>
|
||
<a class="nonblock nontext anim_swing BlackMenu clearfix colelem" id="u845-4" href="index.html#hakkimizda" data-href="anchor:U69:U1749"><!-- content --><p>HAKKIMIZDA</p></a>
|
||
<div class="colelem" id="u844"><!-- simple frame --></div>
|
||
<a class="nonblock nontext anim_swing BlackMenu clearfix colelem" id="u849-4" href="index.html#iletisim" data-href="anchor:U69:U1480"><!-- content --><p>İLETİŞİM</p></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ThumbGroup clearfix grpelem" id="u831"><!-- none box -->
|
||
<div class="popup_anchor" id="pu832popup">
|
||
<div class="popup_element Thumb clearfix" id="pu832"><!-- group -->
|
||
<div class="popup_anchor" id="u832popup">
|
||
<a class="nonblock nontext popup_element anim_swing ove clearfix" id="u832" href="index.html#home" data-href="anchor:U69:U867"><!-- group --><div id="u833"><!-- state-based BG images --></div></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clearfix colelem" id="pu1560"><!-- group -->
|
||
<div class="size_fixed grpelem" id="u1560"><!-- custom html -->
|
||
|
||
|
||
</div>
|
||
<a class="anchor_item grpelem" id="home"></a>
|
||
</div>
|
||
<div class="browser_width colelem" id="u560-bw">
|
||
<div class="museBGSize" id="u560"><!-- simple frame --></div>
|
||
</div>
|
||
<div class="clearfix colelem" id="pu529-14"><!-- group -->
|
||
<!-- m_editable region-id="editable-static-tag-U529-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="rgba-background clearfix ose_pre_init" id="u529-14" data-muse-uid="U529" data-muse-type="txt_frame"><!-- content -->
|
||
<p id="u529-2"><span class="Sc1" id="u529">kreatif tasarım ve butik hizmet anlayışı ile;</span></p>
|
||
<p id="u529-4"><span class="Ana_1" id="u529-3">*Web Tasarımı</span></p>
|
||
<p id="u529-6"><span class="Ana_1" id="u529-5">*Bilişim Hizmetleri / Ekipmanları</span></p>
|
||
<p id="u529-8"><span class="sc2" id="u529-7">*Reklam & Prodüksiyon</span></p>
|
||
<p id="u529-10"><span class="Ana_1" id="u529-9">*3D Modelleme / Projelendirme</span></p>
|
||
<p id="u529-12"><span class="Ana_1" id="u529-11">*Yaratıcı Fikirler</span></p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<div class="ose_pre_init mse_pre_init" id="u527" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.9816,M12=0.1908,M21=-0.1908,M22=0.9816,SizingMethod='auto expand')" data-mu-ie-matrix-dx="12" data-mu-ie-matrix-dy="-285"><!-- simple frame --></div>
|
||
</div>
|
||
<div class="clearfix mse_pre_init" id="u801"><!-- group -->
|
||
<!-- m_editable region-id="editable-static-tag-U594" template="index.html" data-type="html" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<a class="nonblock nontext clearfix grpelem" id="u594" href="web_tasarimi.html" data-href="page:U883" data-muse-uid="U594"><!-- column --><!-- m_editable region-id="editable-static-tag-U1954-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" --><div class="WorkHeaders clearfix colelem" id="u1954-8" data-muse-uid="U1954" data-muse-type="txt_frame"><!-- content --><p>Web Tasarımı</p><p>&</p><p>Konsept</p></div><!-- /m_editable --><!-- m_editable region-id="editable-static-tag-U785-BP_infinity" template="index.html" data-type="image" --><div class="clip_frame colelem" id="u785" data-muse-uid="U785" data-muse-type="img_frame"><!-- image --><img class="block" id="u785_img" src="images/arrow01.png?crc=4250551706" alt="" width="64" height="64" data-muse-src="images/arrow01.png?crc=4250551706"/></div><!-- /m_editable --></a>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U593" template="index.html" data-type="html" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<div class="pointer_cursor clearfix grpelem" id="u593" data-muse-uid="U593"><!-- column -->
|
||
<a class="block" href="grafik-baski.html" data-href="page:U1867"><!-- Block link tag --></a>
|
||
<!-- m_editable region-id="editable-static-tag-U607-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="WorkHeaders clearfix colelem" id="u607-8" data-muse-uid="U607" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Grafik</p>
|
||
<p>&</p>
|
||
<p>Baskı</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U791-BP_infinity" template="index.html" data-type="image" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<a class="nonblock nontext clip_frame colelem" id="u791" href="grafik-baski.html" data-href="page:U1867" data-muse-uid="U791" data-muse-type="img_frame"><!-- image --><img class="block" id="u791_img" src="images/arrow01.png?crc=4250551706" alt="" width="64" height="64" data-muse-src="images/arrow01.png?crc=4250551706"/></a>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U592" template="index.html" data-type="html" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<div class="pointer_cursor clearfix grpelem" id="u592" data-muse-uid="U592"><!-- column -->
|
||
<a class="block" href="bilisim.html" data-href="page:U1916"><!-- Block link tag --></a>
|
||
<!-- m_editable region-id="editable-static-tag-U608-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="WorkHeaders clearfix colelem" id="u608-8" data-muse-uid="U608" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Bilişim</p>
|
||
<p>&</p>
|
||
<p>Kurumsal Tedarik</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U794-BP_infinity" template="index.html" data-type="image" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<a class="nonblock nontext clip_frame colelem" id="u794" href="bilisim.html" data-href="page:U1916" data-muse-uid="U794" data-muse-type="img_frame"><!-- image --><img class="block" id="u794_img" src="images/arrow01.png?crc=4250551706" alt="" width="64" height="64" data-muse-src="images/arrow01.png?crc=4250551706"/></a>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U591" template="index.html" data-type="html" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<div class="pointer_cursor clearfix grpelem" id="u591" data-muse-uid="U591"><!-- column -->
|
||
<a class="block" href="grafik-baski.html" data-href="page:U1867"><!-- Block link tag --></a>
|
||
<!-- m_editable region-id="editable-static-tag-U609-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="WorkHeaders clearfix colelem" id="u609-8" data-muse-uid="U609" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Reklam</p>
|
||
<p>&</p>
|
||
<p>Prodüksiyon</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U797-BP_infinity" template="index.html" data-type="image" data-ice-options="clickable" data-ice-editable="link" -->
|
||
<a class="nonblock nontext clip_frame colelem" id="u797" href="bilisim.html" data-href="page:U1916" data-muse-uid="U797" data-muse-type="img_frame"><!-- image --><img class="block" id="u797_img" src="images/arrow01.png?crc=4250551706" alt="" width="64" height="64" data-muse-src="images/arrow01.png?crc=4250551706"/></a>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
<a class="anchor_item colelem" id="hizmetlerimiz"></a>
|
||
<div class="ose_pre_init mse_pre_init" id="u524" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0.9816,M12=0.1908,M21=-0.1908,M22=0.9816,SizingMethod='auto expand')" data-mu-ie-matrix-dx="6" data-mu-ie-matrix-dy="-284"><!-- simple frame --></div>
|
||
<a class="anchor_item colelem" id="referanslar"></a>
|
||
<div class="PamphletWidget clearfix colelem" id="pamphletu1229"><!-- none box -->
|
||
<div class="popup_anchor" id="u1230popup">
|
||
<div class="ContainerGroup clearfix" id="u1230"><!-- stack box -->
|
||
<div class="Container clearfix grpelem" id="u1231"><!-- group -->
|
||
<div class="clearfix grpelem" id="pu1412"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1412"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>TEKFEN</h3>
|
||
<p>
|
||
Etiket ve Baskı tasarımı, Sunum panoları, Bilişim Ekipmanları Tedarik
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1422"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Omurga</h3>
|
||
<p>
|
||
Kurumsal Tedarik, Bilgisayar Ekipmanları
|
||
</p>
|
||
<p><a href="http://www.omurgacap.com" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1428"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Delta Hospital</h3>
|
||
<p>
|
||
Grafik Tasarım, Baskı
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1414"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1414"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>PENTA</h3>
|
||
<p>
|
||
Kurumsal Tedarik, Bilgisayar ve ekipmanları, Baskı, Grafik Tasarım, Etiket
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1420"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Multidil</h3>
|
||
<p>
|
||
Web Tasarımı, Grafik ve Bakı Tasarımı
|
||
</p>
|
||
<p><a href="http://multidil.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1430"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Bais</h3>
|
||
<p>
|
||
Grafik Baskı, Etiket
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1416"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1416"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Tardem</h3>
|
||
<p>
|
||
Kurumsal Kimlik, Baskı, Grafik Tasarım
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1418"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Sentez Yapı</h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://www.sentezyapi.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1432"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Yolsan</h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://yolsan.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1410"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1410"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Esaote</h3>
|
||
<p>
|
||
Bilgisayar ekipmanları, Baskı, Tasarım
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1424"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Grup İnşaat</h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://tasdelenyapi.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1426"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Medusa</h3>
|
||
<p>
|
||
Web Tasarımı, Bilişim Ekipmanları Tedarik
|
||
</p>
|
||
<p><a href="http://medusa.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="Container invi clearfix grpelem" id="u1241"><!-- group -->
|
||
<div class="clearfix grpelem" id="pu1485"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1485"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Beka Makine</h3>
|
||
<p>
|
||
Etiket ve Baskı tasarımı, Sunum panoları, Bilişim Ekipmanları Tedarik
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1495"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>DoluDizgin</h3>
|
||
<p>
|
||
Kurumsal Tedarik, Bilgisayar Ekipmanları
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1501"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1487"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1487"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>DİŞSİAD</h3>
|
||
<p>
|
||
Kurumsal Tedarik, Bilgisayar ve ekipmanları, Baskı, Grafik Tasarım, Etiket
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1493"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://solidis.com.tr" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1503"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1489"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1489"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>Fimet</h3>
|
||
<p>
|
||
Kurumsal Kimlik, Baskı, Grafik Tasarım
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1491"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://www.yorumyapi.com" target="_blank">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1505"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="clearfix grpelem" id="pu1483"><!-- column -->
|
||
<div class="size_fixed colelem" id="u1483"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3>DentAkademi</h3>
|
||
<p>
|
||
Bilgisayar ekipmanları, Baskı, Tasarım
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1497"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
Web Tasarımı
|
||
</p>
|
||
<p><a href="http://asyasigorta.org" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
<div class="size_fixed colelem" id="u1499"><!-- custom html -->
|
||
|
||
|
||
<figure class="rollover4 rollover">
|
||
|
||
<figcaption>
|
||
<h3></h3>
|
||
<p>
|
||
|
||
</p>
|
||
<p><a href="" target="_self">Projeler</a></p>
|
||
</figcaption>
|
||
</figure>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ThumbGroup clearfix grpelem" id="u1246"><!-- none box -->
|
||
<div class="popup_anchor" id="u1251popup">
|
||
<div class="Thumb popup_element clearfix" id="u1251"><!-- group -->
|
||
<!-- m_editable region-id="editable-static-tag-U1252-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link,clickable" -->
|
||
<div class="clearfix grpelem" id="u1252-4" data-muse-uid="U1252" data-muse-type="txt_frame"><!-- content -->
|
||
<p>1</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
</div>
|
||
<div class="popup_anchor" id="u1249popup">
|
||
<div class="Thumb popup_element clearfix" id="u1249"><!-- group -->
|
||
<!-- m_editable region-id="editable-static-tag-U1250-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link,clickable" -->
|
||
<div class="clearfix grpelem" id="u1250-4" data-muse-uid="U1250" data-muse-type="txt_frame"><!-- content -->
|
||
<p>2</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="anchor_item colelem" id="hakkimizda"></a>
|
||
<!-- m_editable region-id="editable-static-tag-U1748-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="clearfix colelem" id="u1748-27" data-muse-uid="U1748" data-muse-type="txt_frame"><!-- content -->
|
||
<p>2Boyut Dijital Tasarım olarak,</p>
|
||
<p> </p>
|
||
<p>2007 yılında genç girişimci faaliyeti olarak başlayan hizmetlerimizde, faaliyet branşlarımız çerçevesinde, kurumsal kaliteyi hedeflerken, butik anlayışımız ile müşterilerimizin memnuniyetini ilk planda tutmak ve buna göre adımları atmak öncelikli hedefimizdi..</p>
|
||
<p> </p>
|
||
<p>İlk yıllarda Web Tasarımı ve Bilişim Danışmanlık hizmetleri üzerine yoğunlaşmış iken, müşterilerimizden gelen talepler doğrultusunda, grafik tasarım, dijital baskı hizmetleri, kurumsal kimlik ve yanı sıra, proje bazlı Bilgisayar - Elektronik ekipmanları toptan satış hizmetlerinde de faaliyetimizi genişlettik.</p>
|
||
<p> </p>
|
||
<p>2013'ten bu yana, HP Partner programı dahilinde, bu dünya devi markanın evrensel kalitede sunduğu sunucu, iş istasyonları ve ağ ekipmanları gibi katma değerli ürünleri aracılığıyla, kıymetli müşterilerimize ürün tedarik ve danışmanlık hizmetleri sunmaktayız.</p>
|
||
<p> </p>
|
||
<p>Emin adımlarla ilerlediğimiz bu yolda, müşterilerimizin isteklerini, hızlı, kaliteli ve uygun bütçelerle karşılayabilmek için kendimizi geliştirirken, kullandığımız teknolojileri de hızla yenilemekteyiz.</p>
|
||
<p> </p>
|
||
<p>Ekip olarak Misyonumuz;</p>
|
||
<p>Müşteri odaklı düşünerek, uzmanlık ve tecrübemizi bu doğrultuda birleştirip, müşterilerimizin isteklerini ve beklentilerini, kaliteli hizmet sunarak karşılamaktır.</p>
|
||
<p> </p>
|
||
<p>Bizler, yaşadığımız çağın görsel-bilgisel süratinin farkındalığı ile, sanat, tasarım ve teknoloji üçgenini, güncel vizyonda sürekli takip ederek, birlikte çalıştığımız kişi ve kurumların, kulvarlarında bir adım önde olmasını sağlayacak ürün ve hizmetleri sunmayı, tasarımlarımızda özgün bir tarz oluşturmaya çalışırken, yeniliklere hızla entegre olmayı amaç edindik .</p>
|
||
<p> </p>
|
||
<p>Evrensel değerleri ürettiklerimizle harmanlayıp, bu vizyon ışığında geleceğe umutla bakmaktayız.</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<a class="anchor_item colelem" id="iletisim"></a>
|
||
<form class="form-grp clearfix colelem" id="widgetu1714" method="post" enctype="multipart/form-data" action="scripts/form-u1714.php"><!-- none box -->
|
||
<div class="fld-grp clearfix grpelem" id="widgetu1715" data-required="true"><!-- none box -->
|
||
<!-- m_editable region-id="editable-static-tag-U1716-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<label class="fld-label actAsDiv clearfix grpelem" id="u1716-4" data-muse-uid="U1716" data-muse-type="txt_frame" for="widgetu1715_input"><!-- content --><span class="actAsPara">Ad:</span></label>
|
||
<!-- /m_editable -->
|
||
<span class="fld-input NoWrap actAsDiv clearfix grpelem" id="u1718-4"><!-- content --><input class="wrapped-input" type="text" spellcheck="false" id="widgetu1715_input" name="custom_U1715" tabindex="1"/><label class="wrapped-input fld-prompt" id="widgetu1715_prompt" for="widgetu1715_input"><span class="actAsPara">Ad Girin</span></label></span>
|
||
</div>
|
||
<div class="fld-grp clearfix grpelem" id="widgetu1727" data-required="true" data-type="email"><!-- none box -->
|
||
<!-- m_editable region-id="editable-static-tag-U1728-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<label class="fld-label actAsDiv clearfix grpelem" id="u1728-4" data-muse-uid="U1728" data-muse-type="txt_frame" for="widgetu1727_input"><!-- content --><span class="actAsPara">E-posta:</span></label>
|
||
<!-- /m_editable -->
|
||
<span class="fld-input NoWrap actAsDiv clearfix grpelem" id="u1729-4"><!-- content --><input class="wrapped-input" type="email" spellcheck="false" id="widgetu1727_input" name="Email" tabindex="2"/><label class="wrapped-input fld-prompt" id="widgetu1727_prompt" for="widgetu1727_input"><span class="actAsPara">E-posta Girin</span></label></span>
|
||
</div>
|
||
<!-- m_editable region-id="editable-static-tag-U1720-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="clearfix grpelem" id="u1720-4" data-muse-uid="U1720" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Form gönderiliyor...</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U1719-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="clearfix grpelem" id="u1719-4" data-muse-uid="U1719" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Sunucu bir hatayla karşılaştı.</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U1722-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="clearfix grpelem" id="u1722-4" data-muse-uid="U1722" data-muse-type="txt_frame"><!-- content -->
|
||
<p>Form alındı.</p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<!-- m_editable region-id="editable-static-tag-U1721-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<button class="submit-btn NoWrap rounded-corners clearfix grpelem" id="u1721-4" data-muse-uid="U1721" data-muse-type="txt_frame" type="submit" value="Gönder" tabindex="4"><!-- content -->
|
||
<div style="margin-top:-11px;height:11px;">
|
||
<p>Gönder</p>
|
||
</div>
|
||
</button>
|
||
<!-- /m_editable -->
|
||
<div class="fld-grp clearfix grpelem" id="widgetu1723" data-required="false"><!-- none box -->
|
||
<!-- m_editable region-id="editable-static-tag-U1724-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<label class="fld-label actAsDiv clearfix grpelem" id="u1724-4" data-muse-uid="U1724" data-muse-type="txt_frame" for="widgetu1723_input"><!-- content --><span class="actAsPara">Mesaj:</span></label>
|
||
<!-- /m_editable -->
|
||
<span class="fld-textarea actAsDiv clearfix grpelem" id="u1725-4"><!-- content --><textarea class="wrapped-input" id="widgetu1723_input" name="custom_U1723" tabindex="3"></textarea><label class="wrapped-input fld-prompt" id="widgetu1723_prompt" for="widgetu1723_input"><span class="actAsPara">Mesajınızı Girin</span></label></span>
|
||
</div>
|
||
</form>
|
||
<div class="clearfix colelem" id="pu2023-8"><!-- group -->
|
||
<!-- m_editable region-id="editable-static-tag-U2023-BP_infinity" template="index.html" data-type="html" data-ice-options="disableImageResize,link" -->
|
||
<div class="Body clearfix grpelem" id="u2023-8" data-muse-uid="U2023" data-muse-type="txt_frame"><!-- content -->
|
||
<p>t : 0216 366 26 26</p>
|
||
<p>m:<a class="nonblock" href="mailto:info@2boyut.com.tr"> info@2boyut.com.tr</a></p>
|
||
</div>
|
||
<!-- /m_editable -->
|
||
<div class="size_fixed grpelem" id="u1481"><!-- custom html -->
|
||
|
||
<iframe class="actAsDiv" width="434" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=tr&q=2Boyut%20Dijital%20Tasar%C4%B1m%20K%C3%BC%C3%A7%C3%BCkyal%C4%B1%20Mh.%2C%20Cami%20Sk%20No%3A26%2C%2034844%20Maltepe%2F%C4%B0stanbul%2C%20T%C3%BCrkiye&aq=0&ie=UTF8&t=m&z=16&iwloc=A&output=embed"></iframe>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="verticalspacer" data-offset-top="4629" data-content-above-spacer="4629" data-content-below-spacer="461"></div>
|
||
<div class="clearfix colelem" id="u2021-7"><!-- content -->
|
||
<p id="u2021-2">2boyut.com - Tüm hakları saklıdır.</p>
|
||
<p class="Copyright" id="u2021-5"><a class="nonblock" href="http://2boyut.com"><span id="u2021-3">2BOYUT - 2015 ©</span></a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="preload_images">
|
||
<img class="preload" src="images/u833-r.png?crc=3798097072" alt=""/>
|
||
<img class="preload" src="images/u833-m.png?crc=234858866" alt=""/>
|
||
<img class="preload" src="images/u833-a.png?crc=3852448425" alt=""/>
|
||
</div>
|
||
<!-- JS includes -->
|
||
<script type="text/javascript">
|
||
if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
|
||
</script>
|
||
<script type="text/javascript">
|
||
window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js?crc=209076791" type="text/javascript">\x3C/script>');
|
||
</script>
|
||
<!-- Other scripts -->
|
||
<script type="text/javascript">
|
||
window.Muse.assets.check=function(d){if(!window.Muse.assets.checked){window.Muse.assets.checked=!0;var b={},c=function(a,b){if(window.getComputedStyle){var c=window.getComputedStyle(a,null);return c&&c.getPropertyValue(b)||c&&c[b]||""}if(document.documentElement.currentStyle)return(c=a.currentStyle)&&c[b]||a.style&&a.style[b]||"";return""},a=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),
|
||
16);return 0},g=function(g){for(var f=document.getElementsByTagName("link"),h=0;h<f.length;h++)if("text/css"==f[h].type){var i=(f[h].href||"").match(/\/?css\/([\w\-]+\.css)\?crc=(\d+)/);if(!i||!i[1]||!i[2])break;b[i[1]]=i[2]}f=document.createElement("div");f.className="version";f.style.cssText="display:none; width:1px; height:1px;";document.getElementsByTagName("body")[0].appendChild(f);for(h=0;h<Muse.assets.required.length;){var i=Muse.assets.required[h],l=i.match(/([\w\-\.]+)\.(\w+)$/),k=l&&l[1]?
|
||
l[1]:null,l=l&&l[2]?l[2]:null;switch(l.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");f.className+=" "+k;k=a(c(f,"color"));l=a(c(f,"backgroundColor"));k!=0||l!=0?(Muse.assets.required.splice(h,1),"undefined"!=typeof b[i]&&(k!=b[i]>>>24||l!=(b[i]&16777215))&&Muse.assets.outOfDate.push(i)):h++;f.className="version";break;case "js":h++;break;default:throw Error("Unsupported file type: "+l);}}d?d().jquery!="1.8.3"&&Muse.assets.outOfDate.push("jquery-1.8.3.min.js"):Muse.assets.required.push("jquery-1.8.3.min.js");
|
||
f.parentNode.removeChild(f);if(Muse.assets.outOfDate.length||Muse.assets.required.length)f="Bu sunucudaki bazı dosyalar eksik veya hatalı olabilir. Tarayıcı önbelleğini silip tekrar deneyin. Sorun devam ederse lütfen web sitesinin sahibiyle iletişime geçin.",g&&Muse.assets.outOfDate.length&&(f+="\nOut of date: "+Muse.assets.outOfDate.join(",")),g&&Muse.assets.required.length&&(f+="\nMissing: "+Muse.assets.required.join(",")),alert(f)};location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi)?setTimeout(function(){g(!0)},5E3):g()}};
|
||
var muse_init=function(){require.config({baseUrl:""});require(["jquery","museutils","whatinput","webpro","musewpslideshow","jquery.museoverlay","touchswipe","jquery.musepolyfill.bgsize","jquery.watch","jquery.scrolleffects"],function(d){var $ = d;$(document).ready(function(){try{
|
||
window.Muse.assets.check($);/* body */
|
||
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
|
||
Muse.Utils.prepHyperlinks(true);/* body */
|
||
Muse.Utils.resizeHeight('.browser_width');/* resize height */
|
||
Muse.Utils.requestAnimationFrame(function() { $('body').addClass('initialized'); });/* mark body as initialized */
|
||
Muse.Utils.fullPage('#page');/* 100% height page */
|
||
Muse.Utils.initWidget('#pamphletu830', ['#bp_infinity'], function(elem) { return new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'mouseout_both',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:300,hideAllContentsFirst:false,shuffle:false,enableSwipe:true,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu830 */
|
||
Muse.Utils.initWidget('#pamphletu1229', ['#bp_infinity'], function(elem) { return new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'',autoPlay:false,displayInterval:3000,transitionStyle:'fading',transitionDuration:500,hideAllContentsFirst:false,shuffle:false,enableSwipe:true,resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false,autoActivate_runtime:false}); });/* #pamphletu1229 */
|
||
Muse.Utils.initWidget('#widgetu1714', ['#bp_infinity'], function(elem) { return new WebPro.Widget.Form(elem, {validationEvent:'submit',errorStateSensitivity:'high',fieldWrapperClass:'fld-grp',formSubmittedClass:'frm-sub-st',formErrorClass:'frm-subm-err-st',formDeliveredClass:'frm-subm-ok-st',notEmptyClass:'non-empty-st',focusClass:'focus-st',invalidClass:'fld-err-st',requiredClass:'fld-err-st',ajaxSubmit:true}); });/* #widgetu1714 */
|
||
$('#u560').registerBackgroundPositionScrollEffect([{"speed":[0,0.1],"in":[-Infinity,-20]},{"speed":[0,1],"in":[-20,Infinity]}]);/* scroll effect */
|
||
$('#u529-14').registerOpacityScrollEffect([{"fade":42,"in":[-Infinity,61],"opacity":100},{"in":[61,61],"opacity":100},{"fade":113,"in":[61,Infinity],"opacity":0}]);/* scroll effect */
|
||
$('#u527').registerPositionScrollEffect([{"speed":[0,3],"in":[-Infinity,477.9]},{"speed":[0,3],"in":[477.9,Infinity]}]);/* scroll effect */
|
||
$('#u527').registerOpacityScrollEffect([{"fade":250.9,"in":[-Infinity,477.9],"opacity":0},{"in":[477.9,477.9],"opacity":60},{"fade":447.2,"in":[477.9,Infinity],"opacity":0}]);/* scroll effect */
|
||
$('#u801').registerPositionScrollEffect([{"speed":[0,2.5],"in":[-Infinity,131]},{"speed":[0,1],"in":[131,Infinity]}]);/* scroll effect */
|
||
$('#u524').registerPositionScrollEffect([{"speed":[0,2],"in":[-Infinity,761.99]},{"speed":[0,3],"in":[761.99,Infinity]}]);/* scroll effect */
|
||
$('#u524').registerOpacityScrollEffect([{"fade":167,"in":[-Infinity,761.99],"opacity":10},{"in":[761.99,761.99],"opacity":60},{"fade":509.01,"in":[761.99,Infinity],"opacity":0}]);/* scroll effect */
|
||
Muse.Utils.showWidgetsWhenReady();/* body */
|
||
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
|
||
}catch(b){if(b&&"function"==typeof b.notify?b.notify():Muse.Assert.fail("Error calling selector function: "+b),false)throw b;}})})};
|
||
|
||
</script>
|
||
<!-- RequireJS script -->
|
||
<script src="scripts/require.js?crc=244322403" type="text/javascript" async data-main="scripts/museconfig.js?crc=36584860" onload="if (requirejs) requirejs.onError = function(requireType, requireModule) { if (requireType && requireType.toString && requireType.toString().indexOf && 0 <= requireType.toString().indexOf('#scripterror')) window.Muse.assets.check(); }" onerror="window.Muse.assets.check();"></script>
|
||
|
||
<!--HTML Widget code-->
|
||
|
||
<script type="text/javascript">
|
||
$(window).load(function(){
|
||
var pos1 = 1;
|
||
if (pos1 === 1) {
|
||
(function() {
|
||
var delay = false;
|
||
$(document).on('mousewheel DOMMouseScroll', function(event) {
|
||
event.preventDefault();
|
||
if(delay) return;
|
||
delay = true;
|
||
setTimeout(function(){delay = false},850)
|
||
var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
|
||
var XZ = "";
|
||
var a = $("a:not([href])").not(XZ.replace(/\b(?=\w)/g, '#'));
|
||
if(wd < 0) {
|
||
for(var i = 0 ; i < a.length ; i++) {
|
||
var t = a[i].getClientRects()[0].top;
|
||
if(t >= 85) break;}}else {
|
||
for(var i = a.length-1 ; i >= 0 ; i--) {
|
||
var t = a[i].getClientRects()[0].top;
|
||
if(t < -85) break;}}
|
||
var time = 600;
|
||
var easing = 'easeInOutCirc';
|
||
$("html, body").animate({ scrollTop: $(a[i]).offset().top }, time, easing );});})();}});
|
||
$(window).load(function(){
|
||
var pos1 = 1;
|
||
if (pos1 === 2) {
|
||
(function() {
|
||
$(document).on('mousewheel DOMMouseScroll', function(event) {
|
||
var XZ = "";
|
||
var a = $("a:not([href])").not(XZ.replace(/\b(?=\w)/g, '.'));
|
||
var x=$(a[a.length-1]).offset();
|
||
var m = (x.top) + 10;
|
||
var fo= $(window).scrollTop();
|
||
fo = fo+500;
|
||
var dox=$(a[0]).offset();
|
||
var dom = (dox.top) + 200;
|
||
var dofo= $(window).scrollTop();
|
||
if (dofo < dom){
|
||
if(event.originalEvent.deltaY < 0) {
|
||
event.preventDefault();
|
||
return;} }
|
||
if( fo > m ) {
|
||
if(event.originalEvent.deltaY > 0) {
|
||
event.preventDefault();
|
||
return; } }
|
||
$("body").css("opacity","0");
|
||
var timing = 500+550;
|
||
var fnz = 500+450;
|
||
setTimeout(function(){
|
||
$("body").css("opacity","1");
|
||
}, timing);
|
||
var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
|
||
var XZ = "";
|
||
var a = $("a:not([href])").not(XZ.replace(/\b(?=\w)/g, '#'));
|
||
if(wd < 0) {
|
||
for(var i = 0 ; i < a.length ; i++) {
|
||
var t = a[i].getClientRects()[0].top;
|
||
if(t >= 70) break;}}else {
|
||
for(var i = a.length-1 ; i >= 0 ; i--) {
|
||
var t = a[i].getClientRects()[0].top;
|
||
if(t < -70) break;}}
|
||
setTimeout(function(){
|
||
$("html, body").animate({ scrollTop: $(a[i]).offset().top }, 0 );}, fnz);});})();;}});
|
||
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
|
||
</script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1412 .rollover4').prepend('<img src="assets/tekfen-logo.jpg" alt="assets/tekfen-logo.jpg" >');
|
||
|
||
$('#u1412 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1422 .rollover4').prepend('<img src="assets/omurga-logo.jpg" alt="assets/omurga-logo.jpg" >');
|
||
|
||
$('#u1422 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1428 .rollover4').prepend('<img src="assets/delta_logo.jpg" alt="assets/delta_logo.jpg" >');
|
||
|
||
$('#u1428 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1414 .rollover4').prepend('<img src="assets/penta-logo.jpg" alt="assets/penta-logo.jpg" >');
|
||
|
||
$('#u1414 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1420 .rollover4').prepend('<img src="assets/mde-logo.jpg" alt="assets/mde-logo.jpg" >');
|
||
|
||
$('#u1420 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1430 .rollover4').prepend('<img src="assets/bais-logo.jpg" alt="assets/bais-logo.jpg" >');
|
||
|
||
$('#u1430 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1416 .rollover4').prepend('<img src="assets/tardem-logo.jpg" alt="assets/tardem-logo.jpg" >');
|
||
|
||
$('#u1416 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1418 .rollover4').prepend('<img src="assets/sentez-logo.jpg" alt="assets/sentez-logo.jpg" >');
|
||
|
||
$('#u1418 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1432 .rollover4').prepend('<img src="assets/yolsan-logo.jpg" alt="assets/yolsan-logo.jpg" >');
|
||
|
||
$('#u1432 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1410 .rollover4').prepend('<img src="assets/esaote-logo.jpg" alt="assets/esaote-logo.jpg" >');
|
||
|
||
$('#u1410 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1424 .rollover4').prepend('<img src="assets/tasdelen-logo.jpg" alt="assets/tasdelen-logo.jpg" >');
|
||
|
||
$('#u1424 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1426 .rollover4').prepend('<img src="assets/medusa-logo.jpg" alt="assets/medusa-logo.jpg" >');
|
||
|
||
$('#u1426 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1485 .rollover4').prepend('<img src="assets/beka_logo.jpg" alt="assets/beka_logo.jpg" >');
|
||
|
||
$('#u1485 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1495 .rollover4').prepend('<img src="assets/doludizgin_logo.jpg" alt="assets/doludizgin_logo.jpg" >');
|
||
|
||
$('#u1495 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1501 .rollover4').prepend('<img src="assets/empty.jpg" alt="assets/empty.jpg" >');
|
||
|
||
$('#u1501 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1487 .rollover4').prepend('<img src="assets/di%c5%9fsiad-logo.jpg" alt="assets/di%c5%9fsiad-logo.jpg" >');
|
||
|
||
$('#u1487 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1493 .rollover4').prepend('<img src="assets/solidis_logo_150px_siyah.png" alt="assets/solidis_logo_150px_siyah.png" >');
|
||
|
||
$('#u1493 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1503 .rollover4').prepend('<img src="assets/empty.jpg" alt="assets/empty.jpg" >');
|
||
|
||
$('#u1503 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1489 .rollover4').prepend('<img src="assets/fimet-logo.jpg" alt="assets/fimet-logo.jpg" >');
|
||
|
||
$('#u1489 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1491 .rollover4').prepend('<img src="assets/yorum-logo.jpg" alt="assets/yorum-logo.jpg" >');
|
||
|
||
$('#u1491 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1505 .rollover4').prepend('<img src="assets/empty.jpg" alt="assets/empty.jpg" >');
|
||
|
||
$('#u1505 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1483 .rollover4').prepend('<img src="assets/dentakademi-logo.jpg" alt="assets/dentakademi-logo.jpg" >');
|
||
|
||
$('#u1483 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1497 .rollover4').prepend('<img src="assets/asyasigorta-logo.jpg" alt="assets/asyasigorta-logo.jpg" >');
|
||
|
||
$('#u1497 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
$(window).load(function() { // makes sure the whole site is loaded
|
||
|
||
var code = "0,0,0";
|
||
var alpha = 0.8;
|
||
|
||
$('#u1499 .rollover4').prepend('<img src="assets/empty.jpg" alt="assets/empty.jpg" >');
|
||
|
||
$('#u1499 .rollover4 figcaption').css("background-color", "rgba("+code+","+alpha+")");
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|