@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700');

/* Set root element font size */
html {
	font-size: 16px;
}

/* Body global settings */
body {

	background-color : #fbfbfb;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	min-width : 310px;
}

UL {
	list-style : none;
}

.outerinlinecontactbox
{

	padding : 70px 30px 100px 30px;
	border-radius : 0px;
	z-index : 50;
	background-image : url('/assets/images/contact_background.jpg');
	background-position : left;
	background-repeat : no-repeat;
}

.innerinlinecontactbox
{
    background-color : rgba(18,52,86,.6);
    padding : 30px 30px 30px 30px;
}

.ser-mid-sect
{
	width : 100%;
	margin : 0 auto;
}

/* Position of the navbar logo inline with the spec. */
.ser-logo {
	position : absolute;
	top : 5px;
	left : 45px;
}




.mainintroheading
{
	display : block;
	text-align : center;
	color : black;
    background : white;
	padding : 110px 15px 40px 15px;
}

h2
{
    font-size : 1.9rem;
    font-weight : 400;
}

h3
{
	text-align : left;
    font-size : 1.6rem;
    font-weight : 400;
    border : 2px solid #c0c0c0;
    border-radius : 20px;
    padding : 14px;
    margin-top : 20px;
}

.pagesectionheading
{
	text-align : center;
	font-size : 1.3rem;
	font-weight : 600;
	color : #001835;
	padding : 70px 0px 50px 0px;
}

.pagesectionintro
{
	text-align : center;
	font-size : 1rem;
	font-weight : 200;
	color : #001835;
	padding : 0px 15px 40px 15px;
}


.ser-card {
	display : inline-block;
	width : 100%;
	background : white;
	padding : 50px 0px 50px 0px;
	margin-bottom : 15px;
}

.ser-card-heading {
	display : inline-block;
	width : 90%;
	margin-top : 20px;
	margin : 15px 10px 15px 10px;
	background-color : white;
	color :  #0080c0;
	font-size : 1.559rem;
	font-weight : 600;
	line-height : 1.788;
}

.ser-card-heading-large {
	display : inline-block;
	width : 90%;
	padding : 20px 10px 20px 10px;
	background-color : white;
	color :  #006a9d;
	font-size : 1.559rem;
	font-weight : 600;
	line-height : 1.788;
}

.ser-card-heading-medium {
	display : inline-block;
	width : 90%;
	padding : 0 auto;
	background-color : white;
	color :  #006a9d;
	font-size : 1.259rem;
	font-weight : 600;
}

.ser-card-type-medium {
	display : inline-block;
	color : #0080c0;
	min-height : 150px;
	margin-top : 9px;
	width : 90%;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 1.125rem; 
	font-weight : 400;
	line-height: 1.444;
}

.ser-card-type-medium-no-margin {
	display : inline-block;
	width : 90%;
	color : #0080c0;
	font-size : 1.125rem; 
	font-weight : 400;
	line-height: 1.444;
}

.ser-card-section-wrapper 
{
	margin-top : 30px;
	background : white;
	width : 90%;
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 30px;
}
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}
.ser-style-card {
	display : inline-block;
	width : 100%;
	text-align : center;
	padding : 0px 0px 15px 0px;
	margin-bottom : 5px;
}

.ser-white { background-color : white;}

.ser-grey 
{ 
	background: rgb(145,69,131);
    background: linear-gradient(180deg, rgba(145,69,131,1) 0%, rgba(76,35,103,1) 83%);
	padding : 80px 80px 80px 80px;
	height : 100%;
}




.wave-container {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  overflow: hidden;   
}


.ser-card:active {
	
}

.ser-central-object {
	text-align : center;
}


.ser-image-center {
	display : block;
	margin-left : auto;
	margin-right :auto;
}

.ser-item-image-wrapper {
	padding : 0;
	border : none;
	margin-bottom : 30px;
}

.sera-item-image-wrapper {
    position : absolute;
    bottom : 0px;
	padding : 0;
	border : none;
}

.ser-card-image-wrapper {
	background : white;
	width : 90%;
	margin : 0 auto;
	pag-top : 20px;
	padding-bottom : 20px;
}

.ser-card-list {
	width : 90%;
	background : white;
	margin : 0 auto;
	padding : 0;
}

.ser-card-list-item {
	color : #0080c0;
	margin : 25px 0px 0px 0px;
	font-size : 1.125rem; 
	font-weight : 200;
	line-height: 1.444;
	text-align : justify;
	padding : 0;
}

.ser-card-twin-image {
	width : 90%; 
	margin : 0 auto; 
	background-color : white;
	
}

.ser-rounded-edge {
	border-radius : 10px;
}

.ser-rounded-edge-text {
	border-radius : 5px;
	
}

.ser-item-card {
	display : block;
	width : 100%;
	text-align : center;
	min-height : 100%;

}

.ser-item-servs-card {
	display : inline-block;
	width : 80%;
	min-height : 100%;
	border : 1px solid #f0f0f0;
	box-shadow : 1px 1px 2px 0.9 rgba(0, 0, 0, 0.2);
	padding : 30px;
	background: white;
	

}

.ser-item-servs-card-h3 {
	border : none;
	border-radius : 0px;
	border-bottom : 1px solid #dfdfdf;

}


