@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('../font/Segoe UI.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Italic';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Italic'), url('../font/Segoe UI Italic.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Bold'), url('../font/Segoe UI Bold.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Bold Italic'), url('../font/Segoe UI Bold Italic.woff') format('woff');
}

html {
  scroll-behavior: smooth;
}
body {
  font-family:'Segoe UI Regular';
  background-repeat: no-repeat;
  background-color: #fff;
  position: absolute;            
  color:#3a3a3a;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mySidebar{
  color: #3a3a3a;	
  height: 100px;
  z-index:100;
  overflow:visible;
}

.fa-remove{color:#333;}

footer {display:grid; float:left;}

.footer {}

/* Dropdown Button */
.dropbtn {
  background-color: none;     
  color: #3a3a3a;      
  padding: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  padding-top:9px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #737373;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding-left: 10px;
  margin-left: 50%;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

a {text-decoration:none;}

.no-back{
    background:none !important;
}

.contact{
  background:#f1f1f1;
}

h1{font-size:36px; margin:0px;}
h2{font-size:30px}
h3{font-size:24px; margin:0px;}
h4{font-size:24px; text-transform:uppercase; margin-bottom:0px;}
h5{font-size:22px; margin-bottom:0px;}
h6{font-size:14px}

p {margin:0px;font-size:14px; text-align:justify;}

.dropdown a:hover {
    text-decoration: none;
    color: gold;
}

.w3-serif{font-family:serif}

.w3-third, .w3-quarter {transition: transform .05s;}
.w3-third:hover, .w3-quarter:hover {
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.02);
  cursor:pointer; 
}




.filter .w3-third:hover {
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform:none;;
  cursor:auto; 
}

.w3-half-back {
    background:#555;
    margin:0px;
    min-height:275px;
    color:#fff;
}

.w3-half-back img{
    float:left;
	border:1px solid #fff;
	margin:15px;
	width:33%;
}

.w3-quarter-back {
    text-align:center;
    background:#fff;
    margin:0px;
    height:110px;
    color:#333;
    box-sizing: border-box;
	box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}

.album-text{
    padding-top:10px;    
}

.album-text p{
    text-align:center;
}

	
#album2{
    min-height:250px;}	

.w3-quarter img {
    width:100px;
    height:100px;
    border:0px;
    outline-style: solid;
    outline-color: #fff;
    outline-width: 1px;
    float:left;
    margin:5px;
    }

.w3-small {
	float:left;
	margin: 20px;
	text-align: center;
}

.w3-small img {
    width:200px;
    border:0px;
    outline-style: solid;
    outline-color: #fff;
    outline-width: 1px;
}

.w3-dark-grey .w3-third{
	transition: none;
	padding: 0px 20px;
}

.w3-dark-grey .w3-third:hover{
	transition: none;
	transform:none;
	cursor:default;
}

.workshop-right a {
	color:#fff;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:58%;
	line-height:20px;
}

.workshop-text h5{
	font-weight:bold;
	margin:0px;
}

.workshop-sub{
	font-size:12px;
		text-align:center;
}

.workshop-top{
	height:70px;
	text-align:center;
}

.workshop-center{
	height: 140px;
font-size: 20px;
line-height: 25px;
	}
.separator{
	border-right:1px solid;
	margin-right:3px;
	padding-right:7px;
	}

.container-64{
	padding:65px;
	}
.side-logo{margin-left:22px; float:left; width:200px;}
.sub {font-size:12px; margin:0px; text-transform:uppercase;}
.w3-margin-bottom { 
  margin-bottom: 40px !important;
}

.w3-margin-bottom2 { 
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.logo h1 {
    font-size: 50px;
    text-transform: uppercase;
}

.heading h1 {
    font-size: 35px;
    text-transform: uppercase;
}

.logo h3 {
    font-size: 24px;
    margin: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    text-align: upp;
    text-transform: uppercase;
    font-weight: bold;
}

.w3-main, #main {
    min-height: 1000px;
}


