/*
Theme Name: CJFS
Description: A premium theme by Chris Thomas
Version: 1.0
Author: Chris Thomas
*/
.dark-blue {color:#00529b}
.light-blue {color:#00a7e5}
.orange {color:#fdb813}

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%; font-size:1.5vw; line-height:1.4;
	background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: fixed;
    background-size: cover;  color: #333333;
}

@media only screen and (max-width : 820px) {
body{
	font-size:3.5vw; line-height:1.4;
}	
}


a {-moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; text-decoration:none}

.clearfix::after, .menu::after {
  content: "";
  clear: both;
  display: table;
}
img {width:100%; height: auto;}

div {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.translate50 {
    z-index: 100;
    position: absolute;
    text-align: center;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; text-align:center; width:100%
}

.header {z-index:999}

.header-holder {width: 100%; margin-left: auto; margin-right:auto; padding:2vw; text-align:center}

.header-holder ul {list-style-type: none;
margin: 0;
padding: 0;
font-size: 100%;
text-align: right;
display: inline-block;}

.header-holder ul li {display:block; float:left}
.menu-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.header-holder ul li a {text-transform:uppercase; text-decoration:none; padding:2vw; color: #00529b;     font-family: 'Oswald', sans-serif; font-weight:400}

h1, h2, h3 {font-family: 'Oswald', sans-serif; font-weight:400; margin-top:0; text-transform:uppercase;}
h1{font-size:200%; color:#00529b}
h2 {font-size: 134%;color:#00529b}

.slidesallbgimage {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: fixed;
    background-size: cover;
}

.header {position:relative; width: 100%; background-color:#FFF;}

.logo { width:20vw; padding-left:4vw; padding-right:2vw}

@media only screen and (max-width : 820px) {
.logo {
  width: 40vw;
  padding-left: 4vw;
  padding-right: 2vw;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}}

.menu-left-menu-container, .menu-right-menu-container{width: 30vw}
.menu-left-menu-container {text-align:right}
.menu-right-menu-container {text-align:left}
.menu-left-menu-container, .menu-right-menu-container, .logo { display:inline-block}

.header ul li a:hover, .current-menu-item a {color:#fdb813 !important}

.hometrans50 {width: 56vw; left: 22vw; right: 22vw;}
.hometrans50 p {color:#FFF}
#slide1 {position:relative}
.cover {background-color: #00529b; position:absolute; top:0; left:0; right:0; bottom:0; opacity: 0.6}

#slider {padding-top:50px; padding-bottom:50px}
#slide1 .content {z-index:999}
#slide1 .content p{color:#FFF;}
.content-holder {position:relative;z-index:9999}
.content {
    width: 56vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 4%;
    padding-top: 4%;
}
@media only screen and (max-width : 820px) {
.content {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-bottom: 4%;
    padding-top: 4%;
}	
	
}
#slide3 {background-color:#e6f6fc}

.phonestrap {
	position: relative;
	background-color: #00529b; text-align:center; padding:2%;
}
@media only screen and (max-width : 820px) {
.phonestrap {padding:4%;}	
}
.phonestrap h2, h1 {color:#fdb813; text-transform: uppercase}
.phonestrap p {color:#fff;}
.phonestrap a {border-radius: 50%; display:inline-block; padding:2%; background-color:#fff; font-size:200%; color:#00529b}
.phonestrap a:hover {background-color: #fdb813;}

.phonestrap .fa-mobile-alt { margin-left: 0.5vw; margin-right:0.5vw;}

.content a {color: #00529b; text-decoration:none}
.content a:hover {color: #333333}

.wpcf7-form-control {
	width: 96%;
	font-size: 100%;
	color: #000 !important;
	padding: 2%;
	border: 1px solid #333;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: Arial, Helvetica, sans-serif !important;
}

.wpcf7-submit {width: 50% !important;}
.wpcf7-submit:hover {cursor:pointer}
.wpcf7-select {width:100% !important}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    opacity: 1; font-family: Arial, Helvetica, sans-serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1; font-family: Arial, Helvetica, sans-serif;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1; font-family: Arial, Helvetica, sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    opacity: 1; font-family: Arial, Helvetica, sans-serif;
}

.wp-block-separator {margin-bottom:4%; margin-top:4%}

.page-id-12 h1{margin-bottom: 2vw; margin-top: 2vw !important;}
h1 {margin-bottom: 2vw;}

.show-nav-left .mobmenu-panel.show-panel {z-index: 9999999999999999999 !important ;}

.wpcf7-submit {background-color:#CCC !important}

.footer-small p {font-size: 75%;
width: 50%;
position: relative;
margin-left: auto;
margin-right: auto; color:#e6f6fc !important;}

@media only screen and (max-width : 820px) {.footer-small p {font-size: 90%; width: 100%;}}