@font-face {

    font-family: ComfortaLight;

    src: url(/fonts/comforta/Comfortaa-Light.ttf);

}

@font-face {

    font-family: ComfortaRegular;

    src: url(/fonts/comforta/Comfortaa-Regular.ttf);

}

@font-face {

    font-family: ComfortaBold;

    src: url(/fonts/comforta/Comfortaa-Bold.ttf);

}

@font-face {

    font-family: Muli;

    src: url(/fonts/muli/Muli.ttf);

}

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}

html{

    height: 100%;

}



body {

    line-height: 1;

    font-family: 'Muli', sans-serif;

    font-size: 12px;

    min-height: 100%;

    position: relative;

    color: #333;

    overflow-x: hidden;

    background: #fff;

}



article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

    display:block;

    position: relative;

}



ul {

    list-style: disc;

    -webkit-margin-before: 0;

    -webkit-margin-after: 0;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 0;

    margin-left: 15px;

}

table ul{

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    -webkit-padding-start: 40px;

}



a {

    margin:0;

    padding:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

    text-decoration: none;

    color: #ff6946;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

    width: 100%;

}

td{

  border: 1px solid #ddd;

  padding: 10px;

  vertical-align: middle;

}

/* change border colour to suit your needs */

hr {

    display:block;

    height:1px;

    border:0;   

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}



input, select {

    vertical-align:middle;

    font-size: 12px;

    font-family: 'ComfortaLight', 'sans-serif';

}

p{

    display: block;

    margin: 10px 0;

}

h1, h2, h3, h4, h5{

    font-family: 'ComfortaLight', sans-serif;

    font-style: normal;

    font-weight: normal;

}

.Container{

    width: 80%;

    display: block;

    margin: 0 auto;

}

header{

    display: block;

    position: relative;

}

.TopHeader{

    display: block;

    position: relative;

    background: #343434;

    font-size: 0;

}

.Logo{

    display: inline-block;

    vertical-align: middle;

    width: 15%;

}

.Logo img{

    width: 100%;

}

.ContactHeader{

    display: inline-block;

    text-align: right;

    width: 85%;

    vertical-align: middle;

}

.ContactHeader i{

    display: inline-block;

    font-size: 20px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 5px;

    border-radius: 50%;

    vertical-align: middle;

    border: 2px solid #ff6946;

    color: #fff;

}

.ContactHeaderInner{

    display: inline-block;

    font-size: 14px;

    vertical-align: middle;

}

.ContactHeaderInner a{

    display: block;

    text-align: left;

    font-family: 'ComfortaRegular', sans-serif;

    font-size: 12px;

    color: #fff;

    transition: all 0.5s ease;

}

.ContactHeader a:first-child{

    font-size: 16px;

    padding-bottom: 5px; 

}

.ContactHeaderInner a:hover{

    color: #ff6946;

}

.MobileMenu{

    font-size: 0;

    display: none;

}

header nav{

    display: block;

    background: #fff;

}

header nav ul{

    list-style: none;

    margin: 0;

}

nav ul li{

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

}

nav a{

    color: #333;

    padding: 20px;

    display: block;

    text-transform: uppercase;

    font-family: 'ComfortaRegular', sans-serif;

    border-bottom: 3px solid transparent;

    transition: all 0.5s ease;

}

nav a:hover, nav a.activeMenu{

    border-bottom: 3px solid #ff6946;

}

footer{

    display: block;

    background: #343434;

    color: #bcbcbc;

}

footer .Third{

    display: inline-block;

    width: 29%;

    vertical-align: top;

    margin: 1%;

    text-align: center;

    padding: 30px 0;

    line-height: 1.2;

}

footer h3{

    display: block;

    font-size: 26px;

    text-transform: uppercase;

}

.CopyrightFooter{

    display: block;

    text-align: center;

    padding: 20px 0;

    background: #fff;

    color: #333;

    font-size: 12px;

    text-transform: uppercase;

}

footer .Third a {

    display: inline-block;

    vertical-align: middle;

    padding: 2px 5px;

    text-transform: uppercase;

}