.w3-padding-large {
  padding: 12px 16px !important;
}
.w3-sidebar hr{width:70%; margin:20px 40px; border-top:1px solid #fff;}

#showhide hr{width: 115%; margin: 20px 0; border-top:1px solid #fff;}

.w3-animate-fading{animation:fading 1s}@keyframes fading{0%{opacity:0}100%{opacity:1}}
.logo {  margin-top: 0px;
  text-align: center;
  visibility: hidden;
  height: 0px;
}
.heading {margin-top:1%;margin-bottom:1%;text-align:center;}

.breadcumb {
    border-bottom: 1px solid #ccc;
    width: 98%;
    font-size: 20px;
    margin-bottom: 35px;
    margin-left: 15px;
   
}

.grid {
    margin-top:20px;
    text-align:center;
    }
    
.grid p{
    text-align:center;
    }    

.images-text {
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
	font-weight:bold;
   
}

.breadcumb a  {
    text-decoration:none;
	color:#3a3a3a;
}

.breadcumb a:hover{
    text-decoration:none;
}

.album-description{
	width:98%;
	background:#fff;
	min-height:400px;
	margin:15px;
    box-sizing: border-box;
    box-shadow: 0 0 5pt 0.5pt #D3D3D3;
}

.album-description img{
	float:left;
	margin:15px 15px 15px 10px;
    border:0px;
  	max-width: 600px;
    outline-style: solid;
    outline-color: #fff;
    outline-width: 1px;
}

.album-description-text h5{
	text-align:center;
	font-size:24px;
	font-weight:bold;
  margin-bottom:20px;
  margin-top:20px;
}

.album-description-text {
	color:#3a3a3a;
	font-size:18px;
	margin:0px 20px 20px 20px;
}

.images-block{
	width:98%;
	background:#fff;
	min-height:130px;
	margin:15px;
	padding-bottom:15px;
}

.column img{
	float:left;
	margin:15px 8px 0px 8px;
    border:0px;
    outline-style: solid;
    outline-color: #fff;
    outline-width: 1px;
}

.column img:hover{
	float:left;
	cursor:pointer;
}

.column-text{
	 background: url(/hivekovics.com/images/bck.png) repeat;
	 text-align:center;
	 color:#fff;
	 padding:10px;
}

.column-text2{
	 background: url(img/bck.png) repeat;
	 text-align:left;
	 color:#fff;
	 padding:10px;
}

.column-text a {
	color: white;
}

label{
  text-transform: uppercase;
  font-weight: bold;
  line-height:25px;
}

.img_left {
  vertical-align: middle;
  float: left;
  width: 450px;
  height: auto;
  margin-right: 15px;
  margin-top: 0px;
}

.img_right{
  vertical-align: middle;
  float: right;
  width: 450px;
  height: auto;
  margin-left: 15px;
  margin-top: 0px;
}

.yellow{
  background: #cb9911;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}

.white{
  background: #fff;
  color: #555;
  text-transform: uppercase;
  font-weight: bold;
  font-size:30px;
  padding:10px 60px 10px 60px;	
  border:none;	

}


.white:hover{
  background:#f5f5f5 !important;
  color: #555;
  text-transform: uppercase;
  font-weight: bold;
  font-size:30px;
  padding:10px 60px 10px 60px;	
  cursor:pointer;

}

#book-now{
	  text-align: center;
	margin-top:30px;
	
}

hr{
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid #3a3a3a;
  margin: 40px 0;
}

footer hr{
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

footer h3{
 text-transform:uppercase;
 font-size:22px;
 font-weight:bold;
}

footer h4{
 text-transform:uppercase;
 font-size:18px;
 font-weight:bold;
}

footer p {
	font-size:11px;  
    text-align:justify;    
}

footer a {
	font-weight:bold;
	text-decoration:none;
		color:#333;
}

footer a:hover{
	font-weight:bold;
	color:#ccc;
}

footer .w3-row-padding {
	padding:0px;
}

footer .w3-third{
	padding:20px;
}
	
	
.w3-ul li {
    padding: 15px 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    border-bottom: 1px solid #fff;
}

.back{
 
  top:0;
  left:0;
  height:100%;
  padding-top:30px;
}

.w3-bar-block{
  margin-top: 10px;
  float:left;
  margin-left: 40px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  }
  
.w3-bar-block2{
  margin-top: 10px;      
  margin-left: 40px;
  width:20%;
  float:right;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  display:flex;
  justify-content: flex-end;
  margin-right: 30px;
  }

.modal-content_search {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30%;
}
  
 .w3-bar-block2 input[type=text], input[type=password] {
 width: 100%;
padding: 10px 10px;
margin: 5px 0;
display: inline-block;
border: 1px solid #333;
box-sizing: border-box;
background: none;
color: #333;
}

.w3-bar-block2 button {
  background-color: #333;
  color: #fff;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.w3-bar-block2 select{
    background: none;
    border: 1px solid #333;
    color: #fff;
    padding: 10px 10px;
    width: 100%;
	margin:5px 0;
}

.w3-bar-block2 option{
    color: black;
}

.w3-bar-block2 .container{
  width: 100%;
  margin-top: 20px;
}


#myInput {
  background-image: url('../img/searchicon.png');
 background-position: 10px 10px;
 background-repeat: no-repeat;
 width: 100%;
 font-size: 16px;
 padding: 10px 15px 10px 40px;
 border: 1px solid #fff;
 margin-bottom: 12px;
}

.psw{
 line-height:20px;
}
.w3-bar-block utton:hover {
  opacity: 0.8;
} 
  
.w3-input {
    padding: 12px;
    display: block;
    border: none;
    border-bottom: none;
    width: 100%;
    font-weight: bold;
    color: #aaa;
}

.w3-input-filter {
    padding: 12px;
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    font-weight: bold;
    color: #aaa;
	margin-bottom:35px;
}
  
.w3-bar-block a{padding-left:0px !important;}
.w3-bar-block a:hover{color:#aaa !important;}
.w3-button:hover{background:none !important;}

.w3-sidebar{
  height: 100%;
  width: 200px;
  background-color:none;
  position: fixed !important;
  z-index: 1;
  overflow: auto;
}

.sidebar-bck{
  background-repeat: no-repeat;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*workshop*/

.workshop {
    width: 70%;
    min-height: 530px;
    margin: 15px;
    padding-bottom: 15px;
    float:left;
}

.workshop-right {
    float: right;
	width: 25%;
	min-height: 90px;
	margin: 15px;
	padding-bottom: 25px;
	padding-top: 15px;
	background: #555;
}

.grey{
	background:#e9e9e9;
	font-size:16px;
	font-weight: bold;
	padding:30px;
}

.grey li{
	font-weight:normal;
}

.workshop-right h3 {
    font-size:30px;
    text-align:center;
    color:#fff;
    font-weight:bold;
	margin-bottom: 20px;
}

.workshop-subtitle {
    font-size:12px;
    text-align:center;
}

.workshop-subtitle2 {
    font-size:24px;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:10px;
}

.workshop-title{
    font-size:30px;
    text-align:center;
    font-weight:bold;
}

.workshop-title2 {
    font-size:18px;
    text-align:center;
    margin-top:0px;
    margin-bottom:15px;
}

.workshop-date{
    font-size:16px;
    text-align:center;
    font-weight:bold;
    margin-bottom:20px;
}

.workshop-pretext{
    margin-bottom:25px;
}

.itinerary-date{
    float:left;
    width:7%;
    text-align:left;
    font-weight:bold;
    }
    
.itinerary-title{
    float:left;
    width:92%;
    text-align:left;
    font-weight:bold;
    margin-bottom:20px;
    }  

.itinerary-title p{
    font-weight:normal;
     margin-bottom:10px;
    }      

.workshop-right p{
	text-align: center;
	color: #fff;
	font-size: 19px;
}

.first{
  margin-top:1040px;
}



#map {
  width: auto;
  height: 850px;
}
		
.map_popup{
  
}
.map_popup img{
 width:80px; 
 height:auto;
 margin-top:5px;
}

.map_popup h3{
  Font-size:14px;
  text-transform:uppercase;
  margin:0px;
  font-weight:bold;
}

.leaflet-popup-content-wrapper {
    border-radius: 0px !important;
}
		
@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
          animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
          animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }
  
/* Lightbox */

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}



