@charset "utf-8";

*,*:before,*:after{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	outline:none;
}
html {overflow-y: scroll; overflow-x: hidden; min-height:100%;}

body{
	min-height:100%;
	font-size:14px;
	color:#000;
	margin:0px;
	padding:0px;
	font-family:"Ubuntu", Calibri, Arial, Helvetica, sans-serif;
	background-image:url(../../Images/pattern.png);

}
.container{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
a{
	text-decoration:none;
}

.hello{
	position:fixed;
	z-index:9999;
	width:100%;
	height:110px;
	line-height:110px;
	background-color:rgba(255,255,255,0.95);
	color:#047600;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	top:0;
	left:0;
}

.parallaxBig {
    height: calc(100vh - 140px);
    background: transparent;
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
}
.parallaxMedium {
    height: 550px;
    background: transparent;
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
}

.parallax-text {
    background: rgba(255,255,255,0.9);
	width:460px;
	height:220px;
	margin-top:160px;
	margin-left:100px;
	padding:20px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}
.parallax-innerText{
	width:420px;
	height:180px;
	border:2px solid rgba(78,123,156,0.5);
	color:rgba(78,123,156,1);
	padding:20px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-family:"Ubuntu", Calibri, Arial, Helvetica, sans-serif;
}
.parallax-text h1{
	font-size:24px;
	margin:0;
	color:#007dc0;
}


.header{
	height:140px;
	background-color:#fff;
	border-bottom:3px solid #007dc0;
	position:relative;
}
.logo{
	height:100px;
	margin:20px;
	float:left;
}
.menu{
	width:1200px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-transform:uppercase;
}
.menu ul{
	width:auto;
	height:40px;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:90px;
	float:right;
}
.menu li{
	float:left;
	width:auto;
	height:60px;
	margin:0 20px;
	text-align:center;
}
.menu li a{
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#09C;
	font-family:"Roboto Condensed", Calibri, Arial, Helvetica, sans-serif;
}
.menu li a:hover{
	color:#06F;
}


.introTable{
	padding:30px 0;
	margin:20px 0;
	background-color:#fff;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
.introL{
	width:60%;
	padding-left:30px;
	text-align:justify;
	font-size:18px;
	color:#888;
	margin:0;
}
.introDetalii{
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:12px;
	margin:10px auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
background: rgb(0,183,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}
.introDetalii:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2794e8+0,007cbf+100 */
background: rgb(39,148,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(39,148,232,1) 0%, rgba(0,124,191,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(39,148,232,1) 0%,rgba(0,124,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(39,148,232,1) 0%,rgba(0,124,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2794e8', endColorstr='#007cbf',GradientType=0 ); /* IE6-9 */
	
}
.introR{
	width:40%;
	text-align:justify;
	font-size:18px;
	color:#888;
	margin:0;
}
.clip-circle {
	border:2px solid #09c;
	width: 300px;
	height:300px;
	margin: 0 auto;
	background-size:cover;
	background-position:center center;
	border-radius:150px;
}


.introLli{
	float:left;
	padding:5px;
	width:31.33%;
	margin:1%;
	text-align:center;
	color:#09C;
}
.introLli img{
	width:40px;
}
.fourth{
	margin-left:20%;
}

.marginBottom{
	margin:50px auto;
	font-size:18px;
}
.paraDiv{
	width:900px;
	margin:15px auto;
	font-size:18px;
	text-align:justify;
	padding:30px 50px;
	background-color:#fff;
	color:#333;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	position:relative;
}
.servIco{
	position:absolute;
	width:70px;
	height:70px;
	top:-8px;
	right:-8px;
	background-color:#09C;
	border:3px solid #fff;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.title{
	color:#09c;
	font-family:"Roboto Condensed", Calibri, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:400px;
	font-size:24px;
	margin:0 auto;
	margin-top:50px;
	padding:12px;
	border:1px solid #09c;
	font-weight:normal;
	text-align:center;
	background-color:#fff;
}

.subtitle{
	font-weight:normal;
	padding-top:0px;
	color:#09C;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	margin-bottom:25px;
	font-size:20px;
	font-family:"Roboto Condensed", Calibri, Arial, Helvetica, sans-serif;
}

h3{
	font-weight:normal;
	padding-top:0px;
	color:#06F;
	text-transform:uppercase;
	margin:0;
	margin:15px 0 5px 0;
	font-size:18px;
	font-family:"Roboto Condensed", Calibri, Arial, Helvetica, sans-serif;
	text-align:left;
}
.col3Cont{
	width:31.33%;
	margin:35px 1%;
	float:left;
	text-align:center;
}
.contIco{
	width:70px;
	height:70px;
	margin:0 auto;
	background-color:#09C;
	border:3px solid #fff;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.contTitle{
	color:#09C;
	font-size:18px;
	margin:0;
}
#map{
	width: 100%;
	height: 600px;
	margin:30px auto;
}



@media screen and (max-width: 960px) {
.header{
	height:100px;
}
.logo{
	height:60px;
	margin:20px;
	float:left;
}
.parallaxBig {
    height: calc(100vh - 100px);
}
.parallaxMedium {
    height: 420px;
    background: transparent;
	box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,0.4);
}

.menu ul{
	display:none;
}



.parallax-text {
	position:absolute;
    background: rgba(255,255,255,0.8);
	width:80%;
	height:30vh;
	margin-top:auto;
	margin-left:auto;
	padding:0;
	left:10%;
	top:40vh;
}
.parallax-innerText{
	width:100%;
	height:30vh;
	padding:25px 10px 15px 10px;
	margin:0;
	font-size:14px;
}
.parallax-text h1{
	font-size:18px;
}


.introL,.introR{
	width:99.99%;
	display:block;
	clear:both;
	padding-left:0;
	padding:15px;
}
.clip-circle {
	width: 200px;
	height:200px;
}
.introLli{
	width:48%;
}
.introLli img{
	width:25px;
}


.paraDiv{
	width:96%;
	margin:15px auto;
	padding:20px;
	font-size:16px;
}

.title{
	color:#09c;
	max-width:96%;
	margin-top:30px;
}

}