.tooltip{
	position: absolute;
	z-index: 9999;
}

.tooltip_marker{
	display: block;
	font-size: 20px;
	background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 100px;
	-webkit-animation: tooltip-scale 0.8s ease-in infinite;
	-moz-animation: tooltip-scale 0.8s ease-in infinite;
	-ms-animation: tooltip-scale 0.8s ease-in infinite;
	-o-animation: tooltip-scale 0.8s ease-in infinite;
	animation: tooltip-scale 0.8s ease-in infinite;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
	.tooltip_marker{
		background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
	.tooltip_marker{
		background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button_2x.png');
	}
}

@-webkit-keyframes tooltip-scale {
	0% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(0.8)
	}
	100% {
		-webkit-transform: scale(1)
	}
}
@-moz-keyframes tooltip-scale {
	0% {
		-moz-transform: scale(1)
	}
	50% {
		-moz-transform: scale(0.8)
	}
	100% {
		-moz-transform: scale(1)
	}
}
@-o-keyframes tooltip-scale {
	0% {
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(0.8);
	}
	100% {
		-o-transform: scale(1);
	}
}
@keyframes tooltip-scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

.tooltip1{
	top: 20px;
	left: 320px;
}

@media only screen and (max-width: 1200px){
	.tooltip1{
		left: 220px;
	}
}

.sticky .tooltip1{
	display: none !important;
}

.tooltip2{
	top: -25px;
	left: 210px;
}

.tooltip3{
	top: 34px;
	right: 55px;
	display: none;
}

.sticky .tooltip3{
	display: block;
}

.tooltip .popup_tooltip{
	position: absolute;
	background-color: #fff;
	width: 298px;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	display: none;
}

.tooltip .popup_tooltip1{
	left: 0px;
	top: 45px;
}

.tooltip .popup_tooltip2{
	left: 45px;
	top: -33px;
}

.tooltip .popup_tooltip3{
	right: 0px;
	top: 45px;
}

.tooltip .popup_tooltip_inner{
	padding: 20px;
	opacity: 0;
}

.tooltip .popup_tooltip_inner i{
	font-size: 12px;
	color: #333333;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.tooltip .popup_tooltip_inner h5{
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 25px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight: 400;
}

