body{ font-family: 'Effra', sans-serif; font-size: 18px; color: #175a7b; }

h1, h2{ margin: 0; display: inline-block; font-size: 30px; }

h3, h4{ margin: 0; display: inline-block; font-size: 26px; }

p{ margin: 0; font-weight: 100; }

/*RANDOM STYLES*/
a{ text-decoration: none; color: #175a7b; }
a:link{ color: #fff; }
a:hover{ text-decoration: none; }
a:focus{ text-decoration: none; }
a:hover{ cursor:pointer; }
.text-spacer{ margin-bottom: 20px; display: inline-block; width: 100%; }
.title-spacer{ margin-bottom: 60px; display: inline-block; width: 100%; }
.content-spacer{ margin-top: 80px; margin-bottom: 80px; display: inline-block; width: 100%; }
.footer-spacer{ margin-top: 40px; margin-bottom: 40px; display: inline-block; width: 100%; }
.mobile{ display: none; }
.desktop{ display: block; }
.light-grey{ background-color: #f5f5f5; }
.tiny{ font-size: 12px !important; }
.bold{ font-weight: 600; }
.big{ font-size: 24px; }
.line{ border-bottom: 1px solid #f3f3f3; width: 100%; display: inline-block; }
/*RANDOM STYLES*/

/*TOP BAR*/
.top-bar{ padding: 10px; width: 100%; display: inline-block; background-color: #175a7b; }
.top-bar p{ text-align: right; font-weight: 400; }
.number p{ text-align: right; color: #fff; }
.number{ margin: 10px auto; }
/*TOP BAR*/

/*SERVICE ICONS*/
.icons{ text-align: center; }
.icons h3{ font-size: 22px; }
.icons img{ max-width: 80px; width: 100%; margin: 0 auto; }
.icons-inner{ background-color: #fff; padding: 20px; }
/*SERVICE ICONS*/

/*HEADER*/
header{ background-color: #fff; padding: 10px 0px 10px 0px; }
.logo img{ max-width: 160px; width: 100%; }
/*HEADER*/

/*TERMS PAGE*/
.terms{ text-align: left; }
.terms-content{ text-align: left; }
/*TERMS PAGE*/

/*BANNER*/
.banner{ background-image: url(../images/banner2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0px -1px 6px #dedede; }
.banner-box h1{ font-weight: 600; margin-bottom: 20px; }
.banner-box h3{ font-weight: 100; }
.banner-box{ background-color: rgba(255, 255, 255, 0.78); padding: 20px; }
/*.banner-box{ background-color: rgba(255, 255, 255, 0.68); padding: 20px; }*/
.directories img{ max-width: 150px; width: 100%; display: inline-block; }
.directories p{ display: inline-block; }
.directories{ text-align: right; }
/*BANNER*/

/*CALL TO ACTION*/
.c2a{ background-color: #175a7b; padding: 40px; width: 100%; color: #fff; }
.c2a-inner{ text-align: center; }
.c2a-inner h2{ font-weight: 600; font-size: 32px; }
.c2a-inner span{ font-size: 22px; font-weight: 400; position: relative; bottom: 2px; font-weight: 100; }
/*CALL TO ACTION*/

/*BUTTONS*/
.red-btn{ background-color: #ef2800 !important; }
.button{ background: #ff8700; font-size: 18px; font-weight: 400; color: #fff; cursor: pointer; text-align: center; padding: 10px; white-space: nowrap; display: inline-block; text-decoration: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); width: 100%; max-width: 180px; }
.button:active{ transform: translateY(4px); }
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{ background-color: #0d9202; color: #fff; outline: 0; }
/*BUTTONS*/

/*MAIN*/
.ticks{ list-style: none; padding-left: 0px; }
.ticks li{ font-size: 22px; margin-bottom: 10px; }
.ticks li:last-child{ margin-bottom: 0px !important; }
.far{ padding-right: 10px; color: #ff8700; }
/*MAIN*/

/*FULL SCREEN*/
.left-img{ background-image: url(../images/box-img.jpg); background-repeat: no-repeat; background-position: center; height: auto; background-size: cover; }
.right-text { min-height: 500px; padding: 50px; }
.right-text ul{ list-style: none; padding-left: 0px; }
.right-text ul li{ display: inline; }
/*FULL SCREEN*/

/*FOOTER*/
.areas-bg{ background-color: #00293e; color: #fff; }
.areas ul li{ padding: 10px; padding-left: 0px; font-size: 14px; display: inline; }
.areas ul{ padding-left: 0px; list-style: none; text-align: center; margin-bottom: 0px; }
footer{ background-color: #001d2b; color: #fff; text-align: center; }
footer a{ color: #fff; }
footer a:hover{ color: #fff; }
/*FOOTER*/

/*SCROLL2TOP*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(255, 135, 0) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; }
.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; }
.cd-top.cd-top--show { visibility: visible; opacity: 1; }
.cd-top.cd-top--fade-out { opacity: .5; }
.cd-top:hover { background-color: #ff8700; opacity: 1; }

@media only screen and (min-width: 768px) {

.cd-top { right: 20px; bottom: 20px; }

}

@media only screen and (min-width: 1024px) {

.cd-top { height: 50px; width: 50px; right: 30px; bottom: 30px; }

}
/*SCROLL2TOP*/

/*RESPONSIVE STYLES*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {

.left-img{ height: 400px; }

}

@media only screen and (min-width: 770px) and (max-width: 992px) {

.left-img{ height: 400px; }

.number p{ text-align: center; }

.logo img{ margin: 0 auto; display: block; }

.icons-inner{ margin-bottom: 20px; }

.icons-inner .last{ margin-bottom: 0px; }

}

@media only screen and (min-width: 520px) and (max-width: 769px) {

h1, h2, h3, h4{ font-size: 22px !important; }

p{ font-size: 18px !important; }

.number p{ text-align: center; }

.title-spacer{ margin-bottom: 30px; }
.content-spacer{ margin-bottom: 20px; margin-top: 20px; }
.footer-spacer{ margin-bottom: 20px; margin-top: 20px; }

.left-img{ height: 400px; }

.logo img{ margin: 0 auto; display: block; }

.ticks li{ font-size: 18px; }

.right-text{ text-align: center; padding: 40px; }

.c2a{ padding: 20px 0px 20px 0px; }

.c2a-inner span{ display: block; }

.icons-inner{ margin-bottom: 20px; }

.icons-inner .last{ margin-bottom: 0px; }

}

@media only screen and (min-width: 250px) and (max-width: 519px) {

h1, h2, h3, h4{ font-size: 22px !important; }

p{ font-size: 16px !important; }

.top-bar p{ text-align: center; }

.mob-inline{ display: block; }

.title-spacer{ margin-bottom: 30px; }
.content-spacer{ margin-bottom: 20px; margin-top: 20px; }
.footer-spacer{ margin-bottom: 20px; margin-top: 20px; }

.left-img{ height: 200px; }

.logo img{ margin: 0 auto; display: block; }

.c2a{ padding: 20px 0px 20px 0px; }

.c2a-inner span{ display: block; }

.ticks li{ font-size: 16px; }

.right-text{ text-align: center; padding: 40px; }

.icons-inner{ margin-bottom: 20px; }

.icons-inner .last{ margin-bottom: 0px; }

}