/***************************************
 Base Styles 
 ***************************************/

  /* Clear Elements */

    .group:before, .group:after {content: ""; display: table;} 
    .group:after {clear: both;}
    .group {zoom: 1;}


    /* Set up REM style */

  /*  html { font-size: 62.5%; } 
    body { font-size: 14px; font-size: 1.4rem; background: #fff;} 
    h1   { font-size: 24px; font-size: 2.4rem; } */


    /* Older browsers */
    html { font-size: 12px; background: #ffffff; scroll-behavior: smooth;}

      @media screen and (min-width: 320px){
      html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }
  }

      @media screen and (min-width: 800px){
        html { font-size: 16px; }
  }

    /* Border Box */

    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.inner-position {display: table-cell; vertical-align: middle;}

body {overflow-x: hidden;}
/***************************************
 Fonts 
 ***************************************/

  /* 

font-family: 'Instrument Sans', sans-serif;
font-family: 'Pathway Gothic One', sans-serif;

light = 300
reg = 400
med = 500
semi-bold = 600
bold = 700
extra-bold = 700
black = 900

  */



h1 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 70px; font-size: 4.375em; line-height: 1.2; margin: 0px; color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}
h2 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 60px; font-size: 4.75em; line-height: 1.2; margin: 0px;  color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}
h3 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 35px; font-size: 2.1875em; line-height: 1.2; margin: 0px; color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}
h4 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.2; margin: 0px;  color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}
h5 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.2; margin: 0px; color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}
h6 {font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.2; margin: 0px; color: #3b4040; margin-bottom: 15px; text-transform: uppercase;}

p {color: #3b3b3b; font-family: 'Instrument Sans', sans-serif;  font-size: 16px; font-size: 1em; line-height: 1.5;font-weight: 500; font-style: normal; margin-top: 0px; margin-bottom: 15px;}
 p strong {font-weight: 600;}
a {color: #3b3b3b; font-family: 'Instrument Sans', sans-serif; text-decoration: none; font-style: normal; }
ul li, ol li, li {color: #3b3b3b; font-family: 'Instrument Sans', sans-serif; font-style: normal; }
em {color: #3b3b3b; font-family: 'Instrument Sans', sans-serif; font-style: italic; }



/***************************************
Buttons 
***************************************/

.menu-btn {text-transform: uppercase; transition: all 0.5s ease 0s; padding: 15px 30px ; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; background: #c3d5d5; color: #fff; font-size: 24px; font-size: 1.5em; display: inline-block;}
.menu-btn:hover {background: #286868;}
.menu-btn img {width:  25px; margin-right: 10px; vertical-align:  middle;}
.menu-btn:after {transition: all 0.5s ease 0s; content:"Navigation"; display: inline-block;}
.pushy-open-right .header-bar-wrapper .menu-btn:after {content:"Close"; display: inline-block;}




.green-btn {text-transform: uppercase; transition: all 0.5s ease 0s; padding: 15px 30px ; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; background: #c3d5d5; color: #fff; font-size: 24px; font-size: 1.5em; display: inline-block;}
.green-btn:hover {background: #286868;}
.green-btn:after {transition: all 0.5s ease 0s; content:url('../img/arrow-white.svg'); width: 10px; margin-left: 10px; vertical-align: ; display:  inline-block;}
.green-btn:hover:after {margin-left: 20px;}

.white-btn {text-transform: uppercase; transition: all 0.5s ease 0s; padding: 15px 30px ; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; background: #fff; color: #3a3f3f; font-size: 24px; font-size: 1.5em; display: inline-block;}
.white-btn:hover {background: #3a3f3f; color: #fff;}
.white-btn:after {transition: all 0.5s ease 0s; content:url('../img/arrow-grey.svg'); width: 10px; margin-left: 10px; vertical-align: ; display:  inline-block;}
.white-btn:hover:after {margin-left: 20px; content:url('../img/arrow-white.svg');}


/*************************************** 
Navigation 
***************************************/




.pushy-open-right .header-bar-wrapper {position: fixed; z-index: 9999999; /*background:  #7b9c9c;*/ width:  100%;}



.pushy {background: #7b9c9c; padding: 160px 20px 20px 20px; overflow: auto;}

.pushy-inner {
    display: block;
width: 100%;
height:  100%;
min-height:  480px;
  }


.mobile-logo img {width: 200px; vertical-align: middle; }
.mobile-logo a {padding: 0px !important;}

.close-btn a img {width:  35px; display:  block; -webkit-transition: -webkit-transform 0.8s ease-in-out; transition: transform 0.8s ease-in-out;}
.close-btn a {z-index: 99; position: absolute; top: 20px; right: 20px; display: block; transition: all 0.5s ease 0s; display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 400; font-style: normal;   font-size: 20px; font-size: 1.25em; text-transform: uppercase; color: #333 !important;  
}
/*.close-btn a:hover img {transform: rotate(360deg);}*/

.pushy-open-right {position: fixed;}

.pushy-content {position:  relative; padding-bottom:  30px;}
.pushy {position: fixed;}
/*.push-contact a {width: 33.33%; text-align: center; float: left;}
.push-contact a img {height: 15px; margin-right: 0px;}*/
.pushy-categories {margin-bottom:  20px;}
.pushy-categories ul {border-top: 1px solid #fff; margin: 0px; padding: 0px;}
.pushy-categories ul li {border-bottom: 1px solid #7fc29c; transition: all 0.5s ease 0s; padding: 5px 0px;}
.pushy-categories ul li a {transition: all 0.5s ease 0s; font-size:  16px; font-size: 1em; color: #111; padding:  15px 0px; display:  block; position: relative; text-transform: none;}
.pushy-categories ul li a:hover {background: #e40d21; color: #fff; padding-left: 15px; border-radius: 10px;}
.pushy-categories ul li.has-list>a:hover:after {margin-right: 10px;}
.pushy-categories ul li.has-list>a:after {transition: all 0.5s ease 0s; width: 15px; content:url("/brightevolve-net/_img/img/cross.svg"); display:  inline-block; vertical-align: middle; position: absolute; right: 0px;}
.pushy-categories ul li.has-list.open>a:after {transform: rotate(45deg);}
.pushy-categories ul li ul {display:  none; padding:  0px;}
.pushy-categories ul li ul li {border-bottom: 0px; position:  relative; }
.pushy-categories ul li ul li a {font-size:  14px; font-size: 0.875em; color: #111; padding:  10px 0px 10px 20px !important; display:  block;}
.pushy-categories ul li ul li a:before {position: absolute; left: 0px; width: 10px; content:url("/brightevolve-net/_img/img/yellow-arrow-right.svg"); display:  inline-block; margin-right: 10px; vertical-align: middle;}
.pushy-categories ul li ul li a:hover {background: none; color: #111;}

.pushy-navigation h3 {color: #fff; font-size:  45px; font-size: 2.8125em;}
.pushy-navigation ul {margin: 0px; padding: 0px; }
.pushy-navigation ul li {font-size: 16px; font-size: 1em; border-bottom: 1px solid #fff; transition: all 0.5s ease 0s; padding: 5px 0px;}
.pushy-navigation ul li a { padding:15px 0px;position:  relative; text-transform: none; border-left: 3px solid transparent; font-family: 'Proza Libre', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.3;font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s; }
.pushy-navigation ul li a:hover {background: #286868; color: #fff; padding-left: 15px;}


.pushy-navigation ul li ul {/*background: #eeeeee;*/ }
.pushy-navigation ul li ul li a { font-family: 'Proza Libre', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.3;font-weight: normal; font-style: normal; color: #2c7cc0; transition: all 0.5s ease 0s; text-transform: none;}
.pushy-navigation ul li ul li a:hover {background: rgba(44, 124, 192,1.0); color: #fff;}
.pushy-navigation ul li ul li:last-of-type {border-bottom: 0px;}

.pushy a {
  display: block;
}

/*.pushy-contact p a {padding: 5px 30px; color: #fff;}*/


.inner-position {width: 100%; display: table-cell; vertical-align: middle;}

.pushy-extra-buttons {padding:  25px;display:  flex;}
.pushy-extra-buttons a {width:  49%; margin-right: 1%;color: #fff;}


.pushy {z-index: 999999;}

.pushy-navigation h3 {}

/*************************************** 
Header Bar 
***************************************/

.header-bar-wrapper {width:  100%; padding:  25px; displaY:  flex; align-items: center;}
.header-bar-logo {width: 60%;}
.header-bar-logo img {width:  350px;}
.header-bar-navigation {width: 40%; text-align:  right;}


/* NAVIGATION */

.nav-box {position: relative;}
#navInsprimary {display:  inline-block; text-align: right; width:  100%;}
#primary {  margin: 0px 0px 0px 0px; padding-left: 0px;    text-align: right; display: flex; align-items: center; justify-content: right;  }
#primary>li {padding: 0 10px; display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: center; }
#primary>li:hover { }
#primary>li>a {border-bottom: 2px solid transparent; display: block;  transition: all 0.5s ease 0s; margin: 0 0px;  vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Epilogue', sans-serif; font-size: 16px; font-size: 1em; font-weight: 500; font-style: normal; color: #fff; position: relative;  text-decoration: none; }
#primary>li>a:hover {border-bottom: 2px solid #fff; color: #fff;}
#primary>li>a.linkActive {color: #fff; }
#primary>li>a.linkActive:after {visibility: visible !important;}
#primary>li:last-of-type>a {padding: 12px 25px 10px 25px; background: #f9521b; border-radius: 30px;}
#primary>li:last-of-type>a:hover {border-bottom: 2px solid transparent; background: #231f20;}
/* Dropdown LV1 */

#primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}
#primary>li:hover>ul {display: block;  position: absolute; top: 54px; left: 50%; transform: translateX(-50%); z-index: 9999; background:rgba(255,255,255,0.3); border: 2px solid #fff;padding: 0px; }
#primary>li>ul>li { text-align:center;  border-bottom: 1px solid #fff;}
#primary>li>ul>li:last-of-type {border-bottom: 0px;}
#primary>li>ul>li:hover {background: #2c7cc0; }
#primary>li>ul>li>a {padding: 10px 10px !important; font-family: 'Epilogue', sans-serif; font-size: 16px; font-size: 1em; font-weight: normal; font-style: normal; color: #fff; height: auto;  display: block; border: none; text-decoration:none; }
#primary>li>ul>li>a:hover {text-decoration: none;}
#primary li>ul>li {position: relative;}

  /* Dropdown LV2 */

#primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}







/*************************************** 
Home  Page
***************************************/

.home-banner-main {width:  100%; height: 100vh; min-height: 500px; background:url("../img/homebanner.jpg"); background-size: cover;}
.home-banner-overlay {width:  100%; height:  100%; min-height: 500px; background:rgba(78, 78, 78, 0.35); position: relative;}
.home-banner-overlay:after {width: 100%; height: 75px; background:url("../img/intro-curve.png"); background-repeat: no-repeat; background-position: center bottom;background-size: 100%; content:" "; display:  block; position: absolute; bottom: 0px;}
.home-banner-text {width:  100%; position: absolute; top:  50%; left:  0; transform: translateY(-50%); text-align:  center;}
.home-banner-text h1 {color: #fff; font-size: 78px; font-size: 4.875em;}

.social-links {margin-top:  30px;}
.social-links h4 {color: #fff; display:  inline-block; font-size: 25px; font-size: 1.5625em;}
.social-links h4:after {content:""; display:  inline-block; margin-right: 10px; width:100px; height: 2px; background: #c3d5d5; vertical-align: middle; margin-left: 10px;}
.social-links a {transition: all 0.5s ease 0s; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; font-size: 25px; font-size: 1.5625em; color: #fff; text-transform: uppercase;}
.social-links a:hover {color: #3a3f3f;}


.intro-section {width: 100%; padding: 70px 0px; background: #c3d5d5;}
.intro-section .row {display:  flex; align-items: center;}

.about-text-content p {color: #3b4040;}


.divide {width: 100%; height: 75px; background:url("../img/intro-curve-bottom.png"); background-repeat: no-repeat; background-position: center top; background-size: 100%; content:" "; display:  block; }

.why-choose-us-wrapper {display:  flex;}
.why-choose-us-left {width:  50%; padding: 100px 50px; text-align:  center;}
.why-choose-us-right {width: 50%;}


.service-items-wrap {width:  100%; display:  flex; flex-wrap: wrap;}
.service-item {width: 33.33%; padding: 20px; background: #c3d5d5;}
.service-item:nth-of-type(even) {background: #afc5c5;}
.service-item-inner {padding: 50px; border: 1px solid #fff; width:  100%; height: 100%; padding-bottom: 95px; position: relative;}
.service-item-title {margin-bottom: 30px;}
.service-item-title h3 {font-size:  50px; font-size: 3.125em;}
.service-item-title h5 {color: #fff; margin-bottom: 0px; font-size: 20px; font-size: 1.25em;}
.service-item-summary {margin-bottom: 30px;}
.service-item-summary ul {padding-left: 0px;}
.service-item-summary ul li {list-style-type: none; color: #3b4040; margin-bottom: 10px; font-weight:  500;}
.service-item-summary ul li:before {content:"»"; margin-right:  10px;}
.service-item-button {position: absolute; bottom: 30px;}


.what-our-customers-say-wrapper {padding: 20px; width: 100%; }
.what-our-customers-say-wrapper-inner {padding: 100px 50px; border: 1px solid #c3d5d5; text-align:center; }
.what-our-customers-say-wrapper-inner h2 {margin-bottom: 30px;}

.testimonials {padding-left:  0px;}
.testimonial-text {font-size: 20px; font-size: 1.25em; margin-bottom: 20px;}
.testimonial-name {color: #286868;}


.pca-wrapper {width: 100%; background: #ebebeb; padding: 70px 0px;}
.pca-video {margin-top: 30px;}



.footer {width: 100%;  background: #3a3f3f;}
.footer p {color: #fff;}
.footer-top {padding: 40px 20px; display:  flex; align-items: center; border-bottom: 1px solid #fff;}
.footer-logo img {width: 300px; }
.footer-top p {margin-bottom: 0px; text-align:  right;}
.footer-top p a {color: #fff;}

.footer-bottom {padding: 40px 0px;}
.footer-bottom h4 {color: #fff; font-size: 30px; font-size: 1.875em;}
.footer-bottom p {font-size: 12px; font-size: 0.75em;}

/***************************************
Inner Pages
***************************************/

.inner-banner-main {width:  100%; min-height: 400px; background:url("../img/homebanner.jpg"); background-size: cover; background-position: center center;}
.inner-banner-overlay {width:  100%; height:  100%; min-height: 400px; background:rgba(78, 78, 78, 0.35); position: relative;}
.inner-banner-overlay:after {width: 100%; height: 75px; background:url("../img/intro-curve.png"); background-repeat: no-repeat; background-position: center bottom;background-size: 100%; content:" "; display:  block; position: absolute; bottom: 0px;}
.inner-banner-text {width:  100%; position: absolute; top:  50%; left:  0; transform: translateY(-50%); text-align:  center;}
.inner-banner-text h1 {color: #fff; font-size: 78px; font-size: 4.875em;}
.inner-banner-text p {color: #fff; font-size: 20px; font-size: 1.25em;}

.inner-intro-section {width: 100%; padding: 70px 0px; background: #c3d5d5; text-align: center;}
.inner-intro-section {}
.inner-main-content {width: 100%; padding: 70px 0px; }




.testimonial-inner-item {background: #afc5c5; margin-bottom: 20px; padding:  20px;}
.testimonial-inner-item-border {padding: 50px; border: 1px solid #fff; width:  100%; height: 100%; position: relative;}
.service-item-title {margin-bottom: 30px;}
.testimonial-inner-item-border .testimonial-name {color: #fff;font-family: 'Pathway Gothic One', sans-serif;
  font-weight: 400;
  font-style: normal; text-transform: uppercase; font-size: 20px; font-size: 1.25em;}


.contact-inner-item {background: #afc5c5; margin-bottom: 20px; padding:  20px;}
.contact-inner-item-border {padding: 30px; border: 1px solid #fff; width:  100%; height: 100%; position: relative;}



.contact-inner-item-border h2 {font-size: 30px; font-size: 1.875em; text-align: center;}
.contact-details {display:  flex;}
.contact-email {width:  50%; font-size: 20px; font-size: 1.25em; color: #fff; text-align: center; }
.contact-email a {color: #fff;}
.contact-tel {width: 50%; font-size: 20px; font-size: 1.25em; color: #fff; text-align: center;}
.contact-tel a {color: #fff;}

.contact-form {padding: 20px; background: #efefef;}
.contact-form form ul {margin: 0px; padding: 0px;}
.contact-form form ul li {margin-bottom: 20px;}

.contact-form form label {color: #3b3b3b; font-family: 'Instrument Sans', sans-serif;  font-size: 16px; font-size: 1em; line-height: 1.5;font-weight: 500; font-style: normal;}
.contact-form form input {width:  100%; padding: 10px;}
.contact-form form textarea {width:  100%; padding: 10px;}

.contact-form form input[type=submit] {display:  inline-block; width: initial; border: 0px; text-transform: uppercase; transition: all 0.5s ease 0s; padding: 15px 30px ; font-family: 'Pathway Gothic One', sans-serif; font-weight: 400; background: #286868; color: #fff; font-size: 24px; font-size: 1.5em; display: inline-block;}
.contact-form form input[type=submit]:hover {background: #c3d5d5;}
.contact-form form input[type=submit]:after {transition: all 0.5s ease 0s; content:url('../img/arrow-white.svg'); width: 10px; margin-left: 10px; vertical-align: ; display:  inline-block;}
.contact-form form input[type=submit]:hover:after {margin-left: 20px;}

.services-inner-summary {display:  flex; flex-wrap: wrap;}
.services-inner-summary .service-item {width: 48%; margin-right: 2%; margin-bottom: 20px;}



/*************************************** 
Blog
***************************************/

/***************************************
Footer
***************************************/

/***************************************
Form
***************************************/

.defaultForm {
  width: 100%;
  *zoom: 1;
}
.defaultForm:before, .defaultForm:after {
  content: " ";
  display: table;
}
.defaultForm:after {
  clear: both;
}
.defaultForm .inputset {
float: left;
  width: 100%; margin-right:  0%;
  position: relative;
  margin-bottom: 20px;
 
}


.defaultForm .inputset .form_error_specific {
  position: absolute;
  top: 0;
  right: 0;
  color: Tomato;
  display: none;
}
.defaultForm .inputset label {
  display: block;
  width: 100%;
font-family: 'Epilogue', sans-serif; font-size: 16px; font-size: 1em; color: #333;
}
.defaultForm .inputset label.label {
  display: inline-block;
}
.defaultForm .inputset label.label input {
  width: initial;
  display: inline-block;
  margin-left: 0.625em;
  border-radius: 10px;
}
.defaultForm .inputset input, .defaultForm .inputset select {
  width: 100%; 
  background: #fff; padding: 15px; border: 0px;
font-family: 'Epilogue', sans-serif;  font-size: 16px; font-size: 1em;
border-radius: 10px;
}


.defaultForm .inputset textarea {
width: 100%;
  height: 10.625em;
  background: #fff; padding: 15px; border: 0px;
font-family: 'Epilogue', sans-serif;  font-size: 16px; font-size: 1em;
}

.inputset.inputsetcheck label:first-of-type {
  margin-bottom: 0.3125em;
  padding-bottom: 0.3125em;
  border-bottom: 1px solid #cccccc;
}
.inputset label.form_header {
  font-weight: bold;
  font-size: 18px;
}
.defaultForm .form_submit {
/*  text-align: right;*/
}

.defaultForm .form_submit {float: left;}

.defaultForm .form_submit .fbElementButton {border: 0px;display:  inline-block;transition: all 0.5s ease 0s; background: #fff; border-radius: 30px; padding: 15px 30px; color: #231f20;}
.defaultForm .form_submit .fbElementButton:hover {background: #231f20; color: #fff;}
.defaultForm .form_submit .fbElementButton:after {transition: all 0.5s ease 0s;content:url('/brightevolve-net/_img/img/arrow-down.svg'); display: inline-block; margin-left:  10px; width:  10px; height: 10px;}
.defaultForm .form_submit .fbElementButton:hover:after {margin-left: 15px;}


.form_error {font-family: 'Epilogue', sans-serif;  font-size: 16px; font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px;}




/*************************************** 
Ecommerce - General  
***************************************/


/***************************************
Ecommerce - Listings 
***************************************/


/***************************************
Ecommerce - Item 
***************************************/


/***************************************
Ecommerce - Basket 
***************************************/


/***************************************
Ecommerce - Checkout 
***************************************/


/***************************************
Custom Modules
***************************************/


/***************************************
Custom Database
***************************************/



/***************************************
Media Queries
***************************************/





@media all and (max-width: 1100px) and (min-width: 0px) {

.service-item-title h3 {font-size: 30px; font-size: 1.875em;}
.service-item-inner {padding: 25px; padding-bottom: 95px;}
}


@media all and (max-width: 850px) and (min-width: 0px) {
.why-choose-us-wrapper {flex-direction: column-reverse;}
.why-choose-us-left {width:  100%;}
.why-choose-us-right {width: 100%; height: 400px;}

.service-item {width:  50%;}

.footer-top {flex-direction: column;}
.six.columns.footer-logo {width:  100%; text-align:  center; margin-bottom: 20px;}
.six.columns.footer-copy {width:  100%; text-align:  center;}
.six.columns.footer-copy p {width:  100%; text-align:  center;}

.footer-bottom {text-align: center;}
}

@media all and (max-width: 768px) and (min-width: 0px) {

h1 {font-size: 60px; font-size: 4.75em;}
h2 {font-size: 45px; font-size: 2.8125em;}
h3 {font-size: 25px; font-size: 1.5625em;}


.services-inner-summary .service-item {width: 100%; margin-right: 0%; margin-bottom: 20px;}

.contact-details {flex-direction: column;}
.contact-email {width:  100%;}
.contact-tel {width:  100%;}
}


@media all and (max-width: 650px) and (min-width: 0px) {

.intro-section .row {flex-direction: column;}
.about-text-heading {width:  100%; text-align:  center;}
.about-text-content {text-align:  center;}

.service-item {width:  100%;}
}



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

.menu-btn {padding: 15px 10px;}
.menu-btn:after {content:"";}
.menu-btn img {margin-right: 0px;}
.pushy-open-right .header-bar-wrapper .menu-btn img {margin-right: 10px;}


.what-our-customers-say-wrapper-inner {padding: 100px 20px;}


}