.tooltip .popup_tooltip_inner h5.tooltip_title{
	padding: 0px 0px 0px 35px;
	background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button.png');
	background-position: left 0px;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
	.tooltip .popup_tooltip_inner h5.tooltip_title{
		background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button_2x.png');
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
	.tooltip .popup_tooltip_inner h5.tooltip_title{
		background-image: url('http://demo.qodeinteractive.com/strata/demo_images/tooltip_button_2x.png');
	}
}

.tooltip .popup_tooltip_inner p{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0px 10px 0px;
	font-weight: 400;
	color: #777 !important;
}

.tooltip .popup_tooltip_inner img{
	position: relative;
	display: block;
}

.tooltip .popup_tooltip_inner .qbutton{
	color: #ffffff;
	height: 23px;
	line-height: 23px;
	text-transform: none;
	padding: 0px 10px;
	margin: 20px 0px 0px 0px;
}

@media only screen and (max-width: 1100px){
	.tooltip{
		display: none !important;
	}
}

@media only screen and (min-width: 1100px){
	
	.dark_header header:not(.sticky) .header_top,
	.dark_header header:not(.sticky) .header_bottom{
		background-color: rgba(0,0,0,0.6);
	}

	.dark_header header:not(.sticky) .q_logo img.normal,
	.dark_header header:not(.sticky) .q_logo img.sticky,
	.dark_header header:not(.sticky) .q_logo img.light{
		opacity:0 !important;
	}

	.dark_header header:not(.sticky) .q_logo img.dark{
		opacity:1 !important;
	}

	.dark_header header:not(.sticky) nav.main_menu > ul > li > a,
	.dark_header header:not(.sticky) nav.main_menu > ul > li.active > a,
	.dark_header header:not(.sticky) .side_menu_button a,
	.dark_header header:not(.sticky) .side_menu_button a:hover,
	.dark_header header:not(.sticky) .shopping_cart_header .header_cart i{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) nav.main_menu > ul > li:hover > a,
	.dark_header header:not(.sticky) nav.main_menu > ul > li.active:hover > a{
		color: #000000 !important;
	}
	
	.dark_header header:not(.sticky) .header_top .left div, 
	.dark_header header:not(.sticky) .header_top .right div, 
	.dark_header header:not(.sticky) .header_top .left div span, 
	.dark_header header:not(.sticky) .header_top .right div span, 
	.dark_header header:not(.sticky) .header_top .left div p, 
	.dark_header header:not(.sticky) .header_top .right div p,
	.dark_header header:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
	.dark_header header:not(.sticky) .header_top .header-widget,
	.dark_header header:not(.sticky) .header_top .header-widget.widget_nav_menu ul.menu > li > a,
	.dark_header header:not(.sticky) .header_top .header-widget p,
	.dark_header header:not(.sticky) .header_top .header-widget a,
	.dark_header header:not(.sticky) .header_top .header-widget span,
	.dark_header header:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
	.dark_header header:not(.sticky) .header_top #lang_sel > ul > li > a,
	.dark_header header:not(.sticky) .header_top #lang_sel_click > ul > li> a{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .q_social_icon_holder .fa-stack i{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .q_social_icon_holder:hover .fa-stack i{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .header_top #lang_sel > ul > li > a{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .header_top #lang_sel > ul > li:hover > a{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .header_top #lang_sel ul ul, 
	.dark_header header:not(.sticky) .header_top #lang_sel_click ul ul,
	.dark_header header:not(.sticky) .header-widget.widget_nav_menu ul ul,
	.dark_header header:not(.sticky) .drop_down .second .inner > ul, 
	.dark_header header:not(.sticky) li.narrow .second .inner ul,
	.dark_header header:not(.sticky) .shopping_cart_dropdown{
		background-color: rgba(0,0,0,0.6);
	}
	
	.dark_header header:not(.sticky) .header-widget.widget_nav_menu ul ul,
	.dark_header header:not(.sticky) .header_top #lang_sel ul ul, 
	.dark_header header:not(.sticky) .header_top #lang_sel_click ul ul{
		background-color: rgba(0,0,0,0.8);
	}
	
	.dark_header header:not(.sticky) .drop_down .second .inner ul li a, 
	.dark_header header:not(.sticky) .drop_down .second .inner ul li h5,
	.dark_header header:not(.sticky) .shopping_cart_dropdown{
		color: #ffffff !important;
	}
	
	.dark_header header:not(.sticky) .header_top,
	.dark_header header:not(.sticky) .header_bottom,
	.dark_header header:not(.sticky) .header_menu_bottom,
	.dark_header header:not(.sticky) .header_top .q_social_icon_holder,
	.dark_header header:not(.sticky) .header_top .right .inner > div,
	.dark_header header:not(.sticky) .header_top .right .inner > div:first-child,
	.dark_header header:not(.sticky) .header-widget.widget_nav_menu ul ul,
	.dark_header header:not(.sticky) .header-widget.widget_nav_menu ul.menu li ul li a,
	.dark_header header:not(.sticky) .header_top #lang_sel ul ul, 
	.dark_header header:not(.sticky) .header_top #lang_sel_click ul ul,
	.dark_header header:not(.sticky) .header_top #lang_sel ul li ul li a, 
	.dark_header header:not(.sticky) .header_top #lang_sel ul li ul li a:visited, 
	.dark_header header:not(.sticky) .header_top #lang_sel_click ul li ul li a, 
	.dark_header header:not(.sticky) .header_top #lang_sel_click ul li ul li a:visited,
	.dark_header header:not(.sticky) .drop_down .second .inner > ul, 
	.dark_header header:not(.sticky) li.narrow .second .inner ul,
	.dark_header header:not(.sticky) .drop_down .second .inner ul li a,
	.dark_header header:not(.sticky) .header_top .left .inner > div:last-child,
	.dark_header header:not(.sticky) .header_top .left .inner > div,
	.dark_header header:not(.sticky) .shopping_cart_dropdown,
	.dark_header header:not(.sticky) .shopping_cart_dropdown ul li{
		border-color: rgba(234,234,234,0.15);
	}
	
	.dark_header header:not(.sticky) .header_bottom .shopping_cart_dropdown .inner_arrow2{
		border-color: transparent transparent rgba(234,234,234,0.15) transparent;
	}
	
}

.normal_footer_content{
	margin-bottom:0px !important;
}

.sticky_negative header.sticky .header_bottom,
.page-id-6688 header.sticky .header_bottom,
.page-id-6957 header.sticky .header_bottom,
.page-id-6979 header.sticky .header_bottom{
	background-color: rgba(0, 0, 0, 0.8) !important;
} 

