www.gusucode.com > 200套html5精品模板51_75 > 055/css/pro_pages_style.css
/* ---- */ #propage,#propage p{font:13px/16px Arial, Helvetica, sans-serif;} .pro_clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;} .pro_wrapper{overflow:hidden;position:relative;} .pro_wrapper-large{overflow:hidden;position:relative; height:80px;} .fb-like-box iframe{ background:#fff;} .pro_pad2{ padding-bottom:33px;} /*--------------------------------- JustSlider -----------------------------------*/ #pro_slider{ width:900px; height:500px; position:relative; overflow:hidden; padding:6px;box-shadow:inset 0 0 10px rgba(0,0,0,.1);} .pro_slider{ width:900px; height:500px; position:relative; overflow:hidden;} .pro_items { display:none;} /* pagination */ #pro_slider .pro_pagination {position:absolute;bottom:30px;left:46%;z-index:60; padding:5px 7px 5px 10px; border: 1px solid #DDD; border-left:none; border-right:none; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; border-color: #ddd; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background:#E0E0E0; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: inset 0 0 3px #fff;} #pro_slider .pro_pagination li { float:left; padding:0 3px 0 0; font-size:0; line-height:0; margin:0;} #pro_slider .pro_pagination a { display:block; width:16px; height:16px; background: url(../images/pro_images/radio.png) 0 0 no-repeat; font-size:0; line-height:0; text-decoration:none;} #pro_slider .pro_pagination li.current a,#pro_slider .pro_pagination li a:hover {background: url(../images/pro_images/radio.png) 0 -17px no-repeat;} /* directions */ .pro_button1,.pro_button2{ padding:5px !important; position:absolute !important; bottom:36px; z-index:99;} .pro_button1{ left:389px;} .pro_button2{ left:513px;} /* play/stop */ .pro_play{ position:absolute !important; bottom:36px; right:20px; z-index:99; width:23px; height:15px;} .pro_play span {display:none;} .pro_play em {font-style:normal;display:block; } .pro_paused span {display:block;} .pro_paused em {display:none;} /* numbers */ .pro_numStatus { display:block; padding:7px 10px 6px; position:absolute; z-index:15; bottom:30px; right:70px; text-align:center; text-decoration:none; border: 1px solid #DDD; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; border-radius:3px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background:#E0E0E0; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;} /* banner */ .pro_banner{ position:absolute; top:150px; width:200px; left:60px;font-family: Sans-Serif; color:#fff; background:url(../images/pro_images/bg-banner.png) 0 0 repeat; padding:20px;} .pro_banner span{font-weight:bold; font-size:25px;line-height:1.2em; display:block; padding-bottom:10px;} .pro_poz-2{ left:570px;} /* progbar */ .pro_progbar { background:#000; width:100%; height:2px; position:absolute; bottom:0px; left:0px; z-index:999;} /*--------------------------------- KwicksSlider -----------------------------------*/ .pro_kwicks-wrapper{ padding:6px;box-shadow:inset 0 0 10px rgba(0,0,0,.1); width:900px;} .pro_kwicks{list-style:none;position:relative;margin:0;padding:0 !important;height:500px; overflow:hidden;} .pro_kwicks li{width:25%;height:500px;display:block;overflow:hidden;padding:0 !important;cursor:pointer;background:none !important; box-shadow:-5px -1px 5px rgba(0,0,0,.3);} .pro_kwicks li.active{opacity:1;} .pro_kwicks.pro_horizontal li{margin-right:0;float:left} .pro_slide-kwicks{ position:relative; width:900px;} .pro_kwicks-banner{ position:absolute; bottom:-37px; left:0; width:100%; background:url(../images/pro_images/bg-banner.png) 0 0 repeat; color:#fff;} .pro_kwicks-banner span{ display:block;font-weight:bold; font-size:22px;line-height:1.2em; display:block; padding:10px 0 10px 20px;} .pro_kwicks-banner p{ padding:0 20px 20px 20px;} .pro_kwicks li img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_kwicks:hover li img, .pro_kwicks:hover li .pro_kwicks-banner{opacity:.4} .pro_kwicks:hover li:hover img, .pro_kwicks:hover li:hover .pro_kwicks-banner{opacity:1;} /*--------------------------------- Gallery -----------------------------------*/ #pro_simple_gallery{ width:912px; height:620px; position:relative; overflow:hidden;} .pro_simple_gallery{ width:900px; height:500px; position:relative; overflow:hidden;} .pro_gallery_bg{width:900px; height:500px; position:relative; overflow:hidden; padding:6px;box-shadow:inset 0 0 10px rgba(0,0,0,.1);} .pro_pag {width:100%;padding:10px 0;margin:5px 0;position:relative;} .pro_img-pags {position:static;left:33px;z-index:1;display:block; } .pro_img-pags ul {margin:0;} .pro_img-pags li { margin:0 5px 0 0;height:80px; width:80px;} .pro_img-pags li a {position:relative;display:block;padding:5px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_img-pags li a img{ opacity:.6;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_img-pags li a span{ display:block; background:#000;} .pro_img-pags li.active a, .pro_img-pags li a:hover{box-shadow:inset 0 0 7px rgba(0,0,0,.6);} .pro_img-pags li.active a img, .pro_img-pags li a:hover img{ opacity:1;} .pro_button3,.pro_button4{ padding:5px 3px !important; position:absolute !important; top:35px;} .pro_button3{ left:0;} .pro_button4{ right:0;} #pro_simple_gallery .pro_button1{ left:719px;} #pro_simple_gallery .pro_button2{ left:750px;} #pro_simple_gallery .pro_play, #pro_simple_gallery .pro_numStatus{ box-shadow:none;} /*--------------------------------- Typografy -----------------------------------*/ .pro_title{ display:block; position:relative; padding-bottom:15px; padding-top:50px;} .pro_title2{ padding:20px 0 15px;} .pro_title3{ padding:0px 0 15px;} .pro_title-padding{ padding:5px 0;} blockquote {display: block;quotes: none;background: url(../images/pro_images/blockquote.png) 0 0 no-repeat;padding:12px 0 12px 30px;line-height:15px;} blockquote em{ display:inline-block; margin-top:10px;} .pro_quotes_2 {position: relative;background: #F3F3F3;border: 1px solid #E8E8E8;border-radius: 3px;padding: 12px 10px 15px 18px;margin: 6px 0 10px 0;border-image: initial;} .pro_quotes_2 blockquote {color: #656565; background:none; padding:0;} .pro_quotes_2 span {display: block;background: url(../images/pro_images/quotes2.png) 0 0 no-repeat;width: 18px;height: 10px;position: absolute;bottom: -10px;left: 41px;} .pro_quotes-links {padding: 11px 0 10px 0;} .pro_quotes_3{background: url(../images/pro_images/blockquote2.png) 5px 7px no-repeat; padding-left:10px; text-indent:23px;} /*-- Buttons --*/ .pro_btn,.pro_description-light,.pro_exampletip{ display:inline-block; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; line-height:15px; padding: 6px 10px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-color:#E0E0E0; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;} .pro_description-light span{ display:inline-block; background:url(../images/pro_images/description-arrow.png) 0 -4px no-repeat; width:7px; height:4px; margin:5px 0 0 4px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_description-dark span{ display:inline-block; background:url(../images/pro_images/description-arrow-white.png) 0 -4px no-repeat; width:7px; height:4px; margin:5px 0 0 4px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_btn:hover,.pro_description-light:hover,.pro_exampletip:hover{ box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;} .pro_description-light:hover span{opacity:.8;} .pro_description-light:active span{background-position:0 0;} .pro_btn:active,.pro_description-light:active { border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro);} .pro_description-dark{ display:inline-block; border: 1px solid #666; border-bottom:1px solid #3B3B3B; border-radius: 3px; font: bold 11px Sans-Serif; line-height:15px; padding: 6px 10px; white-space: nowrap; vertical-align: middle; color: #fff; background: transparent; cursor: pointer; background: #3B3B3B; text-shadow:0 1px 1px #3B3B3B; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5Nzk3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjNiM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#797979), to(#3B3B3B)); background: -webkit-linear-gradient(#797979, #3B3B3B); background: -moz-linear-gradient(#797979, #3B3B3B); background: -ms-linear-gradient(#797979, #3B3B3B); background: -o-linear-gradient(#797979, #3B3B3B); background: linear-gradient(#797979, #3B3B3B); -pie-background: linear-gradient(#797979, #3B3B3B); box-shadow: 0 1px 2px rgba(0,0,0,0.9);} .pro_description-dark:hover{ box-shadow:none; text-decoration:none;} .pro_description-dark:active { border: 1px solid #999; border-bottom-color: #CCC; border-top-color: #3B3B3B; background: #999; text-shadow:0 1px 1px #3B3B3B; box-shadow:none; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3B3B3B), to(#999)); background: -webkit-linear-gradient(#3B3B3B, #999); background: -moz-linear-gradient(#3B3B3B, #999); background: -ms-linear-gradient(#3B3B3B, #999); background: -o-linear-gradient(#3B3B3B, #999); background: linear-gradient(#3B3B3B, #999); -pie-background: linear-gradient(#3B3B3B, #999);} /* Color */ .pro_success{color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.4); text-shadow:none; background-color: #5BB75B; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351); -pie-background: linear-gradient(#62c462, #51a351); border-color: #51A351 #51A351 #387038;} .pro_success:hover{ border-color:#295B29; box-shadow:none;} .pro_success:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.3); background: #3E933E; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOTMzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MmM0NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3E933E), to(#62C462)); background: -webkit-linear-gradient(#3E933E, #62C462); background: -moz-linear-gradient(#3E933E, #62C462); background: -ms-linear-gradient(#3E933E, #62C462); background: -o-linear-gradient(#3E933E, #62C462); background: linear-gradient(#3E933E, #62C462); -pie-background: linear-gradient(#3E933E, #62C462); border-bottom:1px solid #62C462;} .pro_warning{color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.4); text-shadow:none; background-color: #FAA732; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); -pie-background: linear-gradient(#fbb450, #f89406); border-color: #F89406 #F89406 #AD6704;} .pro_warning:hover{ border-color:#B67211; box-shadow:none;} .pro_warning:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.2); background: #f89406; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OTQwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmI0NTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f89406), to(#fbb450)); background: -webkit-linear-gradient(#f89406, #fbb450); background: -moz-linear-gradient(#f89406, #fbb450); background: -ms-linear-gradient(#f89406, #fbb450); background: -o-linear-gradient(#f89406, #fbb450); background: linear-gradient(#f89406, #fbb450); -pie-background: linear-gradient(#f89406, #fbb450); border-bottom:1px solid #fbb450;} .pro_danger{color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.4); text-shadow:none; background-color: #DA4F49; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f); -pie-background: linear-gradient(#ee5f5b, #bd362f); border-color: #BD362F #BD362F #802420;} .pro_danger:hover{ border-color:#8D2520; box-shadow:none;} .pro_danger:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.3); background: #bd362f; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTVmNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#bd362f), to(#ee5f5b)); background: -webkit-linear-gradient(#bd362f, #ee5f5b); background: -moz-linear-gradient(#bd362f, #ee5f5b); background: -ms-linear-gradient(#bd362f, #ee5f5b); background: -o-linear-gradient(#bd362f, #ee5f5b); background: linear-gradient(#bd362f, #ee5f5b); -pie-background: linear-gradient(#bd362f, #ee5f5b); border-bottom:1px solid #ee5f5b;} .pro_inf{color:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.4); text-shadow:none; background-color: #49AFCD; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); -pie-background: linear-gradient(#5bc0de, #2f96b4); border-color: #2F96B4 #2F96B4 #1F6377;} .pro_inf:hover{ border-color:#1A687F; box-shadow:none;} .pro_inf:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.3); background: #2f96b4; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOTZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWIwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2f96b4), to(#5bc0de)); background: -webkit-linear-gradient(#2f96b4, #5bc0de); background: -moz-linear-gradient(#2f96b4, #5bc0de); background: -ms-linear-gradient(#2f96b4, #5bc0de); background: -o-linear-gradient(#2f96b4, #5bc0de); background: linear-gradient(#2f96b4, #5bc0de); -pie-background: linear-gradient(#2f96b4, #5bc0de); border-bottom:1px solid #5bc0de;} /* Size */ .pro_btn.pro_small{ font-size:11px;} .pro_btn.pro_medium{ font-size:1.3em;} .pro_btn.pro_large{ font-size:1.6em;} .pro_btn-indent{ padding:5px 0; overflow:hidden;} .pro_btn-indent6{ padding:5px 0 4px; overflow:hidden;} .pro_btn-indent3{ padding:10px 0;} .pro_btn-indent4{ padding:5px 0 6px;} .pro_btn-indent5{ padding:5px 0 0;} .pro_btn-indent2{ padding:5px 0;} .pro_pages{ position:relative; overflow:hidden;} .pro_pages li{ float:left;} .pro_pages li .pro_btn.pro_prev,.pro_pages li .pro_btn.pro_next{ padding:5px 6px 6px;} .pro_pages li.current a{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro);} .pro_btn.pro_page{ box-shadow:none; border-radius:0;} /* directions */ .pro_btn.pro_prev,.pro_btn.pro_next{ box-shadow:none;} .pro_btn.pro_prev{ border-radius:3px 0 0 3px; padding-left:5px;} .pro_btn.pro_next{ border-radius:0 3px 3px 0; padding-right:5px;} .pro_btn span{ width:16px; height:16px;} .pro_btn.pro_prev span{ display:inline-block; background: url(../images/icons/icon-previous.png) 0 0 no-repeat;margin:0 3px 0 0;} .pro_btn.pro_next span{ display:inline-block; background: url(../images/icons/icon-next.png) 0 0 no-repeat;margin:0 0 0 3px} /* with Icons */ .pro_btn.pro_sign-in span{ display:inline-block; background: url(../images/icons/icons-light.png) -1116px -36px;margin:0 7px 0 0} .pro_btn.pro_sign-out span{ display:inline-block; background: url(../images/icons/icons-light.png) -1152px -36px;margin:0 7px 0 0} .pro_btn.pro_comment span{ display:inline-block; background: url(../images/icons/icons-light.png) -648px 0;margin:0 7px 0 0} .pro_btn.pro_site-map span{ display:inline-block; background: url(../images/icons/icons-light.png) -1224px -36px;margin:0 7px 0 0} .pro_btn.pro_refresh span{ display:inline-block; background: url(../images/icons/icons-light.png) -936px -36px;margin:0 7px 0 0} .pro_btn.pro_comment2 span{ display:inline-block; background: url(../images/icons/icons-color.png) -612px 0;margin:0 7px 0 0} .pro_btn.pro_settings span{ display:inline-block; background: url(../images/icons/icons-color.png) -972px -36px;margin:0 7px 0 0} .pro_btn.pro_calend span{ display:inline-block; background: url(../images/icons/icons-color.png) -468px 0;margin:0 7px 0 0} .pro_btn.pro_print span{ display:inline-block; background: url(../images/icons/icons-color.png) -648px -36px;margin:0 7px 0 0} .pro_btn.pro_dwload span{ display:inline-block; background: url(../images/icons/icons-color.png) -1476px -36px;margin:0 7px 0 0} .pro_btn.pro_bookmark span{ display:inline-block; background: url(../images/icons/icons-color.png) -324px 0;margin:0 7px 0 0} .pro_btn.pro_print2 span{ display:inline-block; background: url(../images/icons/icons-dark.png) -720px -36px;margin:0 7px 0 0} #pro_breadcrumbs-one{ background: #eee; border-width: 1px; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2); box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; width: 100%; } #pro_breadcrumbs-one li{float: left;} #pro_breadcrumbs-one a{ padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #444; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #ddd; background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#ddd)); background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd); background-image: -moz-linear-gradient(left, #f5f5f5, #ddd); background-image: -ms-linear-gradient(left, #f5f5f5, #ddd); background-image: -o-linear-gradient(left, #f5f5f5, #ddd); background-image: linear-gradient(to right, #f5f5f5, #ddd); } #pro_breadcrumbs-one li:first-child a{ padding-left: 1em; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;} #pro_breadcrumbs-one a:hover{ background: #fff;} #pro_breadcrumbs-one a::after, #pro_breadcrumbs-one a::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; } #pro_breadcrumbs-one a::after{z-index: 2;border-left-color: #ddd;} #pro_breadcrumbs-one a::before{ border-left-color: #ccc;right: -1.1em;z-index: 1;} #pro_breadcrumbs-one a:hover::after{ border-left-color: #fff;} #pro_breadcrumbs-one .current, #pro_breadcrumbs-one .current:hover, #pro_breadcrumbs-two .current, #pro_breadcrumbs-two .current:hover, #pro_breadcrumbs-four .current, #pro_breadcrumbs-four .current:hover{font-weight: bold;background: none;} #pro_breadcrumbs-one .current::after, #pro_breadcrumbs-one .current::before, #pro_breadcrumbs-two .current::after, #pro_breadcrumbs-two .current::before, #pro_breadcrumbs-four .current::after, #pro_breadcrumbs-four .current::before{content: normal;} /*-----------------------------------*/ #pro_breadcrumbs-two{overflow: hidden;width: 100%;} #pro_breadcrumbs-two li{ float: left; margin: 0 .5em 0 1em; } #pro_breadcrumbs-two a{ background: #ddd; padding: .7em 1em; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.5); position: relative; } #pro_breadcrumbs-two a:hover{ background: #99db76;} #pro_breadcrumbs-two a::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #ddd #ddd #ddd transparent; left: -1em; } #pro_breadcrumbs-two a:hover::before{border-color: #99db76 #99db76 #99db76 transparent;} #pro_breadcrumbs-two a::after{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid #ddd; right: -1em; } #pro_breadcrumbs-two a:hover::after{border-left-color: #99db76;} /* ------------------------------------------- */ #pro_breadcrumbs-four{ overflow: hidden;width: 100%;} #pro_breadcrumbs-four li{float: left;margin: 0 .5em 0 1em;} #pro_breadcrumbs-four a{ background: #ddd; padding: .7em 1em; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.5); position: relative; } #pro_breadcrumbs-four a:hover{background: #85dbf4;} #pro_breadcrumbs-four a::before, #pro_breadcrumbs-four a::after{ content:''; position:absolute; top: 0; bottom: 0; width: 1em; background: #ddd; -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -ms-transform: skew(-10deg); -o-transform: skew(-10deg); transform: skew(-10deg); } #pro_breadcrumbs-four a::before{ left: -.5em; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #pro_breadcrumbs-four a:hover::before{background: #85dbf4;} #pro_breadcrumbs-four a::after{ right: -.5em; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #pro_breadcrumbs-four a:hover::after{ background: #85dbf4;} .pro_breadcrumbs-indent{ padding:5px 0 15px;} /* Other elements */ ins{background:#12bff6;padding:0 5px;text-decoration:none;color:#fff;} em{color:#12bff6;} del{text-decoration:line-through;} abbr,dfn{cursor:help;color:#12bff6;} dfn{letter-spacing:1px;font-size:13px;font-family:Verdana, Geneva, sans-serif;} sup,sub{font-size:0.8em;} sub{vertical-align:bottom} .pro_elements-list small{font-size:10px;font-family:Verdana,Geneva,sans-serif;} .pro_elements-list big{font-size:21px;} .pro_elements-list q{font-family:"Courier New",Courier,monospace;color:#12bff6;font-size:15px;} abbr,acronym{text-transform:uppercase;border-bottom:1px dotted #12bff6;font-size:11px;} .pro_elements-list code{display:block; float:right;padding:2px 5px;border:1px solid #eee; border-radius:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .pro_elements-list li{ overflow:hidden; margin-bottom:5px; background:none; padding:0;} /* lists */ #propage ol{list-style-position:inside;line-height:16px; font-size:13px;} ol.pro_list{ list-style-position:inside;line-height:16px; font-size:13px;} ol.pro_list li,ol.pro_list3 li{ padding:2px 0;} ol.pro_list li a,ol.pro_list3 li a{color:#2f2f2f;} ul.pro_list1 li{ background:url(../images/pro_images/ul_list1_marker.png) 0 7px no-repeat; padding:2px 0 2px 15px;line-height:16px; font-size:13px;} ul.pro_list2 li{ display:block;background:url(../images/pro_images/ul_list2_marker.png) 0 10px no-repeat; border-top:1px dotted #ddd; padding:5px 0 6px 15px;line-height:16px; font-size:13px;} ul.pro_list2 li:first-child{ border-top:none;} ul.pro_list1 li a,ul.pro_list2 li a{color:#2f2f2f;} dl.pro_dflist dt{ font-weight:bold; padding-bottom:5px;} dl.pro_dflist dd{ padding-bottom:15px;} ol.pro_list ul{ padding:2px 0 2px 20px;line-height:16px; font-size:13px;} ol.pro_list ul li{ padding:2px 0 2px 15px !important;} .pro_list3{ list-style-type:decimal-leading-zero;line-height:16px; font-size:13px;} .pro_list-wrapper{ position:relative;} .pro_list-car {overflow:hidden;} .pro_list-wrapper .pro_btn.pro_next, .pro_list-wrapper .pro_btn.pro_prev{ position:absolute; top:-43px; right:0; padding:5px;} .pro_list-wrapper .pro_btn.pro_prev{ right:31px;} /* tables */ table { max-width: 100%; border-collapse: collapse; border-spacing: 0;} .pro_table { width: 100%; margin-bottom: 18px;} .pro_table th, .pro_table td { padding: 8px; line-height: 15px; text-align: left; border-top: 1px solid #ddd;} .pro_table th { font-weight: bold; vertical-align: bottom;} .pro_table td { vertical-align: top;} .pro_table thead:first-child tr th, .pro_table thead:first-child tr td { border-top: 0;} .pro_table tbody + tbody {border-top: 2px solid #ddd;} .pro_table-condensed th, .pro_table-condensed td { padding: 4px 5px;} .pro_table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapsed;border-radius: 4px;} .pro_table-bordered th + th, .pro_table-bordered td + td, .pro_table-bordered th + td, .pro_table-bordered td + th { border-left: 1px solid #ddd;} .pro_table-bordered thead:first-child tr:first-child th, .pro_table-bordered tbody:first-child tr:first-child th, .pro_table-bordered tbody:first-child tr:first-child td { border-top: 0;} .pro_pro_table-bordered thead:first-child tr:first-child th:first-child, .pro_table-bordered tbody:first-child tr:first-child td:first-child {border-radius: 4px 0 0 0;} .pro_table-bordered thead:first-child tr:first-child th:last-child, .pro_table-bordered tbody:first-child tr:first-child td:last-child {border-radius: 0 4px 0 0;} .pro_table-bordered thead:last-child tr:last-child th:first-child, .pro_table-bordered tbody:last-child tr:last-child td:first-child {border-radius: 0 0 0 4px;} .pro_table-bordered thead:last-child tr:last-child th:last-child, .pro_table-bordered tbody:last-child tr:last-child td:last-child {border-radius: 0 0 4px 0;} .pro_table-striped tbody tr:nth-child(odd) td, .pro_table-striped tbody tr:nth-child(odd) th {background-color: #f9f9f9;} .pro_table-striped2 thead th, .pro_table-striped2 tbody tr td:first-child {background-color: #f9f9f9;} /* Information blocks */ .pro_info{ padding:5px; font-weight:bold; display:inline-block; background:#999; border-radius:3px; color:#fff;} .pro_info_success{ background:#468847;} .pro_info_warning{ background:#F89406} .pro_info_important{ background:#B94A48} .pro_info_info{ background:#3A87AD} .pro_info-indent{ margin:5px 15px 15px 0; float:left; min-width:100px; text-align:center;} /*--------------------------------- Layouts -----------------------------------*/ /* Layouts navigation */ .pro_layouts-menu,.pro_icons-menu{ position:relative;padding:0; width:100%; border-bottom:1px solid #eee; float:left;} .pro_layouts-menu li,.pro_icons-menu li{ float:left; position:relative; margin-left:4px; cursor:pointer;} .pro_layouts-menu li a,.pro_icons-menu li a{ display:block; width:70px; height:32px; position:relative; left:0;top:4px; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; font: bold 11px Sans-Serif; white-space: nowrap; vertical-align: middle; color: #666; cursor: pointer; border-color: #ddd; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow:inset 0 0 3px #fff;} .pro_icons-menu li a{ padding:9px 0; text-align:center; height:14px;} .pro_layouts-menu li a span{ display:block; width:70px; height:32px;background-position: center 8px;background-repeat:no-repeat;} .pro_layouts-menu li.pro_layout1 a span{ background-image:url(../images/pro_images/full-width.png);} .pro_layouts-menu li.pro_layout2 a span{ background-image:url(../images/pro_images/layouts-img2.png);} .pro_layouts-menu li.pro_layout3 a span{ background-image:url(../images/pro_images/layouts-img3.png);} .pro_layouts-menu li.pro_layout4 a span{ background-image:url(../images/pro_images/layouts-img4.png);} .pro_layouts-menu li.pro_layout5 a span{ background-image:url(../images/pro_images/layouts-img6.png);} .pro_layouts-menu li.pro_layout6 a span{ background-image:url(../images/pro_images/layouts-img5.png);} .pro_layouts-menu li.pro_layout7 a span{ background-image:url(../images/pro_images/layouts-img7.png);} .pro_layouts-menu li.pro_layout8 a span{ background-image:url(../images/pro_images/layouts-img8.png);} .pro_layouts-menu li.pro_table1 a span{ background-image:url(../images/pro_images/table1.png);} .pro_layouts-menu li.pro_table2 a span{ background-image:url(../images/pro_images/table2.png);} .pro_layouts-menu li.pro_table3 a span{ background-image:url(../images/pro_images/table3.png);} .pro_layouts-menu li.pro_table4 a span{ background-image:url(../images/pro_images/table4.png);} .pro_layouts-menu li.pro_portfolio1 a span{ background-image:url(../images/pro_images/portfolio-1col.png);} .pro_layouts-menu li.pro_portfolio2 a span{ background-image:url(../images/pro_images/portfolio-2col.png);} .pro_layouts-menu li.pro_portfolio2_capt a span{ background-image:url(../images/pro_images/portfolio-2col+capt.png);} .pro_layouts-menu li.pro_portfolio3 a span{ background-image:url(../images/pro_images/portfolio-3col.png);} .pro_layouts-menu li.pro_portfolio3_capt a span{ background-image:url(../images/pro_images/portfolio-3col+capt.png);} .pro_layouts-menu li.pro_portfolio4 a span{ background-image:url(../images/pro_images/portfolio-4col.png);} .pro_layouts-menu li.pro_portfolio4_capt a span{ background-image:url(../images/pro_images/portfolio-4col+capt.png);} .pro_layouts-menu li:hover a, .pro_layouts-menu li a.current, .pro_icons-menu li:hover a, .pro_icons-menu li a.current{background:#fff;-pie-background:linear-gradient(#fff, #fff); } .pro_layouts-menu li:hover span{ opacity:.8;} .pro_layouts-menu li a.current, .pro_icons-menu li a.current{ top:2px;} .pro_icons-menu li a:hover{ text-decoration:none;} .pro_tabs{ width:960px; margin:0 auto; padding-bottom:20px; position:relative;} .pro_tab-content{ width:960px; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,.2); background:#fff; padding:20px 0; margin-top:-1px; border-left:1px solid #eee\0/;} .pro_tabs.pro_tabs4 .pro_tab-content{ padding-bottom:0;} .pro_tabs5{ padding:10px 0 0 0;} .pro_tabs5 .pro_tab-content{ width:620px; box-shadow:0 1px 2px rgba(0,0,0,.2); padding:0; margin-top:-1px;} .pro_tabs5 .pro_tab-content .pro_inner{ padding:20px 0 0px 15px;} /* structuce */ .pro_structuce{ background:#f8f7f7; border-radius:5px; color:#fff; font-size:15px; font-weight:bold; padding:5px; box-shadow:inset 0 0 4px 2px rgba(0,0,0,.1); margin-bottom:20px;} .pro_structuce.pro_structuce2{ padding:3px;} .pro_struct{ background:#949292; margin:5px; padding:10px; text-align:center; border-radius:5px; box-shadow:inset 0 0 4px 2px rgba(0,0,0,.2);} .pro_structuce.pro_structuce2 .pro_struct{ margin:0; box-shadow:none; border-top:1px solid #666; border-radius:0; padding:3px; background:#ccc;} .pro_structuce.pro_structuce2 .pro_struct:first-child{ border-top:none;} .pro_structuce.pro_structuce2 .pro_struct2{ border:1px dotted #666; width:50%; margin:0 auto; padding:20px 10px; box-shadow:inset 0 0 4px 2px rgba(0,0,0,.05);} .pro_structuce.pro_structuce2 .pro_struct2-content{ padding:45px 10px;} .pro_structuce.pro_structuce2 .pro_struct3{ background:#999} .pro_struct-aside{ width:30%; padding:50px 10px;} .pro_struct-section{ width:63%; padding:50px 10px;} .pro_struct-main{ background:#fff; width:60%; margin:10px auto; padding:5px; border:1px solid #ddd; border-radius:5px; box-shadow:inset 0 0 4px 2px rgba(0,0,0,.1);} .pro_struct-content{ padding:50px 10px;} /* ------ */ #pro_main{ width:1000px; margin:0 auto; background:#fff;} .pro_full_width_bg{ width:100%; background:#ddd;} .pro_header_box,.pro_footer_box{ width:960px; margin:0 auto; position:relative; overflow:hidden;} /* Grid */ .pro_grid-row{ padding:7px 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_grid-box{ border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff; font: bold 11px Sans-Serif; padding:7px 0px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; border-color: #ddd; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_grid-box:hover{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; -webkit-box-shadow: inset 0 1px 2px #aaa; -moz-box-shadow: inset 0 1px 2px #aaa; box-shadow: inset 0 1px 2px #aaa; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); background: linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro);} .pro_grid-box2{ border-radius:5px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; background:transparent; padding:0;} .pro_grid-row2:hover .pro_grid-box2{ background:#f5f4f4;} /* Images */ .pro_image_left{ float:left; margin:0.2em 1em 0.2em 0;} .pro_image_right{ float:right; margin:0.2em 0 0.2em 1em;} .pro_image_centered{ display:block; text-align:center; margin:0.2em 0 0.5em;} .pro_image_style1{display:inline-block; border:1px solid #999; padding:2px;} .pro_image_style1_marg{ margin-top:-5px;} .pro_image_style2 img, .pro_image_style3 img{border-radius:8px;} .pro_image_style3{display:inline-block; box-shadow:inset 0 0 2px rgba(0,0,0,.5); padding:4px; border-radius:10px;} .pro_image_with_capt{ margin-bottom:1em;} .pro_image_round{ display:block; border-radius:60px; background: url(../images/stock_images/120x120_1.jpg) 0 0 no-repeat; width:120px; height:120px;} .pro_image_card{box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);border-radius: 20px;display:block;background: url(../images/stock_images/120x120_2.jpg) 0 0 no-repeat;width:120px; height:120px;} .pro_image_embossed{box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);border-radius: 20px;display:block;background: url(../images/stock_images/120x120_3.jpg) 0 0 no-repeat;width:120px; height:120px;} .pro_image_soft-embossed{box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -9px 2px rgba(0,0,0,.6), inset 0 -12px 2px rgba(255,255,255,.3);border-radius: 20px;display:block;background: url(../images/stock_images/120x120_4.jpg) 0 0 no-repeat;width:120px; height:120px;} .pro_image_cut_out{box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6); border-radius: 20px;display:block;background: url(../images/stock_images/120x120_5.jpg) 0 0 no-repeat;width:120px; height:120px;} .pro_image_morphing_glowing{display:block;background: url(../images/stock_images/120x120_6.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .pro_image_morphing_glowing:hover { box-shadow: 0 0 20px rgba(0,0,0,.6), inset 0 0 20px rgba(0,0,0,1); -webkit-border-radius: 60em; -moz-border-radius: 60em; border-radius: 60em;} .pro_image_glossy{box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);border-radius: 20px;display:block;width:120px; height:120px; position:relative;} .pro_image_glossy span{display:block;background: url(../images/stock_images/120x120_7.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px;} .pro_image_glossy:after { position: absolute; content: ' '; width: 100%; height: 50%; top: 0; left: 0; border-radius: 20px; background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1))); background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);} .pro_image_reflection{display:block;width:120px; height:120px; position:relative;} .pro_image_reflection span{display:block;background: url(../images/stock_images/120x120_8.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px;} .pro_image_reflection:after { position: absolute; content: ' '; width: 100%; height: 30px; bottom: -31px; left: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,0))); background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%); -pie-background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%);} .pro_pad-image{ padding:8px 10px 20px 0; position:relative; float:left;} /* hovers */ .pro_view {width: 300px;height: 200px;margin:0 0 15px 0;position: relative;text-align: center;cursor: default;background: #fff;overflow:hidden; font-size:12px; line-height:15px;} .pro_view .pro_mask, .pro_view .pro_content {width: 300px;height: 200px;position: absolute;overflow: hidden;top: 0;left: 0} .pro_view img {display: block;position: relative;} .pro_view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 20px 0 0 0} .pro_view p {font-family: Georgia, serif;font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center} .pro_view a.pro_btn {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase;box-shadow: 0 0 1px #000; border:none; border-radius:0; text-shadow:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_view a.pro_btn:hover { background:#fff; color:#000;} /* first hover */ .pro_view_first img {-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .pro_view_first .pro_mask {opacity: 0;background-color: rgba(219,127,8, 0.7);-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .pro_view_first h2 {opacity: 0; -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -o-transform: translateY(-100px);transform: translateY(-100px); -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_first p {opacity: 0; -moz-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px); -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .pro_view_first a.pro_btn{opacity: 0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_first:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .pro_view_first:hover .pro_mask {opacity: 1;} .pro_view_first:hover h2, .pro_view_first:hover p, .pro_view_first:hover a.pro_btn {opacity: 1;-moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);transform: translateY(0px);} .pro_view_first:hover p {-moz-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;} .pro_view_first:hover a.pro_btn {-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} /* second hover */ .pro_view_second img {-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .pro_view_second .pro_mask { background-color: rgba(115,146,184, 0.7); width: 300px; padding: 60px; height: 300px; opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg);-moz-transform: translate(265px, 145px) rotate(45deg);-o-transform: translate(265px, 145px) rotate(45deg);transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_second h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: translate(200px, -200px);-moz-transform: translate(200px, -200px);-o-transform: translate(200px, -200px);transform: translate(200px, -200px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_second p { -webkit-transform: translate(-200px, 200px);-moz-transform: translate(-200px, 200px);-o-transform: translate(-200px, 200px);transform: translate(-200px, 200px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_second a.pro_btn { -webkit-transform: translate(0px, 100px);-moz-transform: translate(0px, 100px);-o-transform: translate(0px, 100px);transform: translate(0px, 100px); -webkit-transition: all 0.2s 0.1s ease-in-out;-moz-transition: all 0.2s 0.1s ease-in-out;-o-transition: all 0.2s 0.1s ease-in-out;transition: all 0.2s 0.1s ease-in-out;} .pro_view_second:hover .pro_mask {opacity:1; -webkit-transform: translate(-80px, -125px) rotate(45deg);-moz-transform: translate(-80px, -125px) rotate(45deg);-o-transform: translate(-80px, -125px) rotate(45deg);} .pro_view_second:hover h2 { -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px); -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} .pro_view_second:hover p { -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px); -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .pro_view_second:hover a.pro_btn { -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px); -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;} /* third hover */ .pro_view_third img {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;} .pro_view_third .pro_mask {background-color: rgba(0,0,0,0.6);opacity: 0; -webkit-transform: translate(460px, -100px) rotate(180deg);-moz-transform: translate(460px, -100px) rotate(180deg);-o-transform: translate(460px, -100px) rotate(180deg);transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.2s 0.4s ease-in-out;-moz-transition: all 0.2s 0.4s ease-in-out;-o-transition: all 0.2s 0.4s ease-in-out;transition: all 0.2s 0.4s ease-in-out;} .pro_view_third h2{ -webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_third p { -webkit-transform: translateX(300px) rotate(90deg);-moz-transform: translateX(300px) rotate(90deg);-o-transform: translateX(300px) rotate(90deg);transform: translateX(300px) rotate(90deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_third a.pro_btn { -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(-200px);transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_third:hover .pro_mask { opacity:1; -webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s; -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);transform: translate(0px, 0px);} .pro_view_third:hover h2 { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;} .pro_view_third:hover p { -webkit-transform: translateX(0px) rotate(0deg);-moz-transform: translateX(0px) rotate(0deg);-o-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg); -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .pro_view_third:hover a.pro_btn { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} /* fourth hover */ .pro_view_fourth img { opacity: 1; -webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;} .pro_view_fourth .pro_mask { background-color: rgba(0,0,0,0.8); opacity: 0; -webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg); -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; border-radius: 0px;} .pro_view_fourth h2{ opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .pro_view_fourth p {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .pro_view_fourth a.pro_info {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .pro_view_fourth:hover .pro_mask {opacity: 1; -webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .pro_view_fourth:hover img{ opacity: 0; -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0); -webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;} .pro_view_fourth:hover h2, .pro_view_fourth:hover p, .pro_view_fourth:hover a.pro_info{opacity: 1;-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;} /* fifth hover */ .pro_view_fifth img {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .pro_view_fifth .pro_mask {background-color: rgba(146,96,91,0.3);opacity: 1; overflow:hidden; -webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-o-transform: translateX(-300px);transform: translateX(-300px); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .pro_view_fifth h2{background: rgba(255, 255, 255, 0.5);color: #000;box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);} .pro_view_fifth p{opacity: 0;color: #333;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .pro_view_fifth:hover .pro_mask {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);} .pro_view_fifth:hover img { -webkit-transform: translateX(300px);-moz-transform: translateX(300px);-o-transform: translateX(300px);transform: translateX(300px); -webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .pro_view_fifth:hover p{opacity: 1;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} /*sixth hover */ .pro_view_sixth img {-webkit-transition: all 0.4s ease-in-out 0.5s;-moz-transition: all 0.4s ease-in-out 0.5s;-o-transition: all 0.4s ease-in-out 0.5s;transition: all 0.4s ease-in-out 0.5s;} .pro_view_sixth .pro_mask{background-color: rgba(146,96,91,0.5);opacity:0; -webkit-transition: all 0.3s ease-in 0.4s;-moz-transition: all 0.3s ease-in 0.4s;-o-transition: all 0.3s ease-in 0.4s;transition: all 0.3s ease-in 0.4s;} .pro_view_sixth h2{opacity:0;border-bottom: 1px solid rgba(0, 0, 0, 0.3);background: transparent;margin: 20px 40px 0px 40px; -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.1s;-moz-transition: all 0.3s ease-in-out 0.1s;-o-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;} .pro_view_sixth p {opacity:0; -webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);transform: scale(10); -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s;-o-transition: all 0.3s ease-in-out 0.2s;transition: all 0.3s ease-in-out 0.2s;} .pro_view_sixth a.pro_btn {opacity:0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.3s ease-in-out 0.1s;-moz-transition: all 0.3s ease-in-out 0.1s;-o-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;} .pro_view_sixth:hover .pro_mask {opacity:1;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;} .pro_view_sixth:hover img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;} .pro_view_sixth:hover h2 {opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); -webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;} .pro_view_sixth:hover p {opacity:1; -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .pro_view_sixth:hover a.pro_btn {opacity:1; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;} /* seventh hover */ .pro_view_seventh img{opacity: 1;-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;} .pro_view_seventh .pro_mask {background-color: rgba(77,44,35,0.5);opacity: 0; -webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1); -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; -webkit-transform: translateY(-200px) rotate(180deg);-moz-transform: translateY(-200px) rotate(180deg);-o-transform: translateY(-200px) rotate(180deg);transform: translateY(-200px) rotate(180deg);} .pro_view_seventh h2{ -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(0px);transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_seventh p { -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(0px);transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_seventh a.pro_btn { -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(-200px);transform: translateY(0px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .pro_view_seventh:hover img{opacity: 0; -webkit-transform: rotate(720deg) scale(0);-moz-transform: rotate(720deg) scale(0);-o-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0);} .pro_view_seventh:hover .pro_mask {opacity: 1; -webkit-transform: translateY(0px) rotate(0deg);-moz-transform: translateY(0px) rotate(0deg);-o-transform: translateY(0px) rotate(0deg);transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .pro_view_seventh:hover h2 { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.7s;-moz-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;} .pro_view_seventh:hover p { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} .pro_view_seventh:hover a.pro_btn { -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px); -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;} /* eighth hover */ .pro_view_eighth .pro_mask { background-color: rgba(255, 255, 255, 0.7); top: -200px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s;} .pro_view_eighth h2 { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s;} .pro_view_eighth p { color: #333; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;} .pro_view_eighth a.pro_btn { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out 0.3s; -moz-transition: all 0.2s ease-in-out 0.3s; -o-transition: all 0.2s ease-in-out 0.3s; -ms-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.3s;} .pro_view_eighth:hover .pro_mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear;} .pro_view_eighth:hover h2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s;} .pro_view_eighth:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s;} .pro_view_eighth:hover a.pro_btn { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;} @keyframes bounceY { 0% { transform: translateY(-205px);} 40% { transform: translateY(-100px);} 65% { transform: translateY(-52px);} 82% { transform: translateY(-25px);} 92% { transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}} @-moz-keyframes bounceY { 0% { -moz-transform: translateY(-205px);} 40% { -moz-transform: translateY(-100px);} 65% { -moz-transform: translateY(-52px);} 82% { -moz-transform: translateY(-25px);} 92% { -moz-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}} @-webkit-keyframes bounceY { 0% { -webkit-transform: translateY(-205px);} 40% { -webkit-transform: translateY(-100px);} 65% { -webkit-transform: translateY(-52px);} 82% { -webkit-transform: translateY(-25px);} 92% { -webkit-transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}} /* ninth hover */ .pro_view_ninth .pro_mask-1, .pro_view_ninth .pro_mask-2 {background-color: rgba(0, 0, 0, 0.5);height: 361px;width: 361px;background: rgba(119, 0, 36, 0.5);opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s;} .pro_view_ninth .pro_mask-1 {left: auto;right: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%;} .pro_view_ninth .pro_mask-2 { top: auto; bottom: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%;} .pro_view_ninth .pro_content {background: rgba(0, 0, 0, 0.9);height: 0;width: 361px;overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; -o-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s;} .pro_view_ninth h2 {background: transparent;margin-top: 5px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .pro_view_ninth a.pro_btn {display: none;} .pro_view_ninth:hover .pro_content {height: 120px;width: 300px; top: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0);} .pro_view_ninth:hover .pro_mask-1, .pro_view_ninth:hover .pro_mask-2 { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .pro_view_ninth:hover .pro_mask-1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px);} .pro_view_ninth:hover .pro_mask-2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px);} /*--------------------------------- Portfolio -----------------------------------*/ .pro_pad_port{ padding-bottom:30px;} .pro_small-image .grid_5 .pro_pad_port .lightbox-image img{ width:270px !important; height:auto;} .pro_image-grid {width: 940px;} .pro_image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both;} .pro_image-grid li { width:220px; margin:0 5px; float: left; height:260px; overflow: hidden;} .pro_image-grid li img, .pro_image-grid li strong {display: block;} .pro_splitter{ position:relative; overflow:hidden; padding:10px 0;} .pro_splitter>li{ font-weight:bold; overflow:hidden;} .pro_splitter li ul{ overflow:hidden;} .pro_splitter li li{ float:left;} .pro_splitter li li{ box-shadow:none; border-radius:0;} .pro_splitter li li a{ text-decoration:none !important;color: #666;} .pro_splitter li li.selected-1, .pro_splitter li li.selected-2, .pro_splitter li li.selected-0{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); background: linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro);} .pro_splitter li li.last{ border-radius:0 3px 3px 0;} .pro_splitter li li.segment-1{ border-radius:3px 0 0 3px;} /*--------------------------------- Social and Media Sharing -----------------------------------*/ .pro_video_slider{ width:482px;} .pro_icons{ position:relative; overflow:hidden; padding:10px 0;} .pro_icons li{ float:left; margin-right:3px;} .pro_icons.pro_basic2 li{margin:0 15px 15px 0; } .pro_icons.pro_basic2 li a{width:16px; display:block; height:16px;} .pro_icons.pro_basic2 li a img{ max-width:100% !important; height:auto;} .pro_icons.pro_social li.last{ margin-top:-16px;} .pro_icons.pro_social li{ width:100px;float:left;} .pro_icons.pro_small li a{ background-image: url(../images/icons/csg-4f3bc7207ae9d.png); display:block; width:30px !important; height:30px !important;} .pro_icons.pro_basic{ position:relative; overflow:hidden;} .pro_icons.pro_basic li{margin:0 10px 10px 0; display:block; float:left; padding:0 15px 15px 15px; box-shadow:inset 0 0 10px rgba(0,0,0,.1);} .pro_icons.pro_basic li.pro_li_icon{padding:8px 15px 7px 15px;} .pro_icon{ font-family:'IcoMoon'; font-size:35px; color:#000000; line-height:100%; display:block;} .pro_icon:before {content: attr(data-icon);} .pro_icon:hover{ text-decoration:none;} .pro_icon_social{ font-family:'IcoMoonSocial'; font-size:35px; color:#000000; line-height:100%; display:block;} .pro_icon_social:before {content: attr(data-icon);} .pro_icon_social:hover{ text-decoration:none;} .pro_ranges{ position:relative; overflow:hidden; list-style-position:inside;} .pro_ranges li span{ display:inline-block; padding:0 0 10px 0;} .pro_ranges input{ margin-right:10px;} /* Flickr */ #flickr_badge_wrapper {padding:3px 0 0;} .flickr_badge_image {margin:0 15px 15px 0px; float:left;} .flickr_badge_image a {box-shadow:inset 0 0 2px rgba(0,0,0,.5); padding:4px; border-radius:3px; display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .flickr_badge_image a img{border-radius:3px;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:active{box-shadow:inset 0 0 4px rgba(0,0,0,.8);} #flickr_badge_wrapper { overflow:hidden;} #flickr_www,#flickr_badge_source,#flickr_badge_image10 { display:none;} /* Twitter */ .pro_tweet .tweet_list{ background:url(../images/icons/twitter_bird_2.png) 0 0 no-repeat; padding:5px 0 0 45px;} .pro_tweet .tweet_list li{ padding:5px; margin-bottom:5px;overflow:hidden; border-radius:3px; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 0 3px #fff;} .pro_tweet .tweet_list li a{ font-weight:bold; color:#666;} .pro_flash-video{ position:relative; z-index:10;} .pro_audio-player{ padding:0 0 0 2em;} /* Tooltips */ #aToolTip{position:absolute;display:none;z-index:50000;background: #646363; font-size:12px; padding:5px 18px; color:#fff; text-align:center; z-index:99; border-radius:3px; box-shadow:2px 2px 4px rgba(0,0,0,.5);} #aToolTip .aToolTipContent{position:relative;margin:0;padding:0} a#aToolTipCloseBtn{display:block;height:8px;width:8px; background: url(../images/icons/glyphicons_207_remove_2.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;outline:none;position:absolute;top:0px;right:-14px} .pro_tooltips-pad span{ display:block; padding-bottom:20px; position:relative; overflow:hidden;} .pro_tooltips-pad strong{ display:block; float:left;width:125px;} .pro_tooltips-pad .pro_small-box-code{ float:left; margin-top:3px;} /* Under Construction page =====*/ .pro_constuction-main{width:570px;min-height:450px;position:absolute;left:50%;top:45%;margin-left:-330px;margin-top:-130px;} #pro_constuction-box{width:570px;min-height:450px; box-shadow:0 0 15px rgba(0,0,0,.6); border-radius:15px; position:relative; z-index:99;} #pro_constuction-box .pro_inside{background:#fff;border-radius:15px;border-color:#fff; float:left;min-height:450px; width:100%;} #pro_constuction-box .pro_inside .pro_inner{padding:40px 48px 25px;} #pro_constuction-box .pro_inside .pro_inner h1{ padding-bottom:30px;font-weight:normal;} #pro_constuction-box .pro_inside .pro_inner p{ font-size:15px; font-weight:normal; padding-bottom:25px;} .pro_social_icons{ position:absolute; top:20px; right:-37px; background:#fff; width:37px; border-radius:0 15px 15px 0; box-shadow:3px 0 5px rgba(0,0,0,.2)} .pro_social_icons ul{ padding:15px 0 10px 8px;} .pro_social_icons ul li{ padding-bottom:5px;} .pro_social_icons ul li.last{ padding-bottom:5px;} .pro_cntSeparator {font-size: 50px;margin: 24px 0px;color: #000; font-family:Georgia, "Times New Roman", Times, serif;} .pro_counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 0 0;} .pro_counter_desc div{ width:104px; margin-left:18px; text-align:center;} .pro_counter_desc div:first-child{ margin-left:0;} .pro_constr_social_buttons{ padding:25px 0 0 0;} .pro_icons_social2 li{ width:100px;float:left;} .pro_icons_social2 li.last{ margin-top:-14px;margin-top:0px\0/; width:90px;} /* Intro page */ #pro_intro-box{width:600px;height:407px;position:absolute;left:50%;top:40%;margin-left:-300px;margin-top:-100px;border-radius:10px; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 0px 5px rgba(0,0,0,.3), inset 0 0 3px #fff;} #pro_intro-box .pro_inside{padding:20px 70px 0;height:387px; position:relative;} #pro_intro-box .alignright{ position:absolute; bottom:35px; right:70px;} .pro_intro-video{ position:absolute; top:60px; left:70px; overflow:hidden; height:264px; width:460px;} .pro_intro-video iframe{height:264px; width:460px; position:relative;} .pro_likebox_pad{ padding-bottom:20px !important;} .pro_likebox_pad2{ padding-top:32px !important;} /*------------ --------------------- Misc -----------------------------------*/ .pro_dialog-pad{ padding:0 0 20px;} /* Tabs */ .pro_tabs-horz-top, .pro_tabs-horz-bottom, .pro_tabs-horz-top2, .pro_tabs-horz-bottom2, .pro_tabs-vert-left, .pro_tabs-vert-right{ position:relative; overflow:hidden;} .pro_tabs-horz-top .pro_tab-content, .pro_tabs-horz-bottom .pro_tab-content, .pro_tabs-horz-top2 .pro_tab-content, .pro_tabs-horz-bottom2 .pro_tab-content, .pro_tabs-vert-left .pro_tab-content, .pro_tabs-vert-right .pro_tab-content{ width:auto; box-shadow:none; background:#fff; border:1px solid #eee; padding:10px;} .pro_tabs-horz-bottom .pro_tab-content, .pro_tabs-horz-bottom2 .pro_tab-content, .pro_tabs-vert-left .pro_tab-content, .pro_tabs-vert-right .pro_tab-content{ margin:0; min-height:54px;} .pro_tabs-vert-left .pro_tab-content-box, .pro_tabs-vert-right .pro_tab-content{ overflow:hidden;} .pro_tabs-nav{ position:relative; overflow:hidden;} .pro_tabs-nav li{ float:left; margin-right:3px;} .pro_tabs-horz-top2 .pro_tabs-nav,.pro_tabs-horz-bottom2 .pro_tabs-nav{ float:right;} .pro_tabs-nav li a{display:block; padding:6px 15px;position:relative; top:4px; z-index:99; background:#E0E0E0; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; font-weight: bold; white-space: nowrap; vertical-align: middle; color: #666; cursor: pointer; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; border-color: #ddd; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow:inset 0 0 3px #fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} .pro_tabs-nav li a:hover,.pro_tabs-nav li a.current{ top:1px; text-decoration:none; background:#fff;-pie-background:linear-gradient(top, #fff, #fff);color:#666;} .pro_tabs-horz-bottom .pro_tabs-nav, .pro_tabs-horz-bottom2 .pro_tabs-nav{ top:-1px;} .pro_tabs-horz-bottom .pro_tabs-nav li a, .pro_tabs-horz-bottom2 .pro_tabs-nav li a{ top:-4px;} .pro_tabs-horz-bottom .pro_tabs-nav li a:hover, .pro_tabs-horz-bottom .pro_tabs-nav li a.current, .pro_tabs-horz-bottom2 .pro_tabs-nav li a:hover, .pro_tabs-horz-bottom2 .pro_tabs-nav li a.current{ top:-1px;} .pro_tabs-horz-top .pro_tabs-nav li a, .pro_tabs-horz-top2 .pro_tabs-nav li a{ border-radius:3px 3px 0 0;} .pro_tabs-horz-bottom .pro_tabs-nav li a, .pro_tabs-horz-bottom2 .pro_tabs-nav li a{ border-radius: 0 0 3px 3px;} .pro_tabs-vert-left .pro_tabs-nav li a{ border-radius:3px 0 0 3px;} .pro_tabs-vert-right .pro_tabs-nav li a{ border-radius:0 3px 3px 0;} .pro_tabs-vert-left .pro_tabs-nav{ float:left; margin-right:-1px;} .pro_tabs-vert-left .pro_tabs-nav li, .pro_tabs-vert-right .pro_tabs-nav li{ float:none; margin:0 0 3px 0;} .pro_tabs-vert-left .pro_tabs-nav li a{ top:0 !important; right:-4px;} .pro_tabs-vert-left .pro_tabs-nav li a:hover, .pro_tabs-vert-left .pro_tabs-nav li a.current{ right:-1px;} .pro_tabs-vert-right .pro_tabs-nav{ float:right; margin-left:-1px;} .pro_tabs-vert-right .pro_tabs-nav li a{ top:0 !important; left:-4px;} .pro_tabs-vert-right .pro_tabs-nav li a:hover, .pro_tabs-vert-right .pro_tabs-nav li a.current{ left:-1px;} .pro_tabs-pad{ padding:20px 0 0 0;} /* SlideDown */ .pro_slide-down-box{ position:relative; z-index:101;} .pro_slide-down-box dt{ display:block; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; padding: 6px 10px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;} .pro_slide-down-box dt:hover{box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;} .pro_slide-down-box dt.active{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; background:#E6E6E6; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none;} .pro_slide-down-box dt span{ display:inline-block; width:11px; height:11px; background: url(../images/pro_images/misc-plus.png) 0 0 no-repeat; margin:2px 6px 0 0;} .pro_slide-down-box dt.active span{background: url(../images/pro_images/misc-minus.png) 0 0 no-repeat;} .pro_slide-down-box dd{display:none;padding:15px 15px; margin:3px 0 0 0; background:#fff; border-radius:5px; position:relative;box-shadow:inset 0 1px 1px rgba(170,170,170,.8); border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999;} .pro_slide-down-box.absol dd{ position:absolute; top:27px; left:0; z-index:99;width:auto;} .pro_slide-down-pad{ padding:5px 0;} /* Carousel */ .pro_car-wrapper{ position:relative;} .pro_carousel {overflow:hidden; margin-left:36px;height:168px; width:870px !important;} .pro_carousel li{ margin-right:10px; display:block; float:left; width:210px; height:168px; position:relative; overflow:hidden;} .pro_car-wrapper .pro_btn.pro_next, .pro_car-wrapper .pro_btn.pro_prev{ position:absolute; top:64px; padding:5px 3px; border-radius:3px; width:19px; height:16px; display:block;} .pro_car-wrapper .pro_btn.pro_prev{ left:0px;} .pro_car-wrapper .pro_btn.pro_next{ right:0px;} /* Accordion */ dl#pro_accordion{list-style-type:none;margin:0;height:auto !important} dl#pro_accordion dt a{display:block;text-decoration:none; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; padding: 6px 10px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;} dl#pro_accordion dt a span{ display:inline-block; width:11px; height:11px; background: url(../images/pro_images/misc-plus.png) 0 0 no-repeat; margin:2px 6px 0 0;} dl#pro_accordion dt.active a span{background: url(../images/pro_images/misc-minus.png) 0 0 no-repeat;} dl#pro_accordion dt{margin:0px; border:none !important;} dl#pro_accordion dt a:hover{box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;} dl#pro_accordion dt.active a{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; background:#E6E6E6; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); background: linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro); /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none;} dl#pro_accordion dd{margin:0px !important;background:none; border:none; padding:0 !important;} dl#pro_accordion dd .pro_indent{ padding:10px 20px;} dl#pro_accordion dt .ui-icon{ display:none !important;} /* Testimonials */ #pro_testimonials{ width:300px;} .pro_testim_buttons{ position:absolute; top:58px; right:0; overflow:hidden;} .pro_testim_buttons a{display:block; float:left; border: 1px solid #DDD; padding: 3px; white-space: nowrap; vertical-align: middle; background: transparent; cursor: pointer; border-color: #ddd; background:#E0E0E0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0);} #pro_prev_testim{ border-radius:3px 0 0 3px; padding-left:5px;} #pro_next_testim{ border-radius:0 3px 3px 0; padding-right:5px;} .pro_testim_buttons a span{ width:16px; height:16px; line-height:0;} #pro_prev_testim span{ display:inline-block; background: url(../images/icons/icon-previous.png) 0 0 no-repeat;margin:1px 3px 0 0;} #pro_next_testim span{ display:inline-block; background: url(../images/icons/icon-next.png) 0 0 no-repeat;margin:1px 0 0 3px} .pro_testim_buttons a:hover{ box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;} /*--------------------------------- Functional Slider -----------------------------------*/ .pro_funct_slider .fleft{ width:200px; padding-right:20px;} #pro_choices li{ width:70px; text-align:center; box-shadow:none; margin:0 3px 4px 0;} #pro_choices li.active{ border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; box-shadow:inset 0 1px 2px #aaa; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); background: linear-gradient(top, #E6E6E6, gainsboro); -pie-background: linear-gradient(top, #E6E6E6, gainsboro);} #pro_funct_caption{display:none; padding:7px 10px 6px; position:absolute; z-index:15; bottom:20px; right:20px; text-align:center; text-decoration:none; border: 1px solid #DDD; text-shadow: 0 1px 1px white; box-shadow:0 1px 1px #fff; font: bold 11px Sans-Serif; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; border-radius:3px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;} .pro_funct_box{ float:left; width:715px; height:485px; position:relative;} .pro_funct_slider .hidden{ display:none;} #pro_show{ display:none; padding:6px;box-shadow:inset 0 0 10px rgba(0,0,0,.1); width:700px; height:430px;} #pro_show1{ width:700px; height:430px; padding:6px;box-shadow:inset 0 0 10px rgba(0,0,0,.1);} /*--------------------------------- Extras -----------------------------------*/ /* buttons */ .pro_buttons_pad{ padding:15px 0 0 0;} .pro_buttons_pad2{ padding:15px 0 0 5px;} /* ------ */ .pro_style_1 { display:inline-block; background-color:#E0E0E0; padding:10px; position:relative; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#666; border: solid 1px #999; border-radius: 5px;} .pro_style_1:active { padding-bottom:9px; padding-left:10px; padding-right:10px; padding-top:11px; top:1px;} .pro_style_1::before { background-color:#e1e3e6; content:""; display:block; position:absolute; width:100%; height:100%; padding:8px; left:-8px; top:-8px; z-index:-1; border-radius: 5px; box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;} .pro_style_1.danger{border: solid 1px #bd362f;background-color:#bd362f;} .pro_style_1.success{border: solid 1px #51a351;background-color:#51a351;} .pro_style_1.inf{border: solid 1px #2f96b4;background-color:#2f96b4;} .pro_style_1.warning{border: solid 1px #f89406;background-color:#f89406;} .pro_style_2{ background-color:#E0E0E0; padding:10px; position:relative; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#666; box-shadow: inset 0px 1px 0px #fff, 0px 3px 0px #666; border-radius: 5px;} .pro_style_2:active {top:7px; box-shadow: inset 0px 1px 0px #fff, inset 0px -1px 0px #999;} .pro_style_2::before { background-color:#525252; content:""; display:block; position:absolute; width:100%; height:100%; padding-left:2px; padding-right:2px; padding-bottom:4px; left:-2px; top:2px; z-index:-1; border-radius: 6px; box-shadow: 0px 1px 0px #fff;} .pro_style_2:active::before {top:-2px;} .pro_style_2.pro_success{background-color:#6fba26;box-shadow: inset 0px 1px 0px #b2f17f, 0px 3px 0px #3d6f0d;} .pro_style_2.pro_success::before {background-color:#1a5611;} .pro_style_2.pro_success:active {top:7px; box-shadow: inset 0px 1px 0px #b2f17f, inset 0px -1px 0px #3d6f0d;} .pro_style_2.pro_warning{background-color:#f5b951;box-shadow: inset 0px 1px 0px #f5b951, 0px 3px 0px #bd6315;} .pro_style_2.pro_warning::before {background-color:#99581f;} .pro_style_2.pro_warning:active {top:7px; box-shadow: inset 0px 1px 0px #f5b951, inset 0px -1px 0px #99581f;} .pro_style_2.pro_danger{background-color:#ff9f9c;box-shadow: inset 0px 1px 0px #ff9f9c, 0px 3px 0px #8f110d;} .pro_style_2.pro_danger::before {background-color:#590e0c;} .pro_style_2.pro_danger:active {top:7px; box-shadow: inset 0px 1px 0px #ff9f9c, inset 0px -1px 0px #8f110d;} .pro_style_2.pro_inf{background-color:#91e7ff;box-shadow: inset 0px 1px 0px #91e7ff, 0px 3px 0px #0d6b85;} .pro_style_2.pro_inf::before {background-color:#034354;} .pro_style_2.pro_inf:active {top:7px; box-shadow: inset 0px 1px 0px #91e7ff, inset 0px -1px 0px #0d6b85;} .pro_style_3{ background-color:#E0E0E0; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:15px; text-decoration:none; color:#666; position:relative; padding:9px 20px; border-left:solid 1px #4d4b4d; text-shadow:none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left:35px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #212121, 0px 10px 5px #999;} .pro_style_3:hover{ text-decoration:none;box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #212121, 0px 10px 5px #999;} .pro_style_3:active {top:3px;box-shadow: inset 0px 1px 0px #fff, 0px 2px 0px 0px #212121, 0px 5px 3px #999;} .pro_style_3::before { content:"1"; text-align:center; width:35px; max-height:27px; height:100%; position:absolute; display:block; padding-top:8px; top:-1px; left:-36px; font-size:16px; font-weight:bold; color:#fff; border-right:solid 1px #4d4b4d; background-color:#666; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow:inset 0px 1px 0px #999, 0px 5px 0px 0px #212121, 0px 10px 5px #999 ;} .pro_style_3:active::before{top:-4px;box-shadow:inset 0px 1px 0px #999, 0px 5px 0px 0px #212121, 1px 1px 0px 0px #454545, 2px 2px 0px 0px #454545, 2px 5px 0px 0px #212121, 6px 4px 2px rgba(0,0,0,.5), 0px 10px 5px #999 ;} .pro_style_3.pro_inf{border-left:solid 1px #2ab7ec;box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999; background-color: #49AFCD; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); -pie-background: linear-gradient(#5bc0de, #2f96b4);} .pro_style_3.pro_inf:active {box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;} .pro_style_3.pro_inf::before {box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ; background-color:#07526e; border-right:solid 1px #07526e; color:#8fd1ea; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%); background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%); background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%); background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%); background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);} .pro_style_3.pro_inf:active::before{box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;} .pro_style_3.pro_danger{border-left:solid 1px #2ab7ec;box-shadow: inset 0px 1px 0px #ee5f5b, 0px 5px 0px 0px #570e0b, 0px 10px 5px #999; background-color: #DA4F49; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f);} .pro_style_3.pro_danger:active {box-shadow: inset 0px 1px 0px #ee5f5b, 0px 2px 0px 0px #570e0b, 0px 5px 3px #999; border-top:1px solid #ff7373;} .pro_style_3.pro_danger::before {box-shadow:inset 0px 1px 0px #ffa7a6, 0px 5px 0px 0px #570e0b, 0px 10px 5px #999 ; border-right:solid 1px #bd362f; color:#fac3c3; background-color: #DA4F49; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(top, #ee5f5b, #bd362f);} .pro_style_3.pro_danger:active::before{box-shadow:inset 0px 1px 0px #ffa7a6, 0px 5px 0px 0px #570e0b, 1px 1px 0px 0px #570e0b, 2px 2px 0px 0px #570e0b, 2px 5px 0px 0px #570e0b, 6px 4px 2px rgba(0,0,0,.5), 0px 10px 5px #999 ;} .pro_style_3.pro_success{border-left:solid 1px #51a351;box-shadow: inset 0px 1px 0px #62c462, 0px 5px 0px 0px #125912, 0px 10px 5px #999; background-color: #62c462; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351);} .pro_style_3.pro_success:active {box-shadow: inset 0px 1px 0px #62c462, 0px 2px 0px 0px #125912, 0px 5px 3px #999; border-top:1px solid #62c462;} .pro_style_3.pro_success::before {box-shadow:inset 0px 1px 0px #89f589, 0px 5px 0px 0px #125912, 0px 10px 5px #999 ; border-right:solid 1px #51a351; color:#c7fcc7; background-color: #62c462; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -ms-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(top, #62c462, #51a351);} .pro_style_3.pro_success:active::before{box-shadow:inset 0px 1px 0px #62c462, 0px 5px 0px 0px #125912, 1px 1px 0px 0px #125912,2px 2px 0px 0px #125912,2px 5px 0px 0px #125912,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999 ;} .pro_style_3.pro_warning{border-left:solid 1px #f89406;box-shadow: inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 0px 10px 5px #999; background-color: #FAA732; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406);} .pro_style_3.pro_warning:active {box-shadow: inset 0px 1px 0px #fbb450, 0px 2px 0px 0px #82510d, 0px 5px 3px #999; border-top:1px solid #fbb450;} .pro_style_3.pro_warning::before {box-shadow:inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 0px 10px 5px #999 ; border-right:solid 1px #f89406; color:#ffeed6; background-color: #FAA732; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406);} .pro_style_3.pro_warning:active::before{box-shadow:inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 1px 1px 0px 0px #82510d,2px 2px 0px 0px #82510d,2px 5px 0px 0px #82510d,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999 ;} .pro_style_4 { background-color:#E0E0E0; font-family: 'Open Sans', sans-serif; font-size:12px; text-decoration:none; color:#666; text-shadow:none; position:relative; padding:10px 20px; padding-right:50px; border-radius: 5px; border:none; box-shadow: 0px 5px 0px 0px #212121, 0px 10px 5px #999; border-top:1px solid #eee;} .pro_style_4:active { top:3px; padding:10px 20px 9px; padding-right:50px; box-shadow:0px 2px 0px 0px #212121, 0px 5px 3px #999;} .pro_style_4::before { background-color:#666; background-image:url(../images/pro_images/right_arrow.png); background-repeat:no-repeat; background-position:center center; content:""; width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; border-radius: 50%; box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;} .pro_style_4:hover{ text-decoration:none;box-shadow: 0px 5px 0px 0px #212121, 0px 10px 5px #999;} .pro_style_4:active:hover{box-shadow: 0px 2px 0px 0px #212121, 0px 10px 5px #999;} .pro_style_4:active::before { top:50%; margin-top:-12px; box-shadow:0px 3px 0px #19120f, 0px 6px 3px #382e29;} .pro_style_4.pro_inf{box-shadow: 0px 5px 0px 0px #1e4b57, 0px 10px 5px #999;background-color:#14748f;} .pro_style_4.pro_inf:active {box-shadow:0px 2px 0px 0px #1e4b57, 0px 5px 3px #999;} .pro_style_4.pro_inf::before{background-color:#14748f;} .pro_style_4.pro_inf:active::before {box-shadow:0px 3px 0px #1e4b57, 0px 6px 3px #382e29;} .pro_style_4.pro_inf:active:hover{box-shadow: 0px 2px 0px 0px #1e4b57;} .pro_style_4.pro_danger{box-shadow: 0px 5px 0px 0px #701714, 0px 10px 5px #999;background-color:#bd362f;} .pro_style_4.pro_danger:active {box-shadow:0px 2px 0px 0px #701714, 0px 5px 3px #999;} .pro_style_4.pro_danger::before{background-color:#bd362f;} .pro_style_4.pro_danger:active:hover{box-shadow: 0px 2px 0px 0px #701714;} .pro_style_4.pro_danger:active::before {box-shadow:0px 3px 0px #701714, 0px 6px 3px #382e29;} .pro_style_4.pro_success{box-shadow: 0px 5px 0px 0px #1e661e, 0px 10px 5px #999;background-color:#229422;} .pro_style_4.pro_success:active {box-shadow:0px 2px 0px 0px #1e661e, 0px 5px 3px #999;} .pro_style_4.pro_success::before{background-color:#229422;} .pro_style_4.pro_success:active:hover{box-shadow: 0px 2px 0px 0px #1e661e;} .pro_style_4.pro_success:active::before {box-shadow:0px 3px 0px #1e661e, 0px 6px 3px #382e29;} .pro_style_4.pro_warning{box-shadow: 0px 5px 0px 0px #8a6530, 0px 10px 5px #999;background-color:#d18822;} .pro_style_4.pro_warning:active {box-shadow:0px 2px 0px 0px #8a6530, 0px 5px 3px #999;} .pro_style_4.pro_warning::before{background-color:#d18822;} .pro_style_4.pro_warning:active:hover{box-shadow: 0px 2px 0px 0px #8a6530;} .pro_style_4.pro_warning:active::before {box-shadow:0px 3px 0px #8a6530, 0px 6px 3px #382e29;} .pro_style_1.pro_danger,.pro_style_1.pro_success,.pro_style_1.pro_inf,.pro_style_1.pro_warning, .pro_style_2.pro_danger,.pro_style_2.pro_success,.pro_style_2.pro_inf,.pro_style_2.pro_warning, .pro_style_3.pro_danger,.pro_style_3.pro_success,.pro_style_3.pro_inf,.pro_style_3.pro_warning, .pro_style_4.pro_danger,.pro_style_4.pro_success,.pro_style_4.pro_inf,.pro_style_4.pro_warning{color:#fff;} /* shadows */ .pro_text-shadow{ padding:1em; text-align:center; font-size:1.2em; line-height:1.4em; box-shadow:inset 0 0 20px rgba(0,0,0,.1)} .pro_pad-shadow{ padding:10px 0;} .pro_pad-shadow div.pro_lifted{ border-radius:5px;} .pro_lifted {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);} .pro_lifted:before, .pro_lifted:after { content:""; position:absolute; z-index:-2; bottom:15px; left:10px; width:50%; height:20%; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);} .pro_lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);} .pro_curled{position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);border-radius:0 0 120px 120px / 0 0 6px 6px;} .pro_curled:before, .pro_curled:after { content:""; position:absolute; z-index:-2; bottom:12px; left:10px; width:50%; height:55%; max-width:200px; -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform:skew(-8deg) rotate(-3deg); -moz-transform:skew(-8deg) rotate(-3deg); -ms-transform:skew(-8deg) rotate(-3deg); -o-transform:skew(-8deg) rotate(-3deg); transform:skew(-8deg) rotate(-3deg);} .pro_curled:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);} .pro_perspective {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);} .pro_perspective:before, .pro_perspective:after {content:"";position:absolute;z-index:-2;} .pro_perspective:before { left:80px; bottom:5px; width:50%; height:35%; max-width:200px; box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform:skew(50deg); -moz-transform:skew(50deg); -ms-transform:skew(50deg); -o-transform:skew(50deg); transform:skew(50deg); -webkit-transform-origin:0 100%; -moz-transform-origin:0 100%; -ms-transform-origin:0 100%; -o-transform-origin:0 100%; transform-origin:0 100%;} .pro_perspective:after {display:none;} .pro_raised { position:relative; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.3);} .pro_raised:before, .pro_raised:after {content:"";position:absolute; z-index:-2;} .pro_curved-vt-2 {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);} .pro_curved-vt-2:before, .pro_curved-vt-2:after {content:"";position:absolute;z-index:-2;} .pro_curved-vt-2:before { top:10px; bottom:10px; left:0; right:0; box-shadow:0 0 8px rgba(0,0,0,0.6); border-radius:10px / 100px;} .pro_curved-hz-2 {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);} .pro_curved-hz-2:before, .pro_curved-hz-2:after {content:"";position:absolute;z-index:-2;} .pro_curved-hz-2:before { top:0px; bottom:0px; left:10px; right:10px; box-shadow:0 0 7px rgba(0,0,0,0.6); border-radius:100px / 10px;} /* LightBox */ .lightbox-image {position:relative;overflow:hidden;display:inline-block;z-index:99;} .lightbox-image img {position:relative;z-index:2;background:#f1f1f1;} .lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/pro_images/magnifying-glass.png) no-repeat 50% 50%;z-index:1;} .pro_video .lightbox-image span{background: url(../images/icons/play_video.png) no-repeat 50% 50%;z-index:3; opacity:.8;} .pro_video .lightbox-image:hover span{ opacity:1;} .pro_video{ z-index:99; position:relative;} /*--------------------------------- Code -----------------------------------*/ .pro_description-box-pad{ padding:20px 0 0 0;} .pro_description-box-pad2{ padding:83px 0 0 0;} .pro_description-box-pad3{ padding:15px 0;} .pro_description-box{ position:relative; z-index:99; margin-bottom:5px;} .pro_description-box dt{ display:inline-block;} .pro_description-box dt a{ display:inline-block;} .pro_description-box dt a:hover{ box-shadow:none; text-decoration:none;} .pro_description-box dt.active a{ border: 1px solid #999; border-bottom-color: #CCC; border-top-color: #3B3B3B; background: #999999; text-shadow:0 1px 1px #3B3B3B; box-shadow:none; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3B3B3B), to(#999)); background: -webkit-linear-gradient(#3B3B3B, #999); background: -moz-linear-gradient(#3B3B3B, #999); background: -ms-linear-gradient(#3B3B3B, #999); background: -o-linear-gradient(#3B3B3B, #999); background: linear-gradient(#3B3B3B, #999); -pie-background: linear-gradient(#3B3B3B, #999);} .pro_description-box dd{display:none;padding:15px 15px; margin:3px 0 0 0; background:#fff; border-radius:5px; position:relative;box-shadow:inset 0 1px 1px rgba(170,170,170,.8); border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999;} .pro_description-box dd p{ padding:0 0 0 5px;} .pro_description-box dt.active a span{background-position:0 0;} .pro_description-box dt.active a:hover span{ opacity:1;background-position:0 0;} .pro_code-box{ overflow:hidden; border:1px solid #eee; background:#fff; border-radius:3px; margin-top:5px;} code.pro_small-box-code{display:block;padding:2px 5px;border:1px solid #eee; background:#fff; margin:8px 0; border-radius:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .pro_descr_title{ padding:10px 0 5px 5px !important; font-weight:bold; font-size:1.2em;} .pro_descr_pad{ padding-bottom:15px !important;} .pro_descr_pad2{ padding-top:15px !important;} code.pro_small-box-code2{display:block;padding:2px 5px;border:1px solid #eee; background:#fff; margin:15px 0 10px; border-radius:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* ----------------- Icons Fonts ------------------*/ @font-face{ font-family: 'IcoMoon'; src: url('../fonts/icomoon-webfont.eot'); src: url('../fonts/icomoon-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon-webfont.woff') format('woff'), url('../fonts/icomoon-webfont.ttf') format('truetype'); } @font-face{ font-family: 'IcoMoonSocial'; src: url('../fonts/icomoonsocial-webfont.eot'); src: url('../fonts/icomoonsocial-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoonsocial-webfont.woff') format('woff'), url('../fonts/icomoonsocial-webfont.ttf') format('truetype'); } /* input:range */ /* slider root element */ .pro_range_slider { background:#999; height:5px; position:relative; cursor:pointer; border:1px solid #333; width:200px; float:left; clear:right; margin-top:10px; border-radius:5px; box-shadow:inset 0 0 8px #000;} /* progress bar (enabled with progress: true) */ .pro_progress {height:5px; background-color:#C5FF00; display:none;opacity:0.6;} /* drag handle */ .handle { background:#fff; height:15px; width:15px; top:-7px; position:absolute; display:block; margin-top:1px; border:1px solid #000; cursor:move; box-shadow:0 0 3px rgba(0,0,0,.5); border-radius:14px;} /* the input field */ .range { border:1px inset #ddd; float:left; font-size:13px; font-weight:bold; margin:0 15px 0 10px !important; padding:5px 5px !important; text-align:center; width:25px !important; border-radius:5px; } /** padding **/ .pro_pad_description{ padding:18px 0 0px;} .pro_padtop-title{ padding-top:10px !important;} .pro_address-pad{ padding-bottom:15px;} /* Pro Panel */ #advanced{ position:relative; z-index:998; width:100%; height:42px; top:0px; left:0;} #advanced .bg_pro{ height:39px; border-top:1px solid #292929; border-bottom:2px solid #3a3a3a; background:url(../images/pro_images/panel_bg.png) 0 0 repeat-x;} #advanced .pro_logo{ background:url(../images/pro_images/pro-logo.png) 0 0 no-repeat; display:block; width:62px; height:23px; float:left;} #advanced .pro_main{ width:940px; margin:6px auto;} #advanced span.trigger{display:block;position:absolute; background:url(../images/pro_images/pro_button.png) 0 0 no-repeat; width:42px; height:42px; right:0; bottom:-42px; cursor:pointer;} #advanced span.trigger strong{display:block; background: url(../images/pro_images/plus-minus.png) 0 0 no-repeat; width:11px; height:11px; position:absolute; right:7px; bottom:24px; opacity:0;} #advanced.closed span.trigger strong{opacity:1;} #advanced span.trigger em{display:block; background: url(../images/pro_images/plus-minus.png) -11px 0 no-repeat; width:11px; height:11px; position:absolute; right:7px; bottom:24px;} .pro_menu, .pro_menu * {margin:0;padding:0;list-style:none;} .pro_menu{ padding-left:95px; float:left;} .pro_menu li {float:left; position:relative; margin-right:7px; font:14px/1.2em Arial, Helvetica, sans-serif;} .pro_menu li a {display:block; border: 1px solid #0d0d0d; border-top:1px solid #0e0e0e; border-radius: 6px; padding: 4px 26px 3px 32px; white-space: nowrap; vertical-align: middle; color: #a3a3a3; background: #272727; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#272727), to(#0f0f0f)); background: -webkit-linear-gradient(#272727, #0f0f0f); background: -moz-linear-gradient(#272727, #0f0f0f); background: -ms-linear-gradient(#272727, #0f0f0f); background: -o-linear-gradient(#272727, #0f0f0f); background: linear-gradient(#272727, #0f0f0f); -pie-background: linear-gradient(#272727, #0f0f0f); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px #3b3b3b;} .pro_menu li a span{ display:inline-block; background:url(../images/pro_images/pro_menu_arrow.png) 0 0 no-repeat; width:8px; height:5px; margin:7px 0 0 5px;} .pro_menu li a:hover span,.pro_menu li.current a span,.pro_menu li.sfHover a span{background:url(../images/pro_images/pro_menu_arrow.png) 0 -5px no-repeat;} .pro_menu li a:hover,.pro_menu li.sfHover a,.pro_menu li.current a{ border: 1px solid #0d0d0d; border-top:1px solid #0e0e0e; color:#fff; background: #575757; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDE0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#575757), to(#141414)); background: -webkit-linear-gradient(#575757, #141414); background: -moz-linear-gradient(#575757, #141414); background: -ms-linear-gradient(#575757, #141414); background: -o-linear-gradient(#575757, #141414); background: linear-gradient(#575757, #141414); -pie-background: linear-gradient(#575757, #141414); text-decoration:none; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px #595959;} .pro_menu li:first-child a{ background:none !important;-pie-background:none !important; border:none !important; box-shadow:none; padding:4px 1px; margin:1px 3px 0 0;} .pro_menu li:first-child:hover a{ box-shadow:none; opacity:.8;} .pro_menu ul { position:absolute; z-index: 99; top: -999em; width:150px; top:33px; left:0; display:none; padding:10px 0; border: 1px solid #0d0d0d; border-top:1px solid #0e0e0e; border-radius:0 0 6px 6px; background: #272727; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#272727), to(#0f0f0f)); background: -webkit-linear-gradient(#272727, #0f0f0f); background: -moz-linear-gradient(#272727, #0f0f0f); background: -ms-linear-gradient(#272727, #0f0f0f); background: -o-linear-gradient(#272727, #0f0f0f); background: linear-gradient(#272727, #0f0f0f); -pie-background: linear-gradient(#272727, #0f0f0f); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px #3b3b3b; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none;} .pro_menu li li{padding:5px 0px; width:100%; margin:0; float:none; font:13px/18px Arial, Helvetica, sans-serif; position:relative;} .pro_menu li li span{ display:block; background: url(../images/pro_images/pro_submenu2.png) 0 0 no-repeat; width:4px; height:7px; position:absolute; top:13px; top:12px\0/; right:55%; font:13px/18px Arial, Helvetica, sans-serif;} .pro_menu li li:hover span,.pro_menu li li.sfHover span,.pro_menu li li.current span{background: url(../images/pro_images/pro_submenu.png) 0 0 no-repeat;} .pro_menu li li a,.pro_menu li.sfHover li a,.pro_menu li.current li a{background:none;-pie-background:none; border:none; display:inline-block; margin:0 0 0 20px; padding:0; box-shadow:none; color:#a8a8a8; text-shadow:none;} .pro_menu li li a:hover,.pro_menu li li.sfHover a,.pro_menu li li.current a{color:#fff; opacity:1 !important;} .pro_menu ul ul { position:absolute; z-index: 99; top: -999em; width:150px; top:-10px; left:152px; padding:10px 0; display:none; border: 1px solid #0d0d0d; border-top:1px solid #0e0e0e; border-radius:6px; background: #272727; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); filter:none; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#272727), to(#0f0f0f)); background: -webkit-linear-gradient(#272727, #0f0f0f); background: -moz-linear-gradient(#272727, #0f0f0f); background: -ms-linear-gradient(#272727, #0f0f0f); background: -o-linear-gradient(#272727, #0f0f0f); background: linear-gradient(#272727, #0f0f0f); -pie-background: linear-gradient(#272727, #0f0f0f); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px #3b3b3b;} .pro_menu li li li a,.pro_menu li li.sfHover li a,.pro_menu li li.current li a{ color: #a8a8a8;} .pro_menu li li li a:hover,.pro_menu li li li.current a{color:#fff;} /***** PRO iframes sizes *****/ .pro_iframe iframe{ width:460px; height:264px;} .pro_iframe iframe2{ width:460px; height:259px;} .text6 { color: #282D39; display: block; font-family: 'Orbitron',sans-serif; font-size: 50px; font-weight: bold; line-height: 60px; padding-top: 48px; } .text7 { color: #282D39; display: block; font-family: 'Orbitron',sans-serif; font-size: 27px; font-weight: bold; line-height: 33px; margin-bottom: 37px; margin-top: -2px; } #page404 #search input { outline: none; border:none; color: #757575; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; line-height:15px; height:15px; background:#eeeeee; padding: 7px 8px; width: 214px; display:inline-block; } #page404 #search { position:relative; height:50px; padding-top: 25px; } #page404 #content .main { padding:23px 0 61px; } .main_h1 { padding-bottom:0 !important; margin-bottom:32px !important; }