.ctabs_wrapper {
        position: relative;
        display: block;
}
.ctabs_container {
	border: none;
	overflow: hidden;
	clear: both;
	background: #fff;
}
.ctab_content {
	padding: 20px 60px 20px 0;
}

@media screen and (max-device-width: 768px) {
    ul.ctabs {
	width: 95%;
        display: inline-block;
	margin: 20px 0 0 0 !important;
    }
    ul.ctabs li {
        display: inline-block;
        list-style: none;
    }
    #og_tab1_red li, #og_tab2_orange li, #og_tab3_green li, #og_tab4_red li,
                 #og_tab5_orange li, #og_tab6_green li, #og_tab7_red li, #og_tab8_red li {
        display: inline-block;
        list-style: none;
    }
}
@media not screen and (max-device-width: 768px) {
    ul.ctabs {
        display: inline-block;
	margin: 20px 0 0 0 !important;
    }
    ul.ctabs li, #og_tab1_red li, #og_tab2_orange li, #og_tab3_green li, #og_tab4_red li,
                 #og_tab5_orange li, #og_tab6_green li, #og_tab7_red li, #og_tab8_red li {
        display: inline-block;
    }
}
ul.ctabs {
	padding: 0;
	list-style: none;
	height: 32px;
}
ul.ctabs li {
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	/*overflow: hidden;*/
	position: relative;
        background: white;
}
ul.ctabs li a {
	text-decoration: none;
	color: #000 !important;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	/*border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.ctabs li a:hover {
	background: #EDEFF4;
}
html ul.ctabs li.active, html ul.ctabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
        background: #EDEFF4;
}
#og_tab1_red, #og_tab2_orange, #og_tab3_green, #og_tab4_red, #og_tab5_orange, #og_tab6_green, #og_tab7_red, #og_tab8_red {
        display: inline-block;
}
#t7_tabs_main, #t7_tabs_1, #t7_tabs_2, #t7_tabs_3, #t7_tabs_4, #t7_tabs_5, #t7_tabs_6, #t7_tabs_7, #t7_tabs_8 {
        display: inline-block;
}
#og_tab1_red li {
        background: rgb(205, 31, 37) !important;
}
#og_tab1_red li a, #og_tab1_red li a:hover {
        color: #fff !important;
        background: rgb(205, 31, 37) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(205, 31, 37) !important;
}
#og_tab2_orange li {
        background: rgb(237, 122, 34) !important;
}
#og_tab2_orange li a, #og_tab2_orange li a:hover {
        color: #fff !important;
        background: rgb(237, 122, 34) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(237, 122, 34) !important;
}
#og_tab3_green li {
        background: rgb(91, 185, 70) !important;
}
#og_tab3_green li a, #og_tab3_green li a:hover {
        color: #fff !important;
        background: rgb(91, 185, 70) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(91, 185, 70) !important;
}
#og_tab4_red li {
        background: rgb(205, 31, 37) !important;
}
#og_tab4_red li a, #og_tab4_red li a:hover {
        color: #fff !important;
        background: rgb(205, 31, 37) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(205, 31, 37) !important;
}
#og_tab5_orange li {
        background: rgb(237, 122, 34) !important;
}
#og_tab5_orange li a, #og_tab5_orange li a:hover {
        color: #fff !important;
        background: rgb(237, 122, 34) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(237, 122, 34) !important;
}
#og_tab6_green li {
        background: rgb(91, 185, 70) !important;
}
#og_tab6_green li a, #og_tab6_green li a:hover {
        color: #fff !important;
        background: rgb(91, 185, 70) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(91, 185, 70) !important;
}
#og_tab7_red li {
        background: rgb(205, 31, 37) !important;
}
#og_tab7_red li a, #og_tab7_red li a:hover {
        color: #fff !important;
        background: rgb(205, 31, 37) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(205, 31, 37) !important;
}
#og_tab8_red li {
        background: rgb(205, 31, 37) !important;
}
#og_tab8_red li a, #og_tab8_red li a:hover {
        color: #fff !important;
        background: rgb(205, 31, 37) !important;
        text-decoration: none !important;
	padding: 0 30px !important;
        border: 1px solid rgb(205, 31, 37) !important;
}
#t7_tabs_main li a, #t7_tabs_1 li a, #t7_tabs_2 li a, #t7_tabs_3 li a, #t7_tabs_4 li a, #t7_tabs_5 li a, #t7_tabs_6 li a, #t7_tabs_7 li a, #t7_tabs_8 li a {
        color: #fff !important;
}
#t7_tabs_main li a:hover, #t7_tabs_1 li a:hover, #t7_tabs_2 li a:hover, #t7_tabs_3 li a:hover, #t7_tabs_4 li a:hover, #t7_tabs_5 li a:hover, #t7_tabs_6 li a:hover, #t7_tabs_7 li a:hover, #t7_tabs_8 li a:hover {
        color: #fff !important;
}