/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 10;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:rgb(128,128,128);
  z-index:1000;
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 40%;
  max-width: 1200px;
  background-color: rgba(0,0,0,0);
  border: none;	
}

#login-content {
  width: 20%!important;
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

#login-content .close{
    color:#999
}

#loginModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(255,255,255,0.8); /* Black w/ opacity */
}

#search-content .close{
    color:#999
}


#search-content {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  width: 30% !important;
}

#modalSearch{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(255,255,255,0.8); /* Black w/ opacity */

}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

.mySlides img {
 margin:0px;
}



/* Position the "next button" to the right */

/* On hover, add a black background color with a little bit see-through */


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  display: none;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 100;
  bottom: 10%;
  left: 35%;
  margin-left: -80px;
  border:1px solid #fff;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
  	

@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}
 body{
 background-size:cover;}
 h1{font-size:16px; margin:0px;}
 h3{font-size:12px; margin:0px;}
 .logo h1{font-size:16px; margin:0px;}
 .logo h3{font-size:12px; margin:0px;}

 .logo {margin-top:0%;text-align:center;}
 .logo img{width:100px;}
 .first{
  margin-top:300px;
 }
 #map {
  width: auto;
  height: 500px;
 }
 
.w3-padding-large h3{
  font-size:20px;
 }
	
