@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Italianno');
/* font face */
/* overlock */
@font-face {font-family: 'Overlock SC';
  font-style: normal;
  font-weight: 400;
  src: local('Overlock SC'), local('OverlockSC-Regular'), url(https://fonts.gstatic.com/s/overlocksc/v5/cFrEOzZWUct6fhBu_bFdko4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}
/* raleway */
@font-face {  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}







/* MOBILE */
@media only screen and (max-width : 767px) 
{
/*menu*/
.navbar { background-color:seagreen;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 100px;
		height: 45px;
		margin-top: -90px;
		margin-bottom: -115px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		z-index: 999;}
	
	
	
/*banner*/
#BANNER {margin-top: -20px;
		background-image: url(../images/bannerback.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;}
#BANNER h1 {font-size: 24px;}
#sliderimage  { width: 100%;
				height: 250px;}
	
	
	
/*thought*/
#thought { background-color: darkseagreen;}
#thought p { font-family: 'Raleway';
			color:black;
			font-size: 14px;
			margin-top: 10px;}
	
	
	
/*INTRO*/
#INTRO {margin-top: -50px;
		padding-top: 50px;
		padding-bottom: 50px;}
#INTRO .jumbotron { background-color: white;}
#INTRO h2 { font-family: 'Roboto';
			font-weight: 400;
			text-align: center;
			font-size: 34px;
			color: seagreen;
			text-shadow: 1px 1px 1px black;
			margin-top:10px;}

#INTRO span p { font-family: 'Raleway';
			color: seagreen;
			font-size: 28px;
			margin-top: 20px;
			padding: 10px;}
#INTRO img {width: 100%;
				height: 200px;
				margin-top:30px;}
.intrologo { padding-top: 50px; }
.para { 	color: darksla;
			font-size: 18px;
			margin-top: 0px;
			padding: 10px;
			text-align: justify;}
	
	

/*Services*/
#SERVICES { background-image: url(../images/slider-2.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 50px;
			padding-bottom: 50px;
			height: auto;}
#SERVICES h1 { color: white; }
.thumb { position:relative;
    		overflow:hidden;
			height: 400px;}
.servhead h1 { color:black; }
.servimgname img { height: 450px; }
 .cap { position:absolute;
			top:0;
			right:0;
			background:rgba(66, 139, 202, 0.75);
			width:100%;
			height:100%;
			padding:2%;
			display: none;
			text-align:center;
			color:#fff !important;
			z-index:2; }
.cap span h4 { margin-top: 50px; }
	
	
	
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { 
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 400px;}
	
	
	
/*Weather*/
#WEATHER { padding-top: 50px;
			padding-bottom: 50px;}
.weatherwidget img { width: 100%;}
	
	
	
/*Group of companies*/
#COMPGROUP { background:url(../images/companiesbg.jpg);
			background-attachment: fixed;
			margin-top: 50px;
			padding-top: 70px;
			padding-bottom: 100px;}
.comphead h1 { font-family: Raleway;
				font-size: 40px;
				text-shadow: 1px 1px 1px;}
.compgroup .thumbnail { padding: 40px;
						height: 330px;}
.compgroupone h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgrouptwo h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgroupthree h4 { font-family: Overlock SC;
					font-size: 30px;}
	
	
	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;}
.footerlogo img { width: 200px;
				height: 130px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}
	

	
	
	
}






/* TABLET */
@media only screen and (min-width : 768px) and (max-width : 1199px)  
{
/*menu*/
.navbar { height: 80px;
			background-color:seagreen;
			box-shadow: 2px 2px 5px;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 130px;
		height: 65px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		margin-top: -60px;
		margin-bottom: -115px;
		z-index: 999;}
	
	
	
/*banner*/
#BANNER {margin-top: -20px;
		background-image: url(../images/bannerback.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;}
#sliderimage  { width: 100%;
				height: 250px;}
	
	
	
/*thought*/
#thought { background-color: darkseagreen;}
#thought p { font-family: 'Raleway';
			color:black;
			font-size: 14px;
			margin-top: 10px;}
	
	
	
/*INTRO*/
#INTRO {margin-top: -50px;
		padding-top: 10px;
		padding-bottom: 50px;}
#INTRO .jumbotron { background-color: white;}
#INTRO h2 { font-family: 'Roboto';
			font-weight: 400;
			text-align: center;
			font-size: 40px;
			color: seagreen;
			text-shadow: 1px 1px 1px black;
			margin-top: 100px;}

#INTRO span p { font-family: 'Raleway';
			color: seagreen;
			font-size: 30px;
			margin-top: 20px;
			padding: 10px;}
#INTRO img {width: 300px;
				height: 150px;
				margin-top:30px;}
.intrologo { padding-top: 50px; }
.para { 	color: darkslategray;
			font-size: 18px;
			margin-top: 20px;
			padding: 10px;
			text-align: justify;}

	
	
	
/*Services*/
#SERVICES { background-image: url(../images/slider-2.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 50px;
			padding-bottom: 50px;
			height: auto;}
#SERVICES h1 { color: white; }
.thumb { position:relative;
    		overflow:hidden;
			height: 400px;}
