/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: 'Quattrocento Sans', sans-serif;
  color: #1b3043;
}


a {
  color: #ac721c;
}

a:hover {
  color: #9eccf4;
  text-decoration: none;
}

p {font-family: 'Quattrocento Sans', sans-serif; color:#1b3043;  font-size:16px; line-height:24px;}

ul {font-family: 'Quattrocento Sans', sans-serif; color:#1b3043;  font-size:16px; line-height:24px;}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: 'theano_didotregular', sans-serif;  font-weight:normal; text-transform:uppercase
}

h6 {color:#a39d8e; font-size:14px; line-height:16px;font-family: 'futura_nextbook', sans-serif; margin:0 0 15px 0; letter-spacing:1px}

h4 {font-family: 'theano_didotregular', sans-serif;  font-weight:normal; text-transform:none ; font-size:48px; line-height:52px; color: #1b3043; letter-spacing:-2px; margin:0 0 15px 0
}


.landingtext {width:70%; margin-bottom:25px}

.landbox {margin-bottom:25px}

@media (max-width: 1024px) {
.landingtext {width:90%}
}

.omnihome {background-color:#dfd4b3; padding:45px 0}

.omnihome h3 {  font-family: 'Quattrocento Sans', sans-serif; color:#1b3043;  font-size:15px; text-transform:uppercase; letter-spacing:2px; margin:15px 0 45px 0; text-align:center}

.omnibox {background:url(../img/launch.jpg); background-size:cover; height:425px; background-position:center; padding-bottom:25px;z-index:1}

.omnitext {background:#fff; background-size:cover; z-index:2; left:-45px; top:75px; height:285px}

.omnitextblock {z-index:3;top:-16px; margin-left:70px; position:relative; margin-right:55px} 

 .omnitextblock h2 { font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:uppercase; color:#1b3043; font-size:32px; line-height:34px;margin:0 0 30px 0; letter-spacing:1px}
 
 .omnitextblock p {  font-family: 'Quattrocento Sans', sans-serif; color:#1b3043; line-height:25px; font-size:15px}
 
 .omnilinkblock {background:#1b3043; padding:20px 45px; font-family: 'Quattrocento Sans', sans-serif; font-size:14px; color:#FFF; float:right; position:relative; text-transform:uppercase; letter-spacing:2px; right:-140px; z-index:4; top:55px}
 
@media (max-width: 1024px) {
.omnihome {background-color:#f7f6f5; padding:45px 0 125px 0}

.omnibox {background:url(../img/launch.jpg); background-size:cover; height:325px; background-position:center; padding-bottom:25px;z-index:1}

.omnitext {background:#fff; background-size:cover; z-index:2; left:-45px; top:75px; height:285px}

.omnitextblock {z-index:3;top:-16px; margin-left:20px; position:relative; margin-right:25px} 

 .omnitextblock h2 { font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:uppercase; color:#1b3043; font-size:32px; line-height:34px;margin:0 0 30px 0; letter-spacing:1px}
 
 .omnitextblock p {  font-family: 'Quattrocento Sans', sans-serif; color:#1b3043; line-height:25px; font-size:15px}
 
 .omnilinkblock {background:#1b3043; padding:20px 45px; font-family: 'Quattrocento Sans', sans-serif; font-size:14px; color:#FFF; float:right; position:relative; text-transform:uppercase; letter-spacing:2px; right:-80px; z-index:4}
}

@media (max-width: 768px) {
.omnihome {background-color:#f7f6f5; padding:45px 0 85px 0}
	
.omnibox {background:url(../img/launch.jpg); background-size:cover; height:325px; background-position:center; padding-bottom:25px;z-index:1}

.omnitext {background:#fff; background-size:cover; z-index:2; left:0px; top:0px; height:auto}

.omnitextblock {z-index:3;top:-0px; margin-left:25px; position:relative; margin-right:0px} 

 .omnitextblock h2 { font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:uppercase; color:#1b3043 ; font-size:32px; line-height:34px;margin:25px 0 30px 0; letter-spacing:1px}
 
 .omnitextblock p {  font-family: 'Quattrocento Sans', sans-serif; color:#1b3043; line-height:25px; font-size:15px}
 
 .omnilinkblock {background:#1b3043; padding:20px 45px; font-family: 'Quattrocento Sans', sans-serif; font-size:14px; color:#FFF; float:right; position:relative; text-transform:uppercase; letter-spacing:2px; right:20px; z-index:4;top:27px}
}

.investment {background-color:#fff; padding:45px 0 85px 0; text-align:center }


.investment h2 {font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:none; color:#1b3043 ; font-size:36px; line-height:42px;margin:25px 0 30px 0; letter-spacing:-1px; position:relative; padding-bottom:15px}

.investment h2::before {
  content: '';
 
}

.investment h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background: #ded3b2;
  bottom: 0;
  left: calc(50% - 30px);
}

.investment p {
  
   margin:25px 0 20px 0
}

.investmentbtn {
  border-radius: 0;
  font-size: 14px;
  background: #ded3b2;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.investmentbtn:hover {
  
  background: #efc54f;
    color: #fff;
}

.newaboutleft h2 {font-size: 22px;font-family: 'futura_nextbold', sans-serif;lineheight:24px;
  margin: 0 0 35px ;
  padding: 10px 0;
 text-transform: none; color:#1b3043}
 
 .newaboutleft h3 {font-size: 22px;font-family: 'futura_nextbook', sans-serif;lineheight:24px;
  margin: 0;
  padding: 10px 0;
 text-transform: none; color:#1b3043}
 
 .omnityperow {display:flex; padding-top:30px;padding-bottom:30px}
 
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.omnitypebox {
 border-bottom:2px solid #ded3b2;width:100%; margin-bottom:25px; padding-bottom:25px}
 

 
.omnitypebox h4 {font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:none; color:#1b3043 ; font-size:42px; line-height:46px; letter-spacing:-1px; margin-bottom:20px}

  @media (max-width: 1024px) { .omnitypebox h4 {font-size:32px; line-height:34px; }}
  
  @media (max-width: 768px) { .omnitypebox h4 {font-size:28px; line-height:32px; }}
 
 .flex1 {display:flex;}


.boxlink {
 border-bottom:1px solid #ded3b2;width:100%; padding-top:20px; padding-bottom:20px; font-size: 22px;font-family: 'futura_nextbook', sans-serif;lineheight:22px; color:#1b3043; text-transform:uppercase}
 
 .boxlink a {
color:#1b3043;}

@media (max-width: 768px) { .boxlink {
 border-bottom:1px solid #ded3b2;width:100%; padding-top:12px; padding-bottom:12px; font-size: 16px;font-family: 'futura_nextbook', sans-serif;line-height:16px; color:#1b3043; text-transform:uppercase; }
 
 .goldarrow {float:right; height:16px}
 
}

.goldarrow {float:right; height:24px}


 .omnitype h1 {font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:none; color:#1b3043 ; font-size:68px; line-height:74px; letter-spacing:-2px; margin-bottom:25px; }
 
  @media (max-width: 1024px) { .omnitype h1 {font-size:48px; line-height:54px; }}
  
  @media (max-width: 768px) { .omnitype h1 {font-size:36px; line-height:42px; }}
  

  
  
   /*--------------------------------------------------------------
# Boost Section
--------------------------------------------------------------*/

.boostleft { background-color:#fff; min-height:350px; display:flex; position:relative;}

.boostright {min-height:350px;z-index:1}

.boostgap {width:25%; position:relative}

.boostleftcontent {  border-left:2px solid #ded3b2; position:relative; width:75%; margin-top:165px; padding-left:60px; float:right; padding-right:65px; display: block;top:15px; padding-bottom:155px; z-index:2}

@media (max-width: 992px) { 

.boostleftcontent { width:90% !important; margin-top:65px !important; padding-left:20px !important; padding-right:25px !important; padding-bottom:50px !important}

.boostgap {width:10% !important; }

.boostleftcontent h6 {font-size:12px !important;}
}

@media (max-width: 1024px) { 

.boostleftcontent { width:80%; margin-top:55px; padding-left:40px; padding-right:25px; padding-bottom:80px}

.boostgap {width:20%; }
}

.boostleftcontent h6 {font-size:14px !important;font-family: 'futura_nextbook', sans-serif; line-height:16px !important; color:#ded3b2; text-transform:uppercase; letter-spacing:2px; margin:0; font-weight:normal}

.boostleftcontent h2 {font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:none; color:#1b3043 ; font-size:48px; line-height:54px; letter-spacing:-2px; margin-bottom:15px;margin-top:15px }

.boardroom {background:url(../img/boardroom.jpg); background-repeat:none; background-size:cover; background-position:center}
 
 /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/slide/slide-2.jpg") top center;
  background-size: cover;
  position: relative;
}

#hero:before {
  content: "";
  background: rgba(1, 30, 109, 0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}

 




/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #ded3b2;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #bcb296;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding-top: 20px;
}

.clients .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.clients .owl-item img {
  width: 100%;
  opacity: 0.5;
  transition: 0.3s;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
}

.clients .owl-item img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.clients .owl-nav, .clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.clients .owl-dot.active {
  background-color: #c4931d !important;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 120px;
  transition: all 0.5s;
  transition: all 0.5s;
  padding: 40px 0;
  background: #fff;
  z-index: 997;
}

.logo img {top:-19px; display:block; position:relative}
  
 @media (max-width: 1024px) {
#header {
  height: 70px;
  padding: 10px 0;background: #fff;

}	}
	 




#header .logo h1 {
  font-size: 28px;font-family: 'futura_nextbook', sans-serif;
  margin: 0;
  padding: 10px 0;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #1b3043;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 55px;top:-19px; display:block; position:relative
}

@media (max-width: 1024px) {#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 45px;top:-5px; display:block; position:relative
}

}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #1b3043;
  padding: 7px 15px 15px 15px;
  transition: 0.3s;
  font-size: 14px;
  font-family: 'futura_nextbook', sans-serif; text-transform:uppercase; letter-spacing:2px
}

@media (max-width: 1200px) {  .nav-menu a {
  display: block;
  position: relative;
  color: #1b3043;
  padding: 7px 10px 15px 10px;
  transition: 0.3s;
  font-size: 12px;
  font-family: 'futura_nextbook', sans-serif; text-transform:uppercase; letter-spacing:1px
}}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #bcb296;
  text-decoration: none;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #103453;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #bcb296;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -100%;
  width: 100%;
  top:70px;
    background: #fff;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #1b3043;
  padding: 10px 20px;
  font-weight: normal; text-align:center; border-bottom:1px solid #ded3b2; font-family: 'futura_nextbook', sans-serif; text-transform:uppercase; letter-spacing:2px
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #1b3043;
  text-decoration: none; background: #f7f6f5
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa0";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 5px;
  top: 25px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #bcb296;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #bcb296;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: calc(100vh - 114px);
  padding: 0;
  overflow: hidden;
}

#hero .carousel-item {
  width: 100%;
  height: calc(100vh - 114px);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(13, 30, 45, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

#hero .carousel-content {
  text-align: left;
}

@media (max-width: 992px) {
  #hero, #hero .carousel-item {
    height: calc(100vh - 70px);
  }
  #hero .carousel-content.container {
    padding: 0 50px;
  }
}

#hero h2 {
  color: #1b3043;
  margin-bottom: 30px;
  font-size: 48px;
}

#hero p {
  width: 100%;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #1b3043;
}



#hero .btn-get-started {
  font-family: 'futura_nextbold', sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.5s;
  line-height: 1;
  margin: 10px;
  color: #1b3043;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  border: 0;
  background: #bcb296;
}

#hero .btn-get-started:hover {
  background: #1c5c93;
}

.heroleft {text-align:left; padding-right:55px}

.heroleft span {font-family: 'Libre Baskerville', serif; text-transform:none; font-style:italic; font-weight:normal}

@media (max-width: 1024px) {
.heroleft {text-align:center; margin-bottom:20px; padding:0 20px 20px 20px;}}

.heroblock1 {width:50%; padding:35px; border-right:1px solid #1b3043;  border-bottom:1px solid #1b3043; text-align:center; float:left; position:relative; }

@media (max-width: 1024px) {
.heroblock1 {width:50%; padding:25px 15px; border-right:1px solid #1b3043;  border-bottom:1px solid #1b3043; text-align:center; float:left; position:relative; }}

@media (max-width: 1024px) {
.heroblock1 {width:50%; padding:25px 5px; border-right:1px solid #1b3043;  border-bottom:1px solid #1b3043; text-align:center; float:left; position:relative; }}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
  
 
}

@media (max-width: 768px) {
	
	#hero .icon-box {

  height: 100%;

  margin-bottom:25px
}
	
  #hero {
    height: auto;
  }
 
}


.rightborder {border-right:none !important}

.bottomborder {border-bottom:none !important}

.herocontent {display: flex;}

@media (max-width: 1024px) {
.heroright {margin-bottom:55px}
.heroleft h2 {font-size:36px !important; line-height:38px !important}
}

.heroblock1 h2 {font-family: 'theano_didotregular', sans-serif;  font-size:42px !important; line-height:44px !important; color:#FFF; text-transform:uppercase; font-weight:normal; margin: 0 0 10px 0 !important; width:100% !important}

.heroblock1 p {font-family: 'theano_didotregular', sans-serif;  font-size:20px; line-height:26px; color:#FFF; margin: 0 0 0 0 !important; width:100% !important}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
  
  .heroblock1 h2 {font-size:32px !important; line-height:34px !important; }
  
  .heroblock1 p {font-size:16px; line-height:20px; width:100% !important; padding:0 !important; margin:0 !important}
}

@media (min-width: 1024px) {
  #hero p {
   width:100% !important; padding:0 !important; margin:0 !important
  }
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #f7f6f5;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: normal;
  position: relative;
  padding-bottom: 15px;margin-bottom:35px;
  color: #1b3043;
}

.section-title h2::before {
  content: '';
 
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background: #ded3b2;
  bottom: 0;
  left: calc(50% - 30px);
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #f5f9fc;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about {
  padding-bottom: 30px;
}

.about .container {
  box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
}

.about .video-box img {
  padding: 15px 0;
}

.about .section-title p {
  text-align: left;
  font-style: italic;
  color: #666;
}

.about .about-content {
  padding: 40px;
}

.about .icon-box + .icon-box {
  margin-top: 40px;
}

.about .icon-box .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: #f1f7fb;
  border-radius: 6px;
  transition: 0.5s;
}

.about .icon-box .icon i {
  color: #bcb296;
  font-size: 32px;
}

.about .icon-box:hover .icon {
  background: #bcb296;
}

.about .icon-box:hover .icon i {
  color: #fff;
}

.about .icon-box .title {
  margin-left: 95px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}

.about .icon-box .title a {
  color: #343a40;
  transition: 0.3s;
}

.about .icon-box .title a:hover {
  color: #bcb296;
}

.about .icon-box .description {
  margin-left: 95px;
  line-height: 24px;
  font-size: 14px;
}

.about .video-box {
  position: relative;
}

.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#bcb296 50%, rgba(66, 139, 202, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(66, 139, 202, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
  border-left: 15px solid #bcb296;
  transform: scale(20);
}

.about .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*--------------------------------------------------------------
# About Lists
--------------------------------------------------------------*/
.about-lists {
  padding: 40px;
}

.about-lists .row {
  overflow: hidden;
}

.about-lists .content-item {
  padding: 40px;
  border-left: 1px solid #ded3b2;
  border-bottom: 1px solid #ded3b2;
  margin: -1px;
}

.about-lists .content-item span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: #ded3b2;
}

.about-lists .content-item h4 {
  font-size: 28px;
  font-weight: 400;
  padding: 0;
  margin: 20px 0;
}

.about-lists .content-item p {
  color: #aaaaaa;
  font-size: 15px;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .about-lists .content-item {
    padding: 40px 0;
  }
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding-bottom: 30px;
}

.counts .count-box {
  padding: 30px;font-size: 42px;font-family: 'theano_didotregular', sans-serif;
  background: #fff;
  margin-bottom: 30px; color: #1b3043;
}

.counts .count-box i {
  display: block;
  font-size: 64px;
  margin-bottom: 15px;
}

.counts .count-box span {
  font-size: 42px;font-family: 'theano_didotregular', sans-serif;
  
  color: #1b3043;
}

.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: 'futura_nextbook', sans-serif;
  font-size: 16px;color: #1b3043; letter-spacing:1px
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services {
  padding-bottom: 30px;
}

.services .icon-box {
  margin-bottom: 20px;
  text-align: center;
}

.services .icon {
  display: flex;
  justify-content: center;
}

.services .icon i {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 50%;
  transition: 0.5s;
  color: #bcb296;
  font-size: 40px;
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
}

.services .icon-box:hover .icon i {
  box-shadow: 0px 0 30px rgba(66, 139, 202, 0.5);
}

.services .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
  position: relative;
  padding-bottom: 15px;
}

.services .title a {
  color: #444;
  transition: 0.3s;
}

.services .title a:hover {
  color: #bcb296;
}

.services .title::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 2px;
  background: #bcb296;
  bottom: 0;
  left: calc(50% - 25px);
}

.services .description {
  line-height: 24px;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Our Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
width:50%; position:relative; float:left
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;font-family: 'futura_nextbook', sans-serif;letter-spacing:1px;
  margin: 0 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #1b3043;
  border-radius: 10px;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #bcb296;
  color: #fff;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.01);
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.portfolio .portfolio-wrap img {
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  text-align: center;
  background: rgba(27, 48, 67, 0.8);  
  
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 22px;font-family: 'futura_nextdemibold', sans-serif;
  color: #fff;letter-spacing:1px; line-height:26px;
  font-weight: normal; text-transform:uppercase; margin:0 0 5px 0
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #e5d9b8;font-family: 'futura_nextmedium', sans-serif;
  font-size: 16px;letter-spacing:2px;margin:0;line-height:18px;
  text-transform: uppercase;
}

@media (max-width: 768px) {.portfolio .portfolio-wrap .portfolio-info p {
  font-size: 12px;line-height:14px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 16px;line-height:18px;
}

}

.portfolio .portfolio-wrap .portfolio-info a {
  color: #bcb296;
  margin: 0 4px;
  font-size: 18px;
  line-height: 1;

  text-align: center;

  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  padding-bottom: 0;
}

.portfolio .portfolio-wrap:hover img {
  transform: scale(1.1);
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 30px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: #bcb296 !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-description h2 {
    width: 100%;
  }
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# Our Team
--------------------------------------------------------------*/
.team {
  background: #fff;
  padding: 60px 0 30px 0;
}

.team .member {
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}

.team .member .pic {
  border-radius: 4px;
  overflow: hidden;
}

.team .member img {
  transition: all ease-in-out 0.4s;
}

.team .member:hover img {
  transform: scale(1.1);
}

.team .member .member-info {
  position: absolute;
  bottom: -48px;
  left: 20px;
  right: 20px;
  background: linear-gradient(360deg, #5c768d 0%, rgba(92, 118, 141, 0.9) 35%, rgba(140, 167, 191, 0.8) 100%);
  padding: 15px 0;
  border-radius: 4px;
}

.team .member h4 {
  font-weight: normal;font-family: 'futura_nextmedium', sans-serif;
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff;
  position: relative;
  padding-bottom: 10px;
}

.team .member h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: calc(50% - 25px);
}

.team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

.team .member .social {
  margin-top: 15px;
}

.team .member .social a {
  transition: color 0.3s;
  color: #fff;
}

.team .member .social a:hover {
  color: #9eccf4;
}

.team .member .social i {
  font-size: 16px;
  margin: 0 2px;
}

@media (max-width: 992px) {
  .team .member {
    margin-bottom: 100px;
  }
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding-bottom: 30px;
}

.faq .faq-item {
  margin-bottom: 40px;
}

.faq .faq-item h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #1f3548;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.contact .info-box {
  color: #444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
  margin-bottom: 30px;
  width: 100%;
}

.contact .info-box i {
  font-size: 32px;
  color: #ded3b2;
  border-radius: 50%;
  padding: 8px;
  border: 1px solid #ded3b2;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #1b3043;
  font-weight: normal;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: #ded3b2;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #ded3b2;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #6aa3d5;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#footer {
  background: #587187;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  background: #5c768d;
  border-top: 1px solid #768fa6;
  border-bottom: 1px solid #67839c;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: 'futura_nextbold', sans-serif;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #768fa6;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #bcb296;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #9eccf4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #9eccf4;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #bcb296;
  color: #fff;
  transition: 0.3s;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #5295ce;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: #9eccf4;
}

#newfooter {background:#1b3043; color:#FFF; text-align:left}

#newfooter .footerbox {margin-bottom:25px; text-align:left; }

#newfooter h2 {font-family: 'futura_nextmedium', sans-serif; text-transform:uppercase;
  color: #fff; font-size:14px; line-height:14px; margin:0 auto; letter-spacing:10px; padding:10px 15px; display: inline; z-index:2; background:#1b3043; position:relative; top:12px; font-weight:normal}

#newfooter .footercontent { padding-top:50px;  margin: 0 auto;  z-index:1; padding-top:0px !important; }

#newfooter p {
  font-family: 'Quattrocento Sans', sans-serif;
  color: #fff; font-size:16px; line-height:24px; margin:0 0 25px 0; width:80%
}

a {
  color: #ddd2b1;
}

a:hover {
  color: #ddd2b1;
  text-decoration: none;
}

#newfooter p span{color:#8d97a1; font-size:14px;}

#newfooter h4 {
  font-family: 'futura_nextmedium', sans-serif; text-transform:uppercase;
  color: #ded3b2; font-size:18px; line-height:18px; margin:0 0 5px 0; letter-spacing:2px; font-weight:normal; padding-bottom:5px
}

#newfooter span {
 
  color: #fff; 
}

.footerleft {
margin-bottom:35px
}

.footerlogo {width:300px !important; margin-bottom:30px}

@media (max-width: 992px) {
.footerlogo {width:300px !important;}

#newfooter p {
width:100% !important
}


#newfooter .footerbox {margin-bottom:25px; text-align:center; }

.footerleft {
margin-bottom:35px; text-align:center; 
}

}



/*--------------------------------------------------------------
# New Portfolio item
--------------------------------------------------------------*/

.portfolioitemheader {background:#bcb296;  background-size:cover !important; background-position:center !important; height:450px; background-repeat: no-repeat !important}

.portfolioitemheader2 {background:#bcb296;  background-size:cover !important; background-position:center !important; height:350px; background-repeat: no-repeat !important}

.purple {background:url(../img/Banner-1.html)}

.globalstar {background:url(../img/globalstarbanner.jpg)}

.mypay {background:url(../img/mypaybanner.jpg)}

.alloy {background:url(../img/alloy-banner.jpg)}

.vimb {background:url(../img/vimb-banner.jpg)}

.gammarey {background:url(../img/gammarey2.jpg)}

.savitar {background:url(../img/savitar-banner.jpg)}

.spoted {background:url(../img/spoted-banner.jpg)}

.cfgl {background:url(../img/cfgl-banner.jpg)}

.adwapark {background:url(../img/adwapark-banner.jpg)}

@media (max-width: 1200px) {
.portfolioitemheader {height:425px; }

.portfolioitemheader2 {height:325px; }
}

@media (max-width: 992px) {
.portfolioitemheader {height:330px; }

.portfolioitemheader2 {height:230px; }

.portfoliolist {top:-35px !important;}

.portfolioleft {padding-left:15px !important; padding-right:15px !important}

.portfolioright {padding-top:30px !important; padding-left:35px !important; padding-right:35px !important;}
}

@media (max-width: 768px) {
.portfolioitemheader {height:275px; }

.portfolioitemheader2 {height:210px; }

.portfolioright {padding-top:0px !important;}

}

.portfolioleft {padding-right:35px}

.portfoliolist h2 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#bcb296 ; font-size:26px; line-height:30px;margin:0 0 10px 0;  position:relative;}

.portfoliolist h3 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#1b3043 ; font-size:20px; line-height:24px;margin:0 0 30px 0;  position:relative; padding-bottom:15px}

.portfoliolist h3::before {
  content: '';
 
}

.portfoliolist h3::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 4px;
  background: #bcb296;
  bottom: 0;
  left: calc(0% - 0);
}



.portfolioright {padding-top:45px;}


.portfolioright h2 {font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:22px; line-height:26px; text-transform:uppercase;color:#bcb296; margin-bottom:25px; letter-spacing:1px }

.portfolioright h5 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#1b3043 ; font-size:26px; line-height:32px;margin:20px 0 0 0 !important;  position:relative; padding-bottom:15px; letter-spacing: normal !important}

.portfolioright p {margin-top:0px; margin-bottom:15px}

.portfolioright li {margin-left:-10px; margin-bottom:5px; }

.portfolioright ul {margin-bottom:20px;}

.portfoliolist {background:#fff; position:relative; top:-55px; padding:35px;
-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow:    0px 0px 35px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 35px rgba(0, 0, 0, 0.1);  }
  
.portfolioleft p span {color:#a39d8e; font-weight:700}

.portfolioleft p {line-height:28px !important; margin-bottom:25px}

.portfoliobutton {background:#bcb296; font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:18px; line-height:18px; padding:15px; display:block; color:#fff; margin-top:10px; transition: 0.4s;}

.portfoliobutton a {
  color:#fff !important;
}

.portfoliobutton a:hover {color: #fff !important; text-decoration:none; background:#a89b78 !important;}

.websitebutton {background:#fff; font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:18px; line-height:18px; padding:15px; display:block; color:#bcb296; margin-top:10px; transition: 0.4s; border-top:1px solid #bcb296; text-align:left}

.websitebutton a {
  color: #bcb296;
}

.websitebutton a:hover {
  color: #fff;
  text-decoration: none; background:#a89b78;
}

.whitearrowleft {height:18px; position:relative; top:-2px}

.goldarrowright {height:18px; position:relative; top:-2px}



.portfoliopageheader {background:#e0d4b4;  background-size:cover !important; background-position:center !important;  background-repeat: no-repeat !important; text-align:center; padding:100px 0 !important}

.portfoliopageheader h2 {font-family: 'theano_didotregular', sans-serif;  font-weight:300; text-transform:none; color:#fff ; font-size:48px; line-height:52px;margin:25px 0 30px 0; position:relative; padding-bottom:25px; letter-spacing:-1px }

.portfoliopageheader h2 span {color:#1b3043}

.portfoliopageheader h2::before {
  content: '';
 
}

.portfoliopageheader h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 80px;
  height: 4px;
  background: #fff;
  bottom: 0;
  left: calc(50% - 40px);
}


@media (max-width: 1200px) {
.portfoliopageheader {padding:60px 0 !important}
}

@media (max-width: 992px) {
.portfoliopageheader {padding:40px 0 !important}}

@media (max-width: 768px) {
.portfoliopageheader {padding:35px 0 !important; }

}


.portfoliopageitem {background:#fff; position:relative;  padding:35px;
-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow:    0px 0px 35px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 35px rgba(0, 0, 0, 0.1);  }
  
.portfoliolist li {background-image:url(../img/icon-office.svg) ; background-repeat:no-repeat; height:16px; padding-left:30px;  font-family: 'Quattrocento Sans', sans-serif; margin-bottom:15px; color:#787878; display:block; font-weight:700 !important; line-height:16px; transition: 0.4s;}

.portfoliolist li a {
  color:#787878 !important;
}

.portfoliolist li a:hover {color: #bcb296 !important; text-decoration:none; }

.phonelist {background-image:url(../img/icon-phone.svg) !important; margin-bottom:35px !important;}

.emaillist {background-image:url(../img/icon-email.svg) !important; margin-bottom:35px !important;}

.officelist {background-image:url(../img/icon-office.svg) !important;}

.teampic {background-repeat:no-repeat; background-size:cover; background-position:center;  background-color:#0C9; height:100%; padding:0; border-radius:155px}

.markcarter {background-image:url(../img/markcarter-banner.jpg) }

.anna {background-image:url(../img/anna-kamali.jpg) }

.vince {background-image:url(../img/vince-henderson.jpg) }

.eric {background-image:url(../img/eric-banner.jpg) }

.kerem {background-image: url(../img/kerem.turkmen.jpg) }

.criteria1 {background-repeat:no-repeat; background-size:cover; background-position:50% 50% !important; background:url(../img/Vista_Home_Transforming-Ideas-into-Actions.jpg);padding:0 25px; display:flex; position:relative}

.criteria1left {border-right:2px solid #bcb296; position:relative}

.criteria1right {background:#FFF;margin-top:140px;padding:55px 35px; position:relative}

@media (max-width: 992px) {
.criteria1right {margin:45px 0px !important; padding:25px 25px !important; }

.criteria2right {margin:45px 0px !important; padding:25px 25px !important; }

.criteria3right {margin:45px 0px !important; padding:25px 25px !important; }
}



#criteria {padding-top:0; padding-bottom:0;}

.criteria2 {background:#fff; position:relative;}

.criteria2left {border-right:2px solid #bcb296; position:relative;height:110px}

@media (max-width: 992px) {
.criteria2left {height:70px; border:none}}


.criteria2right {background:#fff;margin:80px auto;padding:55px 35px;  border:2px solid #bcb296; left:-50%; z-index:2; display:block;   position:absolute; }

.criteriacenter {background:#fff;padding:55px 25px;  border:2px solid #bcb296; text-align:center }

.criteriacenter p {font-family: 'theano_didotregular', sans-serif;  text-transform:none ; color:#1b3043 ; font-size:26px; line-height:32px;margin:10px 100px 0 100px; padding:0 }


@media (max-width: 992px) {
.criteriacenter  {margin:0 0px}

.criteriacenter {background:#fff;padding:55px 25px;  border-top:none;border-bottom:none; text-align:center; border-left: none;border-right: none; }

.criteriacenter p {margin:10px 0 0 0; padding:0; font-size:22px; line-height:28px; }

}


.criteria3 {background-repeat:no-repeat; background-size:cover; background-position:50% 50% !important; background: url(../img/Vista_Home_Careers.jpg);padding:0 25px; display:flex; position:relative}

.criteria3left {border-right:2px solid #bcb296; position:relative; padding:0 !important; }

.criteria3right {background:#FFF;margin-bottom:140px;padding:55px 35px; position:relative; margin-right:0px}

@media (max-width: 992px) {
.criteria3right {margin:0px 0px}

.criteria3left {border-right: none; position:relative; margin:0 0; padding:0}}

.criteriacentercontainer {padding:0 25px}



#criteria h2  {font-family: 'theano_didotregular', sans-serif;  text-transform:none ; color:#1b3043 ; font-size:42px; line-height:46px;margin:0 0 30px 0; letter-spacing:-1px; position:relative; padding-bottom:15px; font-weight:normal !important}

#criteria h2::before {
  content: '';
 
}

#criteria h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background: #ded3b2;
  bottom: 0;
  left: calc(0% - 0);
}


#criteria p {margin-bottom:15px}

#criteria li { margin-bottom:5px}

#criteria ul {margin-left:-20px}

.dnablank {background:#f7f6f5;padding:0 25px; display:flex; position:relative}
.dnablank2 {background:#1b3043;padding:0 25px; display:flex; position:relative}

.dna1 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna1.jpg);padding:0 25px; display:flex; position:relative}

.dna2 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna2.jpg);padding:0 25px; display:flex; position:relative}

.dna3 {background-repeat:no-repeat; background-size:cover !important; background-position:center center!important; background: url(../img/dna3.jpg);padding:0 25px; display:flex; position:relative}

.dna4 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna4.jpg);padding:0 25px; display:flex; position:relative}

.dna5 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna5.jpg);padding:0 25px; display:flex; position:relative}

.dna6 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna6.jpg);padding:0 25px; display:flex; position:relative}

.dna7 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna6.jpg);padding:0 25px; display:flex; position:relative}

.dna8 {background-repeat:no-repeat; background-size:cover !important; background-position:center center!important; background: url(../img/dna8.jpg);padding:0 25px; display:flex; position:relative}

.dna9 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna.svg);padding:0 25px; display:flex; position:relative}

.dna10 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna.svg);}

.dna11 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna11.jpg);}

.team1 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna12.jpg);}

.team2 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/team2.jpg);}

.dna12 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/dna.svg);}

.network {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/network.svg);}

.finance1 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance1.jpg);}

.finance2 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance2.jpg);}

.finance3 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance3.jpg);}

.finance4 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance4.jpg);}

