@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
	.container{
		max-width: 1900px;
		padding-left: 70px;
		padding-right: 70px;
		width: 100%;
	}
}
@media (min-width: 992px) {
	
	.navbar-nav .nav-link{
		color: #347e66;
	    margin: 0 5px;
	}
	.navbar-nav .nav-link:hover,
	.navbar-nav .nav-link.active{
		color: #66c5a6;
	}
	
}
@media (min-width: 768px) {
	#Services .card{
		display: block;
		min-height: 220px;
	}
	#Services figure img{
		margin-bottom: 20px;
	}
	#Services h4{
		display: none;
	}
	#Services figure{
		height: 200px;
	}
	#Services .p-3{
		padding: 0 !important;
	}
	#Perfect [class*="col-"]:first-child{
		/*margin-bottom: 15px;*/
		padding-right: 50px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 979px) {	
}


@media (max-width: 991px) {


	.navbar{
		background-color: #fff;
		padding: 0;
	}
	.navbar .container{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		padding: 0 15px;
	}
	.navbar .container > span{
		-webkit-align-items: center;
		  -webkit-box-align: center;
	         -ms-flex-align: center;
	            align-items: center;
	    border-left: 1px solid #d4d4d4;
	    display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 70px;
		  -ms-flex: 0 0 70px;
		      flex: 0 0 70px;
		max-width: 70px;
	    padding: 15px;
	}
	.navbar .container > span > *{
		margin: auto;
	}
	.navbar-toggler{
		cursor: pointer;
    	padding: 0;		
		outline: medium none !important;
    	position: relative;
    }
    .navbar-toggler:before {
		content: '';
		background-color: #499a88;
		border-radius: 50%;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: -10px;
		height: 60px;
		width: 60px;
		margin:auto;
		-webkit-transform: scale(0.001, 0.001);
		-ms-transform: scale(0.001, 0.001);
		-o-transform: scale(0.001, 0.001);
		transform: scale(0.001, 0.001); 
	}
	.navbar-toggler[aria-expanded="true"]:before{
		-webkit-animation: effect_dylan 0.8s ease-out;
	    animation: effect_dylan 0.8s ease-out;
	}
	@-webkit-keyframes effect_dylan {
	  50% {
	    -webkit-transform: scale(1.5, 1.5);
	            transform: scale(1.5, 1.5);
	    opacity: 0;
	  }
	  99% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 0;
	  }
	  100% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 1;
	  }
	}
	@keyframes effect_dylan {
	  50% {
	    -webkit-transform: scale(1.5, 1.5);
	            transform: scale(1.5, 1.5);
	    opacity: 0;
	  }
	  99% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 0;
	  }
	  100% {
	    -webkit-transform: scale(0.001, 0.001);
	            transform: scale(0.001, 0.001);
	    opacity: 1;
	  }
	}
    .navbar-toggler .icon-bar {
		background-color:#499a88;
		border-radius:1px;
	    display: block;
	    height: 3px;
	    width: 40px;
		position: relative;
		-webkit-transition: all 0.3ms ease-in-out;
		-moz-transition: all 0.3ms ease-in-out;
		-ms-transition: all 0.3ms ease-in-out;
		-o-transition: all 0.3ms ease-in-out;
		transition: all 0.3ms ease-in-out;
	}
	.navbar-toggler .icon-bar + .icon-bar {
		margin-top: 6px
	}
	[aria-expanded="true"] .icon-bar + .icon-bar {
		margin-top: 11px;
	}
	[aria-expanded="true"] .icon-bar:nth-child(2){
		-moz-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
    	-webkit-transform-origin: right top 0;
    	-moz-transform-origin: right top 0;
    	-ms-transform-origin: right top 0;
    	-o-transform-origin: right top 0;
    	transform-origin: right top 0;
	}
	[aria-expanded="true"] .icon-bar:nth-child(3){
		opacity:0;
		visibility:hidden;
	}
	[aria-expanded="true"] .icon-bar:nth-child(4){
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
    	-webkit-transform-origin:  right bottom 0;
    	-moz-transform-origin:  right bottom 0;
    	-ms-transform-origin:  right bottom 0;
    	-o-transform-origin:  right bottom 0;
    	transform-origin:  right bottom 0;
	}
	.navbar-toggler-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(73, 154, 136, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	
	.navbar-brand{
		padding: 10px 10px 10px 0;
    	margin: auto auto auto 0;
	}
	#navigation{
		background-color: #fff;
		-webkit-box-shadow:  0 0 10px 0 rgba(0,0,0,0.2);
		box-shadow:  0 0 10px 0 rgba(0,0,0,0.2);
	    bottom: 0;
	    display: block !important;
	    left: -100%;
	    position: fixed;
	    top: 0;
	    width: 236px;
	    -webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#navigation.show{
		left: 0;
	}
	.navbar-nav .nav-link{
		color: #000;
	    padding-left: 10px;
	    padding-right: 10px;
	    margin-top: 5px;	    
	}
	.navbar-nav .nav-link:hover,
	.navbar-nav .nav-link.active{
		background-color: #0a745a;
		color: #fff;
	}
	
	#Featured .close-tab {
		margin-bottom: 20px;
	}
	#Featured .fancybox img{
		width: 100%;
	}
	#Featured .tab-pane > .row > [class*="col-"].text-justify{
		-webkit-box-ordinal-group: 2;
		  -webkit-order: 1;
		      -ms-flex-order: 1;
		          order: 1;
	}
	
	#footer{
		padding-bottom: 20px;
	}
	.copyright{
		-webkit-justify-content: center;
			   -webkit-box-pack: center;
		     	justify-content: center;
		     	  -ms-flex-pack: center;
		margin-bottom: 20px;
	}
}
@media (max-width: 767px) {
	#navigation .number{
		display: block;
		text-align: left;
		margin-top: 10px;
	}
	#Services{
		padding-top: 10px;
	}
	#Services .row{
		margin-left: -5px;
    	margin-right: -5px;
	}
	#Services [class*="col"]{
		padding-left: 5px;
    	padding-right: 5px;
	}
	#Services .card a[data-toggle="collapse"]:before{
		border: none;
	}
	#Services .card{
		height: 100%;
	}
	#Services .card a{
		margin:auto;
	}
	#Services figure {
		margin-bottom: 0;	
	}
	#Services figcaption{
		display: none;
	}

	#m-collapse-view.card{
		border-bottom: solid 5px #006f53;
		border-radius: 0;
		-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05);
		box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.05);
		min-height: 1px;
	}
	#m-collapse-view.card > div{
		
	}
	#m-collapse-view.card p{

	}
	#Converge{
		padding-bottom: 10px;
	    padding-top: 30px;
	}
	#Converge .card{
		-webkit-flex: 1 1 100%;
		    -ms-flex: 1 1 100%;
		        flex: 1 1 100%;
	    margin: 0 0 30px;
	    max-width: 100%;
	}
	.navbar .container{

	}
	#Contact .left-container{
		background-image: url(../images/Contact-bg.jpg);
		background-size: cover;
    	background-position: center center;
	}
	#Contact .m-auto{
		max-width: 420px;
		width: 100%;
	}
	#Contact .title{
		color: #fff;
	    margin-bottom: 0px;
	    position: relative;
	    z-index: 9;
	    margin-top: 0px;
	    text-align: center;
	}

	#Contact form{
		margin-top: 40px;
	}
	#Contact .form-group i{
		display: none;
	}
	#Contact form .btn,
	.ajax-loader{
		margin-left: 0;
	}




}

@media (max-width: 575px) {
	#Services figure{
		min-height: 1px;
	}
}
@media (max-width: 480px) {
	

}