html, body{min-height:100%;}
@font-face{font-family:'Yekan';src:url('BYekan.eot');src:url('BYekan.eot#iefix') format('eot'),url('BYekan.woff') format('woff'),url('BYekan.ttf') format('truetype');font-weight:normal;font-style:normal;}
body, form{padding:0;margin:0;margin-top:-12px;}
body{background:url(images/body.jpg) repeat;}
div, input, textarea, select{position:relative;font-family:'tahoma';color:#5e5e5e;font-size:12px;}
a{color:#399607;outline:none;text-decoration:none;}
a:hover{color:#86bb69;}
a:hover.hot{color:#f3ab76 !important;}
#path a:hover{color:#ff0000;}
#print-version a:hover{color:#ff0000;}
.lentele, .lentele_be_remo{border-collapse:collapse;}
.lentele_be_remo td{border:0;}
#start{width:100%;min-width:1003px;min-height:600px;height:100%;}
#bef-main{width:100%;min-height:100%;}
#bgt1{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
#bgt2{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:url(images/body.jpg) repeat;}
#backt1{position:relative;width:990px;height:100%;margin:0 auto;}
#backt2{position:relative;width:990px;height:100%;background:#fff url(images/cont-bg.gif) repeat-y;left:0;}
#main{width:960px;position:relative;margin:0 auto;background:url(images/strip.png) repeat-x;}
#top{width:100%;height:100px;}
.logo{position:absolute;left:135px;top:30px;border:0;}
.login{position:absolute;left:93px;top:42px;border:0;}
.icon{position:absolute;left:93px;bottom:1px;border:0;}
#live-chat{position:absolute;right:48px;top:35px;background:url(images/logo.jpeg) no-repeat;}
#live-chat a{color:#fff;font-weight:bold;width:188px;padding:12px 0 58px 0;text-align:center;display:block;text-decoration:none;}
#live-chat a:hover{color:#ffd1ce;}
#mid{width:863px;display:table-cell;padding:0 47px 0 48px;padding-bottom:25px;}
#side-1{float:left;width:582px;padding-top:10px;}
.cont-top{width:571px;height:10px;font-size:0;background:url(images/cont-top.gif) repeat-y;float:left;}
.cont{width:529px;background:url(images/cont-back.gif) repeat-y;padding:0 21px;float:left;}
.cont-bot{width:571px;height:10px;font-size:0;background:url(images/cont-bot.gif) repeat-y;float:left;margin:0 0 10px 0;}
.user-1{text-align:right;}
#side-2{float:left;width:281px;}
.silver-top-news{width:281px;height:30px;font-size:0;background:url(images/silver-top-news.jpeg) repeat-y;margin-top:10px;}
.silver{width:281px;background:#f1efef;border-top-color:aqua;}
.silver a{font-weight:bold;}
.silver h2{font-family:yekan;font-size:22px;font-variant:inherit;margin-right:-142px;margin-top:-37px;color:white}
.silver-bot{width:281px;height:10px;font-size:0;background:#f1efef;border-bottom-style:ridge}
.winner{padding:5px 0;}
.winner img{margin:0 auto;border:0;display:block;}
#foot{width:960px;height:40px;position:absolute !important;text-align:center;-moz-box-shadow:3px 3px 5px 6px #ccc;-webkit-box-shadow:3px 3px 5px 6px #ccc;box-shadow:3px 3px 5px 6px #ccc;}
#bef-cop{width:960px;height:40px;text-align:center;top:10px;position:relative;margin:0 auto;background:url(images/footer.jpeg) repeat-x [0, 100%];}
.lentele_be_remo{text-align:left;color:#5e5e5e;font-family:'Helvetica';font-size:12px;line-height:18px;}
.view{width:230px;height:240px;margin:10px;float:left;border:0 solid #fff;overflow:hidden;position:relative;text-align:center;cursor:default;}
.view .mask, .view .content{width:300px;height:300px;position:absolute;overflow:hidden;top:-5px;left:-30px;direction:rtl}
.view img{display:block;position:relative;}
.view .more{font-size:20px;font-family:yekan;text-align:center;left:20px;color:white;top:-8px;}
.view h2{top:30px;font-size:25px;font-family:yekan;text-align:center;left:20px;}
.auto-style3{text-align:center;}
#pict-top-2{width:571px;height:237px;margin:0 0 10px 0;position:relative;}
#pict-top-2 img{border:0;}
#pict-top-2 div.r{position:absolute;left:0;top:0;width:571px;height:237px;}
.menu{border:none;border:1px;margin:0px;padding:0px;font:80.5% "yekan";font-size:18px;font-weight:lighter;direction:rtl;margin-right:120px;}
.menu ul{background:#333333;height:35px;list-style:none;margin:0;padding:0;width:720px;}
.menu li{float:right;padding:0px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 5px 5px black;-webkit-box-shadow:5px 5px 5px black;box-shadow:3px 5px 5px black;}
.menu li a{background:#333333 url("images/seperator.gif") bottom right no-repeat;color:#cccccc;display:block;font-weight:normal;line-height:35px;margin:0px;padding:0px 25px;text-align:center;text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{background:#545454;color:#FFFFFF;text-decoration:none;}
.menu li ul{background:#333333;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:180px;z-index:180;}
.menu li:hover ul{display:block;}
.menu li li{display:block;float:none;margin:0px;padding:0px;width:180px;}
.menu li:hover li a{background:none;}
.menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 20px 0px 15px;text-align:right;}
.menu li ul a:hover, .menu li ul li:hover a{background:#A6D000 url('images/hover_sub.gif') center left no-repeat;border:0px;color:#333333;text-decoration:none;}
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:3px;}
#navlist li, #navlist a{height:46px;display:block;}
#home{left:0px;width:33px;}
#home{background:url('images/navlist.jpeg') 0 0;}
#sup{left:50px;width:30px;}
#sup{background:url('images/navlist.jpeg') -33px 0;}
#faq{left:100px;width:30px;}
#faq{background:url('images/navlist.jpeg') -64px 0;}
.but-black input,
.but-green input,
.but-red input,
.button{display:inline-block;min-width:16px;text-align:center;color:#444;font-size:11px;font-weight:bold;height:32px;padding:0 8px;line-height:27px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 0.218s;-moz-transition:all 0.218s;-ms-transition:all 0.218s;-o-transition:all 0.218s;transition:all 0.218s;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,0.1);background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-transform:capitalize;}
.button:hover{color:#333;text-decoration:none;-webkit-transition:all 0.0s;-moz-transition:all 0.0s;-ms-transition:all 0.0s;-o-transition:all 0.0s;transition:all 0.0s;background-color:#f8f8f8;box-shadow:0 1px 1px rgba(0,0,0,0.1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);}
.button:active{background-color:#f6f6f6;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;background-image:linear-gradient(top,#f6f6f6,#f1f1f1);}
.button:visited{color:#666;}
.but-red input,
.button.red{font-size:20px;font-family:yekan;border:1px solid #a10300;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#cf3521;background-image:-webkit-gradient(linear,left top,left bottom,from(#a10300),to(#cf3521));background-image:-webkit-linear-gradient(top,#a10300,#cf3521);background-image:-moz-linear-gradient(top,#a10300,#cf3521);background-image:-ms-linear-gradient(top,#a10300,#cf3521);background-image:-o-linear-gradient(top,#a10300,#cf3521);background-image:linear-gradient(top,#a10300,#cf3521);}
.but-red input:hover,
.button.red:hover{border:1px solid #a10300;color:#fff;text-shadow:0 1px rgba(0,0,0,0.3);background-color:#bf2f1f;background-image:-webkit-gradient(linear,left top,left bottom,from(#a10300),to(#bf2f1f));background-image:-webkit-linear-gradient(top,#a10300,#bf2f1f);background-image:-moz-linear-gradient(top,#a10300,#bf2f1f);background-image:-ms-linear-gradient(top,#a10300,#bf2f1f);background-image:-o-linear-gradient(top,#a10300,#bf2f1f);background-image:linear-gradient(top,#a10300,#bf2f1f);}
.but-black input,
.button.black{font-size:20px;font-family:yekan;border:1px solid #2b2b2b;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#262626;background-image:-webkit-gradient(linear,left top,left bottom,from(#383838),to(#303030));background-image:-webkit-linear-gradient(top,#383838,#303030);background-image:-moz-linear-gradient(top,#383838,#303030);background-image:-ms-linear-gradient(top,#383838,#303030);background-image:-o-linear-gradient(top,#383838,#303030);background-image:linear-gradient(top,#383838,#303030);}
.but-black input:hover,
.button.black:hover{border:1px solid #363636;color:#fff;text-shadow:0 1px rgba(0,0,0,0.3);background-color:#000000;background-image:-webkit-gradient(linear,left top,left bottom,from(#383838),to(#000000));background-image:-webkit-linear-gradient(top,#383838,#000000);background-image:-moz-linear-gradient(top,#383838,#000000);background-image:-ms-linear-gradient(top,#383838,#000000);background-image:-o-linear-gradient(top,#383838,#000000);background-image:linear-gradient(top,#383838,#000000);}
/* NEW EXPERIMENT */
/* Slider Setup */
input {
display: none;
}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#overflow {
width: 100%;
overflow: hidden;
}
article img {
width: 100%;
}
#slides .inner {
width: 500%;
line-height: 0;
}
#slides article {
width: 20%;
float: left;
}
/* Slider Styling */
/* Control Setup */
#controls {
margin: -25% 0 0 0;
width: 100%;
height: 50px;
}
#controls label {
display: none;
width: 50px;
height: 50px;
opacity: 0.3;
}
#active {
margin: 23% 0 0;
text-align: center;
}
#active label {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
width: 10px;
height: 10px;
background: #bbb;
}
#active label:hover {
background: #ccc;
border-color: #777 !important;
}
#controls label:hover {
opacity: 0.8;
}
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) {
background: url('next.png') no-repeat;
float: right;
margin: 0 -70px 0 0;
display: block;
}
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
background: url('prev.png') no-repeat;
float: left;
margin: 0 0 0 -70px;
display: block;
}
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
background: #333;
border-color: #333 !important;
}
/* Info Box */
.info {
line-height: 20px;
margin: 0 0 -150%;
position: absolute;
font-style: italic;
padding: 30px 30px;
opacity: 0;
color: #000;
text-align: left;
}
.info h3 {
color: #333;
margin: 0 0 5px;
font-weight: normal;
font-size: 22px;
font-style: normal;
}
/* Slider Styling */
#slides {
margin: 45px 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 4px #666;
padding: 1%;
background: #fff;
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(219,218,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(219,218,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */
}
/* Animation */
#slides .inner {
-webkit-transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#slider {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#controls label{
-webkit-transform: translateZ(0);
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info {
opacity: 1;
-webkit-transition: all 1s ease-out 0.6s;
-moz-transition: all 1s ease-out 0.6s;
-o-transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* Respond Options */
#desktop:checked ~ #slider {
max-width: 960px;
}
#tablet:checked ~ #slider {
max-width: 850px;
}
#mobile:checked ~ #slider {
max-width: 450px;
}
#desktop:checked ~ #slider .desktop,
#tablet:checked ~ #slider .tablet,
#mobile:checked ~ #slider .mobile {
color: #777;
opacity: 1;
}
.desktop, .tablet, .mobile {
display: inline-block;
width: 60px;
height: 60px;
padding-top: 50px;
opacity: 0.35;
font-size: 12px;
}
.desktop:hover, .tablet:hover, .mobile:hover {
opacity: 0.2;
}
.desktop {
background: url('desktop.png') no-repeat;
}
.tablet {
background: url('tablet.png') no-repeat;
}
.mobile {
background: url('mobile.png') no-repeat;
}
/* Responsive Styling */
/* Tablet */
#tablet:checked ~ #slider #controls {
margin: -25% 0 0 12%;
width: 76%;
height: 50px;
}
#tablet:checked ~ #slider #controls label {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#tablet:checked ~ #slider #slides, #mobile:checked ~ #slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#tablet:checked ~ #slider #active {
margin: 22% 0 0;
}
@media only screen and (max-width: 850px) and (min-width: 450px) {
#slider #controls {
margin: -25% 0 0 15%;
width: 70%;
height: 50px;
}
#slider #controls label {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#slider #active {
margin: 22% 0 0;
}
}
/* Mobile */
#mobile:checked ~ #slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}
#mobile:checked ~ #slider #active {
margin: 23% 0 0;
}
#mobile:checked ~ #slider #slides .info {
opacity: 0 !important;
}
#mobile:checked ~ #slider #controls label {
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
@media only screen and (max-width: 450px) {
#slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}
#slider #active {
margin: 23% 0 0;
}
#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#slider #slides .info {
opacity: 0 !important;
}
#slider #controls label {
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
}
/*** Feature Boxes ***/
.feature_boxes { display:block; clear:both; padding:20px 0px 0px 0px;margin-left:-47px; }
@font-face {
font-family: 'WebSymbolsRegular';
src: url('fonts/websymbols-regular-webfont.eot');
src: url('fonts/websymbols-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('fonts/websymbols-regular-webfont.woff') format('woff'),
url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
.ca-menu{
padding:0;
margin:20px auto;
width: 960px;
}
.ca-menu li{
width: 220px;
height: 260px;
overflow: hidden;
position: relative;
padding:0px;
float:left;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(left, #f4f4f4 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f4f4), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
/* -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
*/
margin: 0px 10px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
border-radius: 5px;
-moz-border-radius: 5pxx;
-webkit-border-radius: 5px;
}
.ca-menu li:last-child{
margin-right: 0px;
}
.ca-menu li a{
text-align: left;
width: 100%;
height: 100%;
display: block;
color: #333;
position: relative;
}
.ca-icon{
font-family: 'WebSymbolsRegular', cursive;
font-size: 60px;
color: #ddd;
text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
line-height: 150px;
position: absolute;
width: 100%;
height: 50%;
left: 0px;
top: 0px;
text-align: center;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.ca-content{
position: absolute;
left: 0px;
width: 100%;
height: 50%;
top: 50%;
}
.ca-main{
font-size: 26px;
opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8;
color:#31373D;
font-weight:normal;
font-family:yekan;
padding:0px 15px;
text-align: center;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.ca-sub{
text-align:center;
font-size: 14px;
color: #b7b7b7;
font-weight:normal;
text-shadow: 1px 1px 1px #fff;
line-height: 10px;
opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.ca-menu li a:hover{
background:#31373d;
}
.ca-menu li:hover .ca-icon{
color: #ffffff;
font-size: 90px;
opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1;
text-shadow: none;
-webkit-animation: moveFromLeft 400ms ease;
-moz-animation: moveFromLeft 400ms ease;
-ms-animation: moveFromLeft 400ms ease;
}
.ca-menu li:hover .ca-main{
color: #ffffff;
opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1;
-webkit-animation: moveFromRight 300ms ease;
-moz-animation: moveFromRight 300ms ease;
-ms-animation: moveFromRight 300ms ease;
}
.ca-menu li:hover .ca-sub{
color: #DBDEE3;
text-shadow: none;
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeft{
from {
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromLeft{
from {
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromLeft{
from {
-ms-transform: translateX(-100%);
}
to {
-ms-transform: translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromRight {
from {
-moz-transform: translateX(100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromRight {
from {
-ms-transform: translateX(100%);
}
to {
-ms-transform: translateX(0%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
}
/*** Text Box ***/
.text_box {
display:block;
width:940px;
margin:0px auto;
padding:20px 0px;
}
div.modal-box.wrapper {position: absolute;margin: 25% auto;float: none;border: 1px solid #d4d4d4;border-radius:3px;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;z-index: 2000;text-align: left;left: 25%;right: 25%;background-color: #fffeff;}
div.modal-box div.inside {margin: 3px;padding: 10px;overflow: visible;z-index: 2000;}
