/* ================
Theme Name: Watkins Commercial Real Estate
Theme URI: WatkinsCRE.com
Description:  Watkins Commercial Real Estate
Author: Appeal Design
Author URI: https://theappealdesign.com
===================================== */
@import url("https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap");
.primaryColor {
  color: #155a8f !important; }

.secondaryColor {
  color: #49abce !important; }

.grey {
  color: #889296 !important; }
.text-grey{
    color: #999;
}
.gray {
  color: #889296 !important; }

.white {
  color: #fff !important; }

.lightBlue {
  color: #92bacc !important; }

.blue {
  color: #0c71c3 !important; }

.navy {
  color: #101215 !important; }

.charcoal {
  color: #333c3f !important; }

.royal {
  color: #0c71c3 !important; }

.orange {
  color: #ff8300 !important; }
.text-blue{
    color: #155a8f !important;
}
.background-blue{
    background-color: #155a8f !important;
}
@font-face {
  font-family: 'Century Gothic';
  src: url("/css/fonts/GOTHIC.TTF") format("truetype"), url("/css/fonts/GOTHIC.TTF") format("truetype");
  font-weight: normal;
  font-style: normal; }
body, html {
  font-family: 'Century Gothic', 'Century Gothic', 'Didact Gothic', sans-serif; }

b, strong {
  font-weight: 900; }

a {
  font-family: 'Century Gothic', 'Century Gothic', 'Didact Gothic', sans-serif;
  text-decoration: none;
  color: #155a8f; }

h1, h2, h3, h4, h5, h6, .mockh1, .mockh2, .mockh3, .mockh4, .mockh5 {
  font-family: 'Century Gothic', 'Century Gothic', 'Didact Gothic', sans-serif !important; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: 'Century Gothic', 'Century Gothic', 'Didact Gothic', sans-serif; }

h1, .mockh1 {
  font-size: 28px; }

h2, .mockh2 {
  font-size: 27px; }

h3, .mockh3 {
  font-size: 26px; }

input.input_bg, select.input_bg {
  font-family: 'Century Gothic', 'Century Gothic', 'Didact Gothic', sans-serif;
  border-radius: 7px;
  border: 1px solid #efefef;
  height: 33px;
  margin-bottom: 15px;
  padding: 5px;
  width: 90%; }

.btn-outline {
  font-size: 20px;
  border-radius: 10px;
  padding: 15px 15px;
  border: #fff 2px solid;
  background: #0c71c3;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer; }
  .btn-outline:hover {
    background: none;
    color: #ff8300;
    border: #ff8300 2px solid; }

hr {
  clear: both;
  position: relative;
  width: 90%;
  padding: 10px 0px;
  margin-bottom: 20px; }

.quote-form hr {
  clear: both;
  position: relative;
  width: 90%;
  padding: 5px 0px;
  margin-bottom: 0px; }

.email2 {
  display: none; }

#leftHolder, .leftHolder {
  float: left; }

#rightHolder, .rightHolder {
  float: right; }

#closer, .closer {
  clear: both; }

.rizzo {
  text-align: right; }

.lizzo {
  text-align: left; }

.cizzo {
  text-align: center; }

.white, .white a {
  color: #fff !important; }

.twenty-four {
  font-size: 24px; }

.p10 {
  padding: 10px; }

#spacer5, .spacer5 {
  display: block;
  height: 5px; }

#spacer10, .spacer10 {
  display: block;
  height: 10px; }

#spacer15, .spacer15 {
  display: block;
  height: 15px; }

.mb60 {
  margin-bottom: 60px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

::selection {
  background: #49abce;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #49abce;
  /* Firefox */
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #49abce;
  /* Safari */
  color: #FFF;
  text-shadow: none; }

.phonebanner {
  display: none; }

.project_button{background-color:#628b9c;color:#fff;}

body.theme-blue .font-theme-color, body.theme-blue section.service .cm-right .cm-right-wrap .why-list .wl-box .wl-box-left, body.theme-blue .section-team .img-box a:hover li, body.theme-blue section.home-blog .by-icon, body.theme-blue .post-page ul li.prev a:hover, body.theme-blue .post-page ul li.next a:hover, body.theme-blue .title-banner .tb-text .page-info, body.theme-blue .wrap-circle-sosmed:hover a, body.theme-blue section.footer .footer-post-item .fp-content .fpc-date, body.theme-blue section.footer .ct-footer .content-footer-col .footer-item-contact .icons, body.theme-blue section.testimonial .heading-text, body.theme-blue section.testimonial .item-testimonial .client-info .rating, body.theme-blue section.testimonial .item-testimonial .client-content h4, body.theme-blue header.header.sticky .logo .fa-chart-pie, body.theme-blue section.image-menu .im-box .imb-text .text-heading-service {
  color: #155a8f; }

body.theme-blue .back-to-top, body.theme-blue .section-title h1:before, body.theme-blue section.service .cm-left .cm-left-content-layer .section-title, body.theme-blue section.home-blog .bloghome-wrap .blg-top .blg-top-date, body.theme-blue .page-sidebar-2 .sidebar-widget .header-sb .sidebar-heading:after, body.theme-blue .contact-form .heading-footer-col:before, body.theme-blue section.footer .ct-footer .heading-footer-col:before, body.theme-blue .style-option-wrap .style-btn-class, body.theme-blue .tag-cloud-wrap a:hover {
  background: #92bacc; }

body.theme-blue .back-to-top.btn-primary:hover, body.theme-blue .back-to-top.btn-primary:focus, body.theme-blue .back-to-top.btn-primary:active, body.theme-blue .back-to-top.btn-primary.active, body.theme-blue .open .back-to-top.dropdown-toggle.btn-primary, body.theme-blue .theme-btn:hover, body.theme-blue .theme-btn.light, body.theme-blue .box-price-list .joinnow:hover, body.theme-blue .portfolio-gallery .btn.fil-cat:hover {
  background: #628b9c; }

body.theme-blue .tag-cloud-wrap a:hover, body.theme-blue .wrap-circle-sosmed, body.theme-blue .portfolio-gallery .btn.fil-cat:hover {
  border-color: #628b9c; }

body.theme-blue section.get-in-touch .git-right .btn-git:hover, body.theme-blue section.footer, body.theme-blue section.service .cm-right, body.theme-blue .sc-portfolio, body.theme-blue section.testimonial, body.theme-blue section.testimonial .bg-tst .bg-color-tst, body.theme-blue .btn-theme, body.theme-blue .rounded-button, body.theme-blue .outline-btn:hover, body.theme-blue section.service {
  background: #101215; }

header.header {
  background: #fff; }

header .nav-header nav .navbar-nav li a {
  color: #262626; }

.nav-header nav .navbar-nav > li > a {
  text-transform: uppercase; }

.header .logo {
  height: 162px; }

.header .logo .horizontal {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.9em;
  color: #ffffff; }

.header .logo .horizontal img {
  /*height: 60px;*/
  max-height: 200%;
  width: auto;
  position: relative;
  margin-top: -3px; }

/*.header .logo .vertical {*/
/*  height: inherit; }*/

.header .logo .vertical,
.header.sticky .logo .horizontal {
  display: block; }

.header.sticky .logo .vertical,
.header .logo .horizontal {
  display: none; }

.slide-caption {
  color: #fff; }
  .slide-caption h2 {
    color: #fff; }
  .slide-caption a {
    color: #fff; }
  .slide-caption button {
    font-size: 20px;
    border-radius: 10px;
    padding: 15px 15px;
    border: #fff 2px solid;
    background: none;
    color: #ff8300;
    text-transform: uppercase; }
    .slide-caption button:hover {
      background: #101215;
      border: #efefef 2px solid; }

button.c2a, .btn.c2a {
  font-size: 20px;
  border-radius: 10px;
  padding: 15px 15px;
  border: #fff 2px solid;
  background: #101215;
  color: #ff8300;
  text-transform: uppercase;
  cursor: pointer; }
  button.c2a:hover, .btn.c2a:hover {
    background: none;
    border: #efefef 2px solid; }

.box-price-list .pricingplanitem .planprice strong {
  font-size: 20px;
  display: block;
  height: auto;
  overflow: hidden; }

.box-price-list .pricingplanitem h3 {
  line-height: 250px;
  background-size: cover !important; }

/* 
 * Home Slider
 * ------------------------------------------------------------ */
section.home-slider #home-slider .item .filter-slider {
  opacity: 0.1; }

section.home-slider .slide-caption h2 {
  font-family: 'Century Gothic', 'Didact Gothic', sans-serif;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); }

.slide-caption button,
button.c2a,
.btn.c2a {
  color: #101215;
  background: #fff; }

.slide-caption button:hover,
.slide-caption button:focus,
button.c2a:hover,
button.c2a:focus,
.btn.c2a:hover,
.btn.c2a:focus {
  color: #fff; }

/* 
 * Home CTA Cards 
 * ------------------------------------------------------------ */
section.image-menu .wrap-image-menu {
  margin-top: 60px; }

/* 
 * Home Price Section 
 * ------------------------------------------------------------ */
/* 
 * News & Press Section 
 * ------------------------------------------------------------ */
section.home-blog {
  background: transparent;
  position: relative; }

section.home-blog .owl-carousel .owl-dot,
section.home-blog .owl-carousel .owl-nav .owl-next,
section.home-blog .owl-carousel .owl-nav .owl-prev {
  top: -60px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

section.home-blog .bloghome-wrap .blg-top .blg-top-date .blgt-numb {
  font-size: 21px; }

.owl-carousel.owl-drag .owl-item,
section.get-in-touch .wrap-git {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

section.get-in-touch .git-right .btn-git {
  margin: 35px 0px 0px 272px; }

section.footer .footer-post-item .fp-content .fpc-date {
  font-size: 16px;
  font-weight: bold; }

.customsol-bg {
  background: #fff; }

.box-price-list .pricingplanitem .planprice {
  display: block;
  font-size: 20px;
  padding: 25px 15px;
  margin-bottom: 0; }

.box-price-list .pricingplanitem .pricingplanitemdescwrap {
  display: none; }

.box-price-list .joinnow, .box-price-list .joinnow:visited {
  margin: 0 10% 20px; }

.pricingplanitem:hover h3 {
  display: block; }

section.singlepage-content .wrap-content-page {
  padding: 50px 0px 150px; }

.page-sidebar-2 .sidebar-widget .header-sb .sidebar-heading {
  font-size: 24px;
  font-weight: 500; }

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #9e9e9e !important; }

.carousel-control-next, .carousel-control-prev {
  color: #333c3f !important; }

.lefty {
  width: 50%;
  height: auto;
  padding: 0 15px 15px 0; }

.serviceBox {
  min-height: 250px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  margin-bottom: 20px; }
  .serviceBox .col-md-4 {
    padding: 0px; }
    .serviceBox .col-md-4 img {
      width: 100%;
      height: auto; }
  .serviceBox .col-md-8 {
    padding: 0 20px 20px 20px; }
.careers-section{
    padding: 70px 0 140px 0;
}
.careers-section h5{
    line-height: 35px;
}
.qualification-points{
    list-style-type: none;
    margin: 50px 0 0 0 !important;
    padding: 0;
}
.qualification-points li span{
    width: 7px;
    height: 7px;
    background-color: #155a8f;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}
.qualification-points li h6{
    display: inline-block;
    overflow: hidden;
}
i.icon-social-linkedin{color:#fff !important;}
i.icon-social-linkedin:hover{color:#155a8f !important;}
i.icon-social-facebook{color:#fff !important;}
i.icon-social-facebook:hover{color:#155a8f !important;}

.fancybox-overlay{z-index:999 !important;}

header.header {height: 5em;}
.top-video-container{overflow:hidden;width:100%;height:100vh;}
#video-container{width:100%;height:100%;overflow:hidden;}
#okplayer{position:absolute;width:150% !important;height:150% !important;left:-25% !important;z-index:-10 !important;}

@media only screen and (max-width: 1070px){
  #okplayer{width:150% !important;height:100% !important;}
}

@media only screen and (max-width: 1070px){
  #okplayer{width:150% !important;}
}

@media only screen and (max-width: 769px){
  #okplayer{width:180% !important;}
}

@media only screen and (max-width: 600px){
  #okplayer{width:280% !important;left:-35% !important;}
}

/*okplayer size**/
/*@media only screen and (max-width: 1070px){
  #okplayer{width:120% !important;height:120% !important;left:-10% !important;}
}

@media only screen and (max-width: 900px){
  #okplayer{width:130% !important;left:0 !important;}
}

@media only screen and (max-width: 800px){
  #okplayer{width:160% !important;height:110% !important;}
}

@media only screen and (max-width: 740px){
  #okplayer{height:100% !important;}
}

@media only screen and (max-width: 670px){
  #okplayer{width:180% !important;}
}

@media only screen and (max-width: 590px){
  #okplayer{width:200% !important;}
}

@media only screen and (max-width: 530px){
  #okplayer{width:220% !important;}
}

@media only screen and (max-width: 480px){
  #okplayer{width:240% !important;}
}

@media only screen and (max-width: 440px){
  #okplayer{width:260% !important;}
}

@media only screen and (max-width: 400px){
  #okplayer{width:280% !important;}
}

@media only screen and (max-width: 380px){
  #okplayer{width:300% !important;}
}
*/
/*end of okplayer**/

@media screen and (max-width: 1200px) {
section.home-slider .slider-caption-left {
	top: 100px;	
}
header.header{height:0em;}
}
@media (min-width: 992px) {
  /*header.header {
    height: 0em; }
*/
  .header .logo {
    padding: 15px 0; } }
@media (max-width: 1024px) {
  body {
    overflow-x: hidden; } }
@media (max-width: 770px) {
  .phonebanner {
    display: block;
    padding: 20px 10px;
    background: #155a8f;
    width: 100%;
    text-align: center; }
    .phonebanner a {
      color: #fff;
      text-transform: uppercase;
      font-size: 28px;
      text-decoration: none;
      font-weight: 500; }

  .btn {
    font-size: 14px; }

  .portfolio-gallery #portfolio {
    margin: 1rem 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%; }

  section.get-in-touch .git-right .btn-git {
    margin: 35px 0px 0px 0px;
    text-align: center; }

  .form-inquiry h3, .form-inquiry .mockh3 {
    font-size: 20px; }
  .form-inquiry hr {
    clear: both;
    position: relative;
    width: 90%;
    padding: 2px 0px;
    margin-bottom: 0px; }

  section.singlepage-content .wrap-content-page {
    padding: 20px 0px 100px; } }
@media screen and (min-width: 768px) {
  header.header, header.header.sticky, header.header.sticky .logo, header.header .logo {
    transition: none; }

  .header .nav li {
    padding: 7px 15px; } }
@media only screen and (max-width: 479px) {
  .portfolio-gallery #portfolio {
    margin: 1rem 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%; }

  .title-banner {
    height: 200px; }

  header.header .logo {
    padding: 0px 0px 0px;
    height: 44px; } }

/*# sourceMappingURL=appeal.css.map */