.sticky_negative header.sticky nav.main_menu > ul > li > a, 
.sticky_negative .light.sticky nav.main_menu > ul > li > a, 
.sticky_negative .light.sticky nav.main_menu > ul > li > a:hover, 
.sticky_negative .light.sticky nav.main_menu > ul > li.active > a, 
.sticky_negative .dark.sticky nav.main_menu > ul > li > a, 
.sticky_negative .dark.sticky nav.main_menu > ul > li > a:hover, 
.sticky_negative .dark.sticky nav.main_menu > ul > li.active > a,
.sticky_negative .sticky .side_menu_button a,
.sticky_negative .sticky .shopping_cart_header .header_cart i,
.sticky_negative .sticky .side_menu_button a:hover,
.page-id-6688 header.sticky nav.main_menu > ul > li > a, 
.page-id-6688 .light.sticky nav.main_menu > ul > li > a, 
.page-id-6688 .light.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6688 .light.sticky nav.main_menu > ul > li.active > a, 
.page-id-6688 .dark.sticky nav.main_menu > ul > li > a, 
.page-id-6688 .dark.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6688 .dark.sticky nav.main_menu > ul > li.active > a,
.page-id-6688 .sticky .side_menu_button a,
.page-id-6688 .sticky .side_menu_button a:hover,
.page-id-6957 header.sticky nav.main_menu > ul > li > a, 
.page-id-6957 .light.sticky nav.main_menu > ul > li > a, 
.page-id-6957 .light.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6957 .light.sticky nav.main_menu > ul > li.active > a, 
.page-id-6957 .dark.sticky nav.main_menu > ul > li > a, 
.page-id-6957 .dark.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6957 .dark.sticky nav.main_menu > ul > li.active > a,
.page-id-6957 .sticky .side_menu_button a,
.page-id-6957 .sticky .side_menu_button a:hover,
.page-id-6979 header.sticky nav.main_menu > ul > li > a, 
.page-id-6979 .light.sticky nav.main_menu > ul > li > a, 
.page-id-6979 .light.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6979 .light.sticky nav.main_menu > ul > li.active > a, 
.page-id-6979 .dark.sticky nav.main_menu > ul > li > a, 
.page-id-6979 .dark.sticky nav.main_menu > ul > li > a:hover, 
.page-id-6979 .dark.sticky nav.main_menu > ul > li.active > a,
.page-id-6979 .sticky .side_menu_button a,
.page-id-6979 .sticky .side_menu_button a:hover{
	color: #ffffff !important;
}

.sticky_negative .sticky nav.main_menu > ul > li:hover > a span,
.page-id-6688 .sticky nav.main_menu > ul > li:hover > a span,
.page-id-6957 .sticky nav.main_menu > ul > li:hover > a span,
.page-id-6979 .sticky nav.main_menu > ul > li:hover > a span{
	background-color: rgba(255, 255, 255, 0.8);
}

.sticky_negative .sticky .drop_down .second .inner ul, 
.sticky_negative .sticky .drop_down .second .inner ul li ul, 
.sticky_negative .sticky nav.main_menu > ul > li:hover > a span, 
.sticky_negative .sticky header.sticky nav.main_menu > ul > li:hover > a span,
.page-id-6688 .sticky .drop_down .second .inner ul, 
.page-id-6688 .sticky .drop_down .second .inner ul li ul, 
.page-id-6688 .sticky nav.main_menu > ul > li:hover > a span, 
.page-id-6688 .sticky header.sticky nav.main_menu > ul > li:hover > a span,
.page-id-6957 .sticky .drop_down .second .inner ul, 
.page-id-6957 .sticky .drop_down .second .inner ul li ul, 
.page-id-6957 .sticky nav.main_menu > ul > li:hover > a span, 
.page-id-6957 .sticky header.sticky nav.main_menu > ul > li:hover > a span,
.page-id-6979 .sticky .drop_down .second .inner ul, 
.page-id-6979 .sticky .drop_down .second .inner ul li ul, 
.page-id-6979 .sticky nav.main_menu > ul > li:hover > a span, 
.page-id-6979 .sticky header.sticky nav.main_menu > ul > li:hover > a span{
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
}

.sticky_negative .sticky .drop_down .second .inner ul li a, 
.sticky_negative .sticky .drop_down .second .inner ul li h5,
.page-id-6688 .sticky .drop_down .second .inner ul li a, 
.page-id-6688 .sticky .drop_down .second .inner ul li h5,
.page-id-6957 .sticky .drop_down .second .inner ul li a, 
.page-id-6957 .sticky .drop_down .second .inner ul li h5,
.page-id-6979 .sticky .drop_down .second .inner ul li a, 
.page-id-6979 .sticky .drop_down .second .inner ul li h5{
	color: #000000 !important;
}

