@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/*font-family: 'Nunito', sans-serif;
font-family: 'Roboto', sans-serif;*/

/* entire container, keeps perspective */
.flip-container {
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000;
}

/* flip the pane when hovered */
/*.flip-container:hover .flipper,*/
.flip-container.hover .flipper {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* flip speed goes here */
.flipper {
  -moz-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;

  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;

  position: relative;
}

/* hide back of pane during swap */
.front-face, .back-face {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front-face {
  z-index: 2;
}

/* back, initially hidden pane */
.back-face {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


.brand-strip {    background: #8aa93e;    height: 35px;}
.creative-layout .top-bar #page-content, .creative-layout .top-bar .search-section {padding-top: 15px !important;    padding-bottom: 15px !important;}
 .top-bar .name h1 a img {    max-height: 120px !important;}
 .creative-layout .top-bar .top-bar-section {    padding-top: 25px;}
 
 
 @media only screen and (max-width: 768px) {
  .brand-strip  {  height: 20px;}
  .top-bar .name h1 a img {  max-height: 90px !important;}
  .creative-layout .top-bar #page-content, .creative-layout .top-bar .search-section {    padding-top: 40px !important;   }
.creative-layout nav.top-bar {   min-height:100px;  height: auto;    background: rgb(255 255 255 / 100%);}
.top-bar {position: relative;    margin-top: -14px; background:none;}
.creative-layout .top-bar #page-content {background:none;}
.top-bar .name h1 {     margin-top: -41px !important;}
.top-bar .toggle-topbar.menu-icon {margin-top: 17px;}
.creative-layout .top-bar-section ul li a {color:#000000;}
.creative-layout .top-bar .top-bar-section {    padding-top: 45px;}
  
}


h1, h2, h3, h4, h5, h6, .menu-list a {font-family: 'Nunito', sans-serif !important;}
body, body p {font-family: 'Montserrat', sans-serif !important; font-size: 15px !important }

.wd-heading 
  hr {
    border-bottom: 2px solid #f7a31c; /*$secondary-color*/ 
    }

.got_questions .large-6.columns,
.services .large-4.columns {float:left}

.got_questions{background: url(../../images/apps.jpg) no-repeat center;
background-size: cover; }

.boxes.small.layout-6 .box-icon i.fa { color: #8EAA3E;
		  background: #e9f7c8;
    border-radius: 10px;}


.block-title {
    padding: 50px 0 10px;
}
.l-footer-columns .block-title {margin-bottom: 0px;
    padding-top: 0px;
}

.our_call {padding: 50px 0 0 0}

.our-call .row .columns>.wd-heading {    margin: 20px 0 0;}

.special-list li{ padding-left: 18px; margin-bottom: 5px; background: url("../../images/list.png") no-repeat 0px 6px; }


.recent_news a:hover h3 {color:#8aa93e}
.recent_news a:hover .wd-blog-post img {border: solid 5px #8aa93e}


.our_call .request-call {margin-bottom: 30px;}
.our_call .request-call h3{	
    font-weight: 400;
    font-size: 35px;
    color: #ffffff;
    text-align: center;
}

.our_call .request-call .button.small {
	margin: 0 auto; width: 208px; display: flex; background:#9dc144; border-radius:6px; 
    font-size: 15px;
}

.our_call {background: #516542;}


.l-footer-columns .block {    padding: 10px 0 !important;}

.wd-blog-post img {border-radius: 10px;}

.got_questions {margin-bottom: 0px !important; padding-bottom: 60px;}

.got_questions .large-6.columns, .got_questions .large-4.columns {min-height: 163px !important;}

.recent_news {margin-top:35px !important;}
.recent_news ul {    margin: 20px 0 !important;}


.contact_us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {height:43px !important;}
.contact_us { margin:30px 0 !important;}


button,
.button {
     background-color: #8aa93e  !important;
    border-color: #8aa93e  !important;
 color:#fff !important;
  transition: .4s;
  text-transform: uppercase;
  font-size: 14px  !important; font-weight:600 !important;
}
button:hover, .button:hover,
button:focus, .button:focus {
    background: transparent;
  color: #555 !important;
  border: 1px solid #cfcfd0;
    padding-left: 30px;
    padding-right: 30px;

  }
  
  .l-footer-columns .block-title {padding-top:0px !important;}
  
  .simple-blog .wd-blog-post .wd-blog-post-detail p { margin-bottom:10px !important;}
  
 @media only screen and (max-width: 768px)
 {
     .creative-layout .top-bar-section .right li .dropdown {padding: 46px 0 0 0 !important ;}
     
     .sub-menu dropdown li {    padding-bottom: 12px !important;}
}



.pricing-table {min-height: 536px;}
.pricing-table .content-description {padding:0 20px 30px 20px !important;}
.pricing-table .pricing-table-info {padding-bottom:0px !important; border-bottom: 1px solid #eaeaea !important;}
.pricing-table-button  {display:none  !important;}

.package-table { width:100%; max-width:1280px; margin:auto;  }
.package-table th { background:#fdcc00; font-weight:bold;}
.package-table tr:nth-child(even) {background: #f9f9f9 !important}
.package-table tr:nth-child(odd) {background: #FFF !important}
.package-table td {border-bottom:solid 1px #ccc;} 
.package-table th {border-bottom:solid 1px #fff;}