@charset "utf-8";

@font-face {
font-family:Myriad Pro;
src:url(../fonts/MyriadPro-Regular.svg);
src:url(../fonts/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/MyriadPro-Regular.woff) format("woff"),url(../fonts/MyriadPro-Regular.ttf) format("truetype"),;
src:url(../fonts/MyriadPro-Regular.otf);
font-weight:400;
font-style:normal
}

@font-face {
font-family:Gothic;
src:url(../fonts/Gothic.svg);
src:url(../fonts/Gothic.eot?#iefix) format("embedded-opentype"),url(../fonts/Gothic.woff) format("woff"),url(../fonts/Gothic.ttf) format("truetype"),;
src:url(../fonts/Gothic.otf);
font-weight:400;
font-style:normal
}

@font-face {
font-family:CENTURY;
src:url(../fonts/Century.svg);
src:url(../fonts/Century.eot?#iefix) format("embedded-opentype"),url(../fonts/Century.woff) format("woff"),url(../fonts/Century.ttf) format("truetype"),;
src:url(../fonts/Century.otf);
font-weight:400;
font-style:normal
}

header {
background:url(../images/header_1.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:0;
width:100%
}

header p {
color:#fff;
font-family:CENTURY GOTHIC;
padding:1% 0 0;
font-size:18px
}

.estd p {
padding:4% 0 0;
text-align:right
}

#head {
background:#0a3558;
padding:0;
margin:0;
width:100%;
height:158px
}

.logo figure {
width:94%;
margin:3% 0
}

.mob {
margin-top:3%
}

#head p {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:17px;
line-height:150%;
margin:8% 0
}

#head p a {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:17px;
text-decoration:none;
padding:0 0 0 2%;
position:relative;
top:-3px
}

.call {
padding-left:31%!important;
border-left:2px dotted #fff
}

#head .fa {
font-size:25px;
color:#fff
}

footer {
background:url(../images/footerbg.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:0;
width:100%;
padding:5% 0
}

footer figure {
width:80%
}

footer .data p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:130%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:5% 12% 4% 0
}

footer .data button {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:16px;
background:transparent;
border:hidden;
margin:0;
padding:0
}

footer h1 {
text-align:left;
font-family:CENTURY GOTHIC;
line-height:135%;
font-weight:700;
color:#f5ca00;
padding:3% 0 5% 25px;
margin-top:0;
font-size:22px
}

footer .link {
border-left:2px dotted #f5ca00;
border-right:2px dotted #f5ca00
}

footer .link p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:170%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0 0 20% 12%
}

footer .link p a {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:180%;
text-decoration:none
}

footer .connect p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:190%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0 0 0 3%
}

footer .connect p a {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:16px;
line-height:190%;
text-decoration:none
}

footer .fa {
color:#f5ca00
}

.clock::before {
content:url('../images/clock.png');
position:relative;
top:3px;
left:0;
margin-left:20px
}

.email::before {
content:url('../images/email.png');
position:relative;
top:1px;
left:0;
margin-left:20px
}

.number::before {
content:url('../images/call.png');
position:relative;
top:3px;
left:0;
margin-left:20px
}

footer .sm {
margin:5%!important
}

footer .connect p button {
color:#f5ca00;
font-family:CENTURY GOTHIC;
background:transparent!important;
border:hidden;
margin:0;
padding:4% 0 0 2% !important;
width:18%
}

#copy {
background:url(../images/copybg.jpg)no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;

background-size:cover;
padding:0;
width:100%;
padding:0;
margin:0
}

#copy p {
color:#000;
padding:3% 0 1%;
font-family:CENTURY GOTHIC;
font-size:16px
}

#copy p a {
text-decoration:none
}

#copy .copyright {
text-align:left
}

#copy .design {
text-align:right
}

@media only screen and (max-width:1024px) {
#head {
height:138px
}

#head p {
font-size:14px!important
}

#head p a {
font-size:14px!important
}

.logo figure {
width:76%;
margin:8% 0
}
}

@media only screen and (max-width:1000px) {
#head {
background:#0a3558;
padding:0;
margin:0;
width:100%;
height:auto!important
}

.logo figure {
width:80%;
margin:3% 0
}

#head p {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:14px;
line-height:150%;
margin:6% 0 0
}

#head p a {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:14px;
text-decoration:none;
padding-left:2%
}

#head .fa {
margin-right:-17px;
font-size:20px;
color:#fff
}

header p {
text-align:left!important;
font-size:110%!important;
padding:2% 0 0!important
}

.estd p {
padding:3% 0 0!important;
text-align:right!important
}

.mob {
display:none
}

.logo figure {
width:80%;
margin:3% 10%
}

.nav-header .fa {
text-align:center!important
}
}

@media only screen and (max-width:970px) {
#copy p {
color:#000;
padding:3% 0 1%;
font-family:CENTURY GOTHIC;
font-size:93%
}

.data {
display:none
}

footer .link {
border-left:none;
border-right:2px dotted #f5ca00
}

#head p a {
color:#f5ca00;
font-family:CENTURY GOTHIC;
font-size:10px;
text-decoration:none;
padding-left:0
}
}

@media only screen and (max-width:767px) {
header p {
color:#fff;
font-family:CENTURY GOTHIC;
padding:1% 0 0;
font-size:141%!important;
text-align:center!important
}

.estd p {
padding:0!important;
text-align:center!important
}

.logo figure {
width:80%;
margin:3% 10%
}

.mob {
display:none
}

.link {
display:none
}

footer {
background:url(../images/footerbg.jpg)no-repeat center center;
background-size:auto auto;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
padding:0;
width:100%;
padding:10% 0 5% 0
}

footer h1 {
font-family:CENTURY GOTHIC;
line-height:0;
font-weight:700;
color:#f5ca00;
padding:0 0 5%;
margin-top:0;
font-size:250%;
text-align:center
}

footer .link p {
line-height:170%;
padding:0 0 7%;
text-align:center
}

footer .link p a {
color:#fff;
font-family:CENTURY GOTHIC;
line-height:180%;
text-decoration:none;
text-align:center
}

footer .link {
border-left:none;
border-right:none;
text-align:center
}

footer .connect p {
color:#fff;
font-family:CENTURY GOTHIC;
line-height:190%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0;
text-align:center
}

footer .connect p a {
color:#fff;
font-family:CENTURY GOTHIC;
line-height:190%;
text-decoration:none;
text-align:center
}

footer .connect p button {
padding:0 2%;
width:10%
}

#copy {
padding:1% 0;
margin:0
}

#copy p {
padding:0;
font-family:CENTURY GOTHIC;
font-size:92%;
text-align:center
}

#copy .copyright {
text-align:left;
padding:1% 0 0
}

.clock::before {
margin-left:0
}

.number::before {
margin-left:0
}

.email::before {
margin-left:0
}

footer .connect p button {
padding-left:0!important
}

footer .sm {
margin:5% 0!important
}
}

@media only screen and (max-width:600px) {
header p {
color:#fff;
font-family:CENTURY GOTHIC;
padding:1% 0 0;
font-size:143%!important;
text-align:center!important
}

.estd p {
padding:0!important;
text-align:center!important
}

.main-menu-wrapper {
margin-top:-11px!important
}

.main-menu-wrapper.stricky-fixed {
position:fixed!important;
top:0!important
}

.logo figure {
width:90%;
margin:3% 5% 0
}

.main-menu-wrapper .free-qoute-button a {
font-size:100%!important;
color:#010101
}

footer .link p {
font-size:152%;
line-height:158%;
padding:0 0 7%;
text-align:center
}

footer .connect p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:127%;
line-height:158%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0;
text-align:center
}

footer .connect p a {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:120%;
line-height:158%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0;
text-align:center
}
}

@media only screen and (max-width:515px) {
footer h1 {
text-align:center
}

#copy p {
padding:0;
font-family:CENTURY GOTHIC;
font-size:92%;
text-align:center
}

footer .connect p button {
width:12%
}

footer {
padding:13% 0 5%
}
}

@media only screen and (max-width:400px) {
header p {
color:#fff;
font-family:CENTURY GOTHIC;
padding:1% 0 0;
font-size:80%!important;
text-align:center
}

.para p {
font-size:111%;
padding-top:6%;
line-height:150%
}

.main-menu-wrapper {
margin-top:-11px!important
}

.main-menu-wrapper.stricky-fixed {
position:fixed!important;
top:0!important
}

.main-menu-wrapper .free-qoute-button a {
font-size:12px!important;
padding:18px 18px 18px 5px !important
}

.logo figure {
width:90%;
margin:3% 5% 0
}

footer h1 {
text-align:center;
padding:0 0 5%;
margin-top:0;
font-size:177%
}

footer .link p {
font-size:110%;
line-height:170%;
padding:0 0 7%;
text-align:center
}

footer .connect p {
color:#fff;
font-family:CENTURY GOTHIC;
font-size:100%;
line-height:170%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
padding:0;
text-align:center
}

footer .connect p a {
font-size:100%
}

#copy {
padding:2% 0 0;
margin:0
}

#copy p {
padding:0;
font-family:CENTURY GOTHIC;
font-size:84%;
text-align:center
}

footer {
padding:50px 0 30px
}

.connect p button {
padding:0 2%!important
}

footer .connect p button {
color:#f5ca00;
font-family:CENTURY GOTHIC;
background:transparent!important;
border:hidden;
margin:0;
padding:2% 0 0 2% !important;
width:18%
}
}