/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the__ result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
	overflow-x: hidden;
}

body {
	font: 100 13px/22px Arial, Helvetica, sans-serif;
	color: #000;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

a {
	color: #000;
	text-decoration: none;
	transition: color 300ms ease 0s, background-color 300ms ease 0s, opacity 300ms ease 0s;
}

/* ==========================================================================
   Common css
   ========================================================================== */
#wrapper {
	width: 100%;
	margin: 0 auto;
}

.center {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clr {
	clear: both;
}

.borderbox {
	border: 1px solid #CCCCCC !important;
	margin-left: 10px !important;
}

:focus {
	outline: 0;
}

.nomargin {
	margin: 0 !important;
}

.nopadding {
	padding-bottom: 0 !important;
}

.no-bottom-border {
	border-bottom: none !important;
}

/*----------Reset Styles----------*/

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: 100;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

/*----------Reset Styles Ends ----------*/




/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@font-face {
	font-family: 'camingodos_probold_italic';
	src: url('../fonts/camingodospro-bolditalic-webfont.eot');
	src: url('../fonts/camingodospro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/camingodospro-bolditalic-webfont.woff') format('woff'),
		url('../fonts/camingodospro-bolditalic-webfont.ttf') format('truetype'),
		url('../fonts/camingodospro-bolditalic-webfont.svg#camingodos_probold_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'camingodos_prolight_italic';
	src: url('../fonts/camingodospro-lightitalic-webfont.eot');
	src: url('../fonts/camingodospro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/camingodospro-lightitalic-webfont.woff') format('woff'),
		url('../fonts/camingodospro-lightitalic-webfont.ttf') format('truetype'),
		url('../fonts/camingodospro-lightitalic-webfont.svg#camingodos_prolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* ==========================================================================
   Header css
   ========================================================================== */
#header {
	width: 100%;
	height: 132px;
}

.logo {
	width: 16%;
	height: 89px;
	margin: 22px 0 0 10px;
	float: left;
	background: url(../img/logosavanna.svg) no-repeat 0 0;
}

h1.logo a {
	float: left;
	display: block;
	width: 124px;
	height: 89px;
}

.header_right {
	float: right;
	width: 80%;
}

/*top_links*/
.top_links {
	float: right;
	width: 390px
}

.top_links .headertoplinks {
	margin: 24px 5px;
	padding: 0;
}

.top_links .headertoplinks li {
	padding: 3px;
	padding: 3px;
	float: right;
}

.top_links .headertoplinks li a {
	font: italic 11px Verdana, Geneva, sans-serif;
	color: #777777;
	text-decoration: none;
}

.top_links .headertoplinks li a:hover {
	text-decoration: none;
}

.top_links .headertoplinks li a.contacts {
	background: url(../img/sym-contact.svg) no-repeat 100% 1%;
	padding: 3px 22px 0 10px;
}

.top_links .headertoplinks li a.search {
	background: url(../img/search.png) no-repeat 100% 50%;
	padding: 3px 22px;
}

/*Navigation*/
.navigation {
	float: right;
	width: 95%;
	margin: 10px 0 0;
	position: relative;
}

.navigation .main_nav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 19px;
}

.navigation .main_nav li {
	float: left;
	font-family: 'camingodos_probold_italic';
	font-size: 15px;
	color: #2A3640;
}

.navigation .main_nav li a {
	text-decoration: none;
	padding: 10px 0;
	margin: 0 0 0 35px;
	text-transform: uppercase;
	float: left;
	color: #2A3640;
}

.navigation .main_nav li a:hover,
.navigation .main_nav li a.active,
.navigation .main_nav li.current_page_item a {
	text-decoration: none;
	color: #8ea43f;
	background: url(../img/menu-arrow.png) no-repeat bottom center;
	float: left;
}

/*.navigation .main_nav li a:last-child{padding-right:0;}*/

/*Banner*/
.bannerblock {
	width: 100%;
	margin: 0 auto;
}

.bannerblock img {
	width: 100%;
	position: relative;
}

.bannerblock .pager_name {
	position: absolute;
	top: -35px;
	width: 100%;
}

.bannerblock .pager_name .pagination {
	float: left;
	width: 35%;
}

.bannerblock .pagination ul li {
	float: left;
}

.bannerblock .pagination ul li a {
	float: left;
	background: #e7e6ec;
	width: 35px;
	padding: 6px 3px;
	margin: 0 0px;
	text-decoration: none;
	text-align: center;
	font-style: italic;
	color: #fff;
	font-size: 15px;
	border-right: 1px solid #fff;
}

.bannerblock .pagination ul li a:hover {
	background: #2a3740;
	text-decoration: none;
}

.bannerblock .pagination ul li a.active {
	background: #2a3740;
}

.heading_text {
	background: #fff;
	float: left;
	width: 65%;
	min-height: 35px;
}

.heading_text h2 {
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	padding: 6px;
}

.bx-wrapper .bx-caption span {
	height: 100% !important;
}

/* ==========================================================================
   main-container css
   ========================================================================== */
.common-div {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	margin: 0 0 35px 0;
	float: left;
	padding: 0 0 35px 0;
}

.main-container .left-menus {
	width: 32%;
	float: left;
}

.left-menus h3 {
	font-size: 16px;
	font-style: italic;
	margin: 0 0 5px 0;
	color: #2A3640 !important;
}

.main-container .left-menus ul li {
	padding: 0 0px;
	margin: 0;
	border-bottom: none !important;
}

.main-container .left-menus ul li a {
	color: #58626b;
	text-decoration: none;
	padding: 0 10px;
	font-family: Verdana, Geneva, sans-serif;
	background-image: none;
}

.main-container .left-menus ul li a:hover {
	color: #90a53e;
	background: url(../img/arrow.png) no-repeat left center;
}

.main-container .left-menus ul li a.current {
	color: #90a53e;
	background: url(../img/arrow.png) no-repeat left center;
}

.left-menus h2 {
	background: url(../img/view-link.png) no-repeat 0 0;
	width: 170px;
	height: 34px;
	float: left;
	margin: 16px 0px 0px 10px;
}

.left-menus h2 a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	padding: 0 0 0 39px;
	line-height: 33px;
}

/*content-class*/
.main-container .content-class {
	width: 68%;
	float: right;
	/*padding-right:10px;*/
}

.main-container .content-class p {
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #364350;
}

/*footer-link-block*/
.footer-link-block {
	width: 100%;
}

.footer-link-block ul li {
	padding: 0 5px;
	float: left;
	width: 32%;
	position: relative;
}

.footer-link-block ul li img {
	width: 100%;
	display: block;
}

.footer-link-block ul li a {
	font-family: Verdana, Geneva, sans-serif;
	color: #364350;
	padding: 0;
}

.footer-link-block ul li a:hover {
	text-decoration: none;
}

.footer-link-block ul li:first-child {
	padding-left: 0;
}

.footer-link-block ul li:last-child {
	padding-right: 0;
}

/* ==========================================================================
   Footer css
   ========================================================================== */
.footer {
	width: 100%;
	background: #282828 repeat-x 0 0;
	margin-top: 3%;
}

.footer .right-bottom .text {
	color: #bcbcbc;
	float: left;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
}

.footer .right-bottom .image {
	float: left;
	margin: -2px 2px 0px 2px;
}

.footer .right-bottom .cactimedia-text {
	color: #bcbcbc;
	float: left;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
}

/*=== footer-left ===*/
.footer-left {
	width: 35%;
}

.left-top {
	width: 100%;
	margin-top: 18%;
	margin-bottom: 11%;
}

.left-top .social-box {
	width: 23%;
}

.left-top .social-box h3 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
	color: #ffffff;
}

