body{ font-family: 'Fira Sans', 'Oswald', sans-serif; font-weight: 300; line-height: 1.3; }
.bg{ background: url(../images/bg.jpg) no-repeat center top; margin: 0; padding-bottom: 0;}

a:hover { text-decoration: underline; }
.nav a:hover { text-decoration: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; }
h2, h3, h4 {color: #444241;}
hr { border-color: #655741; margin-bottom: 30px; }
b {font-weight: normal;}

ul li{ list-style:none; margin:0px;}
ul{ padding:0px; margin:0px;}
.center{ text-align:center;}
p{ /*font-size: 25px;*/  /*line-height: 30px;*/ margin-bottom: 25px;}
.center img{display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */}
.row{ width:100%; margin:0px auto;}
.pad-0{ padding:0px;}
.margin{ margin:0px;}

.uppercase { text-transform: uppercase; }

#main-container{ width:100%; float:left; }
.img-responsive{ max-width:100%; height:auto; display:block}

label { color: inherit; font-size: 1rem; font-weight: 300; }
button, .button { background-color: #8e2c79; border-color: #672058; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #672058; }
input, textarea { color: rgba(0, 0, 0, 0.75); }

div.icons { display: none; }

.table-wrapper { box-shadow: 2px 2px 5px 0px rgba(106, 96, 79, .5); -webkit-box-shadow: 2px 2px 5px 0px rgba(106, 96, 79, .5); overflow: auto; position: relative; width: 100%; }
.table-wrapper table { border: 0; margin: 0 !important; }

/* Let's style the scrollbar for webkit users,
 * since webkit browsers tend to hide it until
 * you actually start scrolling the element. */

/* Scrollbar */
.table-wrapper::-webkit-scrollbar { height: 2px; width: 2px; }
/* Track */
.table-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 3px; border-radius: 3px; }
/* Handle */
.table-wrapper::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; background: rgba(106, 96, 79,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); }

/*--header block start--*/
.header{ padding:15px 0px 10px 0px}
.header-top{ float:right; text-align:right;  padding:12px 0px 30px 0px; font-size:16px; font-weight:100; color:#fff;}
.header-top ul{ float:right; width:237px;}
.header-top ul li{ /*float:left;*/ border-right:1px solid #ea9919; display: inline-block; line-height:18px; padding:0px 5px 0px 5px; font-size:15px; text-align: right; vertical-align: top; }
.header-top ul li a{ color:#fff;}
.header-top ul li a:hover{ color:#ebebeb;}
.header-top ul li.last, .header-top ul li:last-child { padding:0px 0px 0px 5px;border-right:0px;}
.social-icon { float:right; width:88px;}
.social-icon ul li{ float:left; padding:4px 0px 7px 9px}
.social-icon img { height: 35px; width: 34px; }
.top-menu {float: right; display: inline-flex; margin: .25rem 0 2rem;}
.top-menu li.last, .top-menu > li:last-child{margin:0px 0px 0px 0px}
.top-menu li{position: relative;margin:0px 10px 0px 0px;  font-size:18px; font-weight:100; color:#fff; line-height:26px;}
.top-menu li a:hover{ color:#ebebeb;}

/*--navigation block start--*/
.navigation{float: right;}
.navigation ul {list-style: none;}
.navigation ul li{ float:left;	position: relative;margin:0px 50px 0px 0px;  font-size:18px; font-weight:100; color:#fff; line-height:26px;}
.navigation ul li.last, .navigation ul > li:last-child{margin:0px 0px 0px 0px}
.navigation ul li a{ color:#fff; display: block; }
.navigation ul li a:hover{ color:#ebebeb;}

.navigation ul li ul { /*display: none;*/ position: absolute; margin: 0px 0px 0px 0px; width: 242px; padding: 7px 0px 7px 0px; background: #948673; }
.navigation li ul, .navigation ul:nth-child(2) li ul { display: block; opacity: 0; transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; }
.navigation li:hover ul { display: block; height: auto; opacity: 1; z-index: 99; }
.navigation li:hover{ background:none;}

.navigation li ul li {clear: both; border-style: none; padding:0px 0px 0px 13px; font-size:18px; line-height:28px; width:242px;}
.navigation li ul li:hover{ background:#D7074B;}

/* Third-level Navigation */
.navigation ul:nth-child(2) li ul { /*display: none;*/ left: 242px; top: -7px; }
.navigation ul:nth-child(2) li:hover ul { display: block; opacity: 1; }

/*--banner block starts--*/
.banner{ float:left; width:100%}
.banner img{ width:100%;}

/*--middle block start--*/
.middle{ background:#958771; padding:40px 0px 75px 0px;font-size:25px; float:left; width:100%; }
.middle-content{ width:100%; margin: 0 .5rem 0 .5rem; }
.title, h1{ font-size:40px; color:#fff; line-height:normal; text-transform: uppercase; }
.middle-blk{ color:#4b330b; padding:40px 0px 75px 0px;  float:left;}


ul.breadcrumbs { background: none; border: 0; padding: 0.75rem 0 1rem; }
.breadcrumbs > *, .breadcrumbs > * a { color: #fff; font-size: 1rem; line-height: 1.5rem;}
.breadcrumbs > *:before { content: ">"; color: inherit; top: -2px; }

ul.pagination li a, ul.pagination li.unavailable a { color: inherit; }

.middle-content ul:not(.breadcrumbs) { margin: 1rem auto; width: 94%; }
.middle-content ul:not(.breadcrumbs) li { list-style: initial; }

.small-12.medium-5.columns.end p {margin-bottom: -.5rem;}

ul.servicelist { width: auto !important; }
.servicelist li { list-style: none !important; }

.right-section{ float:right; width:278px;}
.right-block{ float:left; width:100%; padding:0px 0px 40px 0px;}
.block-img{ float:right;}
.block-content{ float: right; width:108px; font-size:17px; font-weight:100; line-height:25px; padding:5px 12px; background:#ea9919;}

.right-section .moduletable { margin: 0 0 1.5rem; }

/* Chosen – quick search boxes */
.quickfind-wrapper { background-color: #ea9919; background-image: url('../images/search-14-32.png'); background-position: 0.75rem center; background-repeat: no-repeat; border-radius: 1.5625rem; padding: 0.625rem 1.5625rem 0.8125rem 3.125rem; }
.qfind .chosen-single, .qfind.chosen-with-drop .chosen-single { background: none !important; background-color: #958771 !important; color: #fff; box-shadow: none !important; border: 0.0625rem solid #e1ddd4; border-radius: 0; font-size: 1rem; font-weight: 300; text-align: center; text-transform: uppercase; }
.qfind.chosen-with-drop .chosen-single { border-bottom: 0; }
.qfind .chosen-drop { background-color: #958771; color: #fff; border: 0.0625rem solid #e1ddd4; border-radius: 0; border-top: 0; font-size: 1rem; font-weight: 300; padding-top: 0.1875rem; text-align: left; text-transform: uppercase; }
.qfind li { color: #fff; }
.qfind .chosen-results li.highlighted { background: none; background-color: #ea9919; }
.chosen-container .chosen-results li { line-height: 1.3; }

#system-readmore { display: none; }
div.client-logo { background-color: rgba(255,255,255,0.5); background-position: center; background-repeat: no-repeat; background-size: contain; height: 15.625rem; }
div.client-logo a {display: block; height: 100%;}
.photoblock { background-position: center; background-repeat: no-repeat; background-size: contain; height: 150px; }
.photoblock a { display: block; height: 100%; text-decoration: none; }

#jcemediabox-popup-caption, #jcemediabox-popup-caption p { color: #444 !important; }
#jcemediabox-popup-caption p { padding: 5px 5px; }

/***** Hannush customs ***********/
fieldset { border: 0; }
fieldset legend { background: none; }
small { font-size: 0.65rem; }
table { background: none; border: 1px solid #a09380; width: 100%; }
table thead { background: #a09380; }
table thead tr th, table thead tr td { color: inherit; }

table tr th, table tr td { color: inherit; vertical-align: top; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #a09380; }

td input[type="text"], td input[type="password"], td input[type="date"], td input[type="datetime"],
td input[type="datetime-local"], td input[type="month"], td input[type="week"], td input[type="email"],
td input[type="number"], td input[type="search"], td input[type="tel"], td input[type="time"],
td input[type="url"], td select, td select:hover, td textarea { background-color: rgba(255,255,255,0.25); border-color: #ccc; color: inherit; padding: 2px 5px; }

table.jCalendar, table.jCalendar tr.even, table.jCalendar tr.alt, table.jCalendar tr:nth-of-type(even) { background: #a09380; }
table.jCalendar tbody tr td { background-color: inherit; border: 1px solid #958771; }
table.jCalendar tbody tr td.today { background-color: #958771; }
table.jCalendar tbody tr td.jHeader { background-color: #6a604f; border-color: #6a604f; }


/***** End Hannush customs *******/

/*--footer block start--*/
.footer{  padding:45px 0px 35px 0px; float:left; width:100%;}
.footer.bg { background-image: url('../images/bg_footer.jpg'); background-repeat: repeat; }
.footer-left{ float:left;font-size:17px; line-height:22px;}
.footer-middle{ float:left;text-align: right;  }
.footer-middle img { margin: 0 1% 10%; max-width: 45%; }
.footer-right {display: inline-flex;}
.google-partner {padding-top: 1rem;}


.breadcrumb{ float:left; width:100%; padding:0px 0px 22px 0px; font-size:22px; font-weight:100}
.search{ background: url(../images/search.png) no-repeat;
	float: left;
	margin: 0px 0 20px 0px;
	padding:7px 0 0px 55px;
	text-align: center;
	width: 283px;}
.search input{ background:transparent; border:0px;box-shadow:0px 0px; background-color:transparent; font-size:22px; color:#fff; font-weight:100;}

.portfolio{ float:left; width:95%; margin:15px 0px 20px 0px; border-bottom:1px solid #655741;}
.portfolio img{ float:left; margin:0px 20px 20px 0px;}

.back-to-top{ float:left; width:100%; text-align:right}
.back-to-top a:hover{ opacity:.9;}

@media only screen and (min-width: 200px) {
	.navi {display: none;}
	.pushy-static{display: block;}
	.pushy-menu-btn {float: right; font-size: 30px; margin: .75rem .75rem 0; background-color: #000; padding: .125rem .5rem 0 .5rem;}
	.social-icon {float: right; width: 165px;}
	.social-icon ul li {float: left; padding: 0px 0 5px 5px; }
	.social-icon {margin-top: 1rem;}
	.banner-content img{ width:200px;}
	.banner-content{ color: #4b330b; float:right; font-size: 13px; line-height: 18px; padding: 15px 0 0px 10px; width:70%;}
	.middle {padding: 40px 7px 20px 7px; }
	.middle-content{ width:100%}
	.middle-content p {font-size: 20px;}
	.title, h1 { font-size:25px;}
	.right-section{ float: left; width:278px; }
}

@media only screen and (min-width: 767px) {
	body{ margin-left:0px; margin-right:0px;}
	.navigation ul li, .top-menu li { font-size:14px;  margin: 0 15px 0 0;}


	.header-desktop{display:block;}
	.header-mobile{display:none}
	.header-logo img { max-width: none; }


	/*--banner block starts--*/
	.banner{ float:left; width:100%}
	.banner img{ width:100%;}

	/*--middle block start--*/
	.middle{ padding:40px 0px 75px 0px;font-size:20px; }
	.middle-content{ width:100%; margin: 0 .5rem 0 .5rem; }
	.title, h1{ font-size:40px; color:#fff; line-height:normal; text-transform: uppercase; }
	.middle-blk{ color:#4b330b; padding:40px 0px 75px 0px;  float:left;}

	.social-icon { float: right; width: 175px; margin-top: .5rem;}


	.right-section{ float: right; width:278px; }


}

@media only screen and (min-width: 1023px) {
	.navi {display: block;}
	.pushy-menu-btn {display: none;}
	.header-logo{ width:100%;}
	.header-logo img { max-width: none; }

}

@media only screen and (min-width: 61.25em) {
.row{ width:980px;}
.middle-content{ width:85%}
.right-section{ float: right; width:278px; }
.middle-blk {
	padding: 30px 10px 40px 10px;
}
.social-icon {
	float: right;
	width: 175px;
}
}

@media only screen and (min-width: 75.000em) {
.row{ width:1200px;}
.navigation ul li{ font-size:18px;  margin: 0 40px 0 0;}
.desktop-show{ display:block;}
.iphone-show{ display:none;}

/*--middle blk start--*/
.middle-content{ width:100%}

.middle-blk {
	padding: 40px 10px 75px 10px;
}
.footer-middle{ font-size:18px;padding:0px 00px 0px 0px; line-height:25px;}

}