.w3-quarter a:hover{text-decoration:none;}	
	
.heading h1 {
    font-size: 35px;
    text-transform: uppercase;
	margin-top:-67px;
}
	.footer {margin-left:0px; bottom:0px;}
}
.first {
    margin-top: 200px;
    background: #fff;
    padding-top: 20px;
}



@media (min-width:993px){
 .w3-modal-content{width:900px}
 .w3-hide-large{display:none!important}
 .w3-sidebar.w3-collapse{display:block!important}
}

@media (max-width:500px){

.album-description img {
  float: left;
  margin: 15px 15px 15px 10px;
  border: 0px;
  max-width: 95%;
}

.logo {  margin-top: -60px;
  text-align: center;
  height: 60px;
  visibility:visible;
}

#search-content {
  width: 90% !important;
}

#login-content {
  width: 90% !important;
}

.side-logo h4, .side-logo p{
    visibility:hidden;
}

.w3-jumbo {
  font-size: 54px !important;
  left: 10px !important;
  margin-left: -14px;
  top: 4px;
  position: absolute;
}


#mySidebar {
  color: #3a3a3a;
  height: 100%;
  z-index: 100;
  overflow: visible;
  width: 50%;
}

.w3-overlay {
  background-color: rgba(255,255,255,0.9);
  z-index: 2;
  backdrop-filter: blur(5px);
}

.w3-animate-opacity {
  animation: opac 0.1s;
}


.w3-bar-block .w3-bar-item, .w3-bar-block2 .w3-bar-item {
  padding: 8px 26px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}

.w3-bar-block, .w3-bar-block2 {
  margin-top: 10px;
  float: left;
  margin-left: 40px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  height: auto;
}

.w3-bar-block2 {
  width: 81%;
  flex-flow: column;
  margin-left: 25px;
  margin-top: 20px;
  border-top: 1px dotted;
  padding-top: 20px;
}

.dropdown {
  position: relative;
  display: inline-block;
  padding-top: 9px;
  font-size: 16px;
  margin-bottom:10px;
}

.modal-content_search {
  width: 80% !important;
}


.logo h1 {
  font-size: 34px;
  margin: 0px;
}

 .first{
  margin-top:0px;
 }
 
 .footer {
    margin-left: 300px;
    width: 100%;
}

	
.workshop-center{
	height: 100px;
	font-size: 14px;
	line-height:20px;
	}	
	
	.footer {margin-left:0px; bottom:0px;}
 #map {
  width: auto;
  height: 500px;
 }
 .img_left {
  vertical-align: middle;
  float: left;
  width: 100%;
  height: auto;
  margin-right: 0px;
  margin-bottom: 20px;
}

.img_right{
  vertical-align: middle;
  float: right;
  width: 100%;
  height: auto;
  margin-left: 0px;
  margin-bottom: 20px;
}

.container-64 {
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.w3-row-padding{
  margin-bottom:40px;
 }
 
 .album-description{
	width:92%;
	min-height:400px;
	margin:15px;
}


.mySlides img {
  width:100%;
}

.prev {
  margin-left: 0px !important;
}

.next {
  margin-right: 0px !important;
}

.images-block{
	width:92%;
	min-height:220px;
	margin:15px;
	padding-bottom:15px;
}

.column img {
    float: left;
    margin: 15px 0px 10px 15px;
    border: 1px solid #fff;
}

.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 600px;
}

.heading h1 {
    font-size: 35px;
    text-transform: uppercase;
	margin-top:-66px;
}
.w3-half-back img{
    float:left;
	border:1px solid #333;
	margin:15px;
	width:92%;
}

.w3-half-back {
    background:#fff;
    margin:0px;
    min-height:530px;
    color:#333;
	margin-top:-30px;
	margin-bottom:20px;
}

.workshop-sub{
   font-size:10px;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:92%;
	line-height:20px;
}
.workshop {
    width: 95%;
    min-height: 530px;
    margin: 15px;
    padding-bottom: 15px;
    float:left;
}

.workshop-right {
    float: left;
	width: 95%;
	min-height: 90px;
	margin: 15px;
	padding-bottom: 25px;
	padding-top: 15px;
}
}