.left-top .social-box h3 a {
	color: #fff;
}

.social-box ul li {
	float: left;
}

.social-box ul li a {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
	width: 23px;
	height: 25px;
	padding-bottom: 0.5rem;
}

.social-box ul li a:hover {
	text-decoration: none;
}

.social-box ul li a.facebook,
.social-box ul li a.facebook:hover {
	background: url(../img/facebook-24.png) no-repeat 0 0;
	text-decoration: none;
}

.social-box ul li a.twitter,
.social-box ul li a.twitter:hover {
	background: url(../img/twitter-24.png) no-repeat 100% 0;
	text-decoration: none;
}

.social-box ul li a.linkedin,
.social-box ul li a.linkedin:hover {
	background: url(../img/linedin-24.png) no-repeat 100% 0;
	text-decoration: none;
}

.social-box ul li a.instagram,
.social-box ul li a.instagram:hover {
	background: url(../img/Instagram-32.png) no-repeat 100% 0;
	text-decoration: none;
}

.social-box ul li a.myTub,
.social-box ul li a.myTub:hover {
	background: url(../img/Youtube-24.png) no-repeat 100% 0;
	text-decoration: none;
}

/*link-box1*/
.left-top .link-box1 {
	width: 23%;
	margin: 0 12%;
}

.link-box1 ul li {
	float: left;
}