.FooterContainer i{

    color: #bcbcbc;

    font-size: 14px;

    vertical-align: middle;

}

.LogoFooter{

    max-width: 100%;

}

footer .Third h4{

  margin-top: 10px;

}

/* SLIDER */

.Slider {

  position: relative;

  overflow: hidden;

  margin: 0 auto;

  width: 100%;

  font-size: 0;

  line-height: 0;

  color: #414141;

}



.Slider ul {

  position: relative;

  margin: 0;

  padding: 0;

  list-style: none;

  white-space:nowrap;

  line-height: 0;

  font-size: 0;

}



.Slider ul li {

  position: relative;

  display: inline-block;

  margin: 0;

  padding: 0;

}

.Slider img{

    width: 100%;

    min-height: 300px;

    object-fit: cover;

    object-position: center;

    vertical-align: middle;

    display: inline-block;

}

.Slider .ControlNext{

    position: absolute;

    top: 45%;

    right: 15%;

    font-size: 15px;

    z-index: 1;

    background: #fff;

    cursor: pointer;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    line-height: 40px;

    text-align: center;

    transition: all 0.3s ease;

}

.Slider .ControlPrev{

    position: absolute;

    top: 45%;

    left: 15%;

    font-size: 15px;

    z-index: 1;

    padding: 0;

    background: #fff;

    cursor: pointer;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    line-height: 40px;

    text-align: center;

    transition: all 0.3s ease;

}

.ControlPrev:hover, .ControlNext:hover{

    opacity: 0.7;

}

.SlideDots{

    position: absolute;

    bottom: 10px;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 1;

}

.SlideDots span{

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #fff;

    display: inline-block;

    margin: 5px;

    transition: all 0.5s ease;

    cursor: pointer;

}

.SlideDots span.ActiveSlide, 

.SlideDots span:hover{

    background: #333;

}

.LinksToPages{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0,0,0,0.5);

  /* padding: 0 10%; */

  display: block;

}

.Links{

  display: inline-block;

  vertical-align: middle;

  line-height: 1.2;

  font-size: 16px;

  position: relative;

  text-align: center;

  color: #ff6946;

  width: 80%;

  margin-left: 10%;

  overflow: hidden;

}

.Links a{

  color: #fff;

}



/* SLIDER END */

.Lead{

  text-align: center;

  line-height: 1.5;

  font-size: 13px;

  width: 80%;

  margin: 50px auto;

}

.Body{

  text-align: center;

  line-height: 1.5;

  font-size: 16px;

  width: 80%;

  margin: 50px auto;

}

.Body h1{

  font-size: 24px;

  text-transform: uppercase;

}

.Body h1:after{

    content: "";

    display: block;

    margin: 5px auto;

    margin-bottom: 0;

    width: 40px;

    border: 2px solid #ff6946;

}

.HomeServices{

  font-size: 0;

  line-height: 0;

  display: block;

}

.HomeService{

  display: inline-block;

  vertical-align: top;

  width: 25%;

  position: relative;

  overflow: hidden;

}

.HomeService img{

  width: 100%;

  transition: all 0.5s ease;

}

.HomeService .GetLineHeight{

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0,0,0,0.5);

  display: block;

  position: absolute;

  text-align: center;

  padding: 10px;

}

.HomeService .GetLineHeightInner{

  display: inline-block;

  width: 100%;

  vertical-align: middle;

  line-height: 1;

}

.HomeServices h3{

  font-size: 18px;

  line-height: 1.2;

  color: #333;

  width: 100%;

  text-align: center;

  margin-bottom: 20px;

  text-transform: uppercase;

  font-family: 'ComfortaBold', sans-serif;

}

.HomeServices h3:after{

    content: "";

    display: block;

    margin: 5px auto;

    margin-bottom: 0;

    width: 30px;

    border: 2px solid #ff6946;

}

.HomeService h2{

  font-size: 18px;

  line-height: 1.2;

  color: #fff;

  width: 100%;

  position: relative;

}

.HomeService h2:after{

    content: "";

    display: block;

    margin: 5px auto;

    margin-bottom: 0;

    width: 30px;

    border: 2px solid #343434;

}

