/*=============================
 RESET
============================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote {font-size:14px !important;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*=============================
 Utils
============================= */

.clearfix{clear:both;}

.floatL{float:left !important;}
.floatR{float:right !important;}

.displayHide{display:none;}
.pdd10 {padding: 10px 0;}
.pdd8 {padding: 8px 0;}
.pdd15 {padding: 15px 0;}
.pdd30 {padding: 30px 0;}
.pdd70 {padding: 70px 0;}

.pddL12 {padding: 0px 12px;}

.hr_left{
	 border: 0 !important; border-bottom: 1px dashed #007e9c!important; background: #fff!important; margin-bottom:-5px;margin-top:8px;
	
}
.image_border_left{
	 border: 2px solid #007e9c!important; 
	
}
html, body {
	width: 100%;
	height: 100%;
	
	font-family: 'Open Sans', sans-serif !important;  /* GENERAL FONT */
	
}

.container {width:975px !important;}

/*=============================
 Header 
============================= */
	
header {
	z-index: 800;
	background:#fff !important;
}

.brand {
	margin-left: auto;
  	margin-right: auto;
  	width: 201px;
  	float: none;
}

pre {tab-size: 8;}

.navbar-inverse {border:0px !important;}

.navbar-header{width: 100% !important;}

/*=============================
 Top Menu
============================= */

button.navbar-toggle {
	border:none !important;
	border-radius:0 !important;
}

button.navbar-toggle:active, button.navbar-toggle:hover, button.navbar-toggle:focus {background:none !important;}

/*=============================
 Pages
============================= */

.page, .page-alternate {
	background: #ffffff;
	position: relative;
	z-index: 98;
}

.page-alternate {
	background: #fdfdfd;
	border:1px solid #EAE8E9;
}

#bannerImg, footer {background-image: url(../img/bg-overlay2.png);}

#fMenu ul {
	list-style-type: none;
	background-color:#035e74;
    margin: 0;
    padding: 0;
}

#fMenu ul li {
    display: inline !important;
	margin:0px 5px 0px 2px;
}

#fMenu ul li a {
	text-decoration: none;
	padding: 0px 6px;
	color: #fff;
	text-transform:uppercase;
	font-size:12px;
	font-weight: 300;
}

#fMenu ul li a:hover {
	color: #aaa;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}









.navbar-collapse .nav > li { 
	list-style: none;
	margin:0px 10px;
}

.navbar-collapse .nav > li:last-child {margin-right: 0;}

.navbar-collapse .nav > li > a {
	padding:5px;
	text-transform:uppercase;
	color:#ffffff !important;
	font-weight: 300;
	text-shadow:none !important;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	box-shadow:none !important;
}

.navbar-collapse .nav > li > a:hover,
.navbar-collapse .nav > li > a:focus {
	color: #035e74 !important;
	box-shadow:none !important;
	background: #fff !important;
}

.navbar-collapse .nav li:hover > .dropdown-menu {
                display: block;
                z-index:1000 !important;
                float:right !important;
                right:0;
                left:auto;
}

.navbar-collapse .nav .dropdown-menu {
                background:#333;
                min-width: 100%;
                border:0 !important;
                border-radius:0;
                float:right;
				z-index:1001 !important;
}

.navbar-collapse .nav .dropdown-menu > li > a {
                text-transform:uppercase;
                color: #ccc !important;
                text-align:right;
}

.navbar-collapse .nav .dropdown-menu > li > a:hover{
                color:#fff !important;
                background-color: #111 !important;

}










#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
	max-height:400px !important;
}

.owl-theme .owl-controls .owl-buttons div {padding: 5px 9px;}
 
.owl-theme .owl-buttons i{margin-top: 2px;}
 
 
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	background:#000 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
	left: -5px;
	top: 110px;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
	right: -5px;
	top: 110px;
}

.mask {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
	padding:3px 150px;
	position:absolute;
	width:100%;
	margin-top: -70px;
}

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


.jssort11 .i, .jssort11 .pav:hover .i {
	position: absolute;
	top:3px;
	left:3px;
	width: 60px;
	height: 30px;
}

.jssort11 .i {
	width : 62px;
	height: 32px;
}

.jssort11 .c {
	width:130px;
	height: 100%;
	color:#fff;
	font-size:12px;
	font-weight:500;
	padding:10px;
	vertical-align:middle;
	background-color:#035e74;
}

.jssort11 .c:hover {
	background:#007e9c;
	
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;

}
.jssort11 .e {
	width:130px;
	height: 100%;
	color:#fff;
	font-size:12px;
	font-weight:500;
	padding:10px;
	vertical-align:middle;
	background-color:#e1e1e1;
	
}

 


/*=============================
 Footer
============================= */

footer {z-index: 799;} 

footer ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul li {
    display: inline !important;
	margin:0px 5px 0px 2px;
}

footer ul li:after {
	content:" | ";
	color: #fff;
	font-size:12px;
}

footer ul li:last-child:after {content:"";}

footer ul li a {
	padding: 0px 2px;
	color: #fff;
	text-transform:uppercase;
	font-size:12px;
	font-weight: 300;
}

footer ul li a:hover {
	color: #aaa;
	text-decoration: none;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}