.link-box1 ul li a {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #bcbcbc;
	text-transform: capitalize;
}

.link-box1 ul li a:hover {
	text-decoration: none;
}

/*link-box2*/
.left-top .link-box2 {
	width: 30%;
}

.link-box2 ul li {
	float: left;
}

.link-box2 ul li a {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #bcbcbc;
	text-transform: capitalize;
}

.link-box2 ul li a:hover {
	text-decoration: none;
}

/*=== left-bottom ===*/
.left-bottom {
	width: 50%;
}

.left-bottom p,
.right-bottom p {
	font: 100 10px Verdana, Geneva, sans-serif;
	color: #bcbcbc;
}

.left-bottom a {
	color: #bcbcbc;
}

.left-bottom a:hover {
	color: #fff;
}

/*=== footer-mid ===*/
.footer-mid {
	width: 30%;
}

.footer-mid span {
	background: url(../img/footer-img.png) no-repeat center center;
	height: 15rem;
	display: block;
}

/*=== footer-right ===*/
.footer-right {
	width: 35%;
}

/*right-top*/
.footer-right .right-top {
	margin-top: 21.5%;
	margin-bottom: 19%;
}

.right-top .subscribe-box {
	/*background: #fff; border: 1px solid #d6d6d6;*/
	padding: 3px 5px;
	width: 234px;
	float: left;
}

.right-top .subscribe_textbox {
	border: none;
	color: #75757a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	width: 90%;
	padding: 5px 0;
	float: left;
}

.subscribe-btn {
	background: url(../img/subscribe-btn.png) no-repeat 0 0;
	border: none;
	color: #FFFFFF;
	float: right;
	height: 15px;
	letter-spacing: 1px;
	margin: 3px 0px;
	width: 8px;
	font-size: 0px;
}

.subscribe-box .jqTransformInputWrapper {
	height: 0;
}

/*right-bottom*/
.footer .right-bottom {
	margin: -4px 0px 0px 0px;
}

/*.footer .right-bottom a{background:url(../img/cat-logo.png) no-repeat 0 0; float:left; width:140px; height:14px; display: block;}*/

/* ==========================================================================
   About US css
   ========================================================================== */
/*inner-pages_left-menus*/
.main-container .inner-pages_left-menus {
	width: 32%;
	float: left;
}

.inner-content-left-menu {
	width: 100%;
	padding: 36px 0 0 0;
}

.inner-pages_left-menus h3 {
	font: 16px;
	font-style: italic;
	margin: 0px 0 5px;
	font-size: 17px;
}

.inner-content-left-menu ul li {
	padding: 3px 0px;
	margin: 0;
	border-bottom: 1px dashed #d6d6d6;
	width: 80%;
}





.inner-content-left-menu ul li.current_page_item a {
	color: #90a53e !important;
	background: url(../img/breadcrum-arrow_.png) no-repeat left 8px !important;
}

.inner-content-left-menu ul li a {
	color: #58626b;
	text-decoration: none;
	padding: 0 10px;
	font-family: Verdana, Geneva, sans-serif;
	background: url(../img/breadcrum-arrow.png) no-repeat left 8px;
	display: block;
}

.inner-content-left-menu ul li a:hover {
	color: #90a53e;
	background: url(../img/breadcrum-arrow_.png) no-repeat left 8px !important;
}

.inner-content-left-menu ul li a.current {
	color: #90a53e;
}

.inner-content-left-menu ul li:last-child {
	border-bottom: none;
}

/*innercontainer-breadcrumbs*/
.content-inner-container {
	width: 100%;
	padding: 36px 0px;
}

.innercontainer-breadcrumbs {
	width: 100%;
	padding: 0 0 15px 0;
}

.innercontainer-breadcrumbs .breadcrumbs li {
	float: left;
	background: url(../img/breadcrum-arrow.png) no-repeat right 7px;
	padding: 5px 10px 0 10px;
	font: 100 10px Verdana, Geneva, sans-serif;
	color: #545454;
}