.sticky_negative header.sticky .q_logo img.dark,
.sticky_negative header.sticky .q_logo img.sticky,
.page-id-6688 header.sticky .q_logo img.dark,
.page-id-6688 header.sticky .q_logo img.sticky,
.page-id-6957 header.sticky .q_logo img.dark,
.page-id-6957 header.sticky .q_logo img.sticky,
.page-id-6979 header.sticky .q_logo img.dark,
.page-id-6979 header.sticky .q_logo img.sticky{
	opacity:0 !important;
}

.sticky_negative header.sticky .q_logo img.normal,
.page-id-6688 header.sticky .q_logo img.normal,
.page-id-6957 header.sticky .q_logo img.normal,
.page-id-6979 header.sticky .q_logo img.normal{
	opacity:1 !important;
}

.sticky_negative header.sticky .drop_down .wide.icons .second i,
.page-id-6688 header.sticky .drop_down .wide.icons .second i,
.page-id-6957 header.sticky .drop_down .wide.icons .second i,
.page-id-6979 header.sticky .drop_down .wide.icons .second i{
	color: #000000;
}

/************************************************/

#panel{
	position: fixed;
	top:143px;
	z-index: 9999;
}

#panel ::selection{
    background: transparent !important;
    color: #FFF;
}

/* Gecko/Mozilla */
#panel ::-moz-selection{
    background: transparent !important;
}

#panel.opened-panel{
	z-index: 9999;
}

#panel-admin{
	float: left;
	width: 220px;
	z-index: 9999;
	position: relative;
	padding: 0;
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	-o-border-radius: 0 0 3px 0;
}

.panel-admin-box{
	display: inline-block;
    padding: 0 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#panel-admin h4 span{
	color: #1e9944;
}

#panel-admin p{
	margin: 0px;
	padding: 12px 0;
	font-size: 13px !important;
	line-height: 13px !important;
	font-family: 'Open Sans',sans-serif !important;
	font-weight: 400 !important;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #eaeaea;
}

#panel-admin .tooltip_holder,
#panel-admin p.ui-state-active{
	border: 0;
}

#panel-admin p:hover{
	color: #00aef0 !important;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	-ms-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}

#panel-admin p .tooltip_marker{
	left: 115px;
	top: 4px;
	position: absolute;
}

#panel-admin p i{
	float:right;
	width: auto;
}

#panel-admin p.ui-state-active{
	color: #00aef0 !important;
}

.accordion_toolbar_content ul.choose_option{
	display: inline-block;
	width: 100%;
	position: relative;
}

.accordion_toolbar_content ul li{
	display: inline-block;
	width: 100%;
	padding: 0 0 7px;
	cursor:pointer;
}

.accordion_toolbar_content ul.choose_option li{
	display:inline-block;
	width: 30%;
	float: left;
}

.accordion_toolbar_content #tootlbar_colors ul li{
	line-height: 24px;
}

.accordion_toolbar_content ul li {
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	-ms-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}
 
.accordion_toolbar_content ul li:hover{
	color:#00aef0;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	-ms-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}

#panel-admin h5{
	padding: 16px 20px 8px;
	color: #333333 !important;
	font-size: 17px !important;
	line-height: 17px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
}

.panel-admin-options-holder{
	display:inline-block;
	width:100%;
}

#panel .open{
	font-size: 20px;
	display: block;
	width: 36px;
	height: 36px;
	margin: 0;
	z-index: 1000;
	position: absolute;
	top: 0;
	right: -36px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #eaeaea;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	overflow: hidden;
}

#panel .open span{
	height: 36px;
	width: 36px;
	text-align: center;
	display: block;
	position: relative;
	background-color: #fff;
}

#panel .open span i{
	line-height: 36px;
	color: #dadada;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	-ms-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}

#panel .open:hover span i{
	color: #00aef0;
}

#tootlbar_colors{
	display: inline-block;
	margin: 5px 0 0;
}

#tootlbar_colors .color{
	width: 23px;
	height: 23px;
	position: relative;
	float: left;
	margin: 0px 15px 0px 0px;
	cursor: pointer;
}

#tootlbar_colors .color span{
	padding: 0 0 0 38px;
}

body.boxed .wrapper.toolbar_clicked{
	background-image: url(http://demo.qodeinteractive.com/river/demo_images/pattern12.png);
	background-position: 0; 
	background-repeat: repeat;
}

#panel.hide_sections{
	right: 0px;
}

#panel.hide_sections .open{
	left: -36px;
	right: auto;
	border-radius: 3px 0px 0px 3px;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
}