@media only screen and (min-width: 501px) and (max-width: 1366px){

.w3-half-back img{
    float:left;
	border:1px solid #333;
	margin:15px;
	width:92%;
}
	
.workshop-center{
	height: 100px;
	font-size: 14px;
	line-height:20px;
	}

.w3-half-back {
    background:#fff;
    margin:0px;
    min-height:565px;
    color:#333;
	margin-top:0px;
	margin-bottom:20px;
}

.workshop-sub{
   font-size:10px;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:92%;
	line-height:20px;
}
	
.workshop {
    width: 95%;
    min-height: 530px;
    margin: 15px;
    padding-bottom: 15px;
    float:left;
}

.workshop-right {
    float: left;
	width: 95%;
	min-height: 90px;
	margin: 15px;
	padding-bottom: 25px;
	padding-top: 15px;
}
.sidebar-bck {
    background-size: 1366px;
}	
	
body {
    background-size: 1366px;
}

.first {
    margin-top: 100px;
    background: #fff;
    padding-top: 20px;
}	

.w3-main, #main {
    min-height: 500px;
}
.album-text p {
	font-size: 12px;
	}	
	
	
}

@media only screen and (min-width: 1367px) and (max-width: 1440px){

.w3-half-back img{
    float:left;
	border:1px solid #333;
	margin:15px;
	width:35%;
}

.w3-half-back {
    background:#fff;
    margin:0px;
    min-height:220px;
    color:#333;
	margin-top:0px;
	margin-bottom:20px;
}

.workshop-sub{
   font-size:10px !important;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:55%;
	line-height:20px;
}

.workshop-text p{
	font-size:14px;
}

.workshop-text h5{
	font-size:18px;
}
	.first {
    margin-top: 510px;
    background: #fff;
    padding-top: 20px;
}
	
	.workshop-center{
	height: 100px;
	font-size: 16px;
	line-height:20px;
	}
.sidebar-bck {
    background-size: 1440px;
}	
	
.w3-main, #main {
    min-height: 750px;
}
	
	
body {
    background-size: 1440px;
}
	
}

@media only screen and (min-width: 1441px) and (max-width: 1690px){

.w3-half-back img{
    float:left;
	border:1px solid #333;
	margin:15px;
	width:35%;
}

.w3-half-back {
    background:#fff;
    margin:0px;
    min-height:220px;
    color:#333;
	margin-top:0px;
	margin-bottom:20px;
}

.workshop-sub{
   font-size:10px !important;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:55%;
	line-height:20px;
}

.workshop-text p{
	font-size:14px;
}

.workshop-text h5{
	font-size:18px;
}
	.first {
    margin-top: 100px;
    background: #fff;
    padding-top: 20px;
}
	
	.workshop-center{
	height: 100px;
	font-size: 16px;
	line-height:20px;
	}
.sidebar-bck {
    background-size: 1680px;
    background-position-y: -5px;
}	
	
.w3-main, #main {
    min-height: 750px;
}
	
	
body {
    background-size: 1680px;
    background-position-y: -5px;
}
	
}


@media only screen and (min-width: 1690px) and (max-width: 1920px){

.w3-half-back img{
    float:left;
	border:1px solid #333;
	margin:15px;
	width:35%;
}

.w3-half-back {
    background:#fff;
    margin:0px;
    min-height:240px;
    color:#333;
	margin-top:0px;
	margin-bottom:20px;
}

.workshop-sub{
   font-size:10px !important;
}

.workshop-text{
    margin:15px;   
	float:left;
	width:55%;
	line-height:20px;
}

.workshop-text p{
	font-size:14px;
}

.workshop-text h5{
	font-size:18px;
}
	.first {
    margin-top:100px;
    background: #fff;
    padding-top: 20px;
}
	
	.workshop-center{
	height: 100px;
	font-size: 16px;
	line-height:20px;
	}
.sidebar-bck {
    background-size: 1920px;
    background-position-y: -80px;
}	
	
.w3-main, #main {
    min-height: 750px;
}
	
	
body {
    background-size: 1920px;
    background-position-y: -80px;
}
	
}

.td_vertical {
	vertical-align: middle!important;
}

.default-container {
	margin-top: 150px;
}

table.dataTable.table-hover > tbody > tr:hover > * {
  cursor: pointer;
}

.modal-dialog {
  max-width: 800px !important;
  margin: 1.75rem auto;
}


.modal-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
}

.sorting_1 odd {
    background-color:#dee2e6;
}