.innercontainer-breadcrumbs .breadcrumbs li a {
	float: left;
	padding: 0 5px 0 0;
	font: 100 10px Verdana, Geneva, sans-serif;
	color: #545454;
}

.innercontainer-breadcrumbs .breadcrumbs li a:hover {
	text-decoration: underline;
}

.innercontainer-breadcrumbs .breadcrumbs li a img {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0px 0 0 0;
}

.innercontainer-breadcrumbs .breadcrumbs li:first-child {
	padding-left: 0px;
	padding-top: 4px;
}

.innercontainer-breadcrumbs .breadcrumbs li:last-child {
	background: none;
}

.content-class .content-inner-container h3 {
	font: 100 21px Arial, Helvetica, sans-serif;
	color: #293541;
	margin: 0 0 13px 0;
}

/* ==========================================================================
   Media css
   ========================================================================== */
.inner-content-left-menu.lastliborder ul li {
	border-bottom: 1px dashed #d6d6d6;
}

/* ==========================================================================
   About Us - Welcome to Savanna Groups css
   ========================================================================== */
.content-inner-container .mid-content-list {}

.content-inner-container .mid-content-list li {
	list-style-type: disc;
	list-style-position: inside;
	color: #364350;
	font-family: Verdana, Geneva, sans-serif;
}

/*Careers css*/
.content-anchor-link {
	font: 100 13px/22px Verdana, Geneva, sans-serif;
	color: #364350;
}

.content-anchor-link:hover {
	text-decoration: underline;
}

/*** Contact Savanna Css ***/
.contact-savanna-form {
	width: 100%;
	margin-top: 26px;
}

form.jqtransformdone div.rowElem {
	clear: both;
	padding: 0 0 10px 0;
}

.jqTransformInputWrapper {
	height: 31px;
	padding: 0;
}

.jqTransformInputInner {
	margin: 0;
	padding: 0;
}

.jqTransformInputInner div {
	height: 31px;
}

p span input,
p span textarea,
p span select {
	border: 1px solid #d6d6d6;
	width: 301px;
	border-radius: 0 !important;
}

.wpcf7-submit {
	background-color: #03a232;
	border: medium none;
	color: #FFFFFF !important;
	cursor: pointer;
	padding: 0;
	width: 15%;
	height: 26px;
	margin: 0 0px 0 0;
}

/*left-form*/
.left-form {
	width: 49%;
	border: 0px solid blue;
}

.left-form .jqTransformInputWrapper {
	width: 230px !important;
}

/*form.jqtransformdone label{color: #383838; display: block; font-family: arial; font-size: 14px;    font-weight: normal; margin-right: 8px; margin-top: 4px; text-align: left;}*/
.contact-savanna-form label {
	float: left;
	width: 20%;
	color: #364350;
	font-family: Verdana, Geneva, sans-serif;
	padding: 3px 0;
}

.contact-savanna-form input {
	background-color: #FFFFFF;
	border: 1px solid #d6d6d6;
	height: 26px;
	padding: 0 10px;
	width: 203px !important;
	float: right;
}

/************** Select Style Country *****************/
.selectContainer1 {
	background: #fff url(../img/ddl-arrow.png) no-repeat 97% 50% !important;
	cursor: pointer;
	float: left;
	height: 22px;
	width: 218px;
	padding: 5px 0px 0px 5px;
	border: 1px solid #d6d6d6;
	position: relative;
	right: 0px;
	color: #000;
	font: 100 12px Verdana, Geneva, sans-serif;
	margin: 0 0px 0 0;
}

.selectContainer1 select.styled {
	color: #000;
	height: 27px;
	left: 0;
	padding: 5px 0;
	position: absolute;
	top: 1px;
	top: 10px\9;
	width: 223px;
	font: 100 12px/66px Verdana, Geneva, sans-serif;
	overflow: scroll;
}

.selectContainer1 label {
	width: 223px;
}

/*right-form*/
.right-form {
	width: 50%;
	border: 0px solid green;
	min-height: 150px;
}

table.jqTransformTextarea {}

table.jqTransformTextarea tr {}

table.jqTransformTextarea td {
	font-size: 1px;
	height: 5px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	width: 0px;
}

table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	resize: none;
}

.right-form table.jqTransformTextarea textarea {
	background-color: #FFFFFF !important;
	height: 56px;
	padding: 5px !important;
	width: 212px;
	border: solid 1px #d6d6d6;
}

