
/* ----------------------------------
#. Tabs
---------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

* { 
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

html, body {
  background:#FFFFFF;
}

.acc-container {
  width:650px;
  float:right;
  margin:30px auto 0 auto;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  overflow:hidden;
}

.acc-btn { 
  width:100%;
  margin:0 auto;
  cursor:pointer;
		padding: 10px 20px;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #027DB6),
	color-stop(1, #056E9E)
);
background-image: -o-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -moz-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -webkit-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -ms-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: linear-gradient(to bottom, #027DB6 0%, #056E9E 100%);

}
.acc-btn h1{
margin:0;
}
.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
  border:1px solid #eee;
}

.acc-content-inner {
  padding:30px;
}

.open {
  height: auto;
}

h1 {
  font:700 20px/34px 'Lato', sans-serif;
  color:#ffffff;
}

p { 
  font:400 15px/26px 'Open Sans', Helvetica, Arial, sans-serif;;;
  color:#798795;
}

.selected {
  color:#fff;
}
.tabs{
}

.tabs li {
	float: left;
	list-style: none;
	outline: none;
}

	.tabs li.ui-state-active a {
		outline: none;
		border-left:3px solid #17649a;
		color:#17649a;
	}
	
.tabs li a {
	display: block;
	outline: none;
	padding:2px;
	padding-left:20px;
	border-left:3px solid transparent;
	color:#555;
	font-size:15px;
	border-bottom: none;
	
		text-decoration: none;
}

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



/* ----------------------------------
#. Generals
---------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

* {
	-webkit-font-smoothing: antialiased;
}

img {
	border: none;
}


.shadow{
	background: url('../img/slider-shadow-ok.png') center top no-repeat;
	height:36px;
	
}
/* ----------------------------------
#. HTML Body
---------------------------------- */

html, body {
	margin: 0;
	padding: 0;
}

body {
	color: #888e95;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	/*font: 15px 'Open Sans', Helvetica, Arial, sans-serif;*/
	/*line-height:26px;*/
}

/* ----------------------------------
#. General
---------------------------------- */

.header-caption img{

float: right;
margin: 0;
padding: 0;
margin-top: 11px;

}

.top-header {

background: #fff;
border-bottom: 1px solid #999;

}

.top-header p{

margin: 0;
padding: 0;

}

.clear {
	clear: both;
}

hr{
	border:none;
	border-top:1px solid #111;
}

	.list{
		list-style:none;
		padding:0;
		margin:0;
	}

	.list li{
		background:url('../img/list.png') left center no-repeat;
		padding-left:30px;
		margin-bottom:10px;
	}

/* ----------------------------------
#. Typography
---------------------------------- */

strong{
	color:#66aef5;
}

a {
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	color:#66aef5;
}


h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: 600;
}
h3{
color:#555;
}

i.fa{
color:#132a60;
}
/* ----------------------------------
#. Message
---------------------------------- */