footer a {
	color: #fff;
	font-size:12px;
	font-weight: 300;
}

footer a:hover {
	text-decoration:none;
	color: #aaa;
	
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}
/*=============================
 Page New Media
============================= */

#filter .filter-item {
	background-color:#fff;
	color:#888;
	
	/*border:1px solid #CDCDCD;*/
	border-radius:0px !important;
	
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	overflow:visible;
	margin:5px 10px 0px 0px;
	display:inline-block;
	
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
}

#filter .filter-item:hover {
	background:none repeat scroll 0% 0% #F2632E;
	border-color:#F2632E;
	color:#fff;
}

#portfolio .col-md-3 {padding:0 !important;}

.image-style-one {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.image-style-one img {
	border-radius: 3px;
	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		 -o-transition: all 2s ease;
			transition: all 2s ease;
}
.image-style-one .image-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	border-radius: 3px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.image-style-one:hover .image-hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.image-style-one:hover img{
	-webkit-transform: scale(1.2) rotate(8deg);
	   -moz-transform: scale(1.2) rotate(8deg);
		-ms-transform: scale(1.2) rotate(8deg);
		 -o-transform: scale(1.2) rotate(8deg);
			transform: scale(1.2) rotate(8deg);
}
.image-style-one  .image-caption {
	margin-top: 12%;
	text-align: center;
}

.image-style-one  .image-caption h4 {
	color: #fff;
	margin-bottom:0px;
}
.image-style-one .image-caption p {
	max-width:75%;
	margin:0px auto;
	color:rgba(255,255,255,0.8);
	line-height:23px;
	margin-bottom:5px;
}

.image-style-one .image-caption a {
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	border-radius:2px;
	line-height:30px;
	background:#F2632E;
}

.image-style-one .image-caption a:hover {text-decoration:none;}

/*=============================
 Rezises
============================= */

@media (min-width: 1200px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
.container {width:100% !important;}

.navbar-header div {
	font-size:16px !important;
	margin-top:80px !important;
}

.navbar-header div.clearfix {
	margin:-50px 0px 0px 520px !important;
}

.navbar-header div.clearfix img {
	width:220px !important;
	height:auto !important;
}

#top-nav2{margin-right:10px;}

#fMenu ul li {margin:0px 1px 0px 1px;}

#fMenu ul li a {
	font-size:10px;
	padding: 0px 4px;
}

.navbar-collapse .nav > li {margin:0px 5px;}

.navbar-collapse .nav > li > a {
	padding:3px;
	font-size:12px;
}

#slider1_container {width:100% !important;}
#slider1_container div {
	width:480px !important;
	height:200px;
}
.jssort11 {left:240px !important;}

.jssort11 .p {width:20px !important;}
	
}

@media (max-width: 767px) {
	
.container {width:100% !important;}
	
#top-nav2{margin-right:15px;}

header .clearfix{border:none !important;}

.navbar-header div {
	font-size:15px !important;
	position:absolute;
	margin:140px 5px 25px 70px !important;
	font-weight: bold;
}

.navbar-header div.clearfix {
	margin:90px 0px 0px 160px !important;
}

.navbar-header div.clearfix img {
	width:150px !important;
	height:auto !important;
}

.navbar-header span {
	font-size:14px !important;
	letter-spacing: normal !important;
}
	
.side-collapse-container{
	width:100%;
	position:relative;
	left:0;
	transition:left .4s !important;
}

.side-collapse-container.out{left:200px;}

.side-collapse {
	top:30px;
	bottom:0;
	left:0;
	width:200px;
	position:fixed;
	overflow:hidden;
	transition:width .4s;
	border-top:none !important;
	height:700px !important;
}

.side-collapse.in {width:0;}

.navbar-inverse{background:#fff !important;}

.navbar-collapse {
	margin-top:5.3px;
	background:#fff !important;
}

.navbar-collapse ul li {min-width:100% !important;}

.navbar-collapse ul.navbar-nav li a {
	color:#007e9c !important;
	border-bottom:1px solid #035e74;
}

.navbar-collapse ul.navbar-nav li a:hover {
	color:#fff !important;
	background-color:#035e74 !important;
}

.page .col-md-9 h1 {font-size:24px !important;}
.page .col-md-9 div {font-size:20px !important;}

footer .col-md-12 div {width:100% !important;}
footer .col-md-12 div div {width:8% !important;}

/*#slider1_container {
	width:800px !important;
	padding:0 !important;
}*/

#slider1_container {margin:5px 0px -20px 0px !important;}
#slider1_container .c {font-size:16px;}

/*#slider1_container img {
	width:50% !important;
	height:auto !important;
	padding:20px;
}*/
/*#slider1_container div {
	width:50px !important;
	height:200px !important;

}*/
/*.jssort11 {left:80px !important;}*/

.jssort11 .c {
	/*width:50px;
	height: auto;*/
/*	color:#fff;
	font-size:12px;
	font-weight:500;
	padding:10px;
	vertical-align:middle;
	background-color:#035e74;*/
}

/*.jssort11 .p {width:70px !important;}*/

.events * {
	text-align:center !important;
	margin-left:15px !important;
}

}

@media (max-width: 480px) {
	
footer .col-md-12 div div {width:14% !important;}
	
}