/* Style.css */ @CHARSET "UTF-8"; *{padding:0;margin:0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; } table{border-collapse: collapse;} input,select,textarea{ margin: 0; font-size: 1.1em; } ol, ul { list-style: none; } body{font-family: Arial; color: #333; /* background:url("../images/top_bg.jpg") repeat-x scroll right top #F4F4F4; */} ul,li{list-style:none;} img{border:none; } .pointer{ cursor: pointer; } .bold{font-weight:bold;} .u-line{text-decoration:underline;} .c-black{color: #000;} .blue{color: #012E79;} .clear{clear:both;} .content-wrapper{width:972px; margin: 0 auto;} .hidden-elem{display: none;} .gray-bottom-border{ background-image: url("../images/menu_s.jpg"); float: right; height: 7px; width: 100%; } .relative{ position: relative; } .youtube-wrapper{ margin: 10px auto; width: 500px; } .unselectable {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;} /******* end FULL-WIDTH *******/ #top_wrapper{direction:rtl;position: relative; font-size:14px;background: #F4F4F4;} #top_wrapper.small{font-size:14px;} #top_wrapper.meduim{font-size:16px;} #top_wrapper.big{font-size:18px;} .part-right{float: right;} .part-left{float: left;} a{color: #333; text-decoration:none;} #top_wrapper a.at-svc-email, #top_wrapper a.at-svc-wowbored, a.at-svc-print{background:transparent;} .list{font-size: 1em;} .nav-buttons-list{overflow:hidden;/* margin-right: 11px; */} #header .nav-buttons-list>li, #footer .nav-buttons-list>li{float: right; display: block;padding: 0 2px;} #header .nav-buttons-list>li.last, #footer .nav-buttons-list>li.last{border-left:none;} #header .second-line .nav-buttons-list>li{padding-left:0;} #header .second-line .nav-buttons-list>li:last-child{padding-left: 4px;} #header .nav-buttons-list>li.separator, #footer .nav-buttons-list>li.separator{padding: 0 4px;} /**** search ****/ #header .content.second-line .nav-buttons-list, .global-search{float:left;} .global-search{ position: relative; left: 0; overflow: hidden;border: 1px solid #dcdcd9;direction: ltr; width: 278px;} box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .global-search input{ float: right; } .global-search .search-keywords{border: none;padding: 4px 0px;text-align: right;width: 75%;direction: rtl;outline: none;display: inline-block;float: right; -webkit-box-shadow: 0px 2px 0px #bcbcbc inset; -moz-box-shadow: 0px 2px 0px #bcbcbc inset; -ms-box-shadow: 0px 2px 0px #bcbcbc inset; -o-box-shadow: 0px 2px 0px #bcbcbc inset; box-shadow: 0px 2px 0px #bcbcbc inset; } .global-search .search{color: black;width: 25%;height: 26px;padding: 0;margin: 0;border: 1px solid #dcdcd9;font-size: 0.9em;display: inline-block;float: left; background: -webkit-linear-gradient(#efefeb, #e2e2dc); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#efefeb, #e2e2dc); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#efefeb, #e2e2dc); /* For Firefox 3.6 to 15 */ background: linear-gradient(#efefeb, #e2e2dc); /* Standard syntax */; } #header .content.second-line .nav-buttons-list{position: relative; top: 1px;} /**** header ****/ .content{max-width: 1200px;width: 100%;margin: 0 auto;position: relative;} #header{ position: relative; z-index: 1; width: 100%;} #header #top_links{padding-bottom: 20px;} #header #top_links .part-right{} #header #top_links .part-right #tnuva_header_logo{ display: block; width: 100%; } #header #top_links .part-right #logo{width: 100%; display: block;} #header .change-size{ margin-top: -3px; display: inline-block; cursor: pointer; padding: 0 1px;} #header .youtube-icon, #header .facebook-icon{position:relative; top: 0px; display: block;margin: 0 3px;} /* A A A letters only!*/ #header .change-size.small{font-size: 12px;} #header .change-size.normal{font-size: 14px;} #header .change-size.big{font-size: 16px;} #header .part-left .nav-buttons-list>li.separator {padding: 0 5px;} #header .part-left .nav-buttons-list>li.separator:last-child {padding-left: 0;} #header .part-right .nav-buttons-list>li.separator {padding: 0 2px;} #header .upper-wrap {padding-top: 12px;background-color: #f6f6f2;padding-bottom: 8px;} #header .second-line .part-right {width: 12%;} #header .content.second-line {margin-top: 15px;} #header .second-line .part-left {width: 26em;} #header .youtube-icon img, #header .facebook-icon img{width:100%;display:block;} /**** footer ****/ #footer{ font-size: 15px;position: relative;} #footer_image_wrapper{ height: 92px;width: 100%;position: absolute;bottom: 0;display: block;/* background-color: #9BC3E9; */overflow: hidden;pointer-events: none;} #footer_image{background: url("/FileServer/Affiliates/512650/images/hills2.png") no-repeat scroll center bottom; height: 100%;position: relative;} #footer_backgound{position:relative; width: 100%; background: #f4f4f4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWJjM2U5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #f4f4f4 26%, #9bc3e9 100%); background: -webkit-linear-gradient(top, #f4f4f4 26%,#9bc3e9 100%); background: linear-gradient(to bottom, #f4f4f4 26%,#9bc3e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#9bc3e9',GradientType=0 ); } #footer_about_tnuva{float: right;overflow: hidden;width: 170px;} #footer_products_list{float: right; overflow: hidden; margin-right: 80px;position: relative;width: 748px;} #footer_products_list .separator{border-right: 1px dotted;height: 80%; position: absolute;top: 7px;right: 0;} #footer #footer_links #footer_products_list ul{float: right; margin-left: 8%;} #footer #footer_links #footer_products_list ul:nth-child(3){margin-left: 6.3%;} #footer #footer_links #footer_products_list ul:nth-child(5){margin-left: 9%;} #footer #footer_links #footer_products_list ul:nth-child(6){margin-left: 8.5%;} #footer #footer_links #footer_products_list ul:last-child{margin-left: 0;} #footer ul#footer_static_links.nav-buttons-list{ margin: 0; position: absolute; bottom: 1px; left: 0; } #footer ul#footer_static_links li{padding: 2px 4px; font-weight: bold;} #footer .footer-list-title{font-size: 1.5em; position: relative;width: 100%;} #footer .footer-list-title a{padding-left: 7px;padding-bottom: 7px;color: #ce3138;font-weight: bold;} #footer #footer_links{overflow:hidden;position: relative;padding-top: 30px; padding-bottom: 110px;margin: 0 auto;width: 1000px;} #footer #footer_links ul{margin: 20px 0 0 6px;} #footer #footer_about_tnuva ul li, #footer #footer_products_list ul li{ padding: 5px; padding-right: 0; padding-left: 0; position: relative; font-size: .95em; width: 100%;} #footer #footer_about_tnuva ul li a, #footer #footer_products_list ul li a{color: #294390;width: 100%;display: block;font-weight: bold;} #footer #footer_about_tnuva ul li a:hover, #footer #footer_about_tnuva ul li a:focus, #footer #footer_products_list ul li a:hover, #footer #footer_products_list ul li a:focus{ color: #000; } #footer #footer_links ul.first{margin-right:0;} #footer #footer_links ul.last{margin-left:0;} #footer #copyright{ padding-top: 8px; overflow: hidden; margin: 0 auto; max-width: 1476px; width: 90%;} #footer #copyright ul li{ display: block; float: right; } #footer #copyright a{display:block;color: white;} #footer #copyright .facebook-share{position: relative;top: -3px;} #footer #copyright .logos img{} #footer #copyright .copyright{float: right; padding-top: 2px;color: white;} #footer #copyright .logos{float: left;/* margin-top: 7px; */} #footer #copyright .logos #pionet{margin-top: -13px;} #footer #copyright .logos li{margin: 0 2px;} #footer #copyright .logos .separator{ margin-right: 8px; } #footer #copyright .copyright .first{padding-right:0;} #footer #copyright .copyright .copyright-item{ position: relative; padding: 0; color: white;} #footer #copyright .copyright .google-plus{top: -3px; margin-right: 6px; margin-left: 6px;} #footer #copyright .copyright .separator{height: 14px; border-right: 1px solid white;margin: 0 5px;margin-top: 2px;} #footer .footer-social-share{ position: absolute; z-index: 1; width: 74px; height: 18px; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #footer .footer-list-title:after { content: ""; position: absolute; bottom: -2px; left: -3px; right: 0px; height: 1px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmOGE1ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMmY4YTVmIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmOGE1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(47,138,95,0) 0%, rgba(47,138,95,0.01) 1%, rgba(47,138,95,1) 100%); background:-webkit-linear-gradient(left, rgba(47,138,95,0) 0%,rgba(47,138,95,0.01) 1%,rgba(47,138,95,1) 100%); background: linear-gradient(to right, rgba(47,138,95,0) 0%,rgba(47,138,95,0.01) 1%,rgba(47,138,95,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f8a5f', endColorstr='#2f8a5f',GradientType=1 ); } #footer #copyright_wrap{width: 100%;background-color: #007139;padding-top: 10px;padding-bottom: 10px;} #footer .copyright-img{margin-right: 6px;margin-left: 6px;margin-top: -3px;} /**** menu ****/ #menu{ clear: both; height: 3.5em;} #menu li.main-li{ box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float: right; position: relative; height: 100%; width: 11.1%; text-align: center; /*padding: 0 2.3%;*/ border-right: 1px solid #eaeae5; /* border-left: 1px solid #eaeae5; */} #menu li.main-li:nth-child(4) .menu-item{color: #007139;} #menu>li>a {height: 100%;} #menu li.main-li:last-child{border: 0px; position: relative; background: #2668af; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNjY4YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2668af 50%, #1e5799 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2668af), color-stop(60%,#1e5799)); background: -webkit-linear-gradient(top, #2668af 50%,#1e5799 60%); background: -o-linear-gradient(top, #2668af 50%,#1e5799 60%); background: -ms-linear-gradient(top, #2668af 50%,#1e5799 60%); background: linear-gradient(to bottom, #2668af 50%,#1e5799 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2668af', endColorstr='#1e5799',GradientType=0 ); } #menu li.main-li:last-child:hover{border: 0px; position: relative; background: #2668af; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyNjY4YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2668af 50%, #1e5799 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2668af), color-stop(60%,#1e5799)); background: -webkit-linear-gradient(top, #2668af 50%,#1e5799 60%); background: -o-linear-gradient(top, #2668af 50%,#1e5799 60%); background: -ms-linear-gradient(top, #2668af 50%,#1e5799 60%); background: linear-gradient(to bottom, #2668af 50%,#1e5799 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2668af', endColorstr='#1e5799',GradientType=0 ); } #menu li.main-li:last-child #menu_item_join{background: url('/FileServer/Affiliates/512650/images/menu-join.png') no-repeat;background-size: 90% 100%;background-position: center;height: 100%;width: 100%;cursor: pointer;} #menu li.selected{ padding-bottom: 0px; margin-top: 0; } #menu li a{ display: block; height: auto; cursor: pointer; width: 100%;} #menu li .menu-item{ display: block; font-size: 1.3em; font-weight: bold; border: solid 1px transparent; color: #2b71b7; padding-top: 0.8em;} #menu li .menu-item a{ color: #2C4E8D; } #menu li .menu-item.green{color: #42891e;} #menu li.menu-item-no-child .menu-item{ padding-bottom: 11px;} #menu li .menu-item li{} #menu li.selected .menu-item{} #menu li.selected .menu-item, #menu li:hover .menu-item, #menu li:focus .menu-item{ /* background: #ffffff; Old browsers */ /* /* IE9 SVG, needs conditional override of 'filter' to 'none' */ */ /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); */ /* background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 9%, #f2f2f2 15%, #f2f2f2 26%, #ffffff 49%, #ffffff 49%, #ffffff 100%); FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(9%,#f2f2f2), color-stop(15%,#f2f2f2), color-stop(26%,#f2f2f2), color-stop(49%,#ffffff), color-stop(49%,#ffffff), color-stop(100%,#ffffff)); Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 9%,#f2f2f2 15%,#f2f2f2 26%,#ffffff 49%,#ffffff 49%,#ffffff 100%); Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 9%,#f2f2f2 15%,#f2f2f2 26%,#ffffff 49%,#ffffff 49%,#ffffff 100%); Opera 11.10+ */ /* background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 9%,#f2f2f2 15%,#f2f2f2 26%,#ffffff 49%,#ffffff 49%,#ffffff 100%); IE10+ */ /* background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 9%,#f2f2f2 15%,#f2f2f2 26%,#ffffff 49%,#ffffff 49%,#ffffff 100%); W3C */ /* /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); IE6-8 */ */ /* -webkit-border-radius: 10px 10px 0 0; */ /* -moz-border-radius: 10px 10px 0 0; */ /* -ms-border-radius: 10px 10px 0 0; */ /* -o-border-radius: 10px 10px 0 0; */ /* border-radius: 10px 10px 0 0;; */ /* border: 1px solid #AFB3B7; */ /* border-bottom: none; */ background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ /* Standard syntax */; } #menu li.main-li.selected, #menu li.main-li:hover, #menu li.main-li:focus{ background: -webkit-linear-gradient(#f6f6f2, #fffffe);/* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#f6f6f2, #fffffe);/* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#f6f6f2, #fffffe);/* For Firefox 3.6 to 15 */ background: linear-gradient(#f6f6f2, #fffffe);/* Standard syntax */ /* border-right: 1px solid #eaeae5; */ /* border-left: 1px solid #eaeae5; */ } #menu li.selected .menu-item, #menu li.menu-item-no-child.selected .menu-item, #menu li.menu-item-no-child.selected:hover .menu-item{ /*padding-bottom:11px */} #menu li.selected:hover .menu-item{ /*padding-bottom:14px */} #menu li ul.menu-item-level-2{ display: none; position: absolute; top: 3.5em; right: -1px; border-right: 1px solid #eaeae5; border-left: 1px solid #eaeae5; border-bottom: 2px solid #2b71b7; z-index:1; width: 100%; background: #fff; padding-bottom: 2em;} #menu li ul li .menu-item-text{display: block; color: black; padding: 0; } #menu li ul li .menu-item-text:hover {color: #2b71b7;} #menu li ul li:last-child .menu-item-text{border-bottom: none;} #menu li ul li .menu-child-title{ display: block; } #menu li ul li .menu-item-text a{ font-size: 1em;} #menu li:hover .menu-item-level-2{ display: block; border-top: none; padding-left: 0; padding-right: 0;} #menu #nutritional-compass:hover .menu-item-level-2{height: 15.3em;} #menu li .menu-item-level-2 .level2-li{ margin: 0; width: 80%; cursor: pointer; text-align: right; padding: 0.6em 0; font-size: 1.1em; font-weight: bold; padding-right: 10%;} #menu li .menu-item-level-2 .sub-menu-list:hover .menu-item-text{} #menu li .menu-item-level-2 .sub-menu-list .menu-item-level-3{ top: -17%; right: 100%;} #menu li .menu-item-level-2 .sub-menu-list .menu-item-level-3 .menu-item-text{ background:none;} #menu li .menu-item-level-2 .sub-menu-list .menu-item-level-3 li:last-child .menu-item-text{border-bottom:none} /* #menu li .menu-item-level-2 .sub-menu-list:hover .menu-item-level-3{display: block;} */ #menu li .menu-item-level-2 .sub-menu-list .menu-item-level-3{display: block;} .sub-menues.menu-item-level-2{ } #menu_wrap {border-top: 1px solid #eaeae5;width: 100%;background-color: white;top: 0;height: 3.5em;z-index: 9999; -webkit-box-shadow: 0 8px 6px -6px #949494; -moz-box-shadow: 0 8px 6px -6px #949494; box-shadow: 0 10px 40px -6px #949494; /* position: fixed; */ } #menu>li:last-child .menu-item {color: white;} #menu>li:last-child:hover {border-right: 0px; border-left: 0px; background: #1e5799; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMyNjY4YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1e5799 50%, #2668af 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#1e5799), color-stop(60%,#2668af)); background: -webkit-linear-gradient(top, #1e5799 50%,#2668af 60%); background: -o-linear-gradient(top, #1e5799 50%,#2668af 60%); background: -ms-linear-gradient(top, #1e5799 50%,#2668af 60%); background: linear-gradient(to bottom, #1e5799 50%,#2668af 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2668af',GradientType=0 ); } #menu li ul.sub-menues.menu-item-level-2 li .menu-item-text{color: black;} #menu li ul.sub-menues.menu-item-level-2 {height: 14.5em;width: 35em;padding-top: 0.8em;margin-top: 1px;border-left: 0;} #menu li ul.sub-menues.menu-item-level-2 li .menu-item-text:hover {color: #2b71b7;} #menu li ul.sub-menues.menu-item-level-2 .level2-li {width: 50%;padding: 0;padding-right: 1.5em;padding-bottom: 0.8em;font-size: 1.1em;} #menu .menu-item-level-3 li {font-size: 0.9em;font-weight: normal;padding-bottom: 2px;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list a {cursor: pointer;padding-bottom: 0.8em;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list li a {cursor: pointer;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list {padding: 0;padding-right: 1.5em;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list li a:hover span {/* color: black; */} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list:nth-child(5) {position: absolute;top: 0.8em;right: 45%;} #menu li.menu-item-child:hover::after, #menu li.menu-item-child:focus::after {content: '';width: 100%;height: 1px;background-color: #fffffe;position: absolute;top: 100%;right: -1px;border-right: 1px solid #eaeae5;} #menu li:hover .menu-left-img-wrap {display: block;position: absolute;top: 0;margin-top: 0;right: 100%;background-color: #2b71b7;color: white;padding: 0.6em 1em 1em;height: 15.7em;width: 14em;text-align: right;border-bottom: 2px solid #2b71b7;} #menu li .menu-left-img-wrap {/* display: none !important; */} #menu .menu-left-img-wrapper{} #menu .menu-left-img {width: 100%;display: block;margin: 10px 0;padding-bottom: 66%;overflow: hidden;background-repeat: no-repeat;background-size: 100%;background-position: 50%;} #menu .menu-left-img-content{display:none;} #menu .menu-left-img-wrap .up-text {font-size: 1.1em;font-weight: bold;width: 90%;height: 65px;color: white;} #menu .menu-left-img-wrap .down-text {font-size: 0.9em;width: 90%;letter-spacing: 0.02em;} #replace_menu {position: absolute;width: 100%;height: 3.5em;margin-top: 1px;background-color: transparent;} #menu li ul.sub-menues.large.menu-item-level-2 .level2-li.sub-menu-list {float: right;display: list-item;position: relative;width: auto;} #menu li#Child_Nutrition ul.sub-menues.large.menu-item-level-2 .level2-li.sub-menu-list:nth-child(4) {height: 5em; overflow:hidden;} #menu li ul.sub-menues.large.menu-item-level-2 .level2-li.sub-menu-list:last-child{right: 0; top: 0;} #menu li ul.sub-menues.large.menu-item-level-2 {width: 54.6em;} #menu li ul.sub-menues.large.menu-item-level-2 .level2-li {float: right;width: 22%;padding-bottom: 0.625em;border-bottom: 2px solid transparent;} /* #menu li:hover ul.sub-menues.large.menu-item-level-2+.menu-left-img-wrap {right: 53.6em;} */ #menu li ul.sub-menues.large.menu-item-level-2 .level2-li.sub-menu-list ul.menu-item-level-3 {height: 15em;} .products-wrap { height: 61%; width: 100%; /* overflow: hidden; */ } #menu li .menu-item-level-2 .products-wrap li.level2-li { float: right; width: 27%; display: block; } #career {border-left: 1px solid #eaeae5;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list .menu-child-title .menu-item-text {color: #2b71b7;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list .menu-child-title .menu-item-text:hover {color: #193588;} #menu li ul.sub-menues.menu-item-level-2>li>a>.menu-item-text {color: #2b71b7;} #menu li ul.sub-menues.menu-item-level-2>li>a>.menu-item-text:hover {color: #193588;} #menu li ul.sub-menues.menu-item-level-2 .products-wrap .level2-li .menu-item-text {color: #2b71b7;} #menu li ul.sub-menues.menu-item-level-2 .products-wrap .level2-li .menu-item-text:hover {color: #193588;} #visitor-centers .menu-item-level-2.has-left-img,#support .menu-item-level-2.has-left-img,#career .menu-item-level-2.has-left-img{height:16.7em;padding-bottom:0.6em;margin-top:1px;} #menu li ul.sub-menues.menu-item-level-2 .products-wrap li.level2-li:last-child {} #menu li ul li.level2-li>a>.menu-item-text {color: #2b71b7;} #menu li ul li.level2-li>a>.menu-item-text:hover {color: #193588;} #menu li:nth-child(3) ul .menu-item-text, #menu li:nth-child(4) ul .menu-item-text, #menu li:nth-child(5) ul .menu-item-text, #menu li:nth-child(6) ul .menu-item-text, #menu li:nth-child(7) ul .menu-item-text {color: #000 !important; font-weight:normal;} #menu li:nth-child(3) ul .menu-item-text:hover, #menu li:nth-child(4) ul .menu-item-text:hover, #menu li:nth-child(5) ul .menu-item-text:hover, #menu li:nth-child(6) ul .menu-item-text:hover, #menu li:nth-child(7) ul .menu-item-text:hover {color: #2b71b7 !important; font-weight:normal;} /****************menu popup***********************/ #menu li #join_popup {border-bottom: 1px solid #283339; border-top: 1px solid #2b71b7; color: #2b71b7; width: 9.75em; height: 5.4em; position: absolute; left: 0; top: 3.5em; display: none; padding-right: 1em; background: #e5e5df; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e5e5df 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5df), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5df 0%,#ffffff 100%); background: -o-linear-gradient(top, #e5e5df 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e5e5df 0%,#ffffff 100%); background: linear-gradient(to bottom, #e5e5df 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5df', endColorstr='#ffffff',GradientType=0 ); -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #menu li .join-popup span { display: block; } #close_join_popup { position: absolute; top: 0.4em; left: 0.6em; cursor: pointer; width: 0.7em; height: 0.8em; background: url('../images/menu-close-popup.png'); background-size: 100% 100%;background-position: center; } #menu li #join_recive_anchor{width: 100%; font-size: 1.1em; color: #2b71b7; text-align: right;display: block;} #join_recive { margin-top: .6em; cursor: pointer; display: block;text-align: right;} #menu li #join_mail { height: initial; margin-top: 0.1em; position: relative;} #menu li #join_mail:after { content: ''; background: url('/FileServer/Affiliates/512650/images/menu-arrow-popup.png'); background-size: 100% 100%;background-position: center; position: absolute; height: 0.65em; width: 0.45em; top: 0.3em; right: 7.9em; } @media(max-width: 1250px){ #footer,#header{font-size: 14px;} .content {width: 90%;} .content#upper_wrap,.content.second-line,.content#menu {width: 98%;} #menu li ul.sub-menues.menu-item-level-2 .level2-li.sub-menu-list:last-child{/* right:50% */} #menu li ul.sub-menues.menu-item-level-2 .level2-li{width: 56%;} #menu li ul.sub-menues.menu-item-level-2 .products-wrap li.level2-li{width: 27%;} #menu li ul.sub-menues.menu-item-level-2{width: 30em;} #menu .menu-left-img-wrap .up-text,#menu .menu-left-img-wrap .down-text{width: 100%;} #menu li ul.sub-menues.large.menu-item-level-2{width: 53.6em;right: -2.6em;} #menu li:hover .menu-left-img-wrap{width: 13em;} } @media(max-width: 1100px){ #footer,#header{font-size: 13px;} #footer #footer_links{width: 90%;} #header .second-line .part-left{width: 21em;} #menu li ul.sub-menues.large.menu-item-level-2{width: 54.6em;right: -4.6em;} } @media(max-width: 1000px){ #footer,#header{font-size: 12px;} #footer #footer_links{width: 100%;} #header .second-line .part-left{width: 22em;} #menu li ul.sub-menues.large.menu-item-level-2{width: 53.9em;right: -1.9em;} } @media(max-width: 970px){ #footer,#header{font-size:12px;} #footer #copyright .copyright .separator{height: 12px;} #menu li ul.sub-menues.menu-item-level-2{width: 340%;} #menu li ul.sub-menues.large.menu-item-level-2{width: 53.9em;right: -5.9em;} #menu li.main-li{} } @media(max-width: 900px){ #footer,#header{font-size:11px;} div#footer_products_list{margin-right: 5%;} #header .second-line .part-left{width: 23em;} #menu li ul.sub-menues.large.menu-item-level-2{width: 54.1em;right: -7.2em;} /* #menu li:hover ul.sub-menues.large.menu-item-level-2+.menu-left-img-wrap{right: 47em;} */ } @media(max-width: 799px){ #footer,#header{font-size:9px;} div#footer_products_list{margin-right: 2%;} #header .youtube-icon, #header .facebook-icon{width: 60%;} #header .second-line .part-left{width: 26em;} #menu li ul.sub-menues.large.menu-item-level-2{width: 56em;right: -9em;} #menu li.main-li{} } /* End Style.css */ /* Home_Responsive.css */ @CHARSET "UTF-8"; /*.inner-page-container {width: 100%;}*/ #top_wrapper #page_wrapper.page-type-home{ width: 100%; } #top_wrapper #page_wrapper.page-type-home-responsive{ width: 100%; } #homepage{width: 100%;position: relative;font-size: 16px;background-color: white;} .image{display:block;width:100%;} .content{max-width: 1200px;width: 100%;margin: 0 auto;position: relative;} h2,h3,h4,h5,h6{font-weight:normal;} /* ========================================================================================================== */ /* slider */ .slider{ position: relative; width: 100%; z-index: 0;} .slide{width: 100%; background-size: cover;background-position: center;height: 500px;} .swiper-container-horizontal > .swiper-pagination {bottom: 70px;} .swiper-pagination-bullet {width: 15px;height: 15px;background: white;opacity: 1;border: 1px solid #3479bc;} .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {margin: 0 10px;} .swiper-pagination-bullet-active {background: #3479bc;} .swiper-slide-img {width: 100%;height: 100%;opacity: 0;} .one-slide .swiper-button-prev,.one-slide .swiper-button-next,.one-slide .swiper-pagination{display:none;} .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{opacity:0;height: 100%;position: absolute;top: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } .swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{opacity:1;} /* ========================================================================================================== */ /* CORRECT NUTRITION */ #correct_nutrition_wrapper{ text-align: center; position: relative; margin-top: -60px; margin-bottom: 30px; overflow: hidden;} #correct_nutrition_wrapper .age-wrapper{width: 32%;display: inline-block;background-color: white;height: 200px;margin-left: 1%;position: relative;border-right: 1px solid rgba(159,159,159,0.5);border-left: 1px solid rgba(159,159,159,0.5); box-shadow: 0 4px 4px -4px black; -webkit-box-shadow: 0 4px 4px -4px black; -o-box-shadow: 0 4px 4px -4px black; -moz-box-shadow: 0 4px 4px -4px black; -ms-box-shadow: 0 4px 4px -4px black; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .age-wrapper.toodler {} #correct_nutrition_wrapper .child-wrap{position: absolute;bottom: 0;right: 0;} #correct_nutrition_wrapper .toodler .child-wrap{display:block;background: url('../images/homepage/food-for-toodler.png');width: 165px;height: 193px;} #correct_nutrition_wrapper .child .child-wrap{display:block;background: url('../images/homepage/food-for-child.png');width: 211px;height: 196px;} #correct_nutrition_wrapper .youth .child-wrap{display:block;background: url('../images/homepage/food-for-youth.png');width: 184px;height: 196px;right: 0px;} #correct_nutrition_wrapper .title-wrap{position: absolute;left: 0;width: 50%;top: 24%;color: black;text-align: center;font-weight: bold;} #correct_nutrition_wrapper .main-title{display: block;font-size: 1.7em;line-height: 1em;width: 96%;font-weight: bold;} #correct_nutrition_wrapper .age{display: block; font-size: 1.2em;line-height: 1.5em;font-weight: bold;} #correct_nutrition_wrapper .read{display: inline-block; line-height: 1em;position: relative;} #correct_nutrition_wrapper .read span{font-size: 1.4em;width: 72%;display: inline-block;} #correct_nutrition_wrapper .arrow{width: 5.5%;display: inline-block;margin-right: 2%;} #correct_nutrition_wrapper .youth{margin-left: 0;} #correct_nutrition_wrapper .age-wrapper.toodler { background: radial-gradient(circle,white,#dfe9f4,#9fbfde,#568ec6); background: -webkit-radial-gradient(circle,white,#dfe9f4,#9fbfde,#568ec6); background: -o-radial-gradient(circle,white,#dfe9f4,#9fbfde,#568ec6); background: -moz-radial-gradient(circle,white,#dfe9f4,#9fbfde,#568ec6); background-size:1300% 1300%;background-position:50% 50%; } #correct_nutrition_wrapper .age-wrapper.toodler:hover {background-size:100% 100%;} #correct_nutrition_wrapper .age-wrapper.child{ background: -webkit-radial-gradient(circle,white,#d6e5ce,#93bb7f,#4a8d28); background: -o-radial-gradient(circle,white,#d6e5ce,#93bb7f,#4a8d28); background: radial-gradient(circle,white,#d6e5ce,#93bb7f,#4a8d28); background: -moz-radial-gradient(circle,white,#d6e5ce,#93bb7f,#4a8d28); background-size:1300% 1300%;background-position:50% 50%; } #correct_nutrition_wrapper .age-wrapper.child:hover {background-size:100% 100%;} #correct_nutrition_wrapper .age-wrapper.youth { background: -webkit-radial-gradient(circle,white,#f5d7d9,#e49298,#d24853); background: -o-radial-gradient(circle,white,#f5d7d9,#e49298,#d24853); background: radial-gradient(circle,white,#f5d7d9,#e49298,#d24853); background: -moz-radial-gradient(circle,white,#f5d7d9,#e49298,#d24853); background-size:1300% 1300%;background-position:50% 50%; } #correct_nutrition_wrapper .age-wrapper.youth:hover {background-size:100% 100%;} /* ========================================================================================================== */ /*** GALLERY ***/ .gallery-wrapper{ margin-top: 0px; float: none;} .gallery-wrapper .swiper-container{ width: 92%; margin-top: 0;} .gallery-wrapper .gallery-title{ display: none; } .gallery-wrapper .inner-gallery-container{ height: 120px; margin-bottom: 0; overflow: hidden; background: white; box-shadow: initial; border: none;} .inner-gallery-container .gallery-arrow-wrapper{ height: 66px;} .inner-gallery .gallery-item .image-wrapper{ border: none; height: 120px; width: 82px; display: table-cell; vertical-align: middle;} .inner-gallery .gallery-item .image-wrapper img{} .inner-gallery .gallery-item .text{display: none;} .inner-gallery-container .gallery-arrow-wrapper.right {border-left: none;} .inner-gallery-container .gallery-arrow-wrapper.left {border-right: none;} .inner-gallery-container .gallery-arrow{width: 100%;height: 100%;background-position: 0px 15px !important;} .inner-gallery-container .gallery-arrow.arrow-right {background: url('../images/homepage/gallery-arrow-right.png') no-repeat; background-size: 83% 45px;} .inner-gallery-container .gallery-arrow.arrow-left {background: url('../images/homepage/gallery-arrow-left.png') no-repeat; background-size: 83% 45px;} /* ========================================================================================================== */ /*** compass ***/ #compass{background: url('../images/homepage/sky.jpg');background-size: cover;background-position: center;height: 32em;text-align: center;} #compass .compass-content{font-size: 2em;color: #213c8c;position: absolute;left: 6%;top: 36%;width: 46%;text-align: center;z-index: 5;line-height: 1.1em;} #compass .compass-wrap{position: relative;width: 100%;height: 100%;} #compass #milk{position: absolute;display: block;width: 100%;margin: 0 auto;margin-top: 2%;} #compass .compass-circle-wrap{position: absolute;top: 1.2em;right: 10%;width: 30em;height: 30em;} #compass .cpmpass-img{display: block;position: absolute;} #compass #compass_border_1{width: 32%;top: 0;left: 0.15em; -webkit-transform-origin: 150% 0; -o-transform-origin: 150% 0; -moz-transform-origin: 150% 0; -ms-transform-origin: 150% 0; transform-origin: 150% 0; } #compass #compass_border_2{top: 0;left: 0;width: 50%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #compass #compass_border_3{top: 0;right: 0;width: 50%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } #compass #compass_border_4{width: 32%;right: 0; -webkit-transform-origin: -54% 0; -o-transform-origin: -54% 0; -moz-transform-origin: -54% 0; -ms-transform-origin: -54% 0; transform-origin: -54% 0; } #compass #compass_border_5{width: 50%;bottom: -0.2em;right: 25%; -webkit-transform-origin: 51% -143%; -o-transform-origin: 51% -143%; -moz-transform-origin: 51% -143%; -ms-transform-origin: 51% -143%; transform-origin: 51% -143%; } #compass #compass_circle{width: 67%;top: 16%;margin: 0 auto;right: 0;left: 0;pointer-events: none;} #compass #compass_compasses{z-index: 4;width: 11%; top: 31.5%;margin: 0 auto;right: 0;left: 0;transform: rotate(0deg);} #compass .line-up{position: absolute;top: 0;right: 0;display: block;/* overflow: hidden; */width: 100%;height: 15em;} #compass .line-down{position: absolute; top: 15em;right: 0;display: block; width: 100%;height: 15em;} #compass #compass_logo{z-index: 5;width: 15%;top: 42%;margin: 0 auto;right: 0;left: 0;} #compass a#center_circle {background-color: transparent;position: absolute;top: 16%;width: 67%;height: 72%;border-radius: 382px;margin: 0 auto;right: 0;left: 0;z-index: 100;cursor: pointer;} #compass .compass-circle-img{position: absolute;display: inline-block;cursor: pointer;display:none; -webkit-transition: transform .2s; -o-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; transition: transform .2s; } #compass #compass_border_2:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #compass #compass_border_3:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #compass #compass_border_4:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #compass #compass_border_5:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #compass #compass_border_1:hover { -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* ========================================================================================================== */ /* youtube */ #youtube{background: url('../images/homepage/youtube-bg.png');background-size: cover;background-position: center;height: 30em;text-align: center;position: relative;z-index: 2;margin-bottom: 2em;} #youtube .youtube-wrap{height: 100%;} #youtube .title{display: inline-block;width: 50%;position: absolute;right: 0;bottom: 36%;text-align: center;margin: 0 auto;color: #213c8c;} #youtube .youtube-logo{} #youtube .youtube-logo{display: block;margin: 0 auto;width: 17%;} #youtube .main-title{display: block;font-size: 2.5em;line-height: 1.5em;} #youtube .sub-title{display: block;font-size: 1em;font-weight: bold;} #youtube .youtube-btn{display: block;position: relative;width: 43%;margin: 0 auto;margin-top: 5%;color: white;font-weight: bold;font-size: 1.9em;padding: 2%;border-radius: 5px;border-bottom: 2px solid #3e5060; background: -webkit-linear-gradient(to bottom,#3479bc 50%, #2668af 60%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(to bottom,#3479bc 50%, #2668af 60%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(to bottom,#3479bc 50%, #2668af 60%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom,#3479bc 50%, #2668af 60%); /* Standard syntax */ } #youtube .youtube-btn:hover{ background: -webkit-linear-gradient(to bottom,#2668af 10%, #3479bc 30%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(to bottom,#2668af 10%, #3479bc 30%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(to bottom,#2668af 10%, #3479bc 30%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom,#2668af 10%, #3479bc 30%); /* Standard syntax */ } #youtube .insert-btn{} #youtube .video-wrap{display: inline-block;/* float: left; */width: 555px;position: absolute;margin: 0 auto;bottom: 28%;left: 0;} #youtube .video{width:100%;height: 314px;float: left;} #youtube .youtube-btn::after {background-image: url(../images/homepage/insert-btn-shadow.png);width: 100%;height: 1.5em;content: '';position: absolute;top: 92%;right: 0;display: block;background-size: 100% 100%;background-repeat: no-repeat;} #youtube .video-wrap::after {background-image: url(../images/homepage/youtube-shadow.png);width: 100%;height: 2em;content: '';position: absolute; top: 100%;right: 0; display: block;background-size: 100% 100%;background-repeat: no-repeat;display: none;} /* ========================================================================================================== */ /* cubes */ #cubes{height: 930px;} #cubes .cube{width: 33.333%;display: inline-block;position: absolute;height: 33.333%;} #cubes .cube-content{color: white;text-align: center;z-index: 9;} #cubes #main_cube{color: black;background-color: white;top: 0;right: 0;} #cubes .main-title{display: block;font-size: 2em;margin-top: 27%;} #cubes .sub-title{display: block;font-size: 1em;width: 83%;margin: 0 auto;} #cubes .cube-image-content{z-index: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .25s; -moz-transitiontion: -moz-transform .25s; -ms-transition: -ms-transform .25s; -o-transition: -o-transform .25s; transition: transform .25s; } #cubes #red_cube{background-color: #c8323d;top: 0;right: 66.666%;} #cubes #blue_cube{background-color: #213c8c;top: 33.333%;right: 33.333%;} #cubes #green_cube{background-color: #41871d;top: 66.666%;right: 66.666%;} #cubes #light_blue_cube{background-color: #409fe3;top: 66.666%;right: 0;} #cubes .line{overflow: hidden;position: relative;width: 100%;} #cubes #children_cooking{top: 0;right: 33.333%;} #cubes #menu_children{top: 33.333%;right: 0;} #cubes #eat_today{top: 33.333%;right: 66.666%;} #cubes #plate_play{top: 66.666%;right: 33.333%;} /* #cubes-wrap::before {background-image: url(../images/homepage/cubes-shadow.png);content: '';position: absolute; right: 0;left: 0;z-index: 5;width: 90%;height: 8%;margin: 0 auto;top: 0;background-size: 100% 100%;background-repeat: no-repeat;} */ #cubes-wrap{width: 100%;background-color: #f4f4f4;padding-top: 12%;margin-top: -12%;position: relative;z-index: 1;padding-bottom: 7em;} #cubes #red_cube::after {background-image: url(../images/homepage/red-arrow.png);content: '';position: absolute;left: 100%;top: 35%;z-index: 5;width: 10%;height: 23%;background-size: 100%;background-repeat: no-repeat;} #cubes #blue_cube::after {background-image: url(../images/homepage/blue-arrow.png);content: '';position: absolute; left: 100%; top: 35%; z-index: 5; width: 10%;height: 23%;background-size: 100%;background-repeat: no-repeat;} #cubes #green_cube::before {background-image: url(../images/homepage/green-arrow.png);content: '';position: absolute; right: 38%;z-index: 5;width: 21%;height: 12%;top: -12%;background-size: 100% 100%;background-repeat: no-repeat;} #cubes #light_blue_cube::after {background-image: url(../images/homepage/light-blue-arrow.png);content: '';position: absolute; right: 100%; top: 35%; z-index: 5; width: 10%;height: 23%;background-size: 100%;background-repeat: no-repeat;} #cubes .cube.cube-image {overflow: hidden;} #cubes .cube-image-content {width: 100%;height: 100%;} #cubes #children_cooking .cube-image-content {background: url('../images/homepage/children-cooking.jpg');background-size: cover;background-position: center;} #cubes #menu_children .cube-image-content {background: url('../images/homepage/menu-children.jpg');background-size: cover;background-position: center;} #cubes #eat_today .cube-image-content {background: url('../images/homepage/eat-today.jpg');background-size: cover;background-position: center;} #cubes #plate_play .cube-image-content {background: url('../images/homepage/plate-play.jpg');background-size: cover;background-position: center;} #cubes .cube-image-content:hover { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } /* ========================================================================================================== */ @media(max-width: 1250px){ .slide{height: 430px;} #homepage{font-size: 15px;} #youtube{height: 28em;} #youtube .video-wrap{width: 487px;} #youtube .video{height: 274px;} #cubes{height: 870px;} .content{width: 90%;} } @media(max-width: 1100px){ .slide{height: 380px;} #homepage{font-size: 14px;} #youtube .video-wrap{width: 444px;} #youtube .video{height: 250.5px;} #cubes{height: 825px;} #correct_nutrition_wrapper .age-wrapper{height: 165px;} } @media(max-width: 1000px){ .slide{height: 372px;} #homepage{font-size: 13px;} #youtube{height: 29em;} #youtube .video-wrap{width: 429px;} #youtube .video{height: 242px;} #cubes{height: 795px;} } @media(max-width: 970px){ .slide{height: 350px;} #homepage{font-size: 13px;} #youtube{height: 26em;} #youtube .video-wrap{width: 390px;} #youtube .video{height: 220.33px;} #cubes{height: 765px;} #correct_nutrition_wrapper .age-wrapper{height: 147px;} } @media(max-width: 900px){ .slide{height: 322px;} #homepage{font-size: 11px;} #youtube{height: 28em;} #youtube .video-wrap{width: 352px;} #youtube .video{height: 198px;} #cubes{height: 630px;} } @media(max-width: 799px){ .slide{height: 258px;} #homepage{font-size: 9px;} #correct_nutrition_wrapper .age-wrapper{width: 31%;} #youtube .video-wrap{width: 279px;} #youtube .video{height: 158px;} #cubes{height: 455px;} #correct_nutrition_wrapper .age-wrapper{height: 113px;} } /* until 640px */ /* End Home_Responsive.css */ /* Start Breadcrubms */ /*****************************************breadcrumbs**************************************/ .breadcrumbs{height: 32px; position: relative;} .breadcrumbs .inner-breadcrumbs-wrapper{float:left; font-size:1em; line-height:2.5em;width: 98.3%;} .breadcrumbs .inner-breadcrumbs-wrapper .back-container{/* float:left; */ /* margin-left:10px; */position: absolute;left: 20px;top: 0;} .breadcrumbs .inner-breadcrumbs-wrapper .back-container .gray-arrow{background:url('../view/images/arrow_right_panel.png') no-repeat; width:15px; height:15px; display:inline-block; position:relative; background-position:-15px 0; top:4px; right:3px;} .breadcrumbs .inner-breadcrumbs-wrapper .item{margin-left: 0px;color: #333;} .breadcrumbs .inner-breadcrumbs-wrapper .separator{background: url("../view/images/arrow-left-icon.png") no-repeat; display: inline-block; width:11px; height:11px;position: relative;top: 0.12em;margin: 0 2px;} /* .breadcrumbs .inner-breadcrumbs-wrapper .separator{ display: inline-block; width: 2px; } */ .breadcrumbs .inner-breadcrumbs-wrapper .item a:hover, .breadcrumbs .inner-breadcrumbs-wrapper .item a:focus{color:#444444;} #top_wrapper{direction:rtl;position: relative; padding-top: 12px; font-size:14px;} #top_wrapper.small{font-size:14px;} #top_wrapper.meduim{font-size:16px;} #top_wrapper.big{font-size:18px;} .part-right{float: right;} .part-left{float: left;} a{color: #333; text-decoration:none;} #top_wrapper a.at-svc-email, #top_wrapper a.at-svc-wowbored, a.at-svc-print{background:transparent;} #top_wrapper.has-right-menu.has-widgets .inner-page-container .main-content.full-width, #top_wrapper.has-right-menu.has-widgets .breadcrumbs .inner-breadcrumbs-wrapper{ width: 79%; } .has-right-menu .breadcrumbs .inner-breadcrumbs-wrapper{width: 78.9%;} /* right-menu */ #top_wrapper.has-right-menu{} #top_wrapper.has-right-menu #page_wrapper{ width: 77%; float: right; } #top_wrapper.has-right-menu .right-panel{ width: 19%; } /* End Breadcrumbs*/ /****************right panel***********************/ .right-panel{float:right; width:184px; padding-left: 40px; font-size:1em; /*text-indent:26px;*/ background:url('../view/images/right_menu_main_bg.png') top right no-repeat;} .right-panel a{display:block;} .right-panel .menu-title{line-height:30px; height:31px; border-bottom:1px solid #919191; font-size: 1.2em; color:#696969; text-indent:12px; width:178px; background: #d8d8d8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d8d8d8 0%, #fbfbfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8d8d8 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8d8d8 0%,#fbfbfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8d8d8 0%,#fbfbfb 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8d8d8 0%,#fbfbfb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */ -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } .right-panel .side-menu{width:178px;} .right-panel .side-menu li{color:#2b71b7; border-top:1px solid #fafafa; border-bottom:1px solid #b2b2b2; min-height:21px; position:relative; border-right:1px solid #e1e1e1; margin:0; padding:0; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #eeeeee 1%, #f8f8f8 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(90%,#f8f8f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 1%,#f8f8f8 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 1%,#f8f8f8 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 1%,#f8f8f8 90%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 1%,#f8f8f8 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */ } .right-panel .side-menu li a{color:#2b71b7;} .right-panel .side-menu li.selected, .right-panel .side-menu li.sub-menu ul.sub-menu-list li.active a{ background: #f4f8fc; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMSUiIHN0b3AtY29sb3I9IiNmNGY4ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjhmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjZWZmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2U5ZWJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2RhZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2RhZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #f4f8fc -1%, #f4f8fc 0%, #eceff2 40%, #e9ebed 43%, #dadbdb 85%, #dadbdb 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(-1%,#f4f8fc), color-stop(0%,#f4f8fc), color-stop(40%,#eceff2), color-stop(43%,#e9ebed), color-stop(85%,#dadbdb), color-stop(85%,#dadbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f4f8fc -1%,#f4f8fc 0%,#eceff2 40%,#e9ebed 43%,#dadbdb 85%,#dadbdb 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f4f8fc -1%,#f4f8fc 0%,#eceff2 40%,#e9ebed 43%,#dadbdb 85%,#dadbdb 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f4f8fc -1%,#f4f8fc 0%,#eceff2 40%,#e9ebed 43%,#dadbdb 85%,#dadbdb 85%); /* IE10+ */ background: linear-gradient(to right, #f4f8fc -1%,#f4f8fc 0%,#eceff2 40%,#e9ebed 43%,#dadbdb 85%,#dadbdb 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fc', endColorstr='#dadbdb',GradientType=1 ); /* IE6-8 */ } .right-panel .side-menu li a .inner-padding{padding-top: 7px; padding-bottom: 4px; min-height:21px;padding-right: 1.7em; padding-left: 0.5em; display: block; } .right-panel .side-menu li.green a{color:rgb(65, 135, 29);} .right-panel .side-menu li.red a{color:rgb(165, 38, 46);} .right-panel .side-menu li .arrow{background:url('../view/images/arrow_right_panel.png') no-repeat; background-position: -15px 0; width:15px; height:15px; display:block; position:absolute; top: 0.6em; right: 5px;} .right-panel .side-menu li.open .arrow{background-position:0 0; top: 0.8em;} .right-panel .side-menu li.sub-menu{background:none; margin:0; padding:0; border-top:0px;} .right-panel .side-menu li.sub-menu ul.sub-menu-list{padding:0; margin:0; background:#fff;} .right-panel .side-menu li.sub-menu ul.sub-menu-list li{background:#fbfbfb; border-bottom:1px dotted #b2b2b2; color:#909090; margin:0; padding:0; filter:none;} .right-panel .side-menu li.sub-menu ul.sub-menu-list li a{color:#909090; font-weight:normal; padding:0; margin:0;} .right-panel .side-menu li.sub-menu ul.sub-menu-list li a .inner-padding{padding-top:5px;padding-bottom: 2px; padding-left: 2px;} .right-panel .side-menu li.sub-menu ul.sub-menu-list li.first-item{background:url('../view/images/right_panel_level_2_top.png') #fbfbfb no-repeat right top; border-top:0px;} .right-panel .side-menu li.sub-menu ul.sub-menu-list li.last-item{border-bottom:0px; background:url('../view/images/right_panel_level_2_bottom.png') bottom right no-repeat;}@CHARSET "UTF-8"; .big .right-panel .side-menu li a{padding: 0 4px;} .big .right-panel .side-menu li.sub-menu ul.sub-menu-list li a .inner-padding{text-indent: 0; padding-right: 15px;padding-left: 9px;} .right-panel .side-menu li .four-child{ background: #fff; } .right-panel .side-menu li.sub-menu ul.sub-menu-list ul.four-child li{ border-bottom:0; } /** animation **/ .right-panel .side-menu li a .inner-padding{ position: relative; right: 0px; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s; } .right-panel .side-menu li a:hover .inner-padding, .right-panel .side-menu li a:focus .inner-padding{ right: 5px; } /* Custom*/ .StandardType h2 { color:#2b71b7; } .SearchBox h2 { color:#878787; } TABLE.jobListing.AffiliateSectionDesc, TABLE.jobListing.ItemAffiliateSectionDesc { width: 20%; } TABLE.jobListing .startGutter2 A { color:#2b6fb5; } TABLE.jobListing .startGutter2 A :hover { color:#2b71b7; } TABLE.jobListing .ItemJobTitle { width: 471px; } ul.Pagination A { background-color:#2b71b7; } .StandardType .SearchResultsTitle .jobMatches { color:#3d6798; } .StandardType .Strip { color:#2b71b7; } form { background-color:#f4f4f4; } .AdvancedSearchLink { visibility: hidden; } .StandardType .MainContainer .Main .Content { border-left:none; } .search_box { display:none; } .ms-rtestate-write { cursor: text; min-height: 1em; } .ms-rtestate-field TABLE, .ms-rtestate-write TABLE { border-collapse: collapse; } .ms-rtestate-write p, .ms-rtestate-read p { margin: 0px 0px 10px 0px; } .ms-rtestate-field { word-wrap: break-word; } .ms-rtestate-field a:hover { text-decoration:underline; } .ms-rtestate-write { cursor:text; min-height:1em; } .ms-rtestate-field TABLE,.ms-rtestate-write TABLE { border-collapse:collapse; } .ms-rtestate-write p,.ms-rtestate-read p{ margin:0px 0px 10px 0px; } .ms-rtestate-field { word-wrap:break-word; } table.jobListing .startGutter2 { text-align:right; } table.jobListing .startGutter2 a, table.jobListing .startGutter2 a:hover { padding-right:0px; } .StandardType .FullContainer .Content .DivPadding,.StandardType .Content .DivPadding { } .StandardType .FullContainer .Content ,.StandardType .MainContainer .Main .Content { float:left; margin-left:20px; } @media only screen and (max-width: 1250px) { .StandardType .FullContainer .Content ,.StandardType .MainContainer .Main .Content { float: initial; } } .Main { background-color:#f4f4f4; } .MainContainer { border:none; } .StandardType .SearchBox { border:none; padding:17px 15px 15px 40px; background-color:#d8e7f8; margin-bottom:15px; } .ButtonRight, .ButtonLeft { display:none; background-color: #1166aa; } .Button a , .Button a:link, .Button a:hover, .Button a:visited { color: #fff; line-height:25px; } .Button .ButtonMid:hover{ background-color:#3676AA!important; } .Button .ButtonMid, .ButtonFindJobs{ height: 25px; line-height:25px; background-color:#1166aa; padding:1px 20px; width:auto !important } .ButtonFindJobs { background-image: none; height: 25px; background-color: #1166aa!important; font-size: 100%; float:left } .ButtonFindJobs .ButtonMid a:link { color: #FFF; line-height:25px; } .ButtonFindJobs .ButtonMid{ background-image:none !important; background-color:#1166aa !important; height:25px; } .ButtonFindJobs:hover, .ButtonFindJobs .ButtonMid:hover{ background-color:#3676AA!important; } .StandardType .SearchBox INPUT.text, .StandardType .SearchBox SELECT { border-color:#1166aa; color:#878787; } .StandardType .MainContainer .Main .Content { width:750px; /*width: 100%;*/ } .TableLabel,TABLE.jobListing { background-color:#f4f4f4; } TABLE.jobListing { margin-top:10px; } .MainArea u ,.MainArea strong { color:#2b71b7; } H5 { font-size: 110%; } .StandardType .SearchResultsTitle { font-size:15px; color:#696969; font-weight:bold; } .TableLabel h2 , .NotesListTbl { display:none; } table.jobListing th { color:#2b6fb5; } .StandardType h2 { margin:0; padding:0; } .NoResultHelpfulTips, .NoResultsSeperatePar { padding-bottom:0px; } .positionDescriptionStrong { display:none; } table.jobListingPriority { background-color:#d8e7f8; margin-bottom:15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } .TableLabelPriority h2 { display:inline; color:#696969; } .xClassCover { display: none; } .ClassDIVCover { display: none; } table.jobListingPriority td { border-bottom-width:2px; } FORM, UL, OL{ margin: auto; padding: auto; color: #676767;font-family: Verdana, Arial, sans-serif; } H1 {color:#2b6fb5;font-family: Verdana, Arial, sans-serif; } .FloatRightOverride, .FloatLeftOverride{font-family: Verdana, Arial, sans-serif; } .jobListing th.posted, .jobListing td.postedCell { display: none; } table.jobListing .jobTitle { width: 70%; } TABLE.jobListingPriority TH, TABLE.jobListingPriority TD, .Headerclass { border-bottom: none; } #ctl00_MasterContentPlaceHolder_GeneralJobDescription_DivSendPositionToFriend { display: none; } a:link { text-decoration: none; } .FastApplySubmit { padding-top: 10px; } /* Hide sources ddl in apply */ /*#ctl00_MasterContentPlaceHolder_CandidatesSources_CandidateSources { display: none; }*/ /* End Custom*/ /* Changes by Lyn */ #menu li#products.main-li ul.sub-menues.menu-item-level-2{width: 42em;} #menu li#products.main-li .menu-item-level-2 .products-wrap li.level2-li{width: 21%; padding-bottom: 0; min-height: 34px;} #join_recive_anchor .main-li:hover #join_popup {display:block;z-index:9999;} #ctl00_MasterContentPlaceHolder_CandidatesSources_CandidateSourcesTypeDropDown > option[value='3'] { display: none } #ctl00_MasterContentPlaceHolder_GeneralJobDescription_trJobPostingDate { display: none; } @media only screen and (max-width: 1250px) { .StandardType .MainContainer .Main .Content { width: 100%; } }