.container-fluid{
    padding: 0px;
    overflow: hidden;
}
.ss-style-doublediagonal::before, .ss-style-doublediagonal::after{
    width: 100%;
    left: -49%;

}
.container-fluid svg {
    display: block;
}
svg:not(:root) {
    overflow: hidden;
}

section.color{
    padding-top: 0px;
}
#curveDownColorLink path{
    fill: #3498db;
    stroke: #3498db;
}
/*Header */
#fntSince1998{
	font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 2vw;
    text-align: center;
    color: #40a9ef;
    padding-left: 5%;
	padding-right: 5%;
	padding-top: 0px;
	padding-bottom: 1%;
}
#vflThumbnail{
    background-color: rgba(0,0,0,0);
    border: 0px solid rgba(0,0,0,0);
    margin-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    align-content: center;
}
.page-header{
    border-bottom: 0px;
    background-color: #2980b9;
    margin: 10px 0 0px 0;
    padding-bottom: 0px;
    
    
}
.page-header h1{
    color: #cedce2;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 6vw;
	margin-top: 1.5%;
	margin-bottom: 0px;
}

/* Header End*/

/*Nav Bar CSS */
.navbar.navbar-default{
   background-color: rgba(0,0,0,0);
   box-sizing: 100px;
    border: rgba(0,0,0,0);
  

}
.navbar-default .navbar-toggle {
    border-color: #265583;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.dropdown-menu{
    background-color: #205a79;
    color: #cedce2;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 15px;
}
.dropdown-menu>li>a{
    color: #ffffff;
}
.dropdown-menu>li>a:hover{
    color: #3498db;
    background-color: rgba(23, 52, 58, 0.51);
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color: #cedce2;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {    
    color: #3498db;
    background-color: rgba(23, 52, 58, 0.51);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgba(23, 52, 58, 0.51);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #2980b9;
    border-color: rgba(0,0,0,0);
    border:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #cedce2;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: rgba(23, 52, 58, 0.51);
    background-color: #2980b9;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #3498db;
    background-color: rgba(23, 52, 58, 0.51);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #3498db;
    background-color: rgba(23, 52, 58, 0.51);
}

.navbar-brand>img{ 
    max-height: 200%;
    max-width: 200%; 
    overflow: visible;
    padding-top: 0;
    padding-bottom: 5%;
    background-color:white;
    
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

/* End of Nav bar information */

/* wrapper */
#wrapper{
	margin-left: 9px;
    margin-right: 10px;
}
/**/

/* Carousel*/
#myCarousel{
	margin-left: 15%;
	margin-right: 15%;
	max-height: 280px;
    background-color: #FFFFFF;
	
}
.carousel-inner>.item{
	width: 100%;
	max-height: 370px;
	
}
.carousel-caption h3{
	color: rgba(206,220,226, 1);
	font-size: 160%;

}
.carousel-caption p{
	color: rgba(206,220,226, 1);
	font-size: 80%;
}
#carouselWrap{
	overflow: hidden;
	padding-bottom: 45px;
}
/* */

/* Qaulity and Safety */

/* Double Diagonal line */
section.col-3{
    background-color: #2980b9;
}
.fntDisplay1{
    font-family: 'Cabin', sans-serif;
    font-size: 3vw;
    color: #cedce2;
    text-align: center;
    width: 100%;
}
.fntDisplay2{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 6vw;
    text-align: center;
    color: #9f1d21;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 50px;
}
.ampDisplay1{
    font-size: 3vw;
    vertical-align: 6px;
}
#isnNet{
    margin-bottom: 50px;
    color: #cedce2;
}
/* End of Qaulity and Safety*/

/* Circles Display*/
.circleTitle{
    color: #40a9ef;
    text-align: center;
    font-size: 175%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}
.circleInfo {
    color: #cedce2;
    font-size: 110%;
}
@media (max-width: 580px){
	.circleTitle{
		color: #40a9ef;
		text-align: center;
		font-size: 140%;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;	
	}
.circleInfo {
    color: #cedce2;
    font-size: 100%; 
	}
}
.circleCRCC{
	max-width: 35%;
	max-height: 12%;
	width: auto;
	height: auto;
}
#shiftCircles{
	padding-left: 110px;
}
/*Circls Display End*/


/* CurveBox*/
div.curveBorder{
  

}


/* End of Curve Box*/

