/*================================================= 1 RESETS ================================================== */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;} body{line-height:1} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} nav ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} img {border:none;} body { height: 100%; margin: 0; padding: 0; font-family: "Roboto"; color:#4f4f4f; -webkit-font-smoothing: antialiased; } html { height: 100%; margin: 0; padding: 0; } /* Page structure */ /* #body-cloud-bg { background:url(../images/bg.jpg) no-repeat center bottom } */ #zfooter { width: 100%; height: 200px; padding: 25px 0 25px 0; margin-left: auto; margin-right: auto; background: url(../images/bg.jpg) no-repeat center bottom; } #zfooter h4 {margin:0px;} #zfooter .subscribe, #zfooter p, #zfooter nav {margin-top:20px; font-size: 12px} #zfooter a:hover {text-decoration:none; color:#f1592a;} #zfooter .subscribe input[type="text"] {width:60%; height:30px; float:left; border:#CCC solid 1px; background:#FFF; padding:0 10px; font-family: 'Roboto'; font-size:13px;color:#585858; } #zfooter .subscribe input[type="submit"] {width:30%; height:30px; float:left; margin:0px; font-size:14px; padding:0px; } #zfooter .copyrights {text-align:right;} #main-container { } /* content between header and footer */ .inner-panel { /* height: 100%; min-height: 100%; */ border-top: #dbdbdb solid 3px; /* background:url(../images/inner-panel-bg.png) repeat-x top left; */ } .middlecontainer { width: 100%; } .astable{ display: table; height: 100%; table-layout: fixed; width: 100%; } .astablerow{ display: table-row; } .full-height { } /*================================================= 2 ALIGN ================================================== */ .push-left {float:left !important;} .push-right {float:right !important;} .push-20 {margin-top:20px;} .m-none {margin:0px !important;} .m-t-none {margin-top:0px !important;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .row-default {width:100%; float:left} .row-space-01 {margin-top:65px;} .row-space-02 {margin-top:15px;} img {vertical-align: middle;} .img-responsive {display: block; height: auto; max-width: 100%;} .full {width:100%; -webkit-box-sizing:border-box; -moz- box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .hidden { display:none} /*================================================= 3 COLOR SWATCHES ================================================== */ .text-default {color:#ffffff} .text-primary {color:#ffe89c} .text-warning {color:#f9771a} .text-danger {color:#f55549} .text-success {color:#468e00} .text-info {color:#46bdc5} .text-color-01 {color:#14b2e8;}/*---blue---*/ .bg-default {background:#fff} .bg-primary {background:#ffe89c} .bg-warning {background:#f9771a} .bg-danger {background:#f55549} .bg-success {background:#468e00} .bg-info {background:#46bdc5} .bg-one {background:#FFF} /*================================================= 4 TYPOGRAPHY ================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Slab'; font-style: normal; font-weight: normal; line-height: 1.1; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-family: 'Roboto Slab'; font-weight: normal; font-weight: normal; line-height: 1; color: #9b815b; text-transform: none; } h1, h2, h3, .h1, .h2, .h3 {margin:50px 0 0 0;} h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {font-size: 75%;} h4, h5, h6 {margin: 50px 0 0 0;} h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {font-size: 75%;} h1, .h1 {font-size: 46px;} h2, .h2 {font-size: 40px;} h3, .h3 {font-size: 32px;} h4, .h4 {font-size: 26px;} h5, .h5 {font-size: 20px;} h6, .h6 {font-size: 18px;} p {margin:25px 0 0 0; color:#4f4f4f; line-height: 23px;} .lead { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size:18px; line-height: 1.2; color:#4f4f4f; } .supper-lead {font-size: 31px; line-height: 1.4;} small, .small {font-size: 99%;line-height: 1.5;} .italic {font-style:italic; line-height:1.8} .text-cp-none {text-transform:none} p img.push-left {margin:5px 30px 20px 0;} p img.push-right {margin:5px 0 20px 30px;} /* Default font */ * { font-family: 'Roboto', sans-serif; } /*================================================= 5 BUTTONS ================================================== */ a {color: #6f6f6f; /* transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; */ text-decoration: none;} a:hover, a:focus,a:active {color: #23a736; text-decoration:underline} .link-01 a {color:#FFFFFF; font-size: 16px; background-color: #23a736;; padding: 7px 10px 7px 10px; border; border-radius: 3px;} .link-01 a:hover, .link-01 a:focus, .link-01 a:active {color:#FFFFFF; background-color: #f1592a; text-decoration: none;} .btn { display: inline-block; padding: 8px 20px; margin: 5px; font-family: 'Roboto'; font-style: normal; font-weight: bold; font-size: 18px; line-height: 1.6; text-align: center; text-transform: uppercase; color: #fff; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none user-select: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background:#777777; } .btn:hover, .btn:focus {color: #ffffff;text-decoration: none; background:#23a736;} .btn-xlg {padding: 5px 40px; line-height: 2.5; font-size:26px;} .btn-lg {padding: 2px 30px; line-height: 2; font-size:28px;} .btn-sm {padding: 2px 10px; line-height: 1; font-size:19px;} .btn-min {padding: 2px 5px; line-height: 1; font-size:14px;} .btn-block {display:block; text-align:center;} .btn-radius-05 {border-radius:5px;} .btn-radius-08 {border-radius:8px;} .btn-radius-10 {border-radius:10px;} .btn-radius-15 {border-radius:15px;} .btn-radius-20 {border-radius:20px;} .btn-radius-25 {border-radius:25px;} .btn-01 {background:#23a736;} .btn-01:hover, .btn-01:focus {background:#f1592a;} .btn-02 {background:#f1592a;} .btn-02:hover, .btn-02:focus {background:#23a736;} /*================================================= 6 lABEL / HIGHLIGHTS ================================================== */ .label {display: inline; padding: .2em .6em .3em;font-size: 75%; font-weight: bold;line-height: 1; color: #ffffff; text-align: center;white-space: nowrap; vertical-align: baseline; border-radius: .25em;} .label[href]:hover, .label[href]:focus {color: #ffffff;text-decoration: none;cursor: pointer;} .label-01 {background-color: #999999;} .label-01[href]:hover, .label-01[href]:focus {background-color: #808080;} .highlight {background:#930; padding: 0 5px;} /*================================================= 7 LIST ================================================== */ .list-unstyle { list-style-type:none;} .list {font-family: 'Roboto'; font-style: normal; font-weight: 400; color:#4f4f4f; margin-top:30px;} .list li {list-style-type:none;font-size:18px; margin:10px 0 0 0; padding-left:20px; background:url(../images/li-01.png) no-repeat left 7px; line-height:normal} .list li:first-child {margin:0} .list li a {color:#adadad;} .list li a:hover {color:#3a7d14;} .accordion-nav {width:100%; height:auto; float:left; margin-top:35px; font-family: 'Roboto Slab'; font-size:20px; color:#666; background:#dee9d8; } .accordion-nav > li {width:100%; float:left;} .accordion-nav > li > a {width:100%; float:left; padding:10px 15px; background:#23a736; border-top:#093 solid 1px;color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; text-decoration:none !important} .accordion-nav > li ul {width:100%; height:auto; float:left; padding:0 15px; font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:none;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:none; } .accordion-nav > li ul li {width:100%; float:left; position:relative; background:url(../images/li-divider.png) repeat-x left bottom} .accordion-nav > li > ul > li > a {width:100%; float:left; padding:8px 0px 8px 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; text-decoration:none !important} .accordion-nav > li > ul > li:before {content:''; width: 0px;height: 0px;border-style: solid; border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #4f4f4f; padding:0px; box-sizing:inherit; position:absolute; left:5px; top:13px;} .accordion-nav > li > ul > li:hover:before {border-color: transparent transparent transparent #23a736;} .accordion-nav > li > ul > li:hover > a, .accordion-nav > li > ul > li.sub-current > a,.accordion-nav > li > ul > li.sub-current:hover > a {color:#23a736;} .accordion-nav > li.current > a, .accordion-nav > li:hover > a,.accordion-nav > li.mt-current > a {background:#f1592a; border-top:#d84417 solid 1px;} .accordion-nav > li > ul > li.current > a {color:#f1592a;} .ac-01.fix {width:280px; position:fixed; top:0; margin-top:0px;} .accordion-nav-list {width:100%; height:auto; float:left;} .accordion-nav-list li {width:100%; height:auto; float:left; list-style-type:none} .accordion-nav-list li h5 {width:auto; clear:both; cursor:pointer; margin-top:20px} .accordion-nav-list li:first-child h5 {margin:0px;} /*================================================= 8 BOX ================================================== */ .box-default {width:100%; height:230px; float:left; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .box-event {width:100%; border: 1px solid #E9D6D6; margin-bottom: 10px; height:auto; float:left; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .event-img { margin: auto; } blockquote {padding:20px; position:relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; text-align:center} blockquote p {font-family: 'Roboto Slab'; font-size: 33px; margin: 0px;} blockquote p span {color:#777} blockquote small {display:block; margin:10px 0 0 0} blockquote .source {display:block; font-weight:bold; font-style:italic; margin:10px 0 0 0} blockquote:before {content:'“'; font: normal 150px; position:absolute; left:50px; top:15px; color:#cccccc; line-height:100px;} blockquote:after {content:'”'; font: normal 83px; position:absolute; right:120px; bottom:-10px; color:#cccccc; line-height:60px;} .hero-unit {width:100%; height:auto; float:left; padding:20px; background:#FFF; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.1); box-shadow: 6px 6px 0px 0px rgba(50, 50, 50, 0.1);} .hero-unit h3 {width:auto; font-family: 'Roboto'; font-size:26px; font-weight: bold; display:inline-block; margin:0px 30px 0 0;} /*================================================= 9 NAV ================================================== */ /* --- Mobile NAV --- */ #zetta-mobile-nav {display: inline; float: left; height: 50px; padding: 12px 12px 10px 12px; text-transform: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; display: none; cursor: pointer; } #zetta-mobile-nav .button { float-left; padding-left: 20px; padding-top: 5px; } .zetta-mobile-container1 { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .mobilebg2 { background: #444 !important; border-bottom: 1px solid #555 !important; border-top: 1px solid #333 !important; } #zetta-mobile-nav-panel { position: absolute; top: 51px; width: 100%; height: 100%; background: #333; display: none; z-index: 10000; } .zetta-mobile-node { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; display: block; } .zetta-mobile-link { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; display: block; padding: 15px 20px 15px 20px; border-bottom: 1px solid #444; border-top: 1px solid #222; color: #fff; text-decoration: none; } .zetta-mobile-link:hover, .zetta-mobile-link:visited { color: #fff; text-decoration: none; } /* --- Full Side-NAV --- */ #zetta-nav { display: inline; float: left; height: 50px; padding: 12px 12px 10px 12px; text-transform: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; display: inline-block; cursor: pointer; } #zetta-nav .button { float-left; padding-left: 20px; padding-top: 5px; } #zetta-nav-level1 { visibility: hidden; position: absolute; top: 51px; left: 0px; display: block; width: 280px; height: 100%; background-color: #fff; z-index: 1000; padding: 0; border-right: 1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; transition: none; } #zetta-nav-level2 { visibility: hidden; position: absolute; top: 51px; left: 280px; display: block; width: 280px; height: 100%; background-color: #fff; z-index: 1000; padding: 0; border-right: 1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; transition: none; } #zetta-nav-level3 { visibility: hidden; position: absolute; top: 51px; left: 560px; display: block; width: 280px; height: 100%; background-color: #fff; z-index: 1000; padding: 0; border-right: 1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; transition: none; } .zetta-nav-content { visibility: inherit; position: absolute; top: 0px; left: 0px; display: block; width: 280px; height: 100%; background-color: #fff; z-index: 1000; padding: 15px 0px 15px 0px; border-right: 1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; transition: none; } .zetta-nav-header { display: block; padding: 8px 20px 8px 20px; color: #F1592A; font-weight: bold; } .zetta-nav-header-link:link { display: block; padding: 8px 20px 8px 20px; color: #F1592A; font-weight: bold; text-decoration: none; } .zetta-nav-node { display: block; padding: 0; margin: 0; } .zetta-nav-node a { display: block; text-decoration: none; -webkit-font-smoothing: antialiased; padding: 8px 20px 8px 20px; } .zetta-nav-node a:link, .zetta-nav-node a:visited, .zetta-nav-node a:active { color: #000; } .zetta-nav-node a:hover { color: #0A0; } nav#main-nav {z-index: 50; float:right; width:auto} nav#main-nav ul {position: relative;z-index: 49;margin: 0;padding: 0;list-style: none; float:right;} nav#main-nav ul li {position: relative;z-index: 45;float: left;padding: 0 20px; font-family: 'Roboto'; font-size:16px; text-transform: uppercase;text-decoration: none; } nav#main-nav > ul > li > a {display: block;line-height:50px;color:#231f20;text-decoration: none;position: relative; z-index: 45;} nav#main-nav > ul > li:hover {z-index: 46;color:#56963e; } nav#main-nav > ul > li:hover > a {z-index: 48;color: #56963e;} nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {color: #56963e;} nav#main-nav > ul > li.login {background:#f1592a; color:#fff; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; text-decoration:none;} nav#main-nav > ul > li.login:hover {background:#619d3e;} nav#main-nav > ul > li.login a {color:#fff;} nav#main-nav ul li .sub-menu {position: absolute;top:60px;left:-15px;background: #ffffff;width: 200px;padding: 0;display: none;z-index: 47;box-shadow: rgba(0,0,0, 0.2) 0px 0px 2px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 2px;-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 2px;} nav#main-nav ul .sub-menu li {float: none;border-top: 1px solid #d9d9d9;margin: 0;width: 100%;float: left;} nav#main-nav ul .sub-menu li:first-child {border-top: none;} nav#main-nav ul .sub-menu li a {color: #515151;line-height: 26px;width: 100%;float: left;font-size: 13px;padding: 4px 20px;text-decoration: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} nav#main-nav ul .sub-menu > li:hover > a {color: #fff;background: #46bdc5;} nav#main-nav ul .sub-menu li.current-menu-item > a {color: #1e7987;} nav#main-nav ul .sub-menu li .sub-menu {left: 250px;top: -3px;} /* Responsive Nav (created by javascript) ------------------------------------------------*/ #mobile-nav {float: left;width: 100%;height: auto;position: relative;margin-top: -12px;} #mobile-nav-content {float: left;width: 100%; height: auto;position:relative; z-index: 9999;} a.open-responsive-nav {width: 40px;height: 35px;font-size: 30px;line-height: 35px;display: none; margin:8px 10px 0 0 ;text-align: center;background:#5b983e;color: #fff;text-decoration: none !important;} a.open-responsive-nav:hover, a.open-responsive-nav.dropdown-open { color:#fff !important} @media only screen and (max-width: 767px), only screen and (min-device-width : 767px) and (max-device-width : 767px) and (orientation : landscape) { nav#main-nav {display: none;} a.open-responsive-nav {display: block;} } @media only screen and (min-width: 767px) { .menu-responsive {display: none !important;} } /*================================================= 10 TABS ================================================== */ ul.resp-tabs-list {margin: 0px; padding: 0px;} .resp-tabs-list li {font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0;list-style: none; cursor: pointer; float: left;} .resp-tabs-container {padding: 0px; background-color: #fff; clear: left;} h2.resp-accordion {cursor: pointer; padding:5px; display: none;} .resp-tab-content {display: none; padding: 15px;} .resp-tab-active {border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important;} .resp-tab-active {border-bottom: none; background-color: #fff;} .resp-content-active, .resp-accordion-active {display: block;} .resp-tab-content {border: 1px solid #c1c1c1;} h2.resp-accordion {font-size:13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;} h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;} /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list {float: left; width: 30%;} .resp-vtabs .resp-tabs-list li {display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none;} .resp-vtabs .resp-tabs-container {padding:0; background-color: #fff; border:1px solid #c1c1c1; float:left; width:68%; min-height:250px; border-radius:4px ; clear:none;} .resp-vtabs .resp-tab-content {border: none;} .resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important;} .resp-arrow {width:0; height:0;float:right; margin-top:3px;border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #c1c1c1;} h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;} /*-----------Accordion styles-----------*/ h2.resp-tab-active {background: #DBDBDB !important;} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;} .resp-jfit {width: 100%; margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block; background:#ebebeb } .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100% !important; min-height: initial; clear: none; } .resp-accordion-closed {display:none !important; } .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important; } } /*================================================= 11 MEDIA ================================================== */ .media {width:100%; height:auto; float:left;} .media .media-cnt {width:100%; height:auto; float:left;} .media figure {width:100%; height:auto; float:left; margin:10px 0 15px 0} .media figure img {width:100%; height:auto; float:left;} .thumbnail { width:100%; height:auto; float:left; margin-top:30px} .thumbnail h6 { margin-top:10px;} .thumbnail p { margin-top:10px;} .thumbnail .small {font-size:80%;} .thumbnail-list { width:100%; height:auto; float:left;} .thumbnail-list li { width:100%; height:auto; float:left; list-style-type:none; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumbnail-list li a { width:100%; height:auto; float:left; color:#23a736; text-decoration:none !important} .thumbnail-list li span { display:block; margin-top:15px; } .thumbnail-list.hoverEfx li:hover{ background:#dee9d8;} .thumbnail-list.col-mg li { width:25%;} .tab-list {width:100%; height:auto; float:left; background:#f4f4f4; } .tab-list li {width:auto; float:left; list-style-type:none; color:#4f4f4f; margin-right:1px;} .tab-list li a { float:left; padding:15px 15px; font-family: 'Roboto'; text-transform:uppercase; color:#4f4f4f; text-decoration:none !important} .tab-list li:hover, .tab-list li.active { background:#23a736} .tab-list li:hover a, .tab-list li.active a { color:#fff} .tab-list-cnt {width:100%; height:auto; padding:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*================================================= 11 DROPDOWN ================================================== */ .dropdown {position: absolute;z-index: 9999999;display: none; font-size:12px;} .dropdown .dropdown-menu, .dropdown .dropdown-panel {min-width: 160px;max-width: 360px;list-style: none;background: #FFF; overflow: visible;padding:0;margin: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);} .dropdown .dropdown-panel {padding: 10px;} .dropdown.dropdown-tip {margin-top: 8px;} .dropdown.dropdown-tip:before {position: absolute;top: -6px;left: 9px; content: '';border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2);display: inline-block;} .dropdown.dropdown-tip.dropdown-anchor-right:before {left: auto;right: 9px;} .dropdown.dropdown-tip:after {position: absolute; top: -5px; left: 10px; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; display: inline-block;} .dropdown.dropdown-tip.dropdown-anchor-right:after {left: auto;right: 10px;} .dropdown.dropdown-scroll .dropdown-menu,.dropdown.dropdown-scroll .dropdown-panel {max-height: 358px;overflow: auto; } .dropdown .dropdown-menu LI {list-style: none;padding: 0 0;margin: 0;line-height: 20px; border-top:#CCC solid 1px;} .dropdown .dropdown-menu LI:first-child {} .dropdown .dropdown-menu LI > A,.dropdown .dropdown-menu LABEL {display: block; ;text-decoration: none;line-height: 18px;padding: 6px 15px;} /* color: #555 */ .dropdown .dropdown-menu LI > A:hover,.dropdown .dropdown-menu LABEL:hover {background-color: #56963e;color: #FFF;cursor: pointer;} .dropdown .dropdown-menu .dropdown-divider {font-size: 1px;border-top: solid 1px #E5E5E5;padding: 0;margin: 5px 0;} /* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */ .dropdown.has-icons LI > A {padding-left: 30px;background-position: 8px center;background-repeat: no-repeat;} /*================================================= 12 FORMS ================================================== */ input[type="text"],input[type="number"],input[type="password"],input[type="search"] { height:auto; padding: 10px 10px; font-weight: bold; font-size: 13px; line-height: 1; color: #898477; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #dbdad5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;} } /*================================================= 15 TABLE ================================================== */ table {max-width: 100%; background-color: transparent;} .table {width: 100%; } .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {padding: 25px 20px; line-height: 1.428571429; vertical-align: central; text-align: center; font-family: 'Roboto';} .table thead > tr > th {padding: 25px 20px; font-family: 'Roboto Slab'; font-size:14px; color:#989898; background:none; text-transform:uppercase; text-align:center } .table tbody tr td {font-size:14px; border-top:#ececec solid 1px; border-bottom:#ececec solid 1px; border-left:#e4e4e4 solid 1px; color:#4f4f4f; } .table tbody tr td:first-child { border-left:none;} .table tbody tr td .btn {margin:0px;} .table.table2 {margin-top:25px; margin-bottom:25px;} .table.table2 tbody tr td {font-size:13px; font-family: 'Roboto'; text-align: center} .table.table2 tbody tr td.titel {font-family: 'Roboto'; font-size: 14px; font-weight: normal;} .table.table2 tbody tr td.price {color:#23a736;} /* Forum status table */ .forum-table {width: 100%; background-color: transparent; margin: 25px 0 50px 0; border-collapse: inherit;} .forum-table thead > tr > th, .forum-table tbody > tr > th, .forum-table tfoot > tr > th, .forum-table thead > tr > td, .forum-table tbody > tr > td, .forum-table tfoot > tr > td {padding: 5px 5px;line-height: 1.428571429; vertical-align:central;text-align:center; font-family: 'Roboto';} .forum-table thead > tr > th {padding: 5px 5px; font-family: 'Roboto Slab'; font-size:14px; color:#989898; background:none; text-transform:uppercase; text-align:center } .forum-table tbody tr td:first-child { text-align:left; padding-left: 10px;} .forum-table thead tr th:first-child { text-align:left; padding-left: 10px;} .forum-table tbody td { border: 1px solid #ececec; background-color: #FEFEFE; } .forum-post-title {color: #343434; } .forum-post-desc {color: #989898; margin: 5px; } /*================================================= 13 ICONS ================================================== */ @font-face {font-family: 'entypo';font-style: normal; font-weight: normal; src: url('../fonts/icon-fonts/entypo.eot'); src: url('../fonts/icon-fonts/entypo.eot?#iefix') format('eot'), url('../fonts/icon-fonts/entypo.woff') format('woff'), url('../fonts/icon-fonts/entypo.ttf') format('truetype'), url('../fonts/icon-fonts/entypo.svg#entypo') format('svg');} .entypo-note:before{content:"\266a"}.entypo-note-beamed:before{content:"\266b"}.entypo-music:before{content:"\1f3b5"}.entypo-search:before{content:"\1f50d"}.entypo-flashlight:before{content:"\1f526"}.entypo-mail:before{content:"\2709"}.entypo-heart:before{content:"\2665"}.entypo-heart-empty:before{content:"\2661"}.entypo-star:before{content:"\2605"}.entypo-star-empty:before{content:"\2606"}.entypo-user:before{content:"\1f464"}.entypo-users:before{content:"\1f465"}.entypo-user-add:before{content:"\e700"}.entypo-video:before{content:"\1f3ac"}.entypo-picture:before{content:"\1f304"}.entypo-camera:before{content:"\1f4f7"}.entypo-layout:before{content:"\268f"}.entypo-menu:before{content:"\2630"}.entypo-check:before{content:"\2713"}.entypo-cancel:before{content:"\2715"}.entypo-cancel-circled:before{content:"\2716"}.entypo-cancel-squared:before{content:"\274e"}.entypo-plus:before{content:"\2b"}.entypo-plus-circled:before{content:"\2795"}.entypo-plus-squared:before{content:"\229e"}.entypo-minus:before{content:"\2d"}.entypo-minus-circled:before{content:"\2796"}.entypo-minus-squared:before{content:"\229f"}.entypo-help:before{content:"\2753"}.entypo-help-circled:before{content:"\e704"}.entypo-info:before{content:"\2139"}.entypo-info-circled:before{content:"\e705"}.entypo-back:before{content:"\1f519"}.entypo-home:before{content:"\2302"}.entypo-link:before{content:"\1f517"}.entypo-attach:before{content:"\1f4ce"}.entypo-lock:before{content:"\1f512"}.entypo-lock-open:before{content:"\1f513"}.entypo-eye:before{content:"\e70a"}.entypo-tag:before{content:"\e70c"}.entypo-bookmark:before{content:"\1f516"}.entypo-bookmarks:before{content:"\1f4d1"}.entypo-flag:before{content:"\2691"}.entypo-thumbs-up:before{content:"\1f44d"}.entypo-thumbs-down:before{content:"\1f44e"}.entypo-download:before{content:"\1f4e5"}.entypo-upload:before{content:"\1f4e4"}.entypo-upload-cloud:before{content:"\e711"}.entypo-reply:before{content:"\e712"}.entypo-reply-all:before{content:"\e713"}.entypo-forward:before{content:"\27a6"}.entypo-quote:before{content:"\275e"}.entypo-code:before{content:"\e714"}.entypo-export:before{content:"\e715"}.entypo-pencil:before{content:"\270e"}.entypo-feather:before{content:"\2712"}.entypo-print:before{content:"\e716"}.entypo-retweet:before{content:"\e717"}.entypo-keyboard:before{content:"\2328"}.entypo-comment:before{content:"\e718"}.entypo-chat:before{content:"\e720"}.entypo-bell:before{content:"\1f514"}.entypo-attention:before{content:"\26a0"}.entypo-alert:before{content:"\1f4a5'"}.entypo-vcard:before{content:"\e722"}.entypo-address:before{content:"\e723"}.entypo-location:before{content:"\e724"}.entypo-map:before{content:"\e727"}.entypo-direction:before{content:"\27a2"}.entypo-compass:before{content:"\e728"}.entypo-cup:before{content:"\2615"}.entypo-trash:before{content:"\e729"}.entypo-doc:before{content:"\e730"}.entypo-docs:before{content:"\e736"}.entypo-doc-landscape:before{content:"\e737"}.entypo-doc-text:before{content:"\1f4c4"}.entypo-doc-text-inv:before{content:"\e731"}.entypo-newspaper:before{content:"\1f4f0"}.entypo-book-open:before{content:"\1f4d6"}.entypo-book:before{content:"\1f4d5"}.entypo-folder:before{content:"\1f4c1"}.entypo-archive:before{content:"\e738"}.entypo-box:before{content:"\1f4e6"}.entypo-rss:before{content:"\e73a"}.entypo-phone:before{content:"\1f4dE"}.entypo-cog:before{content:"\2699"}.entypo-tools:before{content:"\2692"}.entypo-share:before{content:"\e73c"}.entypo-shareable:before{content:"\e73e"}.entypo-basket:before{content:"\e73d"}.entypo-bag:before{content:"\1f45c'"}.entypo-calendar:before{content:"\1f4c5"}.entypo-login:before{content:"\e740"}.entypo-logout:before{content:"\e741"}.entypo-mic:before{content:"\1f3a4"}.entypo-mute:before{content:"\1f507"}.entypo-sound:before{content:"\1f50a"}.entypo-volume:before{content:"\e742"}.entypo-clock:before{content:"\1f554"}.entypo-hourglass:before{content:"\23f3"}.entypo-lamp:before{content:"\1f4a1"}.entypo-light-down:before{content:"\1f505"}.entypo-light-up:before{content:"\1f506"}.entypo-adjust:before{content:"\25d1"}.entypo-block:before{content:"\1f6ab"}.entypo-resize-full:before{content:"\e744"}.entypo-resize-small:before{content:"\e746"}.entypo-popup:before{content:"\e74c"}.entypo-publish:before{content:"\e74d"}.entypo-window:before{content:"\e74e"}.entypo-arrow-combo:before{content:"\e74f"}.entypo-down-circled:before{content:"\e758"}.entypo-left-circled:before{content:"\e759"}.entypo-right-circled:before{content:"\e75a"}.entypo-up-circled:before{content:"\e75b"}.entypo-down-open:before{content:"\e75c"}.entypo-left-open:before{content:"\e75d"}.entypo-right-open:before{content:"\e75e"}.entypo-up-open:before{content:"\e75f"}.entypo-down-open-mini:before{content:"\e760"}.entypo-left-open-mini:before{content:"\e761"}.entypo-right-open-mini:before{content:"\e762"}.entypo-up-open-mini:before{content:"\e763"}.entypo-down-open-big:before{content:"\e764"}.entypo-left-open-big:before{content:"\e765"}.entypo-right-open-big:before{content:"\e766"}.entypo-up-open-big:before{content:"\e767"}.entypo-down:before{content:"\2b07"}.entypo-left:before{content:"\2b05"}.entypo-right:before{content:"\27a1"}.entypo-up:before{content:"\2b06"}.entypo-down-dir:before{content:"\25be"}.entypo-left-dir:before{content:"\25c2"}.entypo-right-dir:before{content:"\25b8"}.entypo-up-dir:before{content:"\25b4"}.entypo-down-bold:before{content:"\e4b0"}.entypo-left-bold:before{content:"\e4ad"}.entypo-right-bold:before{content:"\e4ae"}.entypo-up-bold:before{content:"\e4af"}.entypo-down-thin:before{content:"\2193"}.entypo-left-thin:before{content:"\2190"}.entypo-right-thin:before{content:"\2192"}.entypo-up-thin:before{content:"\2191"}.entypo-ccw:before{content:"\27f2"}.entypo-cw:before{content:"\27f3"}.entypo-arrows-ccw:before{content:"\1f504"}.entypo-level-down:before{content:"\21b3"}.entypo-level-up:before{content:"\21b0"}.entypo-shuffle:before{content:"\1f500"}.entypo-loop:before{content:"\1f501"}.entypo-switch:before{content:"\21c6"}.entypo-play:before{content:"\25b6"}.entypo-stop:before{content:"\25a0"}.entypo-pause:before{content:"\2389"}.entypo-record:before{content:"\26ab"}.entypo-to-end:before{content:"\23ed"}.entypo-to-start:before{content:"\23ee"}.entypo-fast-forward:before{content:"\23e9"}.entypo-fast-backward:before{content:"\23ea"}.entypo-progress-0:before{content:"\e768"}.entypo-progress-1:before{content:"\e769"}.entypo-progress-2:before{content:"\e76a"}.entypo-progress-3:before{content:"\e76b"}.entypo-target:before{content:"\1f3af"}.entypo-palette:before{content:"\1f3a8"}.entypo-list:before{content:"\e005"}.entypo-list-add:before{content:"\e003"}.entypo-signal:before{content:"\1f4f6"}.entypo-trophy:before{content:"\1f3c6"}.entypo-battery:before{content:"\1f50b"}.entypo-back-in-time:before{content:"\e771"}.entypo-monitor:before{content:"\1f4bb"}.entypo-mobile:before{content:"\1f4f1"}.entypo-network:before{content:"\e776"}.entypo-cd:before{content:"\1f4bf"}.entypo-inbox:before{content:"\e777"}.entypo-install:before{content:"\e778"}.entypo-globe:before{content:"\1f30e"}.entypo-cloud:before{content:"\2601"}.entypo-cloud-thunder:before{content:"\26c8"}.entypo-flash:before{content:"\26a1"}.entypo-moon:before{content:"\263d"}.entypo-flight:before{content:"\2708"}.entypo-paper-plane:before{content:"\e79b"}.entypo-leaf:before{content:"\1f342"}.entypo-lifebuoy:before{content:"\e788"}.entypo-mouse:before{content:"\e789"}.entypo-briefcase:before{content:"\1f4bc"}.entypo-suitcase:before{content:"\e78e"}.entypo-dot:before{content:"\e78b"}.entypo-dot-2:before{content:"\e78c"}.entypo-dot-3:before{content:"\e78d"}.entypo-brush:before{content:"\e79a"}.entypo-magnet:before{content:"\e7a1"}.entypo-infinity:before{content:"\221e"}.entypo-erase:before{content:"\232b"}.entypo-chart-pie:before{content:"\e751"}.entypo-chart-line:before{content:"\1f4c8"}.entypo-chart-bar:before{content:"\1f4ca"}.entypo-chart-area:before{content:"\1f53e"}.entypo-tape:before{content:"\2707"}.entypo-graduation-cap:before{content:"\1f393"}.entypo-language:before{content:"\e752"}.entypo-ticket:before{content:"\1f3ab"}.entypo-water:before{content:"\1f4a6"}.entypo-droplet:before{content:"\1f4a7"}.entypo-air:before{content:"\e753"}.entypo-credit-card:before{content:"\1f4b3"}.entypo-floppy:before{content:"\1f4be"}.entypo-clipboard:before{content:"\1f4cb"}.entypo-megaphone:before{content:"\1f4e3"}.entypo-database:before{content:"\e754"}.entypo-drive:before{content:"\e755"}.entypo-bucket:before{content:"\e756"}.entypo-thermometer:before{content:"\e757"}.entypo-key:before{content:"\1f511"}.entypo-flow-cascade:before{content:"\e790"}.entypo-flow-branch:before{content:"\e791"}.entypo-flow-tree:before{content:"\e792"}.entypo-flow-line:before{content:"\e793"}.entypo-flow-parallel:before{content:"\e794"}.entypo-rocket:before{content:"\1f680"}.entypo-gauge:before{content:"\e7a2"}.entypo-traffic-cone:before{content:"\e7a3"}.entypo-cc:before{content:"\e7a5"}.entypo-cc-by:before{content:"\e7a6"}.entypo-cc-nc:before{content:"\e7a7"}.entypo-cc-nc-eu:before{content:"\e7a8"}.entypo-cc-nc-jp:before{content:"\e7a9"}.entypo-cc-sa:before{content:"\e7aa"}.entypo-cc-nd:before{content:"\e7ab"}.entypo-cc-pd:before{content:"\e7ac"}.entypo-cc-zero:before{content:"\e7ad"}.entypo-cc-share:before{content:"\e7ae"}.entypo-cc-remix:before{content:"\e7af"}.entypo-github:before{content:"\f300"}.entypo-github-circled:before{content:"\f301"}.entypo-flickr:before{content:"\f303"}.entypo-flickr-circled:before{content:"\f304"}.entypo-vimeo:before{content:"\f306"}.entypo-vimeo-circled:before{content:"\f307"}.entypo-twitter:before{content:"\f309"}.entypo-twitter-circled:before{content:"\f30a"}.entypo-facebook:before{content:"\f30c"}.entypo-facebook-circled:before{content:"\f30d"}.entypo-facebook-squared:before{content:"\f30e"}.entypo-gplus:before{content:"\f30f"}.entypo-gplus-circled:before{content:"\f310"}.entypo-pinterest:before{content:"\f312"}.entypo-pinterest-circled:before{content:"\f313"}.entypo-tumblr:before{content:"\f315"}.entypo-tumblr-circled:before{content:"\f316"}.entypo-linkedin:before{content:"\f318"}.entypo-linkedin-circled:before{content:"\f319"}.entypo-dribbble:before{content:"\f31b"}.entypo-dribbble-circled:before{content:"\f31c"}.entypo-stumbleupon:before{content:"\f31e"}.entypo-stumbleupon-circled:before{content:"\f31f"}.entypo-lastfm:before{content:"\f321"}.entypo-lastfm-circled:before{content:"\f322"}.entypo-rdio:before{content:"\f324"}.entypo-rdio-circled:before{content:"\f325"}.entypo-spotify:before{content:"\f327"}.entypo-spotify-circled:before{content:"\f328"}.entypo-qq:before{content:"\f32a"}.entypo-instagrem:before{content:"\f32d"}.entypo-dropbox:before{content:"\f330"}.entypo-evernote:before{content:"\f333"}.entypo-flattr:before{content:"\f336"}.entypo-skype:before{content:"\f339"}.entypo-skype-circled:before{content:"\f33a"}.entypo-renren:before{content:"\f33c"}.entypo-sina-weibo:before{content:"\f33f"}.entypo-paypal:before{content:"\f342"}.entypo-picasa:before{content:"\f345"}.entypo-soundcloud:before{content:"\f348"}.entypo-mixi:before{content:"\f34b"}.entypo-behance:before{content:"\f34e"}.entypo-google-circles:before{content:"\f351"}.entypo-vkontakte:before{content:"\f354"}.entypo-smashing:before{content:"\f357"}.entypo-sweden:before{content:"\f601"}.entypo-db-shape:before{content:"\f600"}.entypo-logo-db:before{content:"\f603"} /* entypo */ [class*="entypo-"]:before {font-family: 'entypo', sans-serif; font-style:normal;}