.contact_savanna_btn {
	background-color: #03a232;
	border: medium none;
	color: #FFFFFF !important;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	padding: 0;
	width: 18%;
	float: right;
	height: 26px;
	margin: 0 36px 0 0;
}

.right-form span {
	clear: both;
	color: #fff;
	display: block !important;
	font-family: arial;
	font-size: 12px;
	margin: 0
}


/* ==========================================================================
   Services - Trucks css
   ========================================================================== */
.content-inner-container .company-clinets-logos {
	width: 100%;
	margin-top: 15px;
}

.company-clinets-logos ul li {
	float: left;
	/*padding:0 0 0 30px;*/
}

.company-clinets-logos li a {
	float: left;
	text-decoration: none;
	padding: 0 0 0 30px;
}

.company-clinets-logos li a:hover {
	text-decoration: none;
}

.company-clinets-logos li a:first-child {
	padding-left: 0;
}

/*.company-clinets-logos li:first-child{padding-left:0;}*/
/*Special Trucks*/
.special-truck-form {
	width: 100%;
}

.special-truck-form label {
	float: left;
	text-align: center;
	margin-right: 10px;
	font: 100 13px Verdana, Geneva, sans-serif;
	line-height: 26px;
}

.special-truck-form input {
	width: 219px !important;
	float: left;
	height: 25px;
	font: 100 13px Verdana, Geneva, sans-serif;
	padding: 0 6px;
}

.specialtruck_btn.jqTransformButton span {
	color: #fff;
	line-height: 24px;
	margin: 0;
	font: 100 12px Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
}

.specialtruck_btn {
	background-color: #858e95;
	border: medium none;
	color: #FFFFFF !important;
	cursor: pointer;
	padding: 0;
	width: 13%;
	height: 28px;
	margin: 0;
}

.special-truck-form .jqTransformInputWrapper {
	float: left;
	width: 250px !important;
}

.special-truck-form .jqtransformdone div.rowElem {
	padding: 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media only screen and (min-width: 479px) and (max-width: 768px) {

	/* Style adjustments for viewports that meet the condition */
	.center {
		width: 100%;
	}

	.logo {
		width: 26%;
		margin: 2% 0px 0px 1%;
	}

	.top_links {
		width: 100%;
	}

	.navigation {
		width: 100%;
	}

	.header_right {
		width: 72%;
	}

	.navigation ul {
		width: 90%;
	}

	.navigation .main_nav li {
		width: 18%;
	}

	.navigation .main_nav li a {
		margin: 0px;
	}

	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		left: 0px !important;
		width: 40% !important;
	}

	.bx-wrapper .bx-caption {
		left: 38.3% !important;
	}

	.bx-wrapper .bx-caption span {
		width: 290px;
		padding: 12px 20px 12px 35px !important;
		/*	height: 45px !important;*/
		height: 100% !important;
		line-height: 100% !important;
	}

	.common-div {
		margin: 0 20px 35px 20px;
		float: left;
		padding: 0 0 35px 0;
	}

	.main-container .left-menus {
		width: 30%;
		margin-right: 5px;
	}

	.main-container .content-class {
		width: 55%;
		margin-right: 30px;
	}

	.footer .center {
		width: 96% !important;
	}

	.footer-link-block ul li {
		padding: 0px !important;
	}

	.main-container .inner-pages_left-menus {
		margin-left: 20px !important;
	}

	.social-box ul li {
		width: 50%;
	}

	.social-box ul li a {
		width: 100%;
	}

	.footer-left .left-bottom,
	.footer-right .right-bottom {
		position: absolute;
		bottom: 15px;
	}

	.link-box1 ul li {
		width: 80px;
	}

	.link-box2 ul li {
		width: 80px;
	}

	.formError {
		top: 86px !important;
		left: 477px !important;
	}
}