.message {
	padding: 15px 25px;
	border: 1px solid transparent;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.message.error {
	color: #fff;
	
	border-color: #a4303d;
	
	box-shadow: inset 0 1px 1px #e47278;

	background-color: #e5435a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(229, 67, 90)), to(rgb(209, 66, 82)));
	background-image: -webkit-linear-gradient(top, rgb(229, 67, 90), rgb(209, 66, 82));
	background-image: -moz-linear-gradient(top, rgb(229, 67, 90), rgb(209, 66, 82));
	background-image: -o-linear-gradient(top, rgb(229, 67, 90), rgb(209, 66, 82));
	background-image: -ms-linear-gradient(top, rgb(229, 67, 90), rgb(209, 66, 82));
	background-image: linear-gradient(top, rgb(229, 67, 90), rgb(209, 66, 82));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e5435a', EndColorStr='#d14252');
}

	.message.error ul {
		margin: 0;
		padding: 0;
	}
	
	.message.error ul li {
		padding: 2px 0;
		list-style: none;
	}
	
.message.success {
	color: #fff;
	
	border-color: #466f29;
	
	box-shadow: inset 0 1px 1px #93ce86;

	background-color: #81cd62;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(129, 205, 98)), to(rgb(120, 184, 73)));
	background-image: -webkit-linear-gradient(top, rgb(129, 205, 98), rgb(120, 184, 73));
	background-image: -moz-linear-gradient(top, rgb(129, 205, 98), rgb(120, 184, 73));
	background-image: -o-linear-gradient(top, rgb(129, 205, 98), rgb(120, 184, 73));
	background-image: -ms-linear-gradient(top, rgb(129, 205, 98), rgb(120, 184, 73));
	background-image: linear-gradient(top, rgb(129, 205, 98), rgb(120, 184, 73));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#81cd62', EndColorStr='#78b849');
}

/* ----------------------------------
#. Form
---------------------------------- */

form {
	
}

form label {
	display: block;
	margin: 5px 0 15px;
}

form input[type='text'],
form textarea {
	padding: 7px 10px;
	border:none;
	border:1px solid #ccc;
}

	form input[type='text']:focus,
	form textarea:focus {
		border-color: #999;
	}
	
form input[type='text'] {
	width: 200px;
	height:22px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

form textarea {
	width: 400px;
	height: 100px;
	min-height: 100px;
	resize: vertical;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

form input[type='submit'] {
	margin-top: 15px;
	padding: 10px 15px;
	color: #fff;
	font-size: 13px;
	text-shadow: 0 1px 1px #2a063a;
	width:202px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0 1px 1px #a0caf4;
	
	border: 1px solid #0067b1;
	background: #66aef5;
}

	form input[type='submit']:hover {
		cursor: pointer;
	}

/* ----------------------------------
#. Container
---------------------------------- */

.container {
	width: 1000px;
	margin: 0 auto;
}

.container.header{
	background:none;
}


/* ----------------------------------
#. Module
---------------------------------- */

.module {
	padding: 30px;

}

.module#home {
	
	margin-top: -38px;
}



/* ----------------------------------
#. Caption (top-header)
---------------------------------- */
		.caption{
			padding:0px;
			background:none;
		}
		
		.caption form input[type='submit']{
			width:120px;
		}
		
		.caption form input[type='text']{
			width:120px;
		}
		
		.caption form{
			float:right;
		}
		
		.caption .social{
			float:left;
			margin-top:20px;
		}
		
		.caption .social img{
			margin-right:5px;
		}
		
/* ----------------------------------
#. Header
---------------------------------- */

.header {
	background: #fff;
	padding:0;
}
	.box{
		padding:10px 0px;
		margin:0px;
	}
	.header .logo {
		float: left;
		padding-bottom: 13px;
	}
	
	.header .contact {
		float: right;
		margin-top:21px;
		text-align:right;

	}
	.header .contact hr{
	border-color:#ddd;
	}
	.header .contact h2{
		color:#3059b5;
		font-size:22px;
		font-weight:800;
		margin:0;
	}
	.header .contact a{
		margin:0;
		padding:0;
		color:#3059b5;
	}
	
	.header .contact a:hover{	
		color:#66aef5;
	}
/* ----------------------------------
#. Navigation
---------------------------------- */

.navigation {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #027DB6),
	color-stop(1, #056E9E)
);
background-image: -o-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -moz-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -webkit-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -ms-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: linear-gradient(to bottom, #027DB6 0%, #056E9E 100%);
	padding:0;
	
	
	border-top:2px solid #2991c1;

}

	.navigation ul {
		margin: 0;
		padding: 0;
	}
	
	.navigation ul li {
		float: left;
		list-style: none;
		border-left:1px solid #238cbe;
		    margin: 2px 0 4px;

	}
		.navigation .fa{
		color:#fff;
		}
		.navigation ul li.first {
			border-left: none;
		}
		
		.navigation ul li.last {
			border-right: none;
		}
		
		.navigation ul li.has_children {
			position: relative;			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
		.navigation ul li.has_children a {
			
		}
		
			.navigation ul li.has_children:hover ul {
				display: block;
			}
		
		.navigation ul li.has_children ul {
			display: none;
		
			position: absolute;
			top: 42px;
			left: -1px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			z-index: 9999;
			padding:5px 0;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #027DB6),
	color-stop(1, #056E9E)
);
background-image: -o-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -moz-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -webkit-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -ms-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: linear-gradient(to bottom, #027DB6 0%, #056E9E 100%);
			
			border-top: none;
			
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
		}
		
		.navigation ul li.has_children ul li {
			border: none;
		}
		
		.navigation ul li.has_children ul li a {
			width: 220px;
			margni:0;
		}
	
	.navigation ul li > a {
		display: block;
		padding: 12px 25px;
		font-weight:600;
		color: #f1f1f1;
		-webkit-transition: color 0.3s ease, background 0.3s ease;
		margin:0 5px;
	}
	
		.navigation ul li > a:hover,
		.navigation ul li.current > a {
			color: #fff;
			background:#00305a;
			-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
		}
		
/* ----------------------------------
#. sidebar navigation
---------------------------------- */

.service-nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
li{
		  
    font-size: 14px;
    margin-bottom: 5px;
	}
	.service-nav ul li{
		    margin: 0;
	}
	

	.service-nav ul li a{
		padding:10px 15px;
		display:block;
		font-weight:600;
		color:#0067b1;
	}

	.service-nav ul li a:hover, .service-nav ul li.current > a{
		background:#daeafa;
	}
	
/* ----------------------------------
#. Content
---------------------------------- */

.content {
	
}

	.content .inner {
		float: right;
		width: 650px;
		margin-bottom:20px;
		background:#fff;
	}
.inner h2{
color:#222;
}
	.content .inner hr{
		border:1px dotted #ccc;
	}
		.content .inner h1 {
			margin-top: 0;
			font-size: 24px;
		}
		
		.content .inner .inner-header {
		padding: 10px 20px;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #027DB6),
	color-stop(1, #056E9E)
);
background-image: -o-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -moz-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -webkit-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -ms-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: linear-gradient(to bottom, #027DB6 0%, #056E9E 100%);


			border-bottom: none;

			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
		}
		
			.content .inner .inner-header h1 {
				margin: 0;
				color: #fff;
				font-size: 18px;
			}
				
			.content .inner .inner-header h2 {
				margin: 0;
				color: #fff;
				font-size: 18px;
			}
		
		.content .inner .inner-inner {
			padding: 20px 30px;
			border: 1px solid #e7e7e7;
			
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
			
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		}
	
/* ----------------------------------
#. Sidebar
---------------------------------- */
	
.content .sidebar {
	float: left;
	width: 248px;
}
	
	.content .sidebar .mod{
		padding:0px;
		width:248px;
	}
	.content .sidebar .mod h2{
		color:#fff;
		padding:0;
		margin:0;
	}
	
	.content .sidebar .mod .inner .inner-inner img{
		margin:5px 2px;
	}
	.content .sidebar .mod .inner .inner-inner{
		padding:5px 20px 10px;
	}
	
		.content .sidebar .mod .inner .inner-inners{
			padding:0;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		}
		
		.content .sidebar .mod .inner{
			margin-top:0;
			width:248px;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-bottomright: 3px;
			
			margin-bottom:20px;
		}
		
	.content .sidebar .mod .inner .inner-header{
		padding: 10px 20px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #027DB6),
	color-stop(1, #056E9E)
);
background-image: -o-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -moz-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -webkit-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: -ms-linear-gradient(bottom, #027DB6 0%, #056E9E 100%);
background-image: linear-gradient(to bottom, #027DB6 0%, #056E9E 100%);
		
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
	}
	
		.content .sidebar .mod .inner .inner-header i{
			color:#fff;
			margin-right:10px;
		}
	
		.content .sidebar h2 {
			margin-top: 0;
		}
		
			.content .sidebar form {
			
			}
			
			.content .sidebar form input[type='text'],
			.content .sidebar form textarea {
				width: 180px;
				border:none;
				border:1px solid #ccc;
			}
		
	.content.full-width {
		
	}
	
		.content.full-width .inner {
			width: 880px;
		}
		
		.content.full-width .sidebar {
			display: none;
		}
	
	.col{
		margin-left:20px;
	}
	
	.col ul{
		list-style:none;
		padding:0;
		margin:0;
		display:inline-block;
		margin-left:20px;
	}
	
	.col ul li{
		width:295px;
		float:left;
		margin-right:20px;
	}
	
	.col ul li.last{
		margin-right:0px;
	}

	.col ul li .inner{
		width:295px;
	}
	
	.col ul li .inner .inner-inner{
		padding:0 30px;
	}
/* ----------------------------------
#. Services
---------------------------------- */

.services {
}

	.services ul {
		margin: 0;
		padding: 0;
	}
	
	.services ul li {
		list-style: none;
		
		float: left;
		width: 186px;
		height: 150px;
		margin-right: 15px;
		
		background-size: cover;
		background-repeat: no-repeat;
		
		overflow: hidden;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
		.services ul li.last {
			margin-right: 0;
		}
		
	.services ul li .overlay {
		display: none;
		
		width: 100%;
		height: 100%;
		padding: 28% 0;
		text-align: center;
		
		background: url('../img/overlay.png');
	}
	
	.services ul li .overlay a {
		display: inline-block;
		padding: 7px 10px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		border: 2px solid #fff;
	}
	
/* ----------------------------------
#. Gallery
---------------------------------- */

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

	.gallery li {
		list-style: none;
		float: left;
		
		width: 139px;
		height: 150px;
		
		margin-right: 10px;
		margin-bottom: 10px;
		
		overflow: hidden;
	}
	
		.gallery li.last {
			margin-right: 0;
		}
		
	.gallery li img {
		max-width: 100%;
		min-height: 100%;
	}
	.gallery {
    display: flex;
    flex-wrap: wrap;
}

.gallery li {
    flex: 0 0 25%;
    margin: 0 !important;
    padding: 10px;
    width: auto;
    height: auto;
}
	
/* ----------------------------------
#. Extra
---------------------------------- */

.extra {
	display: none;
	text-align: center;
	background: #000;
}

.extra ul {
	margin: 0;
	padding: 0;
}

.extra ul li {
	display: inline-block;
	padding: 3px 5px;	
}

.extra ul li a {
	color: #999;
	text-shadow: 0 1px 1px #000;
}

/* ----------------------------------
#. Footer
---------------------------------- */
.footer .fa{
display:none;
}
.footer {
	color: #fff;
	position: relative;
	background:#222;
}

	.footer #toggle {
		padding: 7px 10px;
		position: absolute;
		width: 100px;
		left: 50%;
		top: -15px;
		margin-left: -46px;
		text-align: center;
		
		border: 1px solid #000;
		border-radius: 3px;
		-moz-border-radius: 3px;
		
		box-shadow: inset 0 1px 1px #555, 0 1px 3px #333;
		
		background-color: #383838;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(56, 56, 56)), to(rgb(48, 48, 48)));
		background-image: -webkit-linear-gradient(top, rgb(56, 56, 56), rgb(48, 48, 48));
		background-image: -moz-linear-gradient(top, rgb(56, 56, 56), rgb(48, 48, 48));
		background-image: -o-linear-gradient(top, rgb(56, 56, 56), rgb(48, 48, 48));
		background-image: -ms-linear-gradient(top, rgb(56, 56, 56), rgb(48, 48, 48));
		background-image: linear-gradient(top, rgb(56, 56, 56), rgb(48, 48, 48));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#383838', EndColorStr='#303030');
	}
	
		.footer #toggle:hover {
			cursor: pointer;
		}

	.footer .column {
		color: #aaa;
	
		float: left;
		width: 120px;
		margin-right: 20px;
	}
		.footer .column.second{
		
		width: 320px;
		}
		.footer .column.last {
			margin-right: 0;
		width: 420px;
		}
		
	.footer .column h3 {
		color: #fff;
	}
	
	.footer .column ul {
		margin: 0;
		padding: 0;
	}
	
	.footer .column ul li {
		list-style: none;
	}
	
		.footer .column ul li.has_children {
			
		}
		
		.footer .column ul li.has_children ul {
			display: none;
		}
	
	.footer .column ul li a {
		display: block;
		padding: 2px 0;
		color: #aaa;
	}
	
	.ball {
		width:70px;
		height:26px;
		background: url('../img/edm-logo.png');
		display:inline-block;
		float:right;
	}

	.ball:hover{
		background-position-y:26px;
	}
	
	
		
.sponser-img{		
list-style: none;
    display: inline-flex;
    gap: 30px;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
  padding: 0;
}		

form input[type='text'] {
    padding: 0 10px;
    height: 34px;
    margin: 0 0 15px;
}

form label {
    margin: 0 0 5px;
}
.message.success {
    padding: 15px;
    margin: 0 0 15px;
}

.message.success p {
    margin: 0;
    color: #fff;
}


	@media only screen and (min-width: 320px) and (max-width: 1024px) {
       .container.header {   
    padding: 30px !important;
}
.container {
   
    width: 100% !important;
   
}
.content .inner {
    float: none !important;
  
}
.content .sidebar {
    float: none !important;
    width: 100% !important;
}
.content .sidebar .mod {
  
   width: 100% !important;
}
.acc-container {
   
    float: none !important;
	margin:0 !important;
    
}
.sponser-img{		
   padding:0;
}	
.content .sidebar .mod .inner {
   
    width: 100% !important;
	}
	.content .inner {

    width: 100% !important;
	}
	.acc-container{
	width: 100% !important;
	}
    }
    .btm-logo {
    display: none;
}	
@media (max-width: 1024px) {
    .content {
    display: flex;
    flex-wrap: wrap;
}

.content .inner {flex: 0 0 100%;order: 1;}

.acc-container {
    order: 2;
}

.content .sidebar {order: 3;margin-top: 20px;}

.header .box {
    display: flex;
    justify-content: space-between;
}

.header .box .logo {
    flex: 0 0 calc(100% - 320px);
    float: none;
}

.header .box .logo img {
    max-width: 100%;
}

.header .contact {
    margin: 0;
    float: none;
    flex: 0 0 265px;
}

.header .box .clear {display: none;}

body {
    overflow-x: hidden;
    font-size: 15px;
    line-height: 26px;
}

p {
    line-height: 26px;
}

.header .contact {
    font-size: 12px;        text-align: left;
}
.container.header {
    padding-bottom: 10px !important;
}

.header .contact h2 {
    font-size: 18px;
}

	   }
@media (max-width: 991px) {
	      .footer .module {
    display: flex;
    flex-wrap: wrap;
}

.footer .column {
    flex: 0 0 100px;
}

.footer .column.second {
    flex: 0 0 220px;
}

.footer .column.last {
    flex: 0 0 calc(100% - 360px);
}
p.copy {
    flex: 0 0 100%;
    border-top: solid 1px #000;
    padding: 15px 0 0;
}
	   }
.ftr-soc {
    display:none;
}
	
@media (max-width: 767px) {
	
	.sponser-img{		

    display: block;

}
	.sponser-img img{		

   width:100% !important;

}	
	
	
    .navigation ul li > a {
    padding: 10px 16px;
}

.footer .column.last {
    flex: 0 0 100%;
}

.footer .column, .footer .column.second {
    flex: 0 0 100%;
    margin: 0;
}

.footer .column ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer {
    text-align: center;
}

.footer .column ul li {
    padding: 0 10px;
}
.header .contact h2 {
    font-size: 16px;
}

.header .contact {
    flex: 0 0 235px;
    font-size: 11px;
}

.header .box .logo {
    flex: 0 0 calc(100% - 270px);
}

.ftr-soc a {
    margin: 0 6px;
}

.ftr-soc a:first-child img {
    filter: brightness(0) invert(1);
}
.container.header {
    padding-top: 0 !important;
}
.gallery  {
   margin: 0 -15px;
}
.gallery li {
    flex: 0 0 33.33%;
}
}
div#menu-toggle, div#menu-close {
    display:none;

}
@media (max-width: 575px) {
    .top-soc {
    display:none;
}
.ftr-soc {
    display: flex;
        justify-content: center;
        flex: 0 0 100%;
}
.btm-logo {
    display: flex;
	        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
}

/*.header-caption {
    flex: 0 0 33%;
}*/

.header-caption a {
    display: block;
    width: 100%;
}

.header-caption img {
    float: none;
    width: 60px;
    margin: 0 !important;
}

.header-caption:last-child img {
    width: 100px;
}

.caption {
    display: none;
}

.header .box {
    flex-flow: column;
}

.header .contact {flex: 0 0 auto;text-align: center;}

.header .contact h2 {
    text-align: center !important;
}

.module {
    padding: 30px 20px;
}
div#menu-toggle, div#menu-close {
    display: block;
    width: 32px;
}

div#menu-toggle span, div#menu-close span {
    width: 100%;
        height: 1px;
        background: #2991c1;
        display: block;
        margin: 7px 0;
        border: solid 1px #2991c1;
}
.header .box .logo {
    flex: 0 0 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .box .logo a {
    flex: 0 0 calc(100% - 60px);
}

.container.header {
    padding: 0 20px !important;
}
.navigation {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 10;
    right:-320px;
    transition:all ease-in-out 500ms;
}
.navigation.act {
    right:0;
    
}
.navigation ul {
    display: flex;
    flex-flow: column;
}

.navigation ul li {
    float: none;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.navigation ul li > a {
    padding: 10px;
    margin: 0;
    border-radius: 0 !important;
}

.navigation ul {
    margin-top: 50px;
}

div#menu-close {
    position: absolute;
    right: 10px;
    top: 10px;
            width: 25px;
}
div#menu-close img {
    width: 100%;
}
.row.customrow {
    flex-wrap: wrap;
            flex-direction: unset !important;
        gap: 10px !important;
}

.row.customrow .col-md-4 {
    flex: 0 0 46%;
}

.row.customrow .col-md-4 a {
    display: block;
}

.row.customrow img {
width: 100% !important;
}
.services ul {
    display: block;
}

.services ul li {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 56.25%;
}
.gallery li {
    flex: 0 0 50%;
}
form textarea {
    width: 100%;
}

form input[type='text'] {
    width: 100%;
}
.content .inner .inner-inner.con-blk {
    padding: 0;
    box-shadow: none;
    border: 0;
}

.g-recaptcha {
    transform: scale(0.91);
    transform-origin: left;
}
}	


.row.customrow {
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-content: center;
	justify-content: center;
    align-items: center;
}

.row.customrow img {
    width: 100%;
}
	

.custlogo{
	width:60% !important;
}

@media only screen and (max-width: 767px) { !important
  .row.customrow {
    display: block !important;
   
}
.custlogo{
	width:100%;
}
}