.finance5 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance5.jpg);}

.finance6 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance6.jpg);}

.finance9 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance9.jpg);}

.finance10 {background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; background: url(../img/finance10.jpg);}


.baseframe {background:#1b3043; padding:0 0 45px 0; border-top:1px solid #8d97a1; margin-top:0}

.baseline { padding:35px 30px 0 30px; color:#8d97a1 !important;  }


.baseline p {color:#8d97a1 !important; font-size:14px !important;  padding:0 0 0 0 !important; line-height:18px !important; }

.baseline a {color:#8d97a1 !important; padding:0 25px 0 0 !important; }

.baseleft p {text-align:left; margin-bottom:15px; }

.baseright p {text-align:right; margin-bottom:15px; }


@media (max-width: 992px) {

.baseleft p {text-align:center; }

.baseright p {text-align:center;}

.baseline a {color:#8d97a1 !important; padding:0 10px 0 10px !important; }

.footlogo {height:60px; background: url(../img/omnilogo3.svg); background-repeat:no-repeat; background-size:auto 100%; margin-bottom:25px; background-position:center center !important }

}

@media (max-width: 768px) {.footlogo {height:75px !important; background: url(../img/omnisquarelogo.svg) !important; background-repeat:no-repeat !important; background-size:auto 100% !important; margin-bottom:25px; background-position:center center !important }}

.footlogo {height:60px; background: url(../img/omnilogo3.svg); background-repeat:no-repeat; background-size:auto 100%; margin-bottom:25px }




<!----FORMNEW------>

#contacta  {
	padding: 0 25px;
	margin-top: 0px !important; background:#FFC !important
}



#contacta .text-danger {
	color: #cc0033;
	text-align: left;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Quattrocento Sans', sans-serif;
	float: left;
}
#contacta .form-control {
	display: block;
	width: 100%;
	padding: 20px 20px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #444;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contacta .form-control:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 15px #ddd;
	box-shadow: 0 0 15px #ddd;
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control:-moz-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
}
.form-control:-ms-input-placeholder {
color: #777;
}
#contacta .contact-info {
	margin-bottom: 30px;
}
#contacta .contact-info hr {
	background: #ddd;
}
#contacta .contact-item {
	margin: 20px 0 40px 0;
}