@media only screen and (min-width: 479px) and (max-width: 640px) {
	.center {
		width: 100%;
	}

	.main-container .center {
		width: 90% !important;
	}

	.logo {
		width: 26%;
		margin: 2% 0px 0px 1%;
	}

	.top_links {
		width: 100%;
	}

	.navigation .main_nav {
		margin: 0px auto !important;
		position: none;
		right: none;
	}

	.navigation {
		width: 100%;
	}

	.header_right {
		width: 72%;
	}

	.navigation ul {
		width: 95%;
	}

	.navigation .main_nav li {
		width: 18%;
	}

	.navigation .main_nav li a {
		margin: 0px;
	}

	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		left: 0px !important;
		width: 50% !important;
	}

	.bx-wrapper .bx-caption {
		left: 45.1% !important;
		width: 55% !important;
	}

	.bx-wrapper .bx-caption span {
		width: 290px;
		padding: 12px 20px 12px 35px !important;
		height: 100% !important;
		line-height: 100% !important;
	}

	.common-div {
		margin: 0px 0px 10px 20px;
		float: left;
		padding: 0 0 15px 0;
	}

	.main-container .left-menus {
		width: 35%;
		margin-right: 5px;
	}

	.main-container .content-class {
		width: 55%;
		margin-right: 30px;
	}

	.footer .center {
		width: 96% !important;
	}

	.footer-link-block ul li {
		padding: 0px !important;
	}

	.main-container .inner-pages_left-menus {
		margin-left: 20px !important;
	}

	.social-box ul li {
		width: 50%;
	}

	.social-box ul li a {
		width: 100%;
	}

	.footer-left .left-bottom,
	.footer-right .right-bottom {
		position: absolute;
		bottom: 15px;
	}

	.formError {
		top: 77px !important;
		left: 395px !important;
	}
}