/* About Us*/
@media only screen and (min-width: 700px){
	h2.contactTitle{
		font-size: 5vw;
		margin-bottom: 10%;
	}
	h5.aboutContact{
		font-size: 2.5vw;
	}
	p.aboutPara{
		font-size: 2vw;
	}
	.aboutUL ul li{
		font-size: 2vw;
	}
	h1.pageTitle{
		font-size: 4.5em;
	}
	section #contactVFLSection h2.ContactTitle{
		font-size: 3.5vw;
	}
	section #contactVFLSection div.positionTitlePres{
		font-size: 3.2vw;
	}
	section #contactVFLSection div.nameCompanyPres{
		font-size: 2.5vw;
	}
	section #contactVFLSection div.positionTitleL{
		font-size: 3.2vw;
	}
	section #contactVFLSection div.nameCompanyL{
		font-size: 2.5vw;
	}
	section #contactVFLSection div.positionTitleR{
		font-size: 3.2vw;
	}
	section #contactVFLSection div.nameCompanyR{
		font-size: 3.2vw;
	}
}
.aboutTitle{
    margin-bottom: 100px;
    font-size: 5em; 
}
.aboutContact{
    font-size: 4vw;
    text-align: center;
	color: #cedce2;
}
.aboutPara{
    color:rgba(0,0,0,.40);
    margin-bottom: 50px;
    text-align: center;
    font-family: "Cabin", sans-serif;
    font-weight: 400;
    font-size: 3vw;
}
section .aboutUL{
    text-align: left; 
    font-size: 2vw;
}
.aboutUL ul{
    color: rgba(0,0,0,.4);
    font-weight: 400;
    line-height: 1.5;
    font-size: 3vw;
}

#aboutSection{
    background: #3498db;
}
#aboutMFS{
    background: #3498db;

}

section.color{
    padding-top: 5px;
    padding-bottom: 10px;
}
/* End of About US*/

/* Contacts Page */
.contactTitle{
    font-size: 5.5vw;
    margin-bottom: 10px;
	color: #cedce2;
}
.pageTitle{
    font-size: 5em;
	color: #cedce2;
}
.positionTitlePres{
    font-family: 'Varela+Round', sans-serif;
    font-weight: 400;
    padding-top: 50px;
    text-align: center;
    color: #1b6ca0;
    font-size: 3vw;
}
.nameCompanyPres{
    font-family: 'Varela+Round', sans-serif;
    text-align: center;
    font-size: 2.8vw;
	color: #cedce2;
}
.nameCompanyPres a{
	color: #cedce2;
}
.positionTitleL{
    font-family: 'Varela+Round', sans-serif;
    padding-top: 30px;
    text-align: left;
    color: #1b6ca0;
    font-size: 2.5vw;
}
.nameCompanyL{
    font-family: 'Varela+Round', sans-serif;
    text-align: left;
    font-size: 2vw;
	color: #cedce2;
}
.nameCompanyL a{
	color: #cedce2;
}
.positionTitleR{
    font-family: 'Varela+Round', sans-serif;
    padding-top: 30px;
    text-align: right;
    color: #1b6ca0;
    font-size: 2.5vw;
}
.nameCompanyR{
    font-family: 'Varela+Round', sans-serif;
    text-align: right;
    font-size: 2vw;
	color: #cedce2;
}
.nameCompanyR a{
	color: #cedce2;
}
.visitContactCompany{
    font-family: 'Varela+Round', sans-serif;
    text-align: center;
    color: #1b6ca0;
    font-size: 2vw;
    padding-top: 80px;
}
.visitContactCompanyB{
   font-family: 'Varela+Round', sans-serif;
    text-align: center;
    color: #46a8ea;
    font-size: 2vw;
    padding-top: 80px;
} 
.positionTitlePresB{
    font-family: 'Varela+Round', sans-serif;
    font-weight: 400;
    padding-top: 50px;
    text-align: center;
    color: #46a8ea;
    font-size: 3vw;
}
.positionTitleLB{
    font-family: 'Varela+Round', sans-serif;
    text-align: left;
    font-size: 2.8vw;
    color: #46a8ea;
}
section.color h2{
	color: #cedce2;
}
/* End Contacts Page */

/*Hydraulic Flushing Page*/
.flushingPhoto img{
    display: block;
    max-height: 70%;
    max-width: 70%;
    height: auto;
    width: auto;
    margin-left: 18%;
    align-items: center;

}
/*End Hydraulic Flushing Page*/


/* Chemical Injection */
/* End of Chemical Injection */

/* Footer*/
.footerDark{
    color: #40a9ef;
    font-weight: 400;
}
.footerLight{
	color: #1B71AA;
    font-weight: 400;
}


/* RL Information */
.narrowForm{
	padding-left: 20%;
	padding-right: 20%;
	
}


/* Employee Job Close*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding-left: 25%;
	padding-right: 25%;
	border-top: 0px;
}
/* */


/* Nav Bar Brand*/
.navbar.navbar-default{
	color: rgb(204, 219, 225);
}
/* */

/* Job Views*/
body.jobBlue{
	background: #3498db;
}
#txtDisplay{
	font-size: 122%;
	
}
#btnCloseDisplay{
	font-size: 122%;
}


.ss-style-doublediagonal{
	padding: 4em;
}