.ser-item-card-no-border {
	display : inline-block;
	width : 100%;
	text-align : center;
}

.ser-paraspace
{
	min-height : 30px;
}

.ser-item-box-type-large {
	display : inline-block;
	margin : 0px 0px 15px 0px;
	width : 100%;
	font-size : 1.5rem;
	font-weight : 300;
	line-height : 1.2;
	text-align : left;
}

.ser-item-box-type-small {
	display : inline-block;
	width : 100%;
	margin : 0px 0px 0px 0px;
	font-size : 1rem; 
	font-weight : 300;
	line-height: 1.3;
	text-align : justify;
    padding : 14px;	
}

.ser-dark-item-box-text-color
{
	color : white;
}


.ser-light-item-box-text-color
{
	color : #652e6f;
}


.ser-item-box-pad
{
	padding : 80px;
}




.ser-card-box-type-large {
	display : inline-block;
	width : 100%;
	padding : 0px 0px 5px 0px;
	color :  #001835;
	font-size : 1.559rem;
	font-weight : 600;
	line-height : 1.788;
	text-align : center;
}

.ser-card-box-type-small {
	display : inline-block;
	width : 100%;
	min-height : 150px;
	color : #001835;
	font-size : 1rem; 
	font-weight : 100;
	line-height: 1.444;
	text-align : justify;
	padding : 0px 30px 0px 30px;
}

.ser-img-central {
	margin : 0 auto;
}

/* used to add to container class by selector - allows containers to have overlaid text over images. */
.ser-position-relative {
	position : relative;
	overflow : hidden;	
}

.ser-banner-position {
	display : block;
}

.ser-hero-img
{ 
	object-fit : cover;
	width : 100%;
	min-height : 300px;
    margin-top : 154px;	
}


/*
.ser-slidera-container 
{
	display : inline-block;
	position : absolute;
	top : 33%;
	margin : 0px 0px 0px 25px;
	overflow : hidden;
	padding : 0px 70px 0px 30px;
	-webkit-filter: blur(80px);
    filter: blur(80px);
}
*/


.ser-slidera-container 
{
	position : absolute;
    top : 50%;
    left : 50%;
    transform: translate(-50%, -20%);
	overflow : hidden;
	-webkit-filter: blur(80px);
    filter: blur(80px);
    text-align : center;
    padding : 30px;
    background : rgba(255,255,255,.5);
}

.ser-slidera-text-large { 
	color:#000000;
	font-size: 3.5rem;
	font-weight: 400;
}
.ser-slidera-text-small {
	color:#134291;
	font-size: 1.3rem;
	font-weight: 300;
}


/* container fluid to get rid of its left and right padding. */
.ser-no-padding {
	padding-left: 0;
  	padding-right: 0;
}
.ser-no-margin {
	margin-left: 0;
  	margin-right: 0;
}




.sera-slidera-text-large { 
	color:#ffffff;
	font-size: 3.563rem;
	font-weight: 600;
}


/* The format of the small text on the first banner - comes below the text above ^ */



.ser-click-box {
	display : inline-block;
	text-align : center;
	background-color : #0080c0;
	margin : 6px 0px 0px 0px;
	padding : 0px 10px 0px 10px;
	color : white;
	font-size: 1.119rem;/* Approximation due to font substitution */
	font-weight: 600;
	line-height: 40px; /* for correct spacing top and bottom. */
	transition : .4s;
	border-radius : 3px;
}

.ser-click-box:hover {
	background-color : white;
	color : black;
	border-color : white;
	transition : .4s;
	cursor : pointer;
}


/* Format of "Arrancia mia dolce niente" */
.ser-medium-dark-text {
	display : inline-block;
	color: #2b2b2b;
	font-size: 2.313rem; 
	font-weight: 600;
	text-align: center;
	margin-top : 35px;
}



/* Format of "Pellentesque eget ....." - on the page, this is immediately below the above css definition content */
/* This demands a container (bootstrap) - to cause correct wrapping whilst allowing for two inline elements of two different colours. */
.ser-small-dark-text { 
	color:  #383838;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.65;
}

/* The orange text appended to the above text. */
.ser-small-dark-scheme-text {
	color:  #f74a21;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.65;
}

.ser-footer-background
{
	text-align : center;
	padding : 30px 15px 30px 15px;
background: rgb(56,95,158);
background: linear-gradient(0deg, rgba(56,95,158,1) 0%, rgba(64,107,181,1) 48%); 
}

.ser-footer-type-large
{
	font-size : .9rem;
	color : #ffffff;
}

.ser-footer-type-small
{
	font-size : .7rem;
	color : #ffffff;
}

@media only screen and (max-width: 1044px)
{
	
.ser-slidera-text-large
{
	font-size : 2.5rem;
}

.sera-slidera-text-large
{
	font-size : 1.4rem;
}


.ser-slidera-container 
{

}

}

@media only screen and (max-width: 600px)
{

.ser-slidera-text-large
{
	font-size : 2rem;
}

.ser-slidera-text-small
{
	font-size : 1.7rem;
}

.mainintroheading {
	font-size : 1.8rem;
}

.pagesectionheading {
	font-size : 1.8rem;
}


}