@media only screen and (max-width: 480px) {

	/* Style adjustments for viewports that meet the condition */
	.center {
		width: 100%;
	}

	.link-box1 ul li a {
		width: 80px;
	}

	.bx-wrapper .bx-caption span {
		width: 290px !important;
		margin: 0px auto !important;
		padding: 12px 20px 12px 15px !important;
		height: 100% !important;
		line-height: 100% !important;
		font-size: 21px !important;
	}

	.symbols {
		display: block !important;
		margin: 10px auto;
		padding-top: 10px;
		width: 185px;
		height: 35px;
		border-top: 1px solid #ccc;
	}

	.symbols ul {
		margin: 0px auto;
		padding: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.symbols ul li {
		list-style: none;
		float: left;
		text-align: center;
		width: 61px;
	}

	.symbols ul li .sb-search {
		margin: 0px 15px 0px 0px !important;
	}

	.symbols ul li:nth-child(2) {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.sb-search.sb-search-open {
		width: 150px !important;
	}

	.sb-search-input {
		width: 143px !important;
	}

	.top_links .headertoplinks {
		display: none;
	}

	.logo {
		width: 125px;
		margin: 10px auto;
		float: none;
	}

	.header_right {
		float: none;
		width: 100%;
	}

	.navigation {
		width: 100% !important;
		height: 175px !important;
		display: none;
	}

	.navigation ul {
		width: 120px !important;
		margin: 0px auto !important;
		position: relative !important;
		right: 0px !important;
	}

	.navigation .main_nav li a {
		margin: 0px auto !important;
	}

	.navigation .main_nav li {
		height: 35px;
		text-align: center !important;
	}

	.navigation .main_nav li,
	.navigation .main_nav li a,
	.navigation .main_nav li a:hover {
		float: none;
		width: 100%;
	}

	.bx-wrapper .bx-viewport {
		min-height: 190px;
	}

	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		position: relative !important;
		margin: 0px auto !important;
		width: 300px !important;
		left: 0px !important;
	}

	.bx-wrapper .bx-caption {
		position: relative !important;
		width: 100% !important;
		left: 0px !important;
	}

	.content-class {
		margin: 0px auto;
		width: 90% !important;
		float: none !important;
	}

	.left-menus {
		margin: 0px auto !important;
		width: 210px !important;
		float: none !important;
	}

	.inner-content-left-menu {
		padding: 0px !important;
	}

	.footer-link-block ul li {
		float: none !important;
		width: 310px !important;
		margin: 0px auto !important;
	}

	.main-container .inner-pages_left-menus {
		width: 100%;
		margin: 0px auto !important;
	}

	.inner-pages_left-menus .menu-title {
		width: 100%;
		height: 46px;
		margin: 0px auto;
		padding: 15px 0px 0px 0px;
		background: url(../img/inner-menu-bg.png) no-repeat;
		background-size: 100%;
	}

	.inner-pages_left-menus .menu-title .menu-title-section {
		margin: 0px auto;
		width: 220px;
	}

	.inner-pages_left-menus h3 {
		float: left !important;
		margin: 0px auto !important;
		color: #ffffff !important;
		font-size: 16px !important;
	}

	.inner-pages_left-menus .inner-hidden-menus-alert {
		float: right;
		font-size: 13px;
		font-family: Verdana, Geneva, sans-serif;
		color: #ffffff;
		display: block !important;
		background: url(../img/collapse-arrow-show.png) no-repeat;
		background-position: center 23px;
		height: 30px;
	}

	.inner-pages_left-menus .inner-hidden-menus-alert.active {
		background: url(../img/collapse-arrow-hide.png) no-repeat !important;
		background-position: center 23px !important;
	}

	.inner-content-left-menu .inner-menus {
		display: none;
	}

	.inner-content-left-menu ul li {
		float: none !important;
		width: 220px !important;
		margin: 0px auto !important;
	}

	.footer {
		height: auto !important;
	}

	.footer .footer-left {
		float: none;
		width: 100%;
		height: 170px;
		margin: 20px 0px 0px 0px;
	}

	.footer .left-top {
		float: none;
		width: 80%;
		margin: 20px auto;
	}

	.footer .left-top .social-box {
		float: none;
		width: 100%;

	}

	.footer .footer-mid {
		float: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

	.footer .footer-right {
		float: none;
		width: 100%;
		margin: 20px 0px 0px 0px;
	}

	.footer .footer-right .right-top {
		margin: 10px auto;
		float: none;
	}

	.right-top .subscribe-box {
		height: 24px;
		float: none;
		margin: 0px auto;
	}

	.footer .left-bottom {
		float: none !important;
		margin: 15px auto;
		width: 80%;
	}

	.footer .left-bottom p {
		margin: 0px auto;
		width: 100%;
		color: #929294;
		text-align: center;
	}

	.footer .right-bottom {
		float: none !important;
		margin: 0px auto;
		width: 170px;
	}

	.footer .right-bottom a {
		margin: 0px auto;
		width: auto;
		/*150px;*/
		float: none;
	}

	.social-box ul li {
		width: 35px;
	}

	.footer-left .social-box ul {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		height: 50px;
	}

	p span input,
	p span textarea,
	p span select {
		width: 100%;
	}

	.left-top .link-box1 {
		margin: 0px 12% 0px 0px;
	}

	.footer-mid span {
		height: 15rem;
	}

	.formError {
		top: 248px !important;
		left: 85px !important;
	}

	#container {
		display: -webkit-box;
		/* Initiate flexbox */
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-moz-box-orient: vertical;
		/* Establishes the direction of reordering - we want the y-axis */
		-webkit-box-orient: vertical;
		-ms-box-orient: vertical;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	#container .left-menus,
	#container .content-class,
	#container .inner-pages_left-menus {
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	#container .left-menus,
	#container .inner-pages_left-menus {
		-moz-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

	#container content-class {
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}


	#footer-container {
		display: -webkit-box;
		/* Initiate flexbox */
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-moz-box-orient: vertical;
		/* Establishes the direction of reordering - we want the y-axis */
		-webkit-box-orient: vertical;
		-ms-box-orient: vertical;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	#footer-container .footer-left,
	#footer-container .footer-mid,
	#footer-container .footer-right,
	#footer-container .copy-logo {
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	#footer-container .footer-mid {
		-moz-box-ordinal-group: 3;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}

	#footer-container .footer-right {
		-moz-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

	#footer-container .copy-logo {
		-moz-box-ordinal-group: 4;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 4;
		-webkit-order: 4;
		order: 4;
	}

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/* ==========================================================================
   Nesws
   ========================================================================== */
.newslist {
	float: left;
	width: 100%;
}

.newsbox {
	float: left;
	width: 285px;
	padding: 15px;
	height: 260px;
	box-shadow: 0px 0px 6px #ddd;
	margin: 22px 22px 0 0;
}

.newspic {
	float: left;
	width: 100%;
	position: relative;
}

.ndate {
	position: absolute;
	right: 0;
	bottom: 5px;
	background: url(../img/news_date_bg.png) no-repeat;
	width: 81px;
	height: 16px;
	color: #fff;
	text-align: right;
	line-height: 16px;
}

.ndate span {
	padding-right: 5px;
	font-size: 10px;
}

.newsdata {
	float: left;
}

.newsdata h4 {
	margin: 10px 0 5px 0;
	text-align: justify;
	font-size: 16px;
	font-weight: normal;
}

