/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

#s5_header_area2 {
	margin-top: 25px;
}

#s5_menu_wrap {
    background: #fff;
}

#s5_menu_wrap.s5_wrap_fmfullwidth {
    border-bottom: 1px solid #ccc;
}

#s5_nav a {
    color: #2c328d !important;
}

#s5_logo_wrap {
    margin-left: 30px;
}

#mytopbar {
	color: #808080;
	background-color: #e4e7ed;
	max-width: 100%;
	padding: 7px 50px 10px 50px;
        box-shadow: inset 0px 0px 2px 0px #99A3AD, 0px 0px 20px #EEEEEE; 
}

.customlarger_title {
	font-size: 1.2em;
}

.modtext1 {
	margin: 0 10% 0 10%;
}

.modtext2 {
	font-size: 1.3em;
	margin: 0 3% 0 3%;
	text-shadow: 1px 1px 1px #000;
}

.modtext2 h2 {
	color: #fff !important;
}

#s5_bottom_menu_wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}

.s5_tab_show_slides_container_wrap_outer .s5_tab_show_prev {
	background: url(../images/s5_arrow_left.png) no-repeat center center;
	background-color: rgba(143, 188, 204, 0.2);
	z-index: 1;
}

.s5_tab_show_slides_container_wrap_outer .s5_tab_show_next {
	background: url(../images/s5_arrow_right.png) no-repeat center center;
	background-color: rgba(143, 188, 204, 0.2);
	z-index: 1;
}

.s5_tab_show_slides_container_wrap_outer .s5_tab_show_prev:hover {
	background: url(../images/s5_arrow_left.png) no-repeat center center;
	background-color: rgba(168, 168, 168, 0.5);
}

.s5_tab_show_slides_container_wrap_outer .s5_tab_show_next:hover {
	background: url(../images/s5_arrow_right.png) no-repeat center center;
	background-color: rgba(168, 168, 168, 0.5);
}

.jdGallery .slideInfoZone p {
	font-size: 1.5em;
	color: #8fbccc !important;
	text-shadow: 2px 2px 2px #000 !important;
}

.jdGallery .slideInfoZone h2 {
	text-shadow: 2px 2px 2px #000 !important;
}



@media screen and (max-width: 1045px){
	.topbarrighttext {
		display: none !important;
	}
}

@media screen and (max-width: 442px){
	.mytopbar {
		margin: 0 !important;
		font-size: 0.8em !important;
	}
}

@media screen and (max-width: 380px){
	.mytopbar {
		font-size: 0.7em !important;
	}
}

@media screen and (max-width: 344px){
	.mytopbar {
		font-size: 0.6em !important;
	}
}

@media screen and (max-width: 828px){
	#s5_logo_wrap {
	    margin-left: 0px;
	}
}

@media screen and (max-width: 666px){
	#s5_responsive_menu_button {
		margin-right: 0px;
	}
}

@media screen and (max-width: 882px){
	#s5_header_area2 {
		height: 35px;
	}
}

.s5_responsive_mobile_present #s5_menu_wrap, .s5_responsive_mobile_present #s5_responsive_menu_button {
	color: #000;
}

#s5_responsive_menu_button {
	margin: 5px;
}

#s5_nav {
	margin-right: 15px;
}

#s5_footer_area1, #s5_breadcrumb_wrap {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 729px){
	.s5_tab_show_slides_container_wrap_outer .s5_tab_show_prev {
		display: none !important;
	}

	.s5_tab_show_slides_container_wrap_outer .s5_tab_show_next {
		display: none !important;
	}
}

.maintext p {
	font-size: 1.2em;
}

.maintext {
	font-size: 1.2em;
}

.s5_mod_h3 {
	font-size: 2em !important;
}

.module_round_box-margins {
	margin: 0px 5%;
}

.contact-margins {
	margin: 0px 5%;
}

.blog-margins {
	margin: 0px 5%;
}

span.myline {
  display: inline-block;
}

.page-header h2 {
	font-size: 1.5em !important;
}

@media screen and (max-width: 729px){
	.stats_number {
		 font-size: 1.5em;
	}
	#s5_pos_custom_3 {
	padding-top: 20px;
	padding-bottom: 10px;
	}
}

#s5_right_column_wrap .module_round_box_outer {
	margin-right: 30px !important;
}

#s5_menu_wrap_outer {
	margin-right: 30px !important;
}

.contact {
	margin: 0 5%;
}

@media screen and (max-width: 808px){
	.contact {
		margin: 0 !important;
	}
}

@media screen and (max-width: 1183px){
	#s5_header_area2 {
	margin-bottom: 25px;
	}
}