.servhead h1 { color:black; }
.servimgname img { height: 340px; }
 .cap { position:absolute;
			top:0;
			right:0;
			background:rgba(66, 139, 202, 0.75);
			width:100%;
			height:100%;
			padding:2%;
			display: none;
			text-align:center;
			color:#fff !important;
			z-index:2; }
.cap span h4 { margin-top: 50px; }
	
	
	
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { 
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 200px;}
	
	
	
/*Weather*/
#WEATHER { padding-top: 50px;
			padding-bottom: 50px;}
	
	
	
/*Group of companies*/
#COMPGROUP { background:url(../images/companiesbg.jpg);
			background-attachment: fixed;
			margin-top: 50px;
			padding-top: 70px;
			padding-bottom: 100px;}
.comphead h1 { font-family: Raleway;
				font-size: 40px;
				text-shadow: 1px 1px 1px;}
.compgroup .thumbnail { padding: 40px;
						height: 330px;}
.compgroupone h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgrouptwo h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgroupthree h4 { font-family: Overlock SC;
					font-size: 30px;}

	
	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;}
.footerlogo img { width: 250px;
				height: 150px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}

	
	
	
}






/* DESKTOP */
@media only screen and (min-width : 1200px)
{
/*menu*/
.navbar { height: 80px;
			background-color:seagreen;
			box-shadow: 2px 2px 5px;}
#navcolor li a {color:white;
				font-size: 18px;
				margin-top: 15px;
				font-family: 'Overlock SC';}
#navcolor li a:hover { box-shadow: 2px 2px 5px black;
						background-color: black;}
#navdropdown li a {color:black;}
#navdropdown li a:hover { box-shadow: 2px 2px 5px black;
						background-color: white;}
.logo {width: 150px;
		height: 70px;
		margin-top: -60px;
		background-color: white;
		box-shadow: 2px 2px 5px;
		padding: 10px;
		margin-bottom: -115px;
		z-index: 999;}
	
	
	
/*banner*/
#BANNER {margin-top: -20px;
		background-image: url(../images/bannerback.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;}
#sliderimage  { width: 100%;
				height: 350px;}
	
	
	
/*thought*/
#thought { background-color: darkseagreen;
			padding: 5px;}
#thought p { font-family: 'Raleway';
			color:black;
			font-size: 14px;
			margin-top: 10px;}
	
	

/*INTRO*/
#INTRO {margin-top: -100px;
		padding-top: 50px;
		padding-bottom: 50px;}
#INTRO .jumbotron { background-color: white;}
#INTRO h2 { font-family: 'Roboto';
			font-weight: 400;
			text-align: center;
			font-size: 50px;
			color: seagreen;
			text-shadow: 1px 1px 1px black;
			margin-top: 100px;}

#INTRO span p { font-family: 'Raleway';
			color: seagreen;
			font-size: 30px;
			margin-top: 20px;
			padding: 10px;}
#INTRO img {width: 400px;
				height: 200px;
				margin-top:30px;}
.intrologo { padding-top: 50px; }
.para { 	color: darkslategray;
			font-size: 20px;
			margin-top: 20px;
			padding: 10px;
			text-align: justify;}

	

/*Services*/
#SERVICES { background-image: url(../images/slider-2.jpg);
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 50px;
			padding-bottom: 50px;
			height: 650px;}
#SERVICES h1 { color: white; }
.thumb { position:relative;
    		overflow:hidden;
			height: 400px;}
.servhead h1 { color:black; }
.servimgname img { height: 340px; }
 .cap { position:absolute;
			top:0;
			right:0;
			background:rgba(66, 139, 202, 0.75);
			width:100%;
			height:100%;
			padding:2%;
			display: none;
			text-align:center;
			color:#fff !important;
			z-index:2; }
.cap span h4 { margin-top: 50px; }


		
/*Gallery*/
#Gallery { margin-top: 50px;
			margin-bottom: 50px;}
#Gallery h2 { font-family: Roboto;
			font-weight: bold;
			margin-bottom: 50px;
			font-size: 44px;
			color: goldenrod;}
.galleryimg { 
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
	width: 100%;
	height: 250px;}
	
	
	
/*Weather*/
#WEATHER { padding-top: 50px;
			padding-bottom: 50px;}
	
	
	
/*Group of companies*/
#COMPGROUP { background:url(../images/companiesbg.jpg);
			background-attachment: fixed;
			margin-top: 50px;
			padding-top: 70px;
			padding-bottom: 100px;}
.comphead h1 { font-family: Raleway;
				font-size: 40px;
				text-shadow: 1px 1px 1px;}
.compgroup .thumbnail { padding: 40px;
						height: 330px;}
.compgroupone h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgrouptwo h4 { font-family: Overlock SC;
					font-size: 30px;}
.compgroupthree h4 { font-family: Overlock SC;
					font-size: 30px;}


	
/*footer*/
#FOOTER { background-color: seagreen;
		height: auto;
		margin-top: 0px;}
.footerlogo img { width: 250px;
				height: 150px;
				margin-top: 20px;
				background-color: white;
				box-shadow: 2px 2px 5px;
				padding: 10px;}




	
	
	
}