@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?49001212');
  src: url('../fonts/fontello.eot?49001212#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?49001212') format('woff2'),
       url('../fonts/fontello.woff?49001212') format('woff'),
       url('../fonts/fontello.ttf?49001212') format('truetype'),
       url('../fonts/fontello.svg?49001212#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?49001212#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-home:before { content: '\e800'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail:before { content: '\f0e0'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */


:root{--moon-yellow:#f4c613;--grey:#212226;--white-smoke:#f4f4f4;--white:#fff;--black:rgb(161, 161, 161);--raleway:"Raleway",sans-serif;--opensans:"Open Sans",sans-serif}body,html{height:100%}body{color:#212226}h1,h2,h3,h4,h5,h6{font-family: 'Varela Round', sans-serif;}p{font-family: 'Varela Round', sans-serif;font-size:13px;font-weight:400;line-height:24px}section{background:#fff;overflow:hidden}
#home{background:0 0;height:100%}
#home-bg-video{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;background:url(../img/DesBg2.jpg) no-repeat;background-size:cover}

#home-overlay{background-color:rgba(0,0,0,.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}
#home-content{width:100%;height:100%;display:table}
#home-content-inner{display:table-cell;vertical-align:middle}

#arrow-down{position:absolute;left:50%;bottom:20px;color:#fff;font-size:32px;width:32px;height:32px;text-align:center;margin-left:-16px;z-index:1}#arrow-down:focus,#arrow-down:hover{color:#f4c613}

div#home-img img {
  height: 124px;
}


div#home-text h2 {
  color: #ffc013;
  font-size: 40px;
  text-align: left;
}


#home-text p {
  font-size: 19px;
  text-align: left;
}





.content h1{margin:0;padding:0;font-size:2em}
.center_25{position:absolute;top:50%;left:10%;-webkit-transform:translate(-15%,-50%);transform:translate(-15%,-50%)}
.section-padding{padding:80px 0}
.drkGrey h3{background:#414041;color:#fff}
.wrkBox{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-evenly;
  background-color:rgba(255,255,255,.5)
}
.wrkBoxCont{	flex: 1 0 12em;
	padding: 20px 10px;}
.wrkBoxCont h3{background:#ffc118;
  padding:20px 10px;font-size:21px;
  text-transform:uppercase}
  /* .wrkBoxCont:nth-child(1){width:260px}
.wrkBoxCont:nth-child(2){width:346px}
.wrkBoxCont:nth-child(3){width:264px}
.wrkBoxCont:nth-child(4){width:324px} */
.wrkBoxCont ul{margin:0;padding:0;list-style:none;padding-right:15px;border-right:2px dotted #ccc}
.wrkBoxCont li{display:block;padding:15px 0;font-size:22px;border-bottom:2px dotted #ccc}.wrkBoxCont li:last-child{border:none}
.wrkBoxCont:last-child ul{border:none}.drkGrey h3{background:#404041;color:#fff}
.wrkBg{background:url(../img/DesBg2.jpg)}
/* .section-padding{padding:60px 0;background-image:url(../img/DesBg2.jpg)} */

ul.social{list-style:none}
ul.social li{display:inline-block;width:40px;background:orange;height:40px;line-height:40px;text-align:center;border-radius:50%} 


.people img{width:265px}
.section-padding{padding:60px 0;background-image:url(../img/DesBg2.jpg)}
.staffBox img{width:100%}
.staffBox p{font-size:14px}

.people {
	margin: 50px 0px;
}

.staff {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.staffBox {
	flex: 1 0 15em;
	padding-left: 20px;
	margin-bottom: 20px;
}

.staffBox h4 span {
	font-size: 14px;
	display: block;
}



.content{padding:100px}
.content h1{margin:0;padding:0;font-size:2em}
.content p{margin:20px 0 0;padding:0;font-size:1.1em}
.center_25{position:absolute;top:50%;left:10%;-webkit-transform:translate(-15%,-50%);transform:translate(-15%,-50%)}
button[type=submit]{display:inline-block;background:#ec4a71;color:#fff;font-size:12px;padding:13px 25px;border-radius:2px;border:none}
.work-text h3{font-size:50px;padding-top:60px;color:#daa520}
.work-text p{font-size:25px}.section-title{margin-bottom:30px}#portfolio{padding-bottom:160px}#portfolio .vertical-heading{margin-bottom:50px}.row.no-gutters [class*=col-]{padding:0}.portfolio-item{overflow:hidden}#isotope-filters{margin-bottom:10px;padding:20px 25px 20px 0}#isotope-filters button{font-family:var(--raleway);font-size:12px;font-weight:300;text-transform:uppercase;background:0 0;-webkit-box-shadow:none;box-shadow:none;padding-right:20px;outline:0}#isotope-filters button span{display:block;padding-bottom:5px;-webkit-transition:border-color .4s ease-in-out;transition:border-color .4s ease-in-out}.portfolio-item{position:relative}.portfolio-item img{width:100%;height:auto;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.portfolio-item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(14,14,17,.9);cursor:-webkit-zoom-in;cursor:zoom-in;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}.portfolio-item-details{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.portfolio-item-details h3{color:var(--moon-yellow);text-transform:uppercase;font-size:30px;margin:0;padding:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.portfolio-item-details span{display:inline-block;border-top:1px solid #fff;border-bottom:1px solid #fff;height:6px;width:30px;margin:11px auto 5px auto}.portfolio-item-details p{font-size:17px;color:#fff;text-transform:uppercase;margin:0;padding:0;-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.portfolio-item:hover .portfolio-item-details h3{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-item:hover .portfolio-item-details p{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-item:hover .portfolio-item-overlay{opacity:1}.hidden{overflow:hidden;display:none;visibility:hidden;clear:both}button:focus{outline:0}




.section-padding{padding:60px 0;background-image:url(../img/DesBg2.jpg)}section.section-padding{padding:80px 0}.section-title{margin-bottom:30px}.staff-meta{font-size:12px;color:#b7b7b7;text-align:center}.staff-meta h3{margin:0 0 10px;text-transform:uppercase;font-size:20px;color:#0079f0}.staff-meta h3{margin:0 0 10px;font-size:20px;color:#2e2b2c}

.boxed-btn,
input[type="submit"] {
  background-color: #ffc20e;
  color: #23252a;
}

.about-text .boxed-btn {
  margin-top: 14px;
}

.owl-dots {
  text-align: center;
  margin-top: 20px;
}

.owl-dots div {
  height: 15px;
  width: 15px;
  background: #e2e2e2;
  display: inline-block;
  margin: 5px;
  border-radius: 15px;
}
.owl-dots div.active {
  background-color: #ffc400;
}

.client-list .owl-nav {
  position: absolute;
  right: 0;
  top: -60px;
}

.client-list .owl-nav div {
  display: inline-block;
  width: 50px;
  height: 40px;
  background: #ffc20e;
  text-align: center;
  line-height: 40px;
  color: #333;
  font-size: 20px;
  margin-left: 5px;
  transition: 0.3s;
}


.section-padding{padding:60px 0;background-image:url(../img/DesBg2.jpg)}
input[type=submit]{display:inline-block;background:#ec4a71;color:#fff;font-size:12px;padding:13px 25px;border-radius:2px;border:none}
input[type=submit]{background-color:#ffc20e;color:#23252a}
section.section-padding{padding:80px 0}
.contact-section-bg{background-image:url(../img/DesBgYellow.jpg)}
.contact-section-padding{position:relative; paddding: 50px 0px}
.contact-section-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover}.contact-section-bg:after{width:100%;height:100%;content:'';left:0;top:0;background:#ffb30b;position:absolute;opacity:.4}
/* .contact-form{padding:100px 0} */
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #fff;margin-bottom:10px;color:#444}
.contact-form h2{color:#fff}
input:focus.textarea:focus{outline:0}
.contact-form input:focus{border:1px solid #ff9100}
.contact-form input[type=submit]{width:auto;padding:10px 23px}
.appointment-text{padding-left:100px;margin-top:100px}
ul.social{list-style:none}
ul.social li{
  display:inline-block;
  width:40px;background:orange;
  height:40px;
  line-height:40px;
  text-align:center;border-radius:50%;
  }
ul.social li a{font-size:20px;color:#fff}
ul.address{list-style:none}
ul.address li i{font-size:24px;}


/* navigation */


.navbar {
  padding: 14px 0px 25px 0px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 8px 6px -9px #999;
}


.float-right{
  float: right;
  margin-left: 50px;
}

.site-nav-wrapper {
  padding: 0px 85px;
}

.navbar-brand > img {
  width: 270px;
}

.navbar-brand {
  padding: 0px 15px;
}
ul.navbar-nav > li > a {
  font-family: 'Varela Round', sans-serif;
  color: #ffc115;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 10px;
  transition: color .5s;
  position: relative;
}

ul.navbar-nav > li > a::before {
content: '';
width: 80%;
height: 3px;
background: olivedrab;
position: absolute;
/* top: 0; */
left: 0;
bottom: 0;
}

ul.navbar-nav > li > a:hover, ul.navbar-nav > li > a:focus {
  /* background: #ffc115; */
  color: #2e2b2c;
  background: none;
}

/* white-nav-top */

.white-nav-top{
  /* background: yellow; */
  /* color: #fff; */
  /* padding: 10px 0px; */
  /* box-shadow: 0px 8px 6px -9px #999;
  z-index: 2; */
}


.white-nav-top ul.navbar-nav > li > a{
  /* color: grey; */
}


/* scroll spy active state */

ul.navbar-nav > li > a::before {
  content: '';
  width: 0%;
  height: 5px;
  background: #808083;
  position: absolute;
  left: 0;
  bottom: 5px;
  text-align: center;
  margin-left: 15px;
  transition: all .5s;
  border-radius: 10px;
}



ul.navbar-nav > li.active > a {
  color: #808083;
  font-weight: bold;
}


ul.navbar-nav > li.active > a::before {
	width: 50%;
}

#back-to-top {
  background: orange;
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 10px 10px;
  color: #fff;
  border-radius: 4px;
  font-size: 22px;
  display: none;
  border: 2px solid #fff;
}