.newsdata h4 a {
	color: #000;
}

.newsdata h4 a:hover {
	color: #90a53e;
}

.newsdata p {
	text-align: justify;
	font-size: 11px;
	line-height: 18px;
}

.nonmar {
	margin-right: 0 !important;
}

.ninsdate {
	background: url(../img/news_date_bg.png) no-repeat;
	width: 81px;
	height: 16px;
	color: #fff;
	line-height: 16px;
	margin-bottom: 10px;
}

.ninsdate span {
	padding-left: 10px;
	font-size: 10px;
}

.nphotos ul li {
	float: left;
	margin: 0 2px 2px 0;
}

.sb-search {
	margin-top: -5px !important;
}

.sb-search-input {
	font: italic 11px Verdana, Geneva, sans-serif !important;
	font-size: 11px !important;
	color: #777777 !important;
}

.newsletter-cf7-wrap .newsletter-cf7-form {
	display: flex;
	gap: 12px;
	align-items: center;
	text-align: center;
}

/* Email field ONLY inside this form */
.newsletter-cf7-wrap .newsletter-cf7-form input[type="email"] {
	flex: 1;
	padding: 0.5rem;
	width: 100%;
	outline: none;
	box-sizing: border-box;
}

/* Submit button ONLY inside this form */
.newsletter-cf7-wrap .newsletter-cf7-form input[type="submit"] {

	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	transition: 0.2s ease;
	width: 50%;
	margin-top: 0.5rem;
}

/* Hover state */
.newsletter-cf7-wrap .newsletter-cf7-form input[type="submit"]:hover {
	background: #333;
}

@media (max-width: 600px) {
	.newsletter-cf7-wrap .newsletter-cf7-form {
		flex-direction: column;
		align-items: stretch;
	}

	.newsletter-cf7-wrap .newsletter-cf7-form input[type="submit"] {
		width: 100%;
	}
}

.wpcf7-spinner {
	display: block !important;
}

.subscribe-box .wpcf7 form .wpcf7-response-output {
	color: #fff;
	margin: unset !important;
}


/* ==========================
custom css 
============================*/

/* .inner-pages_left-menus {
	display: none;
} */

.serach-page-main-div {
	display: flex;
	justify-content: center;
}

.serach-page-main-div .inner-pages_left-menus {
	display: none;
}

.innercontainer-breadcrumbs .breadcrumbs {
	display: flex;
}

.social-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	row-gap: 10px;
}

p span select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 1px 2px;
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #ccc;
}

* {
	box-sizing: border-box;
}

/* responsive */


@media(max-width:1199px) {

	.bx-wrapper .bx-controls.bx-has-pager .bx-pager {
		left: 0 !important;
		width: auto !important;
	}
}

@media(max-width:768px) {

	.footer .social-box ul {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	.footer .social-box ul li {
		width: 24px;
		height: 29px;
	}

	.navigation .main_nav {
		right: 0 !important;
		display: flex;
		gap: 14px;
		justify-content: end;
		padding-right: 10px;
	}

	.navigation .main_nav li {
		width: auto;
	}

	.navigation .main_nav li a {
		font-size: 12px;
	}

}

@media(max-width:576px) {
	.bx-wrapper .bx-caption {
		position: relative !important;
		width: 100% !important;
		left: 0px !important;
	}

	.bx-wrapper .bx-pager {
		position: relative !important;
		margin: 0px auto !important;
		width: auto !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.bx-wrapper .bx-caption span {
		width: 100%;
		text-align: center;
	}
}

@media(max-width:480px) {
	.navigation .main_nav {
		display: block;
	}

	.center {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.newsbox {
		width: 100%;
		height: auto;
		margin: 11px 0;
	}

	.newsbox .newspic img {
		width: 100%;
		height: auto;
	}

	p span select {
		width: 100%;
		width: 100%;
		box-shadow: none;
		outline: 0;
		border-radius: 0;
		appearance: none;
		-webkit-appearance: none;
		background-color: #fff;
		color: #000;
		border: 1px solid #ccc;
		color-scheme: light;
		padding: 1px 2px;
	}

	.main-container .content-class p {
		color: black;
		opacity: 1;
		font-weight: 400;
	}

	.bx-wrapper .bx-viewport {
		min-height: 169px;
	}
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 100% !important;
}