.HomeService .Btn{

  display: inline-block;

  font-size: 14px;

  margin-top: 20px;

  font-family: 'ComfortaRegular', sans-serif;

  text-transform: uppercase;

  line-height: 1;

  transition: all 0.5s ease;

  width: 0;

  height: 0;

  padding: 0;

  overflow: hidden;

}

.HomeService:hover .Btn{

  width: auto;

  height: auto;

  padding: 10px 20px;

  border: 2px solid;

}

.HomeService:hover img{

   transform: scale(1.2);

   -webkit-transform: scale(1.2);

}

.SubPages{

  display: block;

  margin: 30px 0;

  font-size: 0;

  line-height: 0;

}

.SubPage{

  display: inline-block;

  vertical-align: top;

  width: 23%;

  margin: 1%;

  font-size: 13px;

  line-height: 1.2;

  text-align: center;

  overflow: hidden;

}



.SubPage img{

  width: 89%;

  padding: 5%;

  border: 1px solid;

  border-radius: 50%;

  transition: all 0.5s ease;

  margin-bottom: 10px;

}

.SubPage:hover img{

  border-radius: 0;

  border: 0;

}

.SubPage h2{

  font-size: 16px;

}

.SubPage h2:after{

    content: "";

    display: block;

    margin: 5px auto;

    margin-bottom: 0;

    width: 30px;

    border: 2px solid #343434;

}

.SubPage .Btn{

  display: inline-block;

  font-size: 14px;

  margin-top: 20px;

  font-family: 'ComfortaRegular', sans-serif;

  text-transform: uppercase;

  line-height: 1;

  transition: all 0.5s ease;

  overflow: hidden;

  padding: 10px 20px;

  border: 2px solid;

  opacity: 0;

}

.SubPage:hover .Btn{

  opacity: 1;

}

.ContactMap{

  width: 100%;

  height: 600px;

}

#InfoWindow{

  font-size: 16px;

  text-align: center;

}

#InfoWindow h4{

  margin: 5px;

}

.Contact{

  display: block;

  font-size: 0;

  padding: 100px 0;

  color: #fff;

  position: relative;

}

.Contact:before{

  content: '';

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  position: absolute;

  background: rgba(0,0,0,0.5);

}

.HalfContact{

  display: inline-block;

  vertical-align: top;

  font-size: 14px;

  text-align: center;

  width: 50%;

  position: relative;

}

.HalfContact a{

  color: #fff;

}

.HalfContact h2{

  font-size: 20px;

  margin-bottom: 10px;

}

.HalfContact h2:after{

    content: "";

    display: block;

    margin: 5px auto;

    margin-bottom: 0;

    width: 30px;

    border: 2px solid #ff6946;

}

@media all and (max-width: 1000px){

    .Container{

      width: 98%;

    }

}

@media all and (max-width: 800px){

    .HomeService{

      width: 50%;

    }

    .ContactHeader{

      width: 70%;

    }

    .Logo{

      width: 30%;

    }

    .Logo img{

      height: 70px;

    }

    .SubPage{

      width: 48%;

    }

    .Links{

      font-size: 0;

    }

    .Links a{

      display: none;

    }

    .Links a:last-child{

      display: block;

      font-size: 16px;

    }

}

@media all and (max-width: 700px){

  footer  .Third{

    width: 97%;

    display: block;

    margin: 0 auto;

  }

  .HalfContact{

    width: 100%;

    margin-top: 40px;

  }

}

@media all and (max-width: 600px){

  .ContactHeader{

      width: 100%;

      text-align: center;

      display: none;

    }

    .MobileMenu{

      font-size: 20px;

      display: inline-block;

      color: #ff6946;

      float: right;

      line-height: 50px;

      padding: 10px;

    }

    header nav{

      display: none;

    }

    header nav li{

      display: block;

      text-align: center;

    }

    .ContactMap{

      height: 400px;

    }

}

@media all and (max-width: 500px){

   .HomeService{

      width: 100%;

    }

    .SubPage{

      width: 98%;

    }

}