/* YOUR CUSTOM STYLES 


/* TEMPLATE STYLES */
        
        html,
        body,
        .view {
            height: 100%;
        }
        /* Navigation*/
        
        .navbar {
            background-color: transparent;
        }
        
        .scrolling-navbar {
            -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
            -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
            transition: background .5s ease-in-out, padding .5s ease-in-out;
        }
        
        .top-nav-collapse {
            background-color: #3c4f74;
        }
        
        footer.page-footer {
            background-color: #3c4f74;
            margin-top: 2rem;
        }
        
        @media only screen and (max-width: 768px) {
            .navbar {
                background-color: #1C2331;
            }
        }
        /*Call to action*/
        
        .flex-center {
            color: #fff;
        }
        
        .view {
            background: url("../img/images/web-homepage.jpg")no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        /*Contact section*/
        
        #contact .fa {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #1C2331;
        }
		
		.fa {
			color: #021d49!important;
		}
		
		.flex-liquid .flex-castingct .flex-p1 {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			height: 100%;
			color: #121f47;
		}
		
		.flex-liquid {
			margin: -210px 0 0 -169px;
			left: 50%;
			top: 50%;
		}
		.flex-castingct {
			margin: 70px 0 0 -182px;
			left: 50%;
			top: 50%;

		}
		.flex-scroll{
			margin: 250px 0 0 -10px;
			left: 50%;
			top: 50%;

		}
		.flex-p1 {
			color: #2a2a2a;
			top: 50%;
			font-size: 18px;
			font-weight: 700;
		}
		


@media(max-width: 992px) { 

	
}
		
@media(max-width: 768px) { 


}
@media(max-width: 555px) { 
	.flex-castingct {width: 80%}
	.flex-liquid {width: 80%}
		
}






h1 {
    white-space: nowrap;
	font-size: 1.5rem !important;
	color: #2a2a2a;
}

h2 {
    white-space: nowrap;
    font-weight: bold;
	color: #27aae1;
}
h3 {
    font-size: 1.14rem;
    line-height: 1.5;
    color: #2a2a2a;
}


 h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Raleway,"Helvetica Neue",Arial,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2;
    color: #2a2a2a;
	text-align: center;
}

a {
	color:#27aae1;
	font-weight: bold;
	text-decoration:underline;
}

span {
	font-size: 1.7rem;
    line-height: 2.5;
    color: #27aae1;
	font-weight: 700;
	text-transform: uppercase;
} 

.card-block h3, .card-block h5 {
    margin-bottom: 1rem;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
	color: #FFFFFF;
}

.card .card-block {
    position: relative;
    background-color: #27aae1;
    color: #FFFFFF;
}




#row #logo{padding-top:55px;}
	
.mylogo{
    background: url(img/svg/logo.svg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 50px;
	color: red !important;
}
.extra-margins {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.navbar{
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
	box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
	padding: 0.2rem;
	margin-bottom: 0.7rem;
	background-color: #021d49;
}


.navbar-brand {
    display: inline-block;
    padding-top: .35rem;
    padding-bottom: .35rem;
    margin-right: 0;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-nav .nav-link {
    font-size: 0.8rem;
}
.navbar .container .navbar-toggler-right {
    right: 0;
    position: relative;
}
footer.page-footer {
    margin-top: 2px;
    padding-top: 0;
    color: #fff;
	font-size: .8rem;
	background-color: #021d49;

}
footer.page-footer .footer-copyright {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: rgba(255,255,255,.8);
    background-color: rgba(0,0,0,.2);
    text-align: center;
}
.hr-sm {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #021d49; /* old IE */
    background-color: #021d49; /* Modern Browsers */
}
.hr-md {
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #021d49; /* old IE */
    background-color: #021d49; /* Modern Browsers */
}
.hr-lg {
    border: none;
    height: 5px;
    /* Set the hr color */
    color: #021d49; /* old IE */
    background-color: #021d49; /* Modern Browsers */
}

/* -- Columns -- */

.col-md-4{
    padding-right: 2px;
    padding-left: 14px;
	padding-bottom: 14px;
	
}

.col-md-6 { padding: 12px}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/*-- fancybox --*/

.hidden {
    display: none;
}

.contact-row{padding-left: 0; padding-right: 0;}


.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 15px 0 15px 0;
}

 
 /* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
  border: 2px solid #27aae1;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10;
  opacity: 0.7;
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #27aae1;
  width: 2px;
  height: 6px;
  top: 4px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}