.sendbutton {background:#bcb296; font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:18px; line-height:18px; padding:15px 25px; display:block; color:#fff; margin:25px auto; transition: 0.4s; border:1px solid #bcb296; text-align:center; text-transform:uppercase; letter-spacing:2px}

.sendbutton a {
  color: #bcb296;
}

.sendbutton a:hover {
  color: #fff;
  text-decoration: none; background:#a89b78;
}

.locations {position:relative; padding: 0 0 0 0 !important; margin-bottom:0;}

.locationbox { position:relative; top:-35px; padding:0;display:flex;}

.locationcontent {-webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow:    0px 0px 35px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 35px rgba(0, 0, 0, 0.1); margin-bottom:25px; background:#fff; position:relative; text-align:center; width:100%; padding-bottom:15px; flex-direction:column; display:flex
   }


.locationcontentitem {padding:20px 20px 0px 20px; position:relative;  }



.locationcontent h4 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#bcb296 ; font-size:26px; line-height:30px;margin:0 0 15px 0;  position:relative; letter-spacing:0px; padding-bottom:10px}

.locationcontent h4::before {
  content: '';
 
}

.locationcontent h4::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #bcb296;
  bottom: 0;
  left: calc(50% - 20px);
}

.locationcontent h6 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#1b3043 ; font-size:20px; line-height:24px;margin:0 0 0 0;  position:relative; letter-spacing:0px; }

.locationbutton {background:#bcb296; font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:18px; line-height:18px; padding:15px 15px 15px 10px; display: inline-block !important; color:#fff; margin-top:10px; transition: 0.4s; text-align:center; margin:0 45px !important}

.locationbutton a {
  color:#fff !important;
}

.locationbutton a:hover {color:#fff !important; text-decoration:none; background:#a89b78 !important;}




@media (max-width: 768px) { .locationimage {height:0px; display:none}}


.teamcontentitem {padding:20px; text-align:center}

.teamcontent2 {background:#FFF; -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow:    0px 0px 35px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 0px 35px rgba(0, 0, 0, 0.1); margin-bottom:25px }



.teamcontent2 h4 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#bcb296 ; font-size:22px; line-height:24px;margin:0 0 10px 0;  position:relative; letter-spacing:0px;padding:0 }


.teamcontent2 h6 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; color:#1b3043 ; font-size:16px !important; line-height:18px;margin:0 0 15px 0;  position:relative;  text-transform:none !important; letter-spacing:0px;}

.zoom {

  transition: transform .2s; /* Animation */
  
}

.zoom:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.teambutton {background:#fff; font-family: 'futura_nextbook', sans-serif;  font-weight:normal; font-size:12px; line-height:12px; padding:15px 30px 15px 35px; color:#1b3043 !important; margin:10px auto; transition: 0.4s; text-align:center; border:2px solid #bcb296; letter-spacing:2px; text-transform:uppercase !important; display:inline-block }

.teambutton a {
  color:#fff !important;
}

.teambutton a:hover {color:#fff !important; text-decoration:none; background:#a89b78 !important;}

.newsitem {border-bottom:1px solid #d9d4c5; margin-bottom:50px; padding-bottom:25px;}

.newspic {margin-bottom:25px}

.news h2 {font-family: 'Quattrocento Sans', sans-serif;  font-weight:700; text-transform:none !important; color:#1b3043 ; font-size:32px; line-height:38px;margin:15px 0 10px 0;  letter-spacing:0px; padding:0 }

.news span {font-family: 'futura_nextmedium', sans-serif;  font-weight:normal; font-size:14px; line-height:14px; color:#bcb296 !important; letter-spacing:2px; text-transform:uppercase !important;}