/* ==========================================================================

  01. GENERAL & BASIC STYLES  https://themeforest.net/user/Jthemes

  =========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


html {

  -webkit-font-smoothing: antialiased;

  font-size: 16px;

} 
body {
    font-family: "Roboto", sans-serif;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
}

/*------------------------------------------------------------------*/

/*  IE10 in Windows 8 and Windows Phone 8 Bug fix

/*-----------------------------------------------------------------*/



@-webkit-viewport { width: device-width; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-o-viewport { width: device-width; }

@viewport { width: device-width; }



/*------------------------------------------*/

/*  PAGE CONTENT

/*------------------------------------------*/



#page { overflow: hidden; }



/*------------------------------------------*/

/*  SPACING & INDENTS

/*------------------------------------------*/



.wide-100 { padding-top: 50px; padding-bottom: 50px; }

.wide-90 { padding-top: 100px; padding-bottom: 90px; }

.wide-80 { padding-top: 100px; padding-bottom: 80px; }

.wide-70 { padding-top: 100px; padding-bottom: 70px; }

.wide-60 {

    padding-top:60px;

    padding-bottom: 60px;

}

.wide-50 { padding-top: 100px; padding-bottom: 50px; }

.wide-40 { padding-top: 50px; padding-bottom: 40px; }

.wide-30 { padding-top: 100px; padding-bottom: 30px; }

.wide-20 { padding-top: 40px; padding-bottom: 20px; }



/*------------------------------------------*/

/*  Margin Top

/*------------------------------------------*/



.mt-100 { margin-top: 100px; }

.mt-90 { margin-top: 90px; }

.mt-80 { margin-top: 80px; }

.mt-70 { margin-top: 70px; }

.mt-60 { margin-top: 60px; }

.mt-50 { margin-top: 50px; }

.mt-45 { margin-top: 45px; }

.mt-40 { margin-top: 40px; }

.mt-35 { margin-top: 35px; }

.mt-30 { margin-top: 30px; }

.mt-25 { margin-top: 25px; }

.mt-20 { margin-top: 20px; }

.mt-15 { margin-top: 15px; }

.mt-10 { margin-top: 10px; }

.mt-5 { margin-top: 5px; }



/*------------------------------------------*/

/*  Margin Bottom

/*------------------------------------------*/



.mb-100 { margin-bottom: 100px; }

.mb-90 { margin-bottom: 90px; }

.mb-80 { margin-bottom: 80px; }

.mb-70 { margin-bottom: 70px; }

.mb-60 { margin-bottom: 60px; }

.mb-50 { margin-bottom: 50px; }

.mb-45 { margin-bottom: 45px; }

.mb-40 { margin-bottom: 40px; }

.mb-35 { margin-bottom: 35px; }

.mb-30 { margin-bottom: 30px; }

.mb-25 { margin-bottom: 25px; }

.mb-20 { margin-bottom: 20px; }

.mb-15 { margin-bottom: 15px; }

.mb-10 { margin-bottom: 10px; }

.mb-5 { margin-bottom: 5px; }

.mb-0 { margin-bottom: 0; }



/*------------------------------------------*/

/*  Margin Left

/*------------------------------------------*/



.ml-70 { margin-left: 70px; }

.ml-60 { margin-left: 60px; }

.ml-50 { margin-left: 50px; }

.ml-45 { margin-left: 45px; }

.ml-40 { margin-left: 40px; }

.ml-35 { margin-left: 35px; }

.ml-30 { margin-left: 30px; }

.ml-25 { margin-left: 25px; }

.ml-20 { margin-left: 20px; }

.ml-15 { margin-left: 15px; }

.ml-10 { margin-left: 10px; }

.ml-5 { margin-left: 5px; }



/*------------------------------------------*/

/*  Margin Right

/*------------------------------------------*/



.mr-70 { margin-right: 70px; }

.mr-60 { margin-right: 60px; }

.mr-50 { margin-right: 50px; }

.mr-45 { margin-right: 45px; }

.mr-40 { margin-right: 40px; }

.mr-35 { margin-right: 35px; }

.mr-30 { margin-right: 30px; }

.mr-25 { margin-right: 25px; }

.mr-20 { margin-right: 20px; }

.mr-15 { margin-right: 15px; }

.mr-10 { margin-right: 10px; }

.mr-5 { margin-right: 5px; }



/*------------------------------------------*/

/*  Padding Top

/*------------------------------------------*/



.pt-100 { padding-top: 100px; }

.pt-90 { padding-top: 90px; }

.pt-80 { padding-top: 80px; }

.pt-70 { padding-top: 70px; }

.pt-60 { padding-top: 60px; }

.pt-50 { padding-top: 50px; }

.pt-45 { padding-top: 45px; }

.pt-40 { padding-top: 40px; }

.pt-35 { padding-top: 35px; }

.pt-30 { padding-top: 30px; }

.pt-25 { padding-top: 25px; }

.pt-20 { padding-top: 20px; }

.pt-15 { padding-top: 15px; }

.pt-10 { padding-top: 10px; }



/*------------------------------------------*/

/*  Padding Bottom

/*------------------------------------------*/



.pb-100 { padding-bottom: 100px; }

.pb-90 { padding-bottom: 90px; }

.pb-80 { padding-bottom: 80px; }

.pb-70 { padding-bottom: 70px; }

.pb-60 { padding-bottom: 60px; }

.pb-50 { padding-bottom: 50px; }

.pb-45 { padding-bottom: 45px; }

.pb-40 { padding-bottom: 40px; }

.pb-35 { padding-bottom: 35px; }

.pb-30 { padding-bottom: 30px; }

.pb-25 { padding-bottom: 25px; }

.pb-20 { padding-bottom: 20px; }

.pb-15 { padding-bottom: 15px; }

.pb-10 { padding-bottom: 10px; }

.pb-0 { padding-bottom: 0; }



/*------------------------------------------*/

/*  Padding Left

/*------------------------------------------*/



.pl-100 { padding-left: 100px; }

.pl-90 { padding-left: 90px; }

.pl-80 { padding-left: 80px; }

.pl-70 { padding-left: 70px; }

.pl-60 { padding-left: 60px; }

.pl-50 { padding-left: 50px; }

.pl-45 { padding-left: 45px; }

.pl-40 { padding-left: 40px; }

.pl-35 { padding-left: 35px; }

.pl-30 { padding-left: 30px; }

.pl-25 { padding-left: 25px; }

.pl-20 { padding-left: 20px; }

.pl-15 { padding-left: 15px; }

.pl-10 { padding-left: 10px; }

.pl-5 { padding-left: 5px; }

.pl-0 { padding-left: 0px; }



/*------------------------------------------*/

/*  Padding Right

/*------------------------------------------*/



.pr-100 { padding-right: 100px; }

.pr-90 { padding-right: 90px; }

.pr-80 { padding-right: 80px; }

.pr-70 { padding-right: 70px; }

.pr-60 { padding-right: 60px; }

.pr-50 { padding-right: 50px; }

.pr-45 { padding-right: 45px; }

.pr-40 { padding-right: 40px; }

.pr-35 { padding-right: 35px; }

.pr-30 { padding-right: 30px; }

.pr-25 { padding-right: 25px; }

.pr-20 { padding-right: 20px; }

.pr-15 { padding-right: 15px; }

.pr-10 { padding-right: 10px; }

.pr-5 { padding-right: 5px; }

.pr-0 { padding-right: 0px; }



/*------------------------------------------*/

/*  Padding Centered

/*------------------------------------------*/



.pc-45 { padding-right: 45px; padding-left: 45px; } 

.pc-40 { padding-right: 40px; padding-left: 40px; }

.pc-35 { padding-right: 35px; padding-left: 35px; }

.pc-30 { padding-right: 30px; padding-left: 30px; }

.pc-25 { padding-right: 25px; padding-left: 25px; }

.pc-20 { padding-right: 20px; padding-left: 20px; }

.pc-15 { padding-right: 15px; padding-left: 15px; }



/*------------------------------------------*/

/*  BACKGROUND SETTINGS

/*------------------------------------------*/



.bg-fixed,

.bg-scroll {

  width: 100%;

  background-repeat: no-repeat;

  background-position: center center;   

  background-size: cover;

}



.bg-scroll {

  background-attachment: fixed !important;

}



/*------------------------------------------*/

/*  Background Colors for Sections

/*------------------------------------------*/



.bg-primary { background-color: #0055a5; }



.no-bg { background-color: transparent!important; }

.bg-white { background-color: #fff!important; }

.bg-snow { background-color: #fefefe; }

.bg-dark { background-color: #2e2f33!important; }




/*.bg-lightgrey { background:url(../images/images7.png); background-attachment: fixed; background-size: cover;}


*/






#blog-1{background:url(../images/bg3.jpg) no-repeat fixed}

.bg-aqua { background-color: #18a0ae; }

.bg-blue { background-color: #0072bc; }

.bg-darkblue {
    background-color: #f2f2f2;
    /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    /* background: linear-gradient(90deg, rgb(237 141 33) 0% 0%, rgb(237 141 33) -3%, rgb(17 151 72) 100%); */
    /* background-color: #00416b; */
}

.bg-green { background-color: #42c374; }

.bg-olive { background-color: #7ba323; }

.bg-orange { background-color: #0055a5; }

.bg-red { background-color: #f12a02; }

.bg-darkred { background-color: #c2162c; }

.bg-salmon { background-color: #f77459; }

.bg-teal { background-color: #008080; }


.growth11.contactusyhhhhhh h4 {
    color: #00416b;
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 32px;
}
.bg-tra-city {

  width: 100%;

  background:url(../images/bg-image--1.jpg) ;

  background-size: cover;

  background-attachment: fixed;

}



.bg-tra-map {

  width: 100%;

  background-image: url(../images/tra-map.png);

  background-repeat: no-repeat; 

  background-position: center center;

  background-attachment: fixed !important;

  background-size: cover;

}
.bg-blue-map {
    width: 100%;
    /* background-image: url(../images/footer-bg.png); */
    background-size: cover;
    background-color: #246923;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}
.bg-blue-img {

  width: 100%;

  background-image: url(../images/bg-blue-img.jpg);

  background-repeat: no-repeat; 

  background-position: center center;

  background-attachment: fixed !important;

  background-size: cover;

}



/*------------------------------------------*/

/*  Grey Border for Sections

/*------------------------------------------*/



.grey-border {

  width: 100%;

  height: 2px;

  background-image: url(../images/border.png);

  background-position: center center;

}



.b-top { border-top: 1px solid #ddd; }

.b-bottom { border-bottom: 1px solid #ddd; }

.b-left { border-left: 1px solid #ddd; }

.b-right { border-right: 1px solid #ddd; }









/* ==========================================================================

  02. TYPOGRAPHY

  =========================================================================== */



/*------------------------------------------*/

/*  HEADERS

/*------------------------------------------*/



h1, h2, h3, h4, h5, h6 {

  color: #222;

  font-family: 'Montserrat',sans-serif;

  font-weight: 600; text-transform:capitalize;

}



/* Header H5 */

h5.h5-xs { font-size: 1.125rem; }  /* 18px */

h5.h5-sm { font-size: 16px} /* 19px */

h5.h5-md { font-size: 1.25rem;  }  /* 20px */

h5.h5-lg { font-size: 16px  } /* 22px */

h5.h5-xl { font-size: 1.5rem; }    /* 24px */



/* Header H4 */

h4.h4-xs { font-size: 1.625rem; }  /* 26px */

h4.h4-sm { font-size: 1.75rem; }   /* 28px */

h4.h4-md { font-size: 1.875rem; }  /* 30px */

h4.h4-lg { font-size: 2rem; }      /* 32px */

h4.h4-xl { font-size: 2.125rem; }  /* 34px */



/* Header H3 */

h3.h3-xs { font-size: 2.375rem; }  /* 38px */

h3.h3-sm { font-size: 2.5rem; }    /* 40px */

h3.h3-md { font-size: 2.625rem; }  /* 42px */

h3.h3-lg { font-size: 2.35rem}   /* 44px */

h3.h3-xl { font-size: 3rem; }      /* 48px */



/* Header H2 */
h2.h2-xs {
    font-size: 33px;
    font-weight: 700;
}
h2.h2-sm { font-size: 3.375rem; }  /* 54px */

h2.h2-md { font-size: 3.5rem; }    /* 56px */ 

h2.h2-lg { font-size: 3.75rem; }   /* 60px */

h2.h2-xl { font-size: 4rem; }      /* 64px */

h2.h2-huge { font-size: 5rem; }    /* 80px */



/*------------------------------------------*/

/*  PARAGRAPHS

/*------------------------------------------*/


p.p-sm {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    font-weight: 400;
}

p.p-md { font-size: 1.125rem; }    /* 18px */

p.p-lg { font-size: 1.25rem; }     /* 20px */

p.p-xl { font-size: 1.3175rem; }   /* 22px */



/*------------------------------------------*/

/*  LINK SETTINGS

/*------------------------------------------*/



a {

  color: #0a0a0a;

  text-decoration: none;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



a:hover {

  color: #505050;

  text-decoration: none;

}



a:focus {

  outline: none;

  text-decoration: none;

}



/*------------------------------------------*/

/*  LISTS

/*------------------------------------------*/



ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



/*------------------------------------------*/

/*  BOX LIST

/*------------------------------------------*/ 



.box-list-icon {

  font-size: 1rem;

  line-height: 1.5rem;

  float: left;

  margin-top: 2px;

  margin-right: 10px;

}



.box-list p {

  overflow: hidden;

  margin-bottom: 15px; text-align:justify

}



/*------------------------------------------*/

/*  TEXT LIST

/*------------------------------------------*/



ul.txt-list {

  list-style: disc;

  margin-left: 15px;

}



ul.txt-list li {

  font-size: 1.05rem;

  margin-bottom: 7px;

}



ul.txt-list li span {

  font-weight: 700;

}



ul.txt-list li:last-child {

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  IMAGE SETTINGS

/*------------------------------------------*/



.img-fluid {

  display: inline-block; 

}



/*------------------------------------------*/

/*  OWL CAROUSEL NAVIGATION

/*------------------------------------------*/



.owl-theme .owl-dots, 

.owl-theme .owl-nav {

  text-align: center;

}



.owl-carousel.owl-theme .owl-nav [class*='owl-'] { 

  background: transparent;

  margin: 0 10px;

  padding: 0;

}



.owl-theme .owl-nav img { 

/*  width: 30px;*/

  height: 16px;

}



.owl-theme .owl-nav button:focus {

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  BUTTON SETTINGS

/*------------------------------------------*/
.btn {
    background-color: #246923;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 18px 60px;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    margin-top: 18px;
}


.btn-arrow {

  position: relative; 

}



.btn-arrow span {

  display: inline-block;

  position: relative;

  -webkit-transition: transform 300ms ease-in-out;

  -moz-transition: transform 300ms ease-in-out;

  -o-transition: transform 300ms ease-in-out;

  -ms-transition: transform 300ms ease-in-out;

  transition: transform 300ms ease-in-out;

  will-change: transform;

}



.btn-arrow:hover span, 

.btn-arrow:focus span {

  -webkit-transform: translate3d(-10px, 0, 0);

  transform: translate3d(-10px, 0, 0); 

}



.btn-arrow i {

  font-size: 13px;

  line-height: 1;

  position: absolute;

  right: 0px;

  opacity: 0;

  top: 54%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: right 300ms ease-in-out;

  -moz-transition: right 300ms ease-in-out;

  -o-transition: right 300ms ease-in-out;

  -ms-transition: right 300ms ease-in-out;

  transition: right 300ms ease-in-out;

}



.btn-md.btn-arrow i {

  font-size: 14px;

  top: 47%;

}



.btn-arrow:hover i, 

.btn-arrow:focus i {

  opacity: 1;

  right: -18px; 

}



.btn-md.btn-arrow:hover i, 

.btn-md.btn-arrow:focus i {

  right: -20px; 

}



/*------------------------------------------*/

/*  Button Size

/*------------------------------------------*/



.btn.btn-sm {

  font-size: 13px;

  padding: 11px 22px;

}


.btn.btn-md {
    font-size: 14px;
    padding: 15px 35px;
    font-weight: 400;
}


.btn.btn-lg {

  font-size: 18px;

  padding: 18px 45px;

}



/*------------------------------------------*/

/*  Button Color

/*------------------------------------------*/




a.btn.btn-md.btn-primary.tra-white-hover.btn-arrow {
    border: 2px solid #00416b;
    color: #00416b;
    font-weight: 600;
}



.btn-tra-white, 

.white-color .btn-tra-white {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}





.btn-tra-black, 

.white-color .btn-tra-black {

  color: #333;

  background-color: transparent;

  border-color: #333;

}



.btn-tra-grey, 

.white-color .btn-tra-grey {

  color: #555;

  background-color: transparent;

  border-color: #ccc;

}



.btn-white,

.white-color .btn-white {

  color: #333;

  background-color: #fff;

  border-color: #fff;

}



.btn-black,

.white-color .btn-black {

  color: #fff;

  background-color: #333;

  border-color: #333;

}



.btn-aqua,

.white-color .btn-aqua {

  color: #fff;

  background-color: #18a0ae; 

  border-color: #18a0ae; 

}



.btn-blue,

.white-color .btn-blue {

  color: #fff;

  background-color: #0072bc;

  border-color: #0072bc;

}



.btn-darkblue,

.white-color .btn-darkblue {

  color: #fff;

  background-color: #2c3f69;

  border-color: #2c3f69;

}



.btn-stateblue,

.white-color .btn-stateblue {

  color: #fff;

  background-color: #6a5acd;

  border-color: #6a5acd;

}



.btn-green,

.white-color .btn-green {

  color: #fff;

  background-color: #42c374;

  border-color: #42c374;

}



.btn-red,

.white-color .btn-red {

  color: #fff;

  background-color: #c2162c;

  border-color: #c2162c;

}



.btn-olive,

.white-color .btn-olive {

  color: #fff;

  background-color: #7ba323;

  border-color: #7ba323;

}



.btn-orange,

.white-color .btn-orange {

  color: #fff;

  background-color: #0055a5;

  border-color: #0055a5;

}



.btn-teal,

.white-color .btn-teal {

  color: #fff;

  background-color: #008080;

  border-color: #008080;

}



.btn-salmon,

.white-color .btn-salmon {

  color: #fff;

  background-color: #f77459;

  border-color: #f77459;

}



.btn-yellow,

.white-color .btn-yellow {

  color: #333;

  background-color: #ffc20e;

  border-color: #ffc20e;

}



/*------------------------------------------*/

/*  Button Hover

/*------------------------------------------*/



.btn.primary-hover:hover,

.white-color .btn.primary-hover:hover {

  color: #fff;

  background-color: #0055a5;

  border-color: #0055a5;

}



.btn.white-hover:hover {

  color: #333;

  background-color: #fff;

  border-color: #fff;

}



.btn.black-hover:hover {

  color: #fff!important;

  background-color: #333;

  border-color: #333;

}



.btn.tra-white-hover:hover,

.white-color .btn.tra-white-hover:hover {

color: #000 !important;

    background-color: transparent;

    border-color:#9b1d0d;

}



.btn.tra-black-hover:hover,

.white-color .btn.tra-black-hover:hover {

  color: #333!important;

  background-color: transparent;

  border-color: #333;

}



.btn.aqua-hover:hover,

.white-color .btn.aqua-hover:hover {

  color: #fff;

  background-color: #18a0ae; 

  border-color: #18a0ae; 

}



.btn.blue-hover:hover,

.white-color .btn.blue-hover:hover {

  color: #fff;

  background-color: #0072bc;

  border-color: #0072bc;

}



.btn.olive-hover:hover,

.white-color .btn.olive-hover:hover {

  color: #fff;

  background-color: #7ba323;

  border-color: #7ba323;

}



.btn.orange-hover:hover,

.white-color .btn.orange-hover:hover {

  color: #fff;

  background-color: #0055a5;

  border-color: #0055a5;

}



.btn.teal-hover:hover,

.white-color .btn.teal-hover:hover {

  color: #fff;

  background-color: #008080;

  border-color: #008080;

}



.btn.red-hover:hover,

.white-color .btn.red-hover:hover {

  color: #fff;

  background-color: #c2162c;

  border-color: #c2162c;

}



.btn.salmon-hover:hover,

.white-color .btn.salmon-hover:hover {

  color: #fff;

  background-color: #f77459;

  border-color: #f77459;

}



.btn.yellow-hover:hover,

.white-color .btn.yellow-hover:hover {

  color: #333;

  background-color: #ffc20e;

  border-color: #ffc20e;

}



/*------------------------------------------*/

/*  Button Focus

/*------------------------------------------*/



.btn:focus {

  color: #fff; 

  -webkit-box-shadow: none;

  box-shadow: none; 

}



.btn.btn-black:focus {

  color: #fff; 

  -webkit-box-shadow: none;

  box-shadow: none; 

}



.btn-tra-black:focus, 

.btn.btn-tra-grey:focus {

  color: #333; 

  -webkit-box-shadow: none;

  box-shadow: none; 

}



/*------------------------------------------*/

/*  PAGE SOCIAL LINKS

/*------------------------------------------*/



.page-socials {

  display: block; 

  padding-left: 0;

  margin-top: 30px;

}



.page-socials li {

  text-align: center;

  width: auto !important;

  display: inline-block !important;

  vertical-align: top;

  clear: none !important;

  margin: 0 0 8px 0;

  padding: 0;

}



.page-socials a {

  display: block;

  background-color: transparent;

  border: 2px solid #757575;

  width: 45px;

  height: 45px;

  color: #757575;

  font-size: 18px;

  line-height: 43px!important;

  margin-right: 4px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;  

}



.page-socials a.ico-facebook:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }

.page-socials a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; color: #fff; }

.page-socials a.ico-instagram:hover { background-color: #dc3c59; border-color: #dc3c59; color: #fff; }

.page-socials a.ico-dribbble:hover { background-color: #d92d84; border-color: #d92d84; color: #fff; }

.page-socials a.ico-behance:hover { background-color: #2473f6; border-color: #2473f6; color: #fff; } 

.page-socials a.ico-pinterest:hover { background-color: #ac281a; border-color: #ac281a; color: #fff; }

.page-socials a.ico-linkedin:hover { background-color: #015886; border-color: #015886; color: #fff; }

.page-socials a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; color: #fff; } 

.page-socials a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; color: #fff; } 

.page-socials a.ico-tumblr:hover { background-color: #3a5976; border-color: #3a5976; color: #fff; }

.page-socials a.ico-vk:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }

.page-socials a.ico-yahoo:hover { background-color: #7b0099; border-color: #7b0099; color: #fff; }

.page-socials a.ico-yelp:hover { background-color: #d32323; border-color: #d32323; color: #fff; }



/*------------------------------------------*/

/*  BOX ICONS

/*------------------------------------------*/



.icon-xs [class*="flaticon-"]:before,

.icon-xs [class*="flaticon-"]:after {   

  font-family: FontAwesome;

  font-size: 3.25rem;

  line-height: 1!important;

}

.icon-sm [class*="flaticon-"]:before, .icon-sm [class*="flaticon-"]:after {

    font-family: FontAwesome;

    font-size: 43px;

    line-height: 1!important;

}



.icon-md [class*="flaticon-"]:before,

.icon-md [class*="flaticon-"]:after {   

  font-family: FontAwesome;

  font-size: 4.25rem;

  line-height: 1!important;

}



.icon-lg [class*="flaticon-"]:before,

.icon-lg [class*="flaticon-"]:after {   

  font-family: FontAwesome;

  font-size: 4.5rem;

  line-height: 1!important;

}



.icon-xl [class*="flaticon-"]:before,

.icon-xl [class*="flaticon-"]:after {   

  font-family: FontAwesome;

  font-size: 6rem;

  line-height: 1!important;

}



/*------------------------------------------*/

/*  SECTION ID

/*------------------------------------------*/



span.section-id {

    font-size: 20px;

  font-family: "Rubik", sans-serif;

    font-weight: 700;

    text-transform: capitalize;

    display: block;

    margin-bottom: 0px;

}



span.id-color {

color: #0055a5;

}



/*------------------------------------------*/

/*  SECTION TITLE

/*------------------------------------------*/



/*.section-title {

  margin-bottom: 21px; 

  padding-right: 33.3333%;   

}
*/


.section-title.center {

    text-align: center;

    width: 90%;

    padding-left: 5%;

    padding-right: 5%;

}



.section-title h3,

.section-title h2 {

}



.section-title p {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
    
}

.section-title.center p {

  padding: 0 5%;

}



/*------------------------------------------*/

/*  FONT SETTINGS

/*------------------------------------------*/



.txt-300 { font-weight: 300; }

.txt-400 { font-weight: 400; }

.txt-600 { font-weight: 600; }

.txt-700 { font-weight: 700; }

.txt-900 { font-weight: 900; }



.upcase { text-transform: uppercase; }



/*------------------------------------------*/

/*  TEXT COLOR

/*------------------------------------------*/



.primary-color,

.primary-color h2, 

.primary-color h3, 

.primary-color h4, 

.primary-color h5, 

.primary-color h6, 

.primary-color p, 

.primary-color a, 

.primary-color li,

.primary-color i, 

.grey-color .primary-color,

.white-color .primary-color,

.primary-color span { color: #ffffff; }

.statistic-block.icon-sm p {
    color: #fff;
}
.statistic-block.icon-sm {
    padding: 13px;
}
.white-color,

.white-color h2, 

.white-color h3, 

.white-color h4, 

.white-color h5, 

.white-color h6, 

.white-color p, 

.white-color a, 

.white-color li,

.white-color i, 

.white-color span { color:  #ffffff; }



.grey-color,

.grey-color h2, 

.grey-color h3, 

.grey-color h4, 

.grey-color h5, 

.grey-color h6, 

.grey-color p, 

.grey-color a,

.grey-color li, 

.grey-color i, 

.white-color .grey-color,

.grey-color span { color: #f27a18; }



.lightgrey-color,

.lightgrey-color h2, 

.lightgrey-color h3, 

.lightgrey-color h4, 

.lightgrey-color h5, 

.lightgrey-color h6, 

.lightgrey-color p, 

.lightgrey-color a,

.lightgrey-color li, 

.lightgrey-color i, 

.white-color .lightgrey-color,

.lightgrey-color span { color: #bbb; }



.aqua-color,

.aqua-color h2, 

.aqua-color h3, 

.aqua-color h4, 

.aqua-color h5, 

.aqua-color h6, 

.aqua-color p, 

.aqua-color a, 

.aqua-color li,

.aqua-color i, 

.white-color .aqua-color,

.aqua-color span { color: #18a0ae; }



.blue-color,

.blue-color h2, 

.blue-color h3, 

.blue-color h4, 

.blue-color h5, 

.blue-color h6, 

.blue-color p, 

.blue-color a, 

.blue-color li,

.blue-color i, 

.white-color .blue-color,

.blue-color span { color: #0072bc; }



.darkblue-color,

.darkblue-color h2, 

.darkblue-color h3, 

.darkblue-color h4, 

.darkblue-color h5, 

.darkblue-color h6, 

.darkblue-color p, 

.darkblue-color a, 

.darkblue-color li,

.darkblue-color i, 

.white-color .darkblue-color,



.darkblue-color, .darkblue-color h2, .darkblue-color h3, .darkblue-color h4, .darkblue-color h5, .darkblue-color h6, .darkblue-color p, .darkblue-color a, .darkblue-color li, .darkblue-color i, .white-color .darkblue-color, .darkblue-color span {
    color: #053450;
}





.green-color,

.green-color h2, 

.green-color h3, 

.green-color h4, 

.green-color h5, 

.green-color h6, 

.green-color p, 

.green-color a, 

.green-color li,

.green-color i, 

.white-color .green-color,

.green-color span { color: #42c374; }



.orange-color,

.orange-color h2, 

.orange-color h3, 

.orange-color h4, 

.orange-color h5, 

.orange-color h6, 

.orange-color p, 

.orange-color a, 

.orange-color li,

.orange-color i, 

.white-color .orange-color,

.orange-color span { color: #0055a5; }



.red-color,

.red-color h2, 

.red-color h3, 

.red-color h4, 

.red-color h5, 

.red-color h6, 

.red-color p, 

.red-color a, 

.red-color li,

.red-color i, 

.grey-color .red-color,

.white-color .red-color,

.red-color span { color: #c2162c; }



.yellow-color,

.yellow-color h2, 

.yellow-color h3, 

.yellow-color h4, 

.yellow-color h5, 

.yellow-color h6, 

.yellow-color p, 

.yellow-color a, 

.yellow-color li,

.yellow-color i, 

.grey-color .yellow-color,

.white-color .yellow-color,

.yellow-color span { color: #fff; }









/* ==========================================================================

  03. PRELOAD SPINNER

  =========================================================================== */



#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1000;

  background-color: #fff;

}



#loader {

  display: block;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}



.cssload-box-loading {

  width: 75px;

  height: 75px;

  margin: auto;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}



.cssload-box-loading:before {

  content: '';

  width: 75px;

  height: 8px;

  background: rgb(0,0,0);

  opacity: 0.1;

  position: absolute;

  top: 89px;

  left: 0;

  border-radius: 50%;

  animation: shadow 0.58s linear infinite;

  -o-animation: shadow 0.58s linear infinite;

  -ms-animation: shadow 0.58s linear infinite;

  -webkit-animation: shadow 0.58s linear infinite;

  -moz-animation: shadow 0.58s linear infinite;

}



.cssload-box-loading:after {

  content: '';

  width: 75px;

  height: 75px;

  background: rgb(110,150,220);

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 5px;

  animation: cssload-animate 0.58s linear infinite;

  -o-animation: cssload-animate 0.58s linear infinite;

  -ms-animation: cssload-animate 0.58s linear infinite;

  -webkit-animation: cssload-animate 0.58s linear infinite;

  -moz-animation: cssload-animate 0.58s linear infinite;

}



@keyframes cssload-animate {

  17% {

    border-bottom-right-radius: 5px;

  }

  25% {

    transform: translateY(14px) rotate(22.5deg);

  }

  50% {

    transform: translateY(27px) scale(1, 0.9) rotate(45deg);

    border-bottom-right-radius: 60px;

  }

  75% {

    transform: translateY(14px) rotate(67.5deg);

  }

  100% {

    transform: translateY(0) rotate(90deg);

  }

}



@-o-keyframes cssload-animate {

  17% {

    border-bottom-right-radius: 5px;

  }

  25% {

    -o-transform: translateY(14px) rotate(22.5deg);

  }

  50% {

    -o-transform: translateY(27px) scale(1, 0.9) rotate(45deg);

    border-bottom-right-radius: 60px;

  }

  75% {

    -o-transform: translateY(14px) rotate(67.5deg);

  }

  100% {

    -o-transform: translateY(0) rotate(90deg);

  }

}



@-ms-keyframes cssload-animate {

  17% {

    border-bottom-right-radius: 5px;

  }

  25% {

    -ms-transform: translateY(14px) rotate(22.5deg);

  }

  50% {

    -ms-transform: translateY(27px) scale(1, 0.9) rotate(45deg);

    border-bottom-right-radius: 60px;

  }

  75% {

    -ms-transform: translateY(14px) rotate(67.5deg);

  }

  100% {

    -ms-transform: translateY(0) rotate(90deg);

  }

}



@-webkit-keyframes cssload-animate {

  17% {

    border-bottom-right-radius: 5px;

  }

  25% {

    -webkit-transform: translateY(14px) rotate(22.5deg);

  }

  50% {

    -webkit-transform: translateY(27px) scale(1, 0.9) rotate(45deg);

    border-bottom-right-radius: 60px;

  }

  75% {

    -webkit-transform: translateY(14px) rotate(67.5deg);

  }

  100% {

    -webkit-transform: translateY(0) rotate(90deg);

  }

}



@-moz-keyframes cssload-animate {

  17% {

    border-bottom-right-radius: 5px;

  }

  25% {

    -moz-transform: translateY(14px) rotate(22.5deg);

  }

  50% {

    -moz-transform: translateY(27px) scale(1, 0.9) rotate(45deg);

    border-bottom-right-radius: 60px;

  }

  75% {

    -moz-transform: translateY(14px) rotate(67.5deg);

  }

  100% {

    -moz-transform: translateY(0) rotate(90deg);

  }

}



@keyframes shadow {

  0%,

  100% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.2, 1);

  }

}



@-o-keyframes shadow {

  0%,

  100% {

    -o-transform: scale(1, 1);

  }

  50% {

    -o-transform: scale(1.2, 1);

  }

}



@-ms-keyframes shadow {

  0%,

  100% {

    -ms-transform: scale(1, 1);

  }

  50% {

    -ms-transform: scale(1.2, 1);

  }

}



@-webkit-keyframes shadow {

  0%,

  100% {

    -webkit-transform: scale(1, 1);

  }

  50% {

    -webkit-transform: scale(1.2, 1);

  }

}



@-moz-keyframes shadow {

  0%,

  100% {

    -moz-transform: scale(1, 1);

  }

  50% {

    -moz-transform: scale(1.2, 1);

  }

}









/* ==========================================================================

  04. HEADER & NAVIGATION

  =========================================================================== */



#header-1.header, 

#header-2.header {

  width: 100%;

  height: 75px;

  display: block;

  padding-top: 0px;

}



/*#header-2.header {

  height: 160px

}*/



.header-wrapper {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 1030;

/*  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);*/

}



.headerwp {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
}



.posrlt {

  position: relative;

}



/*------------------------------------------*/

/*   NAVIGATION MENU

/*------------------------------------------*/



.wsmainfull {

  width: 100%;

  height: auto;

  background-color: #fff!important;

  z-index: 999;
/*
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out; */

}



.tra-menu .wsmainfull {

  background-color: transparent!important;

  padding: 20px 0;

  z-index: 1031;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



.white-menu .wsmainfull,

.lightgrey-menu .wsmainfull,

.aqua-menu .wsmainfull,

.blue-menu .wsmainfull {

  padding: 10px 0;

/*  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;*/

  transition: all 450ms ease-in-out; 

}



/*.white-menu .wsmainfull {

  background:url(../images/bg2.png) no-repeat right

}*/



.lightgrey-menu .wsmainfull {

  background-color: #f8f9fb!important;

}



.aqua-menu .wsmainfull {

  background-color: #18a0ae!important;

}



.blue-menu .wsmainfull {

  background-color:#2c3f69!important;

}



/*------------------------------------------*/

/*  NAVIGATION MENU LINK

/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > a {
    display: block;
    color: #505050;
    font-family: 'Montserrat', sans-serif;
   font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 10px 7px 8px 7px;
    line-height: 50px;
    text-transform: uppercase;
    text-decoration: none;
}
.wsmenu > .wsmenu-list > li > a.last-link {

  padding: 10px 0px;

}



.wsmenu > .wsmenu-list > li > a.callusbtn {

  font-size: 15px;

}



.wsmenu > .wsmenu-list > li > a.callusbtn i {

  font-size: 13px;

  margin-top: 1px;

  margin-right: 1px;

}



.tra-menu .wsmenu > .wsmenu-list > li > a,

.aqua-menu .wsmenu > .wsmenu-list > li > a,

.blue-menu .wsmenu > .wsmenu-list > li > a {

  color: #fff;

}



.white-menu .wsmenu > .wsmenu-list > li > a {

    color: #000000;

}



.tra-menu .wsmenu.dark-txt > .wsmenu-list > li > a {

  color: #333;

}



.white-menu .wsmenu > .wsmenu-list > li.primary-color > a { color: #0055a5; }

.white-menu .wsmenu > .wsmenu-list > li.aqua-color > a { color: #18a0ae; }

.white-menu .wsmenu > .wsmenu-list > li.blue-color > a { color: #0072bc; }

.white-menu .wsmenu > .wsmenu-list > li.stateblue-color > a { color: #6a5acd; }

.white-menu .wsmenu > .wsmenu-list > li.green-color > a { color: #42c374; }

.white-menu .wsmenu > .wsmenu-list > li.olive-color > a { color: #7ba323; }

.white-menu .wsmenu > .wsmenu-list > li.orange-color > a { color: #0055a5; }

.white-menu .wsmenu > .wsmenu-list > li.red-color > a { color: #f12a02; }

.white-menu .wsmenu > .wsmenu-list > li.darkred-color > a { color: #c2162c; }

.white-menu .wsmenu > .wsmenu-list > li.salmon-color > a { color: #f77459; }

.white-menu .wsmenu > .wsmenu-list > li.teal-color > a { color: #008080; }

.white-menu .wsmenu > .wsmenu-list > li.yellow-color > a { color: #ffc20e; }



/*------------------------------------------*/

/*  Header Button

/*------------------------------------------*/



a.header-button {

  display: inline-block;

  float: right;

  text-align: right;

}

.wsmenu > .wsmenu-list > li a.header-btn {
    background-color: transparent;
    color: #fff !important;
    font-size: 14px;
    line-height: 30px;
    /* font-weight: 700; */
    letter-spacing: 0.5px;
    /* border: 2px solid transparent; */
    margin-top: 13px;
    margin-left: 3px;
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 27px;
}


/*------------------------------------------*/

/*  Header Button Color

/*------------------------------------------*/





.wsmenu > .wsmenu-list > li a.header-btn.btn-tra-white {

  background-color: transparent;

  border-color: #fff;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-aqua {

  background-color: #18a0ae;

  border-color: #18a0ae;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-blue {

  background-color: #0072bc;

  border-color: #0072bc;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-darkpblue {

  background-color: #2c3f69;

  border-color: #2c3f69;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-stateblue {

  background-color: #6a5acd;

  border-color: #6a5acd;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-green {

  background-color: #42c374;

  border-color:#42c374;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-olive {

  background-color: #7ba323;

  border-color: #7ba323;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-orange {

  background-color: #0055a5;

  border-color: #0055a5;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-red {

  background-color: #f12a02;

  border-color: #f12a02;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-darkred {

  background-color: #c2162c;

  border-color: #c2162c;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-salmon {

  background-color: #f77459;

  border-color: #f77459;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-teal {

  background-color: #008080;

  border-color: #008080;

}



.wsmenu > .wsmenu-list > li a.header-btn.btn-yellow {

  background-color: #ffc20e;

  border-color: #ffc20e;

  color: #333!important;

}



/*------------------------------------------*/

/*  Header Button Hover

/*------------------------------------------*/



.wsmenu > .wsmenu-list > li a.header-btn.primary-hover:hover {

  background-color: #0055a5;

  border-color: #0055a5;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.tra-white-hover:hover {

  background-color: transparent;

  border-color: #fff;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.white-hover:hover {

  background-color: #fff;

  border-color: #fff;

  color: #333!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.black-hover:hover {

  background-color: #444;

  border-color: #444;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.tra-black-hover:hover {

  background-color: #0055a5;

  border-color: #0055a5;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.aqua-hover:hover {

  background-color: #18a0ae;

  border-color: #18a0ae;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.blue-hover:hover {

  background-color: #0072bc;

  border-color: #0072bc;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.darkblue-hover:hover {

  background-color: #2c3f69;

  border-color: #2c3f69;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.stateblue-hover:hover {

  background-color: #6a5acd;

  border-color: #6a5acd;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.green-hover:hover {

  background-color: #42c374;

  border-color: #42c374;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.olive-hover:hover {

  background-color: #7ba323;

  border-color: #7ba323;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.orange-hover:hover {

  background-color: #0055a5;

  border-color: #0055a5;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.red-hover:hover {

  background-color: #f12a02;

  border-color: #f12a02;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.darkred-hover:hover {

  background-color: #c2162c;

  border-color: #c2162c;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.salmon-hover:hover {

  background-color: #f77459;

  border-color: #f77459;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.teal-hover:hover {

  background-color: #008080;

  border-color: #008080;

  color: #fff!important;

}



.wsmenu > .wsmenu-list > li a.header-btn.yellow-hover:hover {

  background-color: #ffc20e;

  border-color: #ffc20e;

  color: #333!important;

}



/*------------------------------------------*/

/*   HEADER STRIP  

/*------------------------------------------*/



.headtoppart {
    display: block;
    width: 100%;
   /* border-bottom: 1px solid #eee;*/
    margin: 0px auto;

    min-width: 320px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.headtoppart.bg-lightgrey { border-color: #f2f2f2; }

.headtoppart.bg-aqua { border-color: #18a0ae; }

.headtoppart.bg-blue { border-color: #0072bc; }

/*.headtoppart.bg-darkblue {

    border-color: #b35000;

}*/



.headertopleft {
    width: 30%;
    float: left;
    /* padding-left: 15px; */
}



.headertopright {

  width: 70%;

  float: right;

  text-align: right;

  padding-right: 15px;

}



.headtoppart .b-right {

  border-right: 1px solid #ddd;

  padding-right: 15px;

  margin-right: 10px;

}



.headtoppart.bg-aqua .b-right { border-color: #1fc3d4; }

.headtoppart.bg-darkblue .b-right { border-color: #415379; }

.headtoppart.bg-dark .b-right { border-color: #40527a; }


/*.header-info a, .header-info span, .header-contacts a, .header-contacts span {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}*/

.header-info i,

.header-contacts i {

  position: relative;

  color: #fff;

  font-size: 12px;

 /* line-height: 1;

  top: -1px;

  margin-right: 7px;

  margin-left: 5px;*/

}



.bg-white .header-contacts a,

.bg-white .header-contacts span,

.bg-lightgrey .header-contacts a

.bg-lightgrey .header-contacts span,

.bg-white .header-info a,

.bg-white .header-info span,

.bg-lightgrey .header-info a

.bg-lightgrey .header-info span,

.bg-white .header-info i,

.bg-white .header-contacts i,

.bg-lightgrey .header-info i,

.bg-lightgrey .header-contacts i {

  color: #575757;

}



.header-contacts a.primary-color,

.header-contacts a.primary-color i {

  color: #0055a5;

}



.header-contacts a.aqua-color,

.header-contacts a.aqua-color i {

  color: #18a0ae;

}



.header-contacts a.blue-color,

.header-contacts a.blue-color i {

  color: #0072bc;

}



.header-contacts a.darkblue-color,

.header-contacts a.darkblue-color i {

  color: #2c3f69;

}



.header-contacts a.darkred-color,

.header-contacts a.darkred-color i {

  color: #c2162c;

}



.header-contacts a.green-color,

.header-contacts a.green-color i {

  color: #42c374;

}



.header-contacts a.orange-color,

.header-contacts a.orange-color i {

  color: #0055a5;

}



.header-contacts a.olive-color,

.header-contacts a.olive-color i {

  color: #7ba323;

}



.header-contacts a.red-color,

.header-contacts a.red-color i {

  color: #f12a02;

}



.header-contacts a.salmon-color,

.header-contacts a.salmon-color i {

  color: #f77459;

}



.header-contacts a.teal-color,

.header-contacts a.teal-color i {

  color: #008080;

}



.header-contacts a.yellow-color,

.header-contacts a.yellow-color i {

      color: #ffffff;

}



.norlt {

  position: static;

}



.menuwrapper {

  position: relative;

}



.show-grid {

  background-color: #fff;

}



.mobiletext02 {

  display: none;

}



@media only screen and (min-width: 230px) and (max-width:991px) {





  .swichermainbx {

    width: 96%;

    margin: 25% 2%;

    display: block;

    background-color: rgba(0, 0, 0, 0.5);

    padding: 15px 25px;

    border-radius: 14px;

  }



  .swichermainleft, .swichermainright {

    width: 98%;

    margin: 1% 1%;

  }



  .wscolorcode {

   width: 12.5%;

  }



  .swichertxt {

   display: none;

  }



  .swichertxt02 span {

   display: none;

  }

}



.wsmenu > .wsmenu-list > li > .wsmegamenu .title {
    font-size: 15px;
    font-weight: 600;
    font-family: "Rubik", sans-serif;
    letter-spacing: 0;
    color: #00923f;
    text-transform: capitalize;
}


/*------------------------------------------*/

/*   HEADER WIDGET 

/*------------------------------------------*/



.hero-widget {

  background-color: #fff;

  border-bottom: 1px solid #eee;

  padding: 15px 0;

}



.header-widget {

  margin-top: 5px;

}



.header-widget span {

  float: left;

  margin-right: 8px;

}



.header-widget.icon-xs [class*="flaticon-"]:before,

.header-widget.icon-xs [class*="flaticon-"]:after {   

  font-size: 2.35rem;

  margin-top: -3px;

}



.header-widget p {

  font-size: 14px;

  line-height: 1;

  margin-bottom: 5px;

}



p.header-widget-phone {

  font-size: 17px;

  font-family: "Rubik", sans-serif;

  font-weight: 700;

  margin-top: 3px;

  margin-bottom: 0;

}



/*------------------------------------------*/

/*   MEGAMENU LATEST NEWS

/*------------------------------------------*/



.wsmegamenu .latest-news li { 

  padding: 15px 0;

  border-bottom: 1px dashed #c0c0c0;

}



.wsmegamenu .latest-news li:first-child {

  padding: 0 0 15px;

}



.wsmegamenu .latest-news li:last-child {

  padding: 15px 0 0;

  border-bottom: 0; 

}



.wsmegamenu .latest-news img {

  text-align: center;

  float: left;

  width: 85px;

  height: 85px;

}



.wsmegamenu .post-summary {

  overflow: hidden;

  padding-left: 20px;

}



/*------------------------------------------*/

/*  MEGAMENU LATEST NEWS TYPOGRAPHY

--------------------------------------------*/



.wsmegamenu .post-summary a { 

  color: #888!important;

  font-size: 16px;

font-family: "Rubik", sans-serif;

  font-weight: 400;

}



.wsmegamenu h5.h5-md a { 

  color: #333!important;

  margin-bottom: 0;

}



.wsmegamenu .latest-news .post-summary a:hover { 

  color: #333!important;

  text-decoration: underline;

}



.wsmegamenu .latest-news p { 

  color: #999;  

  font-size: 15px;

  font-weight: 300;

  margin-top: 6px;

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  NAVBAR SCROLL

/*------------------------------------------*/



.tra-menu .wsmainfull.scroll {

  background-color: #fff!important;

  z-index: 1030;

  padding: 3px 0;

}



.white-menu .wsmainfull.scroll,

.aqua-menu .wsmainfull.scroll,

.blue-menu .wsmainfull.scroll {

  z-index: 1030;

  padding: 3px 0;

}



/*------------------------------------------*/

/*  Navigation Menu

/*------------------------------------------*/



.tra-menu.scroll .wsmenu >.wsmenu-list > li a {

  color: #444;

}



/*------------------------------------------*/

/*  Logo Image

/*------------------------------------------*/



.white-menu .logo-white,

.tra-menu .logo-black, 

.aqua-menu .logo-black, 

.blue-menu .logo-black,

.lightgrey-menu .logo-white,

.white-menu .scroll .logo-white,

.tra-menu .scroll .logo-white {

  display: none;

}



.white-menu .scroll .logo-black,

.tra-menu .scroll .logo-black {

  display: block;

}









/* ==========================================================================

  05. HERO

  =========================================================================== */



#hero-1 .hero-section,

.hero-section .container {

  position: relative;

  z-index: 3;

}



#hero-3 {

  background-image: url(../images/hero-3.jpg);

  padding-top: 110px;

  padding-bottom: 50px;

}



#hero-5 {

  background-image: url(../images/hero-5.jpg);

  padding-top: 120px;

  padding-bottom: 110px;

}



#hero-6 {

  background-image: url(../images/hero-6.jpg);

  padding-top: 140px;

  padding-bottom: 170px;

}



.hero-7-txt {

  background-image: url(../images/hero-7.jpg);

  background-position: center center;

}



#hero-7-content {

  padding-top: 120px;

  padding-bottom: 250px;

}



.hero-9-txt {

  background-image: url(../images/hero-9.jpg);

  background-position: center center;

}



#hero-9-content {

  padding-top: 120px;

  padding-bottom: 150px;

}



/*------------------------------------------*/

/*  HERO SLIDER

/*------------------------------------------*/



.slider {
    position: relative;
    max-width: 100%;
    height: 530px !important;
    margin-top: 34px;
}



.slider .slides {

  margin: 0;

  height: 530px !important;

}



#hero-8 .slider, 

#hero-8 .slider .slides {

  height: 530px !important;

}



.slider .slides li {

  opacity: 0;

  position: absolute;

  top: 10px;

  left: 0;

  z-index: 1;

  width: 100%;

  height: inherit;

  overflow: hidden;

}



.slider .slides li img {

  height: 530px !important;

  width: 100%;

  background-size: cover;

  background-position: center;

}



.slider .slides li .caption {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.slider .slides li.active {

  z-index: 2;

}



/*------------------------------------------*/

/*  Slider Animation

/*------------------------------------------*/



.center-align {

  text-align: center;

}



/*------------------------------------------*/

/*  Slider Navigation

/*------------------------------------------*/



.hero-slider-nav {

  width: 100%;

  position: relative;

  z-index: 98;

}



.slider-btn {

  position: absolute;

  text-align: center;

  left: 50%;

  margin-left: -58px;

  bottom: 45px;

}



.hero-slider-nav.icon-xs [class^="flaticon-"]:before, 

.hero-slider-nav.icon-xs [class*=" flaticon-"]:before,

.hero-slider-nav.icon-xs[class^="flaticon-"]:after, 

.hero-slider-nav.icon-xs [class*=" flaticon-"]:after { 

  float: left; 

  font-family: Flaticon;

  font-size: 2.25rem;

  line-height: 1!important;

  margin: 0 11px; 

  cursor: pointer;

}



.arrows.icon-xs [class*="flaticon-"]:before,

.arrows.icon-xs [class*="flaticon-"]:after {   

  font-size: 2.35rem;

}



/*------------------------------------------*/

/*  HERO TEXT

/*------------------------------------------*/



#hero-1 .caption-txt {
    margin-top: 50px;
  /*  background-color: #03030387;*/
    padding: 25px;
    width: 62%;
  
}


#hero-2 .caption-txt {

  margin-top: -100px;

}



.slideshow .slide .caption {

  padding-top: 30px;

}



.hero-7-countries {

  margin-top: -180px;

  margin-bottom: 80px;

}



/*------------------------------------------*/

/*  Hero Headers

/*------------------------------------------*/ 



#hero-1 h2 {
    font-size: 46px;
    line-height: 42px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: -0.25px;
    /* padding: 0 5%; */
    margin-bottom: 28px;
    text-shadow: 1px 1px #ffffff;
    color: #ffffff;
}
#hero-1 h5 {
    font-weight: 300;
    letter-spacing: 0px;
    margin-bottom: 25px;
    font-size: 18px;
}


#hero-2 h3 {

  font-size: 3rem;

  line-height: 1.1;

  font-weight: 400;

  margin-bottom: 0; text-transform:uppercase

}



#hero-2 h4 {

 line-height: 1.35;

font-weight: 500;

letter-spacing: -0.5px;

padding-right: 5%;

margin-bottom: 0;

font-size: 20px;

text-transform: uppercase;

}



#hero-2 h2 {

  font-size: 3.5rem;

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0;

  margin-bottom: 20px;

}



#hero-3 h2 {

  font-size: 4rem;

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -0.75px;

  margin-bottom: 30px;

}



#hero-4 h2 {

  font-size: 6.25rem;

  line-height: 1.1;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0;

  margin-bottom: 20px;

}



#hero-5 h4 {

  font-weight: 500;

  letter-spacing: 0px;

  margin-bottom: 25px;

}



#hero-5 h2 {

  font-size: 3.5rem;

  font-weight: 700;

  letter-spacing: -0.75px;

  margin-bottom: 20px;

}



#hero-6 h4 {

  font-weight: 500;

  letter-spacing: -0.5px;

  margin-bottom: 30px;

}



#hero-6 h2 {

  font-size: 4.5rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: -1.25px;

  margin-bottom: 30px;

}



#hero-7 h2,

#hero-9 h2 {

  font-size: 5.25rem;

  line-height: 1.1;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: -0.5px;

  margin-bottom: 20px;

}



#hero-7 h4,

#hero-9 h4 {

  font-weight: 500;

  letter-spacing: -0.5px;

  margin-bottom: 30px;

}



#hero-8 h2 {

  font-size: 3.75rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0;

  margin-bottom: 10px;

}



#hero-8 h4 {

  line-height: 1.3;

  font-weight: 600;

  letter-spacing: 0;

  padding-right: 10px;

  margin-bottom: 0;

}

 

#hero-8 h4 span {

  font-weight: 800;

}



/*------------------------------------------*/

/*  Hero Paragraphs

/*------------------------------------------*/

#hero-1 .caption-txt p, #hero-4 .caption p {
    font-size: 18px;
    /* padding: 0 15%; */
    /* text-shadow: 1px 1px black; */
    max-width: 600px;
    color: #ffffff;
}


.hero-3-txt p {

  padding-right: 10%;

}



.hero-5-txt p {

  font-size: 1.25rem;

  padding: 0 12%;

}



.hero-6-txt p {

  padding-right: 15%;

}



#hero-8 .caption-txt p {

  padding-right: 15%;

}



.hero-7-txt p,

.hero-9-txt p {

  font-size: 1.25rem;

  padding: 0 5%;

}



/*------------------------------------------*/

/*  Hero Button 

/*------------------------------------------*/ 



.hero-section .btn {

  margin-top: 20px;

}



/*------------------------------------------*/

/*  Hero Links 

/*------------------------------------------*/



#hero-7 .hero-links,

#hero-9 .hero-links {

  margin-top: 50px;

}



.hero-links h5 {

  display: inline-block;

  line-height: 1;

  margin-right: 40px;

}



.hero-links h5:last-child {

  margin-right: 0

}



.hero-links.icon-xs [class^="flaticon-"]:before, 

.hero-links.icon-xs [class*=" flaticon-"]:before,

.hero-links.icon-xs [class^="flaticon-"]:after, 

.hero-links.icon-xs [class*=" flaticon-"]:after { 

  float: left; 

  font-family: Flaticon;

  font-size: 1rem;

  line-height: 1!important;

  margin-right: 8px; 

  margin-top: 2px;

}



/*------------------------------------------*/

/*  HERO FORM 

/*------------------------------------------*/



.hero-request-form { 

  padding: 45px 30px 30px;

  margin: 0 20px 0 50px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}



.hero-request-form .col-md-12 { 

  padding: 0; 

}



.form-group {

  margin-bottom: 0;

}

 

.hero-register-form {

  background-color: rgba(10, 10, 10, .25);

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);

  box-shadow: 0 0 5px rgba(0, 0, 0, .1);

  padding: 40px 25px 35px;

  margin: 45px 30px 55px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}



.hero-9-form .hero-register-form {

  background-color: #f7f8f9;

  padding: 35px 25px 30px;

  margin: 45px 30px 0;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);

  box-shadow: 0 0 15px rgba(0, 0, 0, .2);

}



.hero-register-form .col-lg-3 { 

  padding: 0 8px; 

}



.hero-9-form {

  margin-top: -130px;

}



/*------------------------------------------*/

/*  Hero Form Text

/*------------------------------------------*/



.hero-request-form h5 { 

  font-weight: 700;

  line-height: 1;

  margin-bottom: 30px;

}



.hero-register-form p {

  color: #fff;

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  margin-bottom: 10px;

  padding-left: 5px;

  display: block;

}



.hero-9-form .hero-register-form p {

  color: #333;

}



/*------------------------------------------*/

/*  Hero Form Input

/*------------------------------------------*/



.hero-request-form .form-control,

.hero-register-form .form-control,

.hero-register-form .custom-select,

.hero-request-form .custom-select {

  background-color: #fff;

  color: #333;

  height: 52px;

  font-size: 17px;

  line-height: 1;

  font-weight: 300;

  padding: 4px 15px;

  margin-bottom: 20px;

  border: 1px solid #ddd;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px; 

  box-shadow: none; 

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.hero-register-form .form-control,

.hero-register-form .custom-select {

  margin-bottom: 0;

}



.hero-request-form .custom-select {

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

}



.hero-register-form .custom-select {

  display: inline-block;

  width: 100%;

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  Contact Form Placeholder

/*------------------------------------------*/



.hero-request-form .form-control::-moz-placeholder { color: #555; } 

.hero-request-form .custom-select::-moz-placeholder { color: #555; } 

.hero-request-form .form-control:-ms-input-placeholder { color: #555; }

.hero-request-form.custom-select:-ms-input-placeholder { color: #555; }

.hero-request-form .form-control::-webkit-input-placeholder { color: #555; }

.hero-request-form .custom-select::-webkit-input-placeholder { color: #555; }



/*------------------------------------------*/

/*  Hero Form Input Focus

/*------------------------------------------*/



.hero-request-form .form-control:focus {

  background-color: #f0f0f0;

  border-color: #ccc;

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Hero Form Button

/*------------------------------------------*/



.hero-request-form .btn {

  display: block;

  width: 100%;

  height: 52px;

  margin-top: 0;

}



.hero-register-form .btn {

  display: block;

  width: 100%;

  height: 52px;

  margin-top: 25px;

}



.hero-request-form .btn:focus,

.hero-register-form .btn:focus {

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Hero Form Message

/*------------------------------------------*/



#hero-form label.error {

  color: #e74c3c;

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 20px;

}



#hero-form .hero-register-form label.error {

  margin-top: 10px;

  margin-bottom: 0;

}



.hero-form-msg {

  width: 100%!important;

  display: block;

  text-align: center;

}



#hero-form .sending-msg {

  margin-top: 20px;

}



#hero-form .loading {

  color: #f0f0f0;

font-family: "Rubik", sans-serif;

  font-size: 16px;

  font-weight: 700;

}



.hero-9-form #hero-form .loading {

  color: #2c3f69;

}



/*------------------------------------------*/

/*  Hero Countries Carousel

/*------------------------------------------*/



.hbox-1-txt {

  display: inline-block;

  margin: 0 auto;

}



.hbox-1 {

  position: relative;

  background-color: #fff;

  border: 1px solid #f5f5f5;

  padding: 10px;

  margin: 0 8px 15px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.hbox-1-txt h5 {

  font-weight: 800;

  margin-top: 15px;

  margin-left: 20px;

}



#hero-7 .owl-carousel .owl-item .hbox-1-content img {

  position: absolute;

  right: 30px;

  bottom: 32px;

  width: 70px;

  height: 46px;

}



/*------------------------------------------*/

/*  COUNTRY BOX IMAGE

/*------------------------------------------*/ 



.hbox-1 img,

.hbox-1 .hover-overlay {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}



/*------------------------------------------*/

/*  Image Hover Effect 

/*------------------------------------------*/ 



.hbox-1:hover .hover-overlay img {

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

  -moz-transform: scale(1.2);

}



.hbox-1:hover .item-overlay {

  opacity: 1; 

  -moz-opacity: 1; 

}



/*------------------------------------------*/

/*  Countries Carousel Nav

/*------------------------------------------*/ 



#hero-7 .owl-theme .owl-nav {

  text-align: center;

  margin-top: 25px;

}

  







/* ==========================================================================

  06. ABOUT

  =========================================================================== */



#about-3 {

 position: relative;

 margin-top: -120px;

 z-index: 99;

}



.abox-3-holder {

  background-color: #fff;

  border: 1px solid #f5f5f5;

  padding: 50px 15px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}



#about-6 {

  background-image: url(../images/4940019.jpg); 

}  


.sbox-9.sbox-9-color img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 7px;
    background-color: white;
    margin-bottom: 24px;
    border: 1px solid gainsboro;
}
#about-8 {

  width: 100%;

  background: url(../images/about-8.jpg) no-repeat center; 

  background-size: cover; 

}



.about-8-txt {

  padding: 80px 60px;

}



/*------------------------------------------*/

/*  ABOUT BOX

/*------------------------------------------*/ 



.abox-3 {

  padding: 0 30px;

}



.abox-7 {

  margin-bottom: 30px;

}



.abox-7-icon {

  display: inline-block;

  float: left;

  margin-top: 5px;

  margin-right: 25px;

}



.abox-7-txt {

  overflow: hidden;

}



.abox-7-txt h5 {

  line-height: 1;

  font-weight: 800;

  letter-spacing: -0.5px;

  margin-bottom: 10px;

}



.abox-7-txt p {

  color: #757575;

  margin-bottom: 0;

}



.a-9-boxes {

  padding: 35px 25px 30px;

  margin-top: 40px;

  margin-bottom: 40px;

  border: 1px solid #eee;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}



.a9-box p {

  line-height: 1.3;

  margin-bottom: 0;

}



.a9-icon {

  display: inline-block;

  float: left;

  margin-right: 20px;

  margin-top: -2px;

}



.a9-box.icon-xs [class*="flaticon-"]:before,

.a9-box.icon-xs [class*="flaticon-"]:after {   

  font-size: 3rem;

  line-height: 1!important;

}



.a9-txt {

  overflow: hidden;

}



/*------------------------------------------*/

/*  ABOUT TYPOGRAPHY

/*------------------------------------------*/ 



.about-1-txt h3,

.about-2-txt h3,

.about-1-txt h2,

.about-2-txt h2 {

  line-height: 1.1;

  margin-bottom: 14px;

}



.abox-3-txt h5 {

  font-weight: 800;

  margin-top: 15px;

  margin-bottom: 12px;

}



.about-4-txt h2,

.about-4-txt h3 {

  letter-spacing: -1px;

  margin-bottom: 25px;

}



.about-4-txt h2, 

.about-6-txt h2,

.about-6-txt h3 {

  letter-spacing: -0.5px;

  margin-bottom: 25px;

}



.about-8-txt h3,

.about-8-txt h2 {

  line-height: 1.15;

  margin-bottom: 30px;

}



.about-9-txt h3,

.about-9-txt h2 {

  line-height: 1.15;

  margin-bottom: 30px;

}











.about-9-txt h4 {

    font-weight: 700;

    margin-bottom: 20px;

    color: orangered;

    text-transform: capitalize;

}









.about-5-txt h5 {

  font-weight: 800;

  margin-bottom: 30px;

}



.about-6-txt h5 {

  font-weight: 700;

  margin-top: 30px;

  margin-bottom: 40px;

}



.about-9-txt h5.h5-md {

  font-weight: 700;

  margin-bottom: 20px;

}



.about-9-txt .sbox-4-txt h5.h5-md {

  margin-bottom: 10px;

}



.about-7-txt h4 {

  letter-spacing: -0.5px;

  margin-bottom: 40px;

}



.abox-3-txt p {

  color: #757575;

  margin-bottom: 0;

}



.about-section .btn {

  margin-top: 20px;

}



.abox-list li {

  font-size: 1.175rem;

  font-weight: 400;

  width: auto !important;

  display: block !important;

  vertical-align: top;

  clear: none !important;

  margin: 0 0 6px 0;

  padding: 0;

}



#about-7 .abox-list li {

  font-size: 1.5rem;

  font-weight: 400;

  margin: 0 0 10px 0;

}



#about-7 .abox-list li i {

  font-size: 1.25rem;

  margin-right: 10px;

}



.abox-list li.more-info-link {

  font-weight: 800;

  font-size: 1.115rem;

  margin: 20px 0 0 0;

}



.abox-list li.more-info-link i {

  margin-left: 2px;

}



#about-7 .abox-list li.more-info-link {

  font-size: 1.45rem;

  text-decoration: underline;

  margin: 20px 0 0 30px;

}



#about-7.abox-list li a:hover {

  color: #252525;

  text-decoration: underline;

}



.about-9-txt .box-list p {

  margin-bottom: 7px;

}



.about-4-txt .btn {

  margin-top: 25px;

}



/*------------------------------------------*/

/*  Flags List

/*------------------------------------------*/ 



.flags-list li {

  text-align: center;

  display: inline-block !important;

  vertical-align: top;

  margin-right: 18px;

}



.flags-list li img {

  width: 61px;

  height: 40px;

}



.flags-list li span {

  font-size: 13px;

  line-height: 1;

  font-weight: 700;

  text-transform: uppercase;

  display: block;

  margin-top: 15px;

}



/*------------------------------------------*/

/*  ABOUT IMAGE

/*------------------------------------------*/ 



.about-img {

  position: relative;

}

#about-1 .video-square,

#about-2 .video-square {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  padding: 30px;

  background-color: #fff; 

  border: 1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;  

} 



#about-1 .video-square {

  left: 5px;

}



#about-2 .video-square {

  right: 5px; 

}



.about-4-img {

  padding-right: 20px;

}



.about-5-img {

  margin-top: 15px;

}









/* ==========================================================================

  07. VIDEO

  =========================================================================== */



#video-1 {

  height: 500px;

  padding-top: 190px;

  background: url(../images/video.jpg) no-repeat bottom center; 

  background-size: cover;

}



#video-2 {

  background: url(../images/video.jpg) no-repeat bottom center; 

  background-size: cover;

  padding-top: 140px;

  padding-bottom: 140px;

}



.video-section .video-btn.icon-xl [class^="flaticon-"]:before, 

.video-section .video-btn.icon-xl [class*=" flaticon-"]:before,

.video-section .video-btn.icon-xl [class^="flaticon-"]:after, 

.video-section .video-btn.icon-xl [class*=" flaticon-"]:after { 

  font-family: Flaticon;

  font-size: 120px;

  line-height: 1!important;

}



.video-2-txt h2 {

  letter-spacing: -0.5px;

  margin-bottom: 30px;

}



.video-2-txt p {

  padding-right: 10%;

  margin-bottom: 0;

}









/* ==========================================================================

  08.  SERVICES

  =========================================================================== */



#services-5 {

  padding-top: 100px;

  padding-bottom: 76px;

}



#services-5 .col-md-6 {

  padding: 0 7px;

}



.services-5-txt {

 padding-right: 20px;

}



/*------------------------------------------*/

/*  SERVICES TYPOGRAPHY

/*------------------------------------------*/



.services-5-txt h2 {

  letter-spacing: -1px;

  margin-bottom: 25px;

}



.services-5-txt h3 {

  letter-spacing: -0.5px;

  margin-bottom: 25px;

}



/*------------------------------------------*/

/*   SERVICE BOX

/*------------------------------------------*/



.sbox-1,

.sbox-2 {

  margin-bottom: 40px;

} 



.sbox-3 {

  background-color: #fff;

  border: 1px solid #e5e5e5;

  padding: 50px 30px;

  text-align: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  margin-bottom: 40px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;  

} 



.sbox-3:hover {

  background-color: #fff; 

  border: 1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



.sbox-4 {

    background-color: #fff;

    /* border: 1px solid #e5e5e5; */

    padding: 30px 25px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    margin-bottom: 30px;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    -ms-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;

    border-radius: 11px;

    padding: 38px 22px;

}



.sbox-4:hover {

  background-color: #fff; 

  border: 1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



.sbox-5 {

  background-color: #fff;

  border: 1px solid #e5e5e5;

  padding: 30px 25px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  margin-bottom: 16px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;  

} 

.sbox-6 {
 
    box-shadow: 0px 5px 10px #ccc;
    padding-bottom: 6px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    background-color: white;
  
}
.sbox-6 img {
    width: 100%;
    border: 1px solid #e7e7e7;
}
.sbox-7 {

  text-align: center;

  margin-bottom: 40px;

} 



.sbox-8 {

  margin-bottom: 20px;

} 



.sbox-7.sbox-left {

  text-align: left;

}



#services-8 .col-lg-3 {

  padding-left: 10px;

  padding-right: 10px;

}



.sbox-9 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*margin: 0 6px 0px;*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}



 



.bg-lightgrey .sbox-9.sbox-9-color {

 

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);

  box-shadow: 0 0 5px rgba(0, 0, 0, .15);

}



.sbox-5:hover,

.sbox-9.sbox-9-color:hover {

  background-color: #fff; 

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

  box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}



/*------------------------------------------*/

/*   SERVICE BOX TEXT

/*------------------------------------------*/



.sbox-4-txt,

.sbox-5-txt {

  overflow: hidden;

}





.sb-box {

  margin-bottom:30px;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out; 

} 



/*.sbox-6:hover { background-color: #0055a5; } */

/*.sb-box:hover .sbox-6 h5, .sb-box:hover .sbox-6 p, .sb-box:hover .sbox-6 a { color: #fff; } */



.sbox-7-txt,

.sbox-8-txt {

  text-align: left;

  padding: 30px 25px 35px;

  -webkit-border-radius: 0 0 6px 6px;

  -moz-border-radius: 0 0 6px 6px;

  border-radius: 0 0 6px 6px;

}



.sbox-9-txt {

  padding: 30px 10px 25px;

  -webkit-border-radius: 0 0 6px 6px;

  -moz-border-radius: 0 0 6px 6px;

  border-radius: 0 0 6px 6px; 

}



.sbox-7 .bg-1, .sbox-8 .bg-1, .sbox-9 .bg-1 { background-color: #bd60a5; }

.sbox-7 .bg-2, .sbox-8 .bg-2, .sbox-9 .bg-2 { background-color: #f7941d; }

.sbox-7 .bg-3, .sbox-8 .bg-3, .sbox-9 .bg-3 { background-color: #00aaad; }

.sbox-7 .bg-4, .sbox-8 .bg-4, .sbox-9 .bg-4 { background-color: #9895a4; }

.sbox-7 .bg-5, .sbox-8 .bg-5, .sbox-9 .bg-5 { background-color: #e15258; }

.sbox-7 .bg-6, .sbox-8 .bg-6, .sbox-9 .bg-6 { background-color: #38aecf; }

.sbox-7 .bg-7, .sbox-8 .bg-7, .sbox-9 .bg-7 { background-color: #c28cd3; }

.sbox-7 .bg-8, .sbox-8 .bg-8, .sbox-9 .bg-8 { background-color: #2f7aab; }



/*------------------------------------------*/

/*   SERVICES BOX ICON

/*------------------------------------------*/ 



.sbox-4-icon, .sbox-5-icon {

    display: inline-block;

    float: left;

    margin-right: 14px;

    margin-top: -12px;

}



.sbox-4-icon img,

.sbox-5-icon img {

  width: 55px;

  height: 55px;

}



/*------------------------------------------*/

/*   SERVICES BOX TYPOGRAPHY

/*------------------------------------------*/ 



.sbox-1-txt h5,

.sbox-2-txt h5,

.sbox-3 h5 {

  font-weight: 800;

  margin-top: 25px;

  margin-bottom: 12px;  

}



.sbox-1-txt h5 {

  padding-right: 15%;

}



.sbox-4-txt h5, .sbox-5-txt h5 {

    line-height: 1;

    font-weight: 500;

    letter-spacing: -0.5px;

    margin-bottom: 10px;

    font-size: 16px !important;

}



.sbox-4-txt p,

.sbox-5-txt p {

  color: #757575;

  margin-bottom: 0;

}

p.p-sm {
    padding: 2px 0px 20px 0px;
}


.sbox-6 h5 {
    font-weight: 600;
    /* margin: 14px 0 14px 0; */
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    font-size: 17px;
    color: #2a2b2b;
    font-weight: 600;
    padding: 15px;
}

.btnnn.text-center a {
    background-color: #e0224e;
    padding: 17px 0px;
    color: white;
}
.sbox-7 h5.h5-md {

  font-weight: 800;

  margin-top: 25px;

  margin-bottom: 0;  

}



.sbox-7-txt h5,

.sbox-8-txt h5 {

  font-weight: 800;

  margin-bottom: 14px;

}



.sbox-9-txt h5 {
    margin-bottom: 15px;
    color: #00923f;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}


.sbox-1-txt p,

.sbox-2-txt p,

.sbox-3 p {

  margin-bottom: 0;

} 



.sbox-6 p {

  margin-bottom: 0;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out; 

} 



.sbox-7 .btn,

.sbox-8 .btn {

  margin-top: 10px;

}


 .rss a {
    color: #119748;
    font-weight: 700;
}
 .rss {
    padding: 20px;
    margin-top: -35px;
}

.sbox-9-txt.white-color a {

  color: #fff;

}



.sbox-6 a i

.sbox-9-txt a i {

  margin-left: 3px;

}



.sbox-6 a:hover

.sbox-9-txt a:hover {

  color: #222;

}



/*------------------------------------------*/

/*  COUNTRY BOX IMAGE

/*------------------------------------------*/ 



.sbox-7 img,

.sbox-8 img,

.sbox-9 img,

.sbox-7 .hover-overlay,

.sbox-8 .hover-overlay,

.sbox-9 .hover-overlay {

  -webkit-border-radius: 6px 6px 0 0;

  -moz-border-radius: 6px 6px 0 0;

  border-radius: 6px 6px 0 0;

}



/*------------------------------------------*/

/*  Service Box Link

/*------------------------------------------*/ 



.sbox-7-link {

  width: 100%;

  position: absolute;

  top: 58%;

  transform: translateY(-50%);

  opacity: 0;

  text-align: center;

  color: #fff;

  padding: 0 10%;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.sbox-7-link h5 {

  color: #fff;

  font-weight: 800;

  margin-bottom: 15px;

}



.sbox-7 .sbox-7-link h5 {

  margin-top: 0;

  margin-bottom: 10px;

}



.sbox-7-link p {

  color: #fff;

  margin-bottom: 25px;

}



/*------------------------------------------*/

/*  Overlay Background 

/*------------------------------------------*/ 



.sbox-7 .item-overlay {

  opacity: 0;

  -moz-opacity: 0; 

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(37, 51, 77, 0.8);

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



/*------------------------------------------*/

/*  Image Hover Effect 

/*------------------------------------------*/ 



.sbox-7:hover .hover-overlay img {

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

  -moz-transform: scale(1.2);

}



.sbox-7:hover .item-overlay {

  opacity: 1; 

  -moz-opacity: 1; 

}



.sbox-7:hover .sbox-7-link {

  top: 52%;

  opacity: 1; 

  -moz-opacity: 1; 

}



.sbox-7:hover .sbox-7-link {

  top: 50%;

}









/* ==========================================================================

  09. TABS

  =========================================================================== */



#tabs-2 .tabs-nav { 

  text-align: center;

}



.tabs-2 { 

  display: inline-block;

  margin: 0 auto 60px;

}



.tab-content {

  display: none;

}



.tab-content.current,

.tab-content.displayed {

  display: inherit;

}



.tabs-1 li {

  display: inline-block; 

  position: relative;

  margin: 0 1px;

  background-color: #fff;

  border: 1px solid #ddd;

  font-size: 1.05rem;

  font-weight: 400;

  padding: 8px 18px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px; 

  cursor: pointer;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out;

}



.tabs-2 li {

  display: inline-block; 

  margin: 0 15px;

  background-color: transparent;

  color: #ccc;

  font-size: 1.25rem;

  font-weight: 500;

  padding: 8px 10px;

  border-bottom: 2px solid transparent;

  cursor: pointer;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out;

}



.tabs-1 li img {

  width: 23px;

  height: 15px;

  margin-left: 2px;

  position: relative;

  top: -1px;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out;

}



.tabs-1 li.current,

.tabs-1 li.current:hover {

  background-color: #2c3f69;

  border-color: #2c3f69;

  color: #fff;

}



.tabs-2 li.displayed,

.tabs-2 li.displayed:hover {

  color: #333;

  font-weight: 500;

  border-color: #333;

}



.tabs-2.primary-tabs li.displayed, .tabs-2.primary-tabs li.displayed:hover { color: #0055a5; border-color: #0055a5; }

.tabs-2.aqua-tabs li.displayed, .tabs-2.aqua-tabs li.displayed:hover { color: #18a0ae; border-color: #18a0ae; }

.tabs-2.blue-tabs li.displayed, .tabs-2.blue-tabs li.displayed:hover { color: #6e96dc; border-color: #6e96dc; }

.tabs-2.deepblue-tabs li.displayed, .tabs-2.deepblue-tabs li.displayed:hover { color: #2c3f69; border-color: #2c3f69; }

.tabs-2.green-tabs li.displayed, .tabs-2.green-tabs li.displayed:hover { color: #42c374; border-color: #42c374; }

.tabs-2.olive-tabs li.displayed, .tabs-2.olive-tabs li.displayed:hover { color: #7ba323; border-color: #7ba323; }

.tabs-2.orange-tabs li.displayed, .tabs-2.orange-tabs li.displayed:hover { color: #0055a5; border-color: #0055a5; }

.tabs-2.red-tabs li.displayed, .tabs-2.red-tabs li.displayed:hover { color: #f12a02; border-color: #f12a02; }

.tabs-2.darkred-tabs li.displayed, .tabs-2.darkred-tabs li.displayed:hover { color: #c2162c; border-color: #c2162c; }

.tabs-2.salmon-tabs li.displayed, .tabs-2.salmon-tabs li.displayed:hover { color: #f77459; border-color: #f77459; }

.tabs-2.teal-tabs li.displayed, .tabs-2.teal-tabs li.displayed:hover { color: #008080; border-color: #008080; }

.tabs-2.yellow-tabs li.displayed, .tabs-2.yellow-tabs li.displayed:hover { color: #ffab1f; border-color: #ffab1f; }



.tabs-1 li:hover {

  background-color: #eee;

  border-color: #eee;

}



#tabs-1 .tab-content {

  margin-top: 70px;

}



/*------------------------------------------*/

/*  TAB BOX

/*------------------------------------------*/



.tbox-1 h5 {

  line-height: 1;

  font-weight: 700;

  letter-spacing: 0px;

  margin-top: 20px;

  margin-bottom: 15px;

}



.tbox-1 p {

  margin-bottom: 0;

}



.tab-content .txt-block h3,

.tab-content .txt-block h2 {

  margin-bottom: 30px;

}



.tab-content .txt-block h5 {

  margin-top: 15px;

  margin-bottom: 20px;

}



.tab-content .txt-block .btn {

  margin-top: 20px;

}



/*------------------------------------------*/

/*  Image Zoom

/*------------------------------------------*/



.tbox-link {

  width: 100%;

  position: absolute;

  top: 55%;

  transform: translateY(-50%);

  opacity: 0;

  text-align: center;

  color: #fff;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



/*------------------------------------------*/

/*  Image Hover Overlay

/*------------------------------------------*/



.hover-overlay {

  width: 100%;

  height: auto;

  overflow: hidden;

  position: relative; 

}



.hover-overlay img {

  transform: scale(1);

  -ms-transform: scale(1);

  -webkit-transform: scale(1);

  -o-transform: scale(1);

  -moz-transform: scale(1);

  overflow: hidden;

  -webkit-transition: transform 400ms;

  -moz-transition: transform 400ms;

  -o-transition: transform 400ms;

  transition: transform 400ms;

}



/*------------------------------------------*/

/*  Overlay Background 

/*------------------------------------------*/ 



.item-overlay {

  opacity: 0;

  -moz-opacity: 0; 

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(10, 10, 10, 0.5);

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



/*------------------------------------------*/

/*  Image Hover Effect 

/*------------------------------------------*/ 



.tbox-1:hover img {

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

  -moz-transform: scale(1.2);

}



.tbox-1:hover .item-overlay {

  opacity: 1; 

  -moz-opacity: 1; 

}



.tbox-1:hover .tbox-link {

  top: 50%;

  opacity: 1; 

  -moz-opacity: 1; 

}



/*------------------------------------------*/

/*  Tab Carousel Navigation

/*------------------------------------------*/



.tab-content .owl-theme .owl-nav {

  margin-top: 5px;

}









/* ==========================================================================

  10. REQUEST FORM

  =========================================================================== */



#request-1.bg-image {

  width: 100%;

  background: url(../images/request-form.jpg) no-repeat fixed center; 

  background-size: cover;

}



/*------------------------------------------*/

/*  REQUEST FORM TYPOGRAPHY

/*------------------------------------------*/



.request-txt h2 {

  letter-spacing: -1px;

  margin-bottom: 25px;

}



.request-txt h5 {

  line-height: 1.25;

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 20px;

}



.request-txt .btn {

  margin-top: 20px;

}



/*------------------------------------------*/

/*  REQUEST FORM

/*------------------------------------------*/



.request-form { 

  padding: 30px 25px 15px;

  margin: 0 20px 0 50px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}



#sidebar .request-form { 

  padding: 35px 25px 15px;

  margin: 0 0 40px;

}



.request-form .col-md-12 { 

  padding: 0; 

}



.form-group {

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  Request Form Text

/*------------------------------------------*/



.request-form h5 { 

  font-weight: 700;

  line-height: 1;

  margin-bottom: 30px;

}



/*------------------------------------------*/

/*  Request Form Input

/*------------------------------------------*/



.request-form .form-control,

.request-form .custom-select {

  background-color: #fff;

  color: #333;

  height: 52px;

  font-size: 17px;

  line-height: 1;

  font-weight: 300;

  padding: 4px 15px;

  margin-bottom: 20px;

  border: 1px solid #ddd;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px; 

  box-shadow: none; 

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.request-form .custom-select {

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

}



/*------------------------------------------*/

/*  Request Form Placeholder

/*------------------------------------------*/



.request-form .form-control::-moz-placeholder { color: #555; } 

.request-form .custom-select::-moz-placeholder { color: #555; } 

.request-form .form-control:-ms-input-placeholder { color: #555; }

.request-form .custom-select:-ms-input-placeholder { color: #555; }

.request-form .form-control::-webkit-input-placeholder { color: #555; }

.request-form .custom-select::-webkit-input-placeholder { color: #555; }



/*------------------------------------------*/

/*  Request Form Input Focus

/*------------------------------------------*/



.request-form .form-control:focus {

  background-color: #f0f0f0;

  border-color: #ccc;

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Request Form Button

/*------------------------------------------*/



.request-form .btn {

  display: block;

  width: 100%;

  height: 52px;

  margin-top: 0;

}



.hero-register-form .btn {

  display: block;

  width: 100%;

  height: 52px;

  margin-top: 25px;

}



.request-form .btn:focus {

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Request Form Message

/*------------------------------------------*/



#request-form label.error {

  color: #e74c3c;

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 20px;

}



.request-form-msg {

  width: 100%!important;

  display: block;

  text-align: center;

}



#request-form .sending-msg {

  margin-top: 20px;

}



#request-form .loading {

  color: #2c3f69;

  font-family: "Rubik", sans-serif;

  font-size: 16px;

  font-weight: 700;

}









/* ==========================================================================

  11. STATISTIC

  =========================================================================== */



.statistic-section.bg-image {
    width: 100%;
    background: url(../images/pattern.jpg);
    background: linear-gradient(90deg, rgb(8 109 184) 0%, rgb(43 85 115) 35%, rgb(254 156 21) 100%);
}


#statistic-2 .col-lg-3 {

  padding: 0 8px;

}



.statistic-3-title {

  text-align: center;

  border-bottom: 4px solid #c2162c;

  margin: 0 5% 30px;

}



.statistic-3-title.primary-border {

  border-color: #0055a5;

}



.statistic-3-title.aqua-border {

  border-color: #18a0ae;

}



.statistic-3-title.blue-border {

  border-color: #0072bc;

}



.statistic-3-title.stateblue-border {

  border-color: #6a5acd;

}



.statistic-3-title.green-border {

  border-color: #42c374;

}



.statistic-3-title.olive-border {

  border-color: #7ba323;

}



.statistic-3-title.orange-border {

  border-color: #0055a5;

}



.statistic-3-title.red-border {

  border-color: #f12a02;

}



.statistic-3-title.darkred-border {

  border-color: #c2162c;

}



.statistic-3-title.salmon-border {

  border-color: #f77459;

}



.statistic-3-title.teal-border {

  border-color: #008080;

}



.statistic-3-title.yellow-border {

  border-color: #ffc20e;

}



/*------------------------------------------*/

/*  STATISTIC BLOCK

/*------------------------------------------*/



#statistic-1 .statistic-block,

#statistic-3 .statistic-block {

  text-align: center;

  margin-bottom: 40px;

}

#statistic-2 .statistic-block {
    text-align: center;
    /* background-color: #fbfcfd; */
    /* border: 1px solid #e5e5e5; */
/*    padding: 40px 20px;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 /*   margin-bottom: 40px;*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


#statistic-2.bg-lightgrey .statistic-block {

  background-color: #fff;

  border: 1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);

  box-shadow: 0 0 5px rgba(0, 0, 0, .15);

} 



/*#statistic-2 .statistic-block:hover {

  background-color: #fff; 

  border: 1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);

  box-shadow: 0 0 15px rgba(0, 0, 0, .15);

}
*/


/*------------------------------------------*/

/*  STATISTIC BLOCK TYPOGRAPHY

/*------------------------------------------*/



.statistic-block h5 {

  font-size: 3.75rem;

  line-height: 1; 

  margin-top: 20px;

  margin-bottom: 10px;

}



#statistic-2 .statistic-block h5 {

  font-size: 3rem;

  line-height: 1; 

  margin-top: 15px;

  margin-bottom: 10px;

}



#statistic-3 .statistic-block h5 {

    font-size: 40px;

    line-height: 1;

    margin-top: 0;

    margin-bottom: 15px;

}



#statistic-1 .statistic-block p,

#statistic-3 .statistic-block p {

  font-size: 1.25rem;

  margin-bottom: 0;

}



#statistic-2 .statistic-block p.p-md {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
}



.statistic-block a {

  font-size: 1.05rem;

font-family: "Rubik", sans-serif;

  font-weight: 700;

  text-decoration: underline;

}









/* ==========================================================================

  12. COUNTRIES

  =========================================================================== */



#countries-3 .col-lg-3 {

  padding-left: 10px;

  padding-right: 10px;

}

/*------------------------------------------*/

/*  COUNTRY BOX

/*------------------------------------------*/



.cbox-1,

.cbox-2 {

  margin-bottom: 60px;

}



.cbox-3 {

  position: relative;

  text-align: center;

  margin-bottom: 20px;

}



/*------------------------------------------*/

/*  COUNTRY BOX TYPOGRAPHY

/*------------------------------------------*/



.cbox-1 p,

.cbox-2 p {

  margin-bottom: 12px; 

}



.links-list li {

  font-size: 0.95rem;

  line-height: 1.3;

  font-weight: 700;

  margin-bottom: 6px; 

}



.cbox-2 .links-list li {

  padding-right: 10%;

}



.links-list li i {

  position: relative;

  top: 2px;

}



.country-name {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 20px;

}



.cbox-3 h5 {

  line-height: 1;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0;

}



/*------------------------------------------*/

/*  COUNTRY BOX FLAG

/*------------------------------------------*/



.country-flag {

  display: inline-block;

  margin-bottom: 20px;

}



.country-flag img {

  width: 50px;

  height: 33px;

  margin-right: 5px;

}



.cbox-2 .country-flag img {

  width: 65px;

  height: 43px;

  margin-right: 8px;

}



.country-flag h5 {

  display: inline-block;

  position: relative;

  font-weight: 700;

  line-height: 33px;

  margin-bottom: 0;

  top: 2px;

}



.cbox-2 .country-flag h5 {

  line-height: 43px;

  top: 5px;

}



.cbox-3 img,

.cbox-3 .hover-overlay {

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px;

}



/*------------------------------------------*/

/*  Image Hover Effect 

/*------------------------------------------*/ 



.cbox-3:hover .hover-overlay img {

  transform: scale(1.2);

  -ms-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -o-transform: scale(1.2);

  -moz-transform: scale(1.2);

}



.cbox-3:hover .item-overlay {

  opacity: 1; 

  -moz-opacity: 1; 

}









/* ==========================================================================

  13. BRANDS

  =========================================================================== */



#brands-1 {

  padding-top: 60px;

}



.brands-holder {

  padding-left: 60px;

  padding-right: 60px;

}



.brands-section h5 {

  letter-spacing: -0.5px;

  margin-bottom: 40px;

}



/*------------------------------------------*/

/*  BRANDS LOGO

/*------------------------------------------*/ 



.brands-carousel .brand-logo {

  padding: 0 10px;

  margin-bottom: 30px;

} 



#brands-2 .brand-logo {

  text-align: center;

  padding: 45px 15px;

} 



/*------------------------------------------*/

/*  FILTER BUTTONS

/*------------------------------------------*/ 



.brands-filter button {

  background-color: transparent; 

  color: #aaa;

  font-size: 1rem;

  line-height: 1;

  margin: 0 5px;

  padding: 0;

  border: none;

  cursor: pointer;

  outline: 0px none;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;  

}



.brands-filter button:after { 

  content: "/"; 

  padding-left: 11px; 

  position: relative;

  top: -1px;

}



.brands-filter button.last-button:after { 

  content: " "; 

  padding-left: 0; 

}



.brands-filter button.is-checked {

  color: #2972d1;

  cursor: default;

  outline: 0px none;

}



.brands-filter button:hover,

.brands-filter button:focus {

  color: #2972d1;

  outline: 0px none;

}



/*------------------------------------------*/

/*  BRANDS MASONRY HOLDER

/*------------------------------------------*/ 



.masonry-wrap .brand-3 {

  width: 20%;

  position: relative;

  padding: 0;

  margin-bottom: 0;

}



#brands-3 .brand-logo {

  text-align: center;

  padding: 30px 25px;

  background-color: #fff;

  border: 1px solid #fff;

  margin: 0 8px 20px;

  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out; 

} 



#brands-3 .brand-logo:hover {

  background-color: #fff;

  border: 1px solid #f5f5f5;

  box-shadow: 0 0 0 1px rgba(56, 60, 67, .07), 0 8px 14px 1px rgba(56, 60, 67, .15);

} 



.brand-3 p {

  color: #757575;

  line-height: 1.2;

  padding: 0 5%;

  margin-top: 3px;

  margin-bottom: 0;

}









/* ==========================================================================

  14.  TESTIMONIALS

  =========================================================================== */



/*------------------------------------------*/

/*   TESTIMONIALS CAROUSEL

/*------------------------------------------*/ 

.review-1 {
    background-color: #fbfcfd;
    border: 1px solid #f5f5f5;
    margin: 10px 8px 1px;
    padding: 20px 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 17px;
    box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}



.review-2 {

  background-color: #fff;

  border: 1px solid #ddd;

  margin: 0 5px 40px;

  padding: 30px 15px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

} 



.bg-lightgrey .review-1,

.bg-lightgrey .review-2 {

  background-color: #fff;

  border: 1px solid #f5f5f5;

  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);

} 



/*------------------------------------------*/

/*  Testimonial Message Avatar 

/*------------------------------------------*/ 



.review-1 .testimonial-avatar,

.review-2 .testimonial-avatar { 

  display: inline-block;

  float: left;

}



#reviews-1 .owl-carousel .owl-item img {
border:2px solid #dbdbdb;
border-radius:10px;

}



#reviews-2 .owl-carousel .owl-item img {

  width: 60px;

  height: 60px;

  margin: 0 10px 0 0;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;

}



/*------------------------------------------*/

/*  Testimonial Message Text

/*------------------------------------------*/




.rating{

  position: relative;

  display: inline-block;

}



.rating li{

  position: relative;

  display: inline-block;

  font-size: 13px;

  line-height: 26px;

  color: #ffce4a;

}



.review-2 p {

  color: #757575;

  font-size: 1rem;

  line-height: 1.45;

  font-weight: 300;

  font-style: italic;

  padding: 0 8px 3px;

} 

.review-author h5 {

    font-weight: 600;

    line-height: 1;

    padding-top: 15px;

    margin-bottom: 0;

}



#reviews-2 .review-author h5 {

  font-size: 1.05rem;

  padding-top: 12px;

  margin-bottom: 0px;

}



.review-author span {

  color: #888;

  font-size: 0.975rem;

  line-height: 1;

}



#reviews-2 .review-author span {

  font-size: 0.95rem;

}



/*------------------------------------------*/

/*   Reviews FlexSlider Navigation

/*------------------------------------------*/



.reviews-section .owl-theme .owl-nav {

  margin-top: 5px;

  margin-left: 10px;

}









/* ==========================================================================

  15. FAQs

  =========================================================================== */



 #faqs-2 h5.h5-xl {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 40px;

} 



/*------------------------------------------*/

/*  FAQS ACCORDION  

/*------------------------------------------*/



#faqs-1 .card-header,

#faqs-2 .card-header {

  position: relative;

  padding: 22px 20px;

  background-color: #f6f7f9;

  border: none;

  -webkit-border-radius: 6px 6px 0 0;

  -moz-border-radius: 6px 6px 0 0;

  border-radius: 6px 6px 0 0;

}



#faqs-1.bg-lightgrey .card-header,

#faqs-2.bg-lightgrey .card-header {

  background-color: #f0f0f0;

}



#faqs-1 #accordion [data-toggle="collapse"].collapsed:after,

#faqs-2 #accordion [data-toggle="collapse"].collapsed:after,

#faqs-1 #accordion [data-toggle="collapse"]:after,

#faqs-2 #accordion [data-toggle="collapse"]:after {

  font-family: "Font Awesome 5 Free"; 

  font-weight: 900; 

  content: "\f106";

  position: absolute;

  font-size: 1.15rem;

  top: 21px;

  right: 20px;

}



#faqs-1 #accordion [data-toggle="collapse"].collapsed:after,

#faqs-2 #accordion [data-toggle="collapse"].collapsed:after {

  content: "\f107";

}



#faqs-1 .card-header a:hover,

#faqs-2 .card-header a:hover {

  color: #151515;

}



/*------------------------------------------*/

/*  Question

/*------------------------------------------*/



#accordion .card {

  background-color: #fff;

  border: 1px solid #f5f5f5;

  margin-bottom: 20px;  

  -webkit-border-radius: 6px; 

  -moz-border-radius: 6px; 

  border-radius: 6px; 

}



#accordion .card-header h5 {

  line-height: 1;

  letter-spacing: -0.5px;

  font-weight: 700;

  margin-bottom: 0;

}



#accordion .card-header h5 span {

  font-weight: 400;

  margin-right: 2px;

}



/*------------------------------------------*/

/*  Answer

/*------------------------------------------*/



#accordion .card-body {

  padding: 30px 25px 15px; 

}



#accordion .card-body p {

  color: #505050;

}



#accordion .card-body .content-list {

  margin-bottom: 1rem;

}



/*------------------------------------------*/

/*  MORE QUESTIONS BUTTON

/*------------------------------------------*/



.more-questions {

  margin-top: 60px;

}



.more-questions h5 {

  line-height: 1;

  font-weight: 400;

  letter-spacing: -0.5px;

  margin-bottom: 0;

}



.more-questions a {

  font-weight: 700;

  text-decoration: underline;

  letter-spacing: -1px;

  margin-left: 3px;

}



.more-questions a:hover {

  color: #111;

}









/* ==========================================================================

  16.  CALL TO ACTION

  =========================================================================== */



.cta-section {

  padding-top: 70px;

  padding-bottom: 70px;

}



#cta-2.cta-section {

  padding-bottom: 80px;

}



#cta-3.cta-section {

  padding-top: 45px;

  padding-bottom: 45px;

}



.cta-section.bg-image {

  width: 100%;

  background: url(../images/cta.jpg) no-repeat fixed center; 

  background-size: cover; 

}



#cta-4 {

  background: url(../images/cta-4.jpg); 

  padding-top: 100px;

  padding-bottom: 100px;

  background-position: center center;

}



#cta-4 .cta-txt {

  padding-left: 80px;

}



/*------------------------------------------*/

/*    CALL TO ACTION TYPOGRAPHY

/*------------------------------------------*/ 



.cta-txt h3,

.cta-txt h2 {

  line-height: 1;

  margin-bottom: 10px;

}



#cta-4 .cta-txt h3 {

  line-height: 1.15;

  margin-bottom: 20px;

}



#cta-3 .cta-txt h4 {

  line-height: 1;

  margin-bottom: 0;

}



.cta-txt h5 {

  font-weight: 400;

  letter-spacing: 0.25px;

  margin-bottom: 0;

}



.cta-txt p {

  margin-bottom: 0;

}



#cta-4 .cta-txt p {

  margin-bottom: 30px;

}



#cta-3 a {

 text-decoration: underline;

}



.cta-btn p {

  font-size: 1.05rem;

font-family: "Rubik", sans-serif;

  line-height: 1;

  font-weight: 400;

  margin-bottom: 15px;

}



.cta-btn p span {

  font-weight: 700;

}



#cta-1 .cta-btn .btn {

  letter-spacing: 0.25px;

  padding: 16px 35px;

}



#cta-2 .cta-btn .btn {

font-family: "Rubik", sans-serif;

  text-transform: none;

  letter-spacing: 0.25px;

  padding: 16px 30px;

}









/* ==========================================================================

  17.  BLOG

  =========================================================================== */



/*------------------------------------------*/

/*    BLOG POST

/*------------------------------------------*/ 



.blog-post {

  margin-bottom: 40px;

padding: 20px;

background: #f8f8f8;

box-shadow: 3px 3px 3px #ccc;

}



.blog-post h5 {

  font-weight: 400;

  line-height: 1.25;

  margin-bottom: 15px;

}



#blog-1 .blog-post h5 {

  font-weight: 800;

  line-height: 1.35;

  margin-bottom: 10px;

}



#blog-1 .blog-post h5 a {

  text-decoration: none;

}



p.post-meta,

p.post-data {

  color: #757575;

  font-size: 0.975rem;

  margin-bottom: 10px;

}



p.post-data {

  margin-bottom: 0;

}



p.post-meta a,

p.post-data a {

  font-weight: 700;

}



/*------------------------------------------*/

/*  SINGLE BLOG POST

/*------------------------------------------*/ 



.sblog-post-txt h5.h5-md {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-top: 20px;

  margin-bottom: 20px;

}



.sblog-post-txt p a {

  font-weight: 700;

  text-decoration: underline;

}



/*------------------------------------------*/

/*  POST INNER IMAGE

/*------------------------------------------*/ 



.post-inner-img {

  margin-top: 40px;

  margin-bottom: 40px;  

}



.post-inner-img p {

  color: #999;

  font-size: 15px;

  margin-top: 15px;

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  POST TAGS 

/*------------------------------------------*/ 



.post-tags-list span a {

  color: #999;

  font-size: 0.925rem;

  font-weight: 400;

  line-height: 1.42857;

  background-color: #f0f1f3;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  padding: 7px 16px;

  margin-right: 5px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

}



.post-tags-list span a:hover {

  color: #fff;

  background-color: #2c3f69;

}



/*------------------------------------------*/

/*  POST SHARE ICONS

/*-----------------------------------------*/



.post-share-links {

  margin-top: 70px;

  padding-top: 70px;

  border-top: 1px solid #e5e5e5;

}



.share-social-icons {

  display: inline-block; 

  padding-left: 0;

}



.share-social-icons li {

  width: auto !important;

  display: inline-block !important;

  vertical-align: top;

  clear: none !important;

  padding: 0;

}



a.share-ico {

  color: #757575;

  width: 30px;

  height: 30px;

  font-size: 22px;

  display: block;

  margin-right: 3px;

}



/*------------------------------------------*/

/*  OTHER POSTS TYPOGRAPHY

/*------------------------------------------*/ 



.other-posts {

  margin-top: 80px;

}



.other-posts h5 {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 8px;

}



.other-posts h5 i {

  padding: 0 3px;

}



.prev-post a, 

.next-post a {

  color: #999;

  font-size: 1rem;

}



.all-posts a { 

  color: #999;

  font-size: 1.75rem;

  line-height: 1;

}



.prev-post a:hover, 

.next-post a:hover {

  color: #f5755e;

  text-decoration: underline;

}



.all-posts a:hover { 

  color: #333;

}



/*------------------------------------------*/

/*  ABOUT POST AUTHOR

/*------------------------------------------*/ 



.author-senoff {

  background-color: #f8f9fb;

  padding: 45px;

  margin-top: 80px;

  margin-bottom: 80px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.author-senoff img {  

  width: 100px;

  height: 100px;

  float: left;

  text-align: center;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;  

}



.author-senoff-txt {

  overflow: hidden;

  padding-left: 30px;

}



.author-senoff-txt h5 {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 10px;

}



.author-senoff-txt p {

  color: #757575;

  margin-bottom: 0;

}



/*------------------------------------------*/

/*  SINGLE POST COMMENTS

/*------------------------------------------*/



.single-post-comments {

  margin-top: 60px;

  margin-bottom: 80px;

  padding: 0 3%;

}



.related-posts h5.h5-xl,

.single-post-comments h5.h5-xl {

  font-weight: 700;

  letter-spacing: -0.5px;

  padding-bottom: 30px;

  margin-bottom: 60px;

  border-bottom: 1px solid #e5e5e5;

}



.single-post-comments img {

  width: 65px;

  height: 65px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -o-border-radius: 100%;

  border-radius: 100%;

}



.comment-meta {

  margin-bottom: 10px;

}



.comment-meta h5 {

  font-weight: 700;

  font-size: 1.125rem;

  letter-spacing: -0.5px;

  line-height: 1.1;

  margin-bottom: 2px;

}



.comment-date {

  color: #888;

  font-size: 15px;

  font-weight: 400;

  margin-bottom: 5px;

}



.btn-reply {

  margin-left: 3px;

}



.btn-reply a {

  color:  #888;

  font-size: 15px;

  font-weight: 400; 

}



.btn-reply a i {

  font-size: 13px;  

  margin-right: 1px;  

}



.btn-reply a:hover {

  color: #222;

}



.single-post-comments hr {

  margin-top: 35px; 

  margin-bottom: 35px; 

}



/*------------------------------------------*/

/*    SINGLE POST COMMENT FORM

/*------------------------------------------*/



#leave-comment h5.h5-xl {

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 3px;

}



.comment-form {

  position: relative;

  margin-top: 50px;

}



.comment-form p {

  color: #333;

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  margin-bottom: 10px;

  padding-left: 5px;

  display: block;

}



.comment-form .form-control {

  height: 54px;

  background-color: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 18px;

  font-weight: 300;

  padding: 0 15px;

  margin-bottom: 22px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.comment-form .form-control:focus {

  border-color: #f5755e;

  outline: 0px none;

  box-shadow: none;

}



.comment-form textarea { min-height: 200px; }

.comment-form textarea.form-control { 

  padding: 20px;

}



/*------------------------------------------*/

/*  Comment Form Button

/*------------------------------------------*/



.hero-form .btn:focus {

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Comment Form Message

/*------------------------------------------*/



.comment-form label.error {

  color: #e74c3c;

  font-size: 14px;

  font-weight: 300;

  margin-bottom: 20px;

}



.comment-form-msg {

  width: 100%!important;

  display: block;

  text-align: center;

}



.comment-form .sending-msg {

  margin-top: 20px;

}



.comment-form .loading {

  color: #505050;

  font-size: 17px;

font-family: "Rubik", sans-serif;

  font-weight: 700;

}



/*------------------------------------------*/

/*  BLOG VIDEO

/*------------------------------------------*/



.blog-video {

  position: relative;

}



.blog-video .video-preview {

  width: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);s

  text-align: center;

  color: #fff;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.blog-video .icon-lg [class*="flaticon-"]:before,

.blog-video .icon-lg [class*="flaticon-"]:after {   

  font-size: 7rem;

}









/* ==========================================================================

  18. GOOGLE MAP

  =========================================================================== */



#gmap {

  width: 100%;

  height: 450px;

}









/* ==========================================================================

  19.  CONTACTS

  =========================================================================== */



.contact-boxes {

  background-color: #f87d10;

  border: 1px solid #eef2f5;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

  margin-right: 45px;

  padding: 45px 35px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

  box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}



/*------------------------------------------*/

/*  CONTACT BOX

/*------------------------------------------*/



#contacts-1 .contact-box {

  text-align: center;

  margin-bottom: 40px;

}



#contacts-2 .contact-box {

  text-align: center;

  padding: 50px 30px;

  margin-bottom: 40px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px; 

}



#contacts-4 .contact-box {

  padding-bottom: 20px;

  border-bottom: 1px dashed #ddd;

}



#contacts-4 .contact-box:last-child {

  padding-bottom: 0;

  border-bottom: none;

}



.contact-box-txt {

  display: inline-block;

  overflow: hidden;

}



/*------------------------------------------*/

/*  CONTACT BOX HIGHLIGHT 

/*------------------------------------------*/



#contacts-2 .contact-box.highlight {

  background-color: #ffff;

  border:1px solid #f5f5f5;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);

  box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}



/*------------------------------------------*/

/*    CONTACTS TYPOGRAPHY

/*------------------------------------------*/



.contact-box h5 {

  font-weight: 800;

  margin-bottom: 12px;

}



#contacts-2 .contact-box h5 {

  font-size: 1.1rem;

  letter-spacing: -0.5px;

  margin-top: 0;

  margin-bottom: 4px;

}



#contacts-4 .contact-box h5 {

  font-size: 1.1rem;

  letter-spacing: -0.5px;

  margin-bottom: 2px;

}



.contact-box p {

  color: #999;

  font-size: 1.05rem;

  font-weight: 400;

  margin-bottom: 0;

}



#contacts-2 .contact-box p {

  color: #888;

  margin-top: 10px;

}



#contacts-4 .contact-box p {

  color: #aaa;

  margin-top: 0;

}



.contact-box a {

  font-weight: 400;

  text-decoration: underline;

}



#contacts-1 .contact-box a,

#contacts-2 .contact-box a {

  color: #888;

}



#contacts-2 .contact-box a,

#contacts-4 .contact-box a {

  font-weight: 800;

}



/*------------------------------------------*/

/*  CONTACT BOX ICON

/*------------------------------------------*/



.contact-box-icon {

  display: inline-block;

  background-color: #c5d2dc;

  border: 16px solid #eef2f5;

  width: 100px;

  height: 100px;

  text-align: center;

  margin: 0 auto 20px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  border-radius: 100%;

}



.aqua-icon-bg .contact-box-icon {

  background-color: #18a0ae;

  border: 16px solid #ececec;

}



.blue-icon-bg .contact-box-icon {

  background-color: #0072bc;

  border: 16px solid #ececec;

}



.darkblue-icon-bg .contact-box-icon {

  background-color: #2c3f69;

  border: 16px solid #ececec;

}



.green-icon-bg .contact-box-icon {

  background-color: #42c374;

  border: 16px solid #ececec;

}



.olive-icon-bg .contact-box-icon {

  background-color: #7ba323;

}



.orange-icon-bg .contact-box-icon {

  background-color: #0055a5;

}



.red-icon-bg .contact-box-icon {

  background-color: #f12a02;

}



.darkred-icon-bg .contact-box-icon {

  background-color: #c2162c;

}



.salmon-icon-bg .contact-box-icon {

  background-color: #f77459;

}



.teal-icon-bg .contact-box-icon {

  background-color: #008080;

}



.yellow-icon-bg .contact-box-icon {

  background-color: #ffab1f;

}



#contacts-4 .contact-box-icon {

  width: 78px;

  height: 78px;

  float: left;

  margin: -5px 20px 0 0;

}



.contact-box.icon-xs [class^="flaticon-"]:before, 

.contact-box.icon-xs [class*=" flaticon-"]:before,

.contact-box.icon-xs [class^="flaticon-"]:after, 

.contact-box.icon-xs [class*=" flaticon-"]:after { 

  color: #fff;

  font-family: Flaticon;

  font-size: 36px;

  line-height: 68px!important;

}



#contacts-4 .contact-box.icon-xs [class^="flaticon-"]:before, 

#contacts-4 .contact-box.icon-xs [class*=" flaticon-"]:before,

#contacts-4 .contact-box.icon-xs [class^="flaticon-"]:after, 

#contacts-4 .contact-box.icon-xs [class*=" flaticon-"]:after { 

  font-size: 24px;

  line-height: 45px!important;

}



/*------------------------------------------*/

/*  CONTACT FORM

/*------------------------------------------*/



/*------------------------------------------*/

/*  Contact Form Input

/*------------------------------------------*/

/*.form-group{margin-bottom: 22px;}*/
.error{color:#ff0000;}
.contact-form .form-control, .contact-form .custom-select {

    height: 47px;

    background-color: #ffffff;

    border: 1px solid #eee;

    box-shadow: 0 0 0 0;

    color: #444;

    font-size: 15px;

    font-weight: 300;

    padding: 0 15px;

    

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-transition: all 450ms ease-in-out;

    -moz-transition: all 450ms ease-in-out;

    -o-transition: all 450ms ease-in-out;

    -ms-transition: all 450ms ease-in-out;

    transition: all 450ms ease-in-out;

}





.contact-form .custom-select {

  display: inline-block;

  width: 100%;

  margin-bottom: 20px;

}



/*------------------------------------------*/

/*  Contact Form Textarea

/*------------------------------------------*/







.contact-form textarea {

    min-height: 142px;

}









.contact-form textarea.form-control { 

  padding: 20px 15px;

}



/*------------------------------------------*/

/*  Contact Form Placeholder

/*------------------------------------------*/



.contact-form .form-control::-moz-placeholder { color: #555; } 

.contact-form .custom-select::-moz-placeholder { color: #555; } 

.contact-form .form-control:-ms-input-placeholder { color: #555; }

.contact-form .custom-select:-ms-input-placeholder { color: #555; }

.contact-form .form-control::-webkit-input-placeholder { color: #555; }

.contact-form .custom-select::-webkit-input-placeholder { color: #555; }



/*------------------------------------------*/

/*  Contact Form Input Focus

/*------------------------------------------*/



.contact-form .form-control:focus {

  outline: 0px none;

  background-color: #fff;

  border-color: #f5f5f5;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



/*------------------------------------------*/

/*  Contact Form Message

/*------------------------------------------*/



.contacts-section label.error {

  color: #e74c3c;

  font-size: 16px;

  font-weight: 300;

  margin-bottom: 20px;

}



.contact-form-msg {

  width: 100%!important;

  display: block;

  text-align: center;

}



.contacts-section .sending-msg {

  margin-top: 18px;

}



.contacts-section .loading {

  color: #2c3f69;

  font-family: "Rubik", sans-serif;

  font-size: 16px;

  font-weight: 700;

}









/* ==========================================================================

  20.  FOOTER

  =========================================================================== */



.footer-box {

    padding-left: 4%;

}





#footer-3 .footer-box {

  padding-left: 0;

}



#footer-4 .footer-box {

  padding-left: 18%;

}



#footer-1 .footer-links {

    padding-left: 5%;

}



#footer-2 .footer-links,

#footer-3 .footer-links {

  padding-left: 25%;

}



#footer-2 .footer-links,

#footer-3 .footer-links {

  padding-left: 10%;

}



/*------------------------------------------*/

/*  FOOTER TYPOGRAPHY

/*------------------------------------------*/







.footer h5.h5-md {

    line-height: 1;

    font-weight: 500;

    margin-bottom: 30px;

    color: #fdfdfd;

    font-size: 22px;

}



.footer-box p.p-sm {

  margin-bottom: 4px;

}









p.foo-email a {

  font-weight: 500;

  text-decoration: underline;

}







.bg-dark .footer-info p,

.bg-dark .footer-box p,

.bg-dark .footer-form p,

.bg-dark .footer-links li a,

.bg-dark .foo-socials li i,

.bg-dark .bottom-footer p {

  color: #ddd;

}







.bg-deepblue .footer-info p,

.bg-deepblue .footer-box p,

.bg-deepblue .footer-form p,

.bg-deepblue .footer-links li a,

.bg-deepblue .foo-socials li i,

.bg-deepblue .bottom-footer p {

  color: #9bdafd;

}









.bg-dark  p.foo-email a {

  color: #eee;

}



/*------------------------------------------*/

/*  FOOTER LINKS

/*------------------------------------------*/





.footer-links li {
    /* font-size: 14px; */
    width: auto !important;
    display: block !important;
    vertical-align: top;
    clear: none !important;
    margin: 0 0 11px 0;
    padding: 0;
}





.bg-dark .footer-links li {

  color: #a3a3a3;

}



.footer-links li a:hover {

  text-decoration: underline;

}



/*------------------------------------------*/

/*  FOOTER SOCIAL LINKS

/*------------------------------------------*/



.foo-socials {

  display: inline-block; 

  padding-left: 0;

  margin: 0 auto 0;

}



.foo-socials li {

  width: auto !important;

  display: inline-block !important;

  vertical-align: top;

  clear: none !important;

  margin: 0 0 8px 0;

  padding: 0;

}



.foo-socials a {

  display: block;

  background-color: transparent;

  width: 38px;

  height: 38px;

  color: #999;

  font-size: 17px;

  line-height: 38px!important;

}



.foo-socials a.ico-facebook:hover { background-color: #3b5998;color: #fff; }

.foo-socials a.ico-twitter:hover { background-color: #00a9ed; color: #fff; }

.foo-socials a.ico-instagram:hover { background-color: #dc3c59; color: #fff; }

.foo-socials a.ico-dribbble:hover { background-color: #d92d84; color: #fff; }

.foo-socials a.ico-behance:hover { background-color: #2473f6; color: #fff; } 

.foo-socials a.ico-pinterest:hover { background-color: #ac281a; color: #fff; }

.foo-socials a.ico-linkedin:hover { background-color: #015886; color: #fff; }

.foo-socials a.ico-google-plus:hover { background-color: #cd1111; color: #fff; } 

.foo-socials a.ico-youtube:hover { background-color: #cd1b20; color: #fff; } 

.foo-socials a.ico-tumblr:hover { background-color: #3a5976; color: #fff; }

.foo-socials a.ico-vk:hover { background-color: #3b5998; color: #fff; }

.foo-socials a.ico-yahoo:hover { background-color: #7b0099; color: #fff; }

.foo-socials a.ico-yelp:hover { background-color: #d32323; color: #fff; }



/*------------------------------------------*/

/*  FOOTER NEWSLETTER FORM

/*------------------------------------------*/



.footer-form .newsletter-form {

  margin-top: 25px;

}



.footer-form .form-control {

  display: block; 

  width: 100%!important;

  text-align: center;

  height: 46px;

  background-color: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 1.05rem;

  padding: 0 15px;

  margin-bottom: 10px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



.footer-form .input-group > .custom-select:not(:last-child), 

.footer-form .input-group > .form-control:not(:last-child) {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}



/*------------------------------------------*/

/*  Newsletter Form Input Focus

/*------------------------------------------*/



.footer-form .form-control:focus {

  border: 1px solid #ccc;

  border-right: none;

  outline: 0;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Newsletter Form Button

/*------------------------------------------*/



.footer-form .input-group-btn { 

  display: block; 

  width: 100%!important; 

}



.footer-form .btn {

  display: block; 

  width: 100%!important;

  height: 46px;

  padding: 0.8rem 1rem;

  margin-left: 0;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

}



.footer-form .btn:focus {

  outline: 0;

  box-shadow: none;

}



/*------------------------------------------*/

/*  Newsletter Form Notification

/*------------------------------------------*/



.footer-form .form-notification {

  font-size: 1rem;

  font-weight: 400;

  line-height: 1;

  margin-top: 15px;

  margin-left: 5px;

}



/*------------------------------------------*/

/*  BOTTOM FOOTER

/*------------------------------------------*/



 footer#footer-1 {
    padding-top: 60px;
    padding-bottom: 20px;
}


.bottom-footer p {

  line-height: 38px;

  margin-bottom: 0;

}



#footer-3 .bottom-footer p {

  line-height: 1;

  margin-bottom: 10px;

}



#footer-3 .bottom-footer p.p-sm {

  display: inline-block;

  font-size: 0.925rem;

  line-height: 1;

  margin-left: 15px;

  margin-bottom: 0;

}



.bottom-footer p span {

  font-weight: 700;

}



.bg-dark .bottom-footer {

  border-top: 1px solid #444;

}



.bg-aqua .bottom-footer {

  border-top: 1px solid #158692;

}



.bg-darkpblue .bottom-footer {

  border-top: 1px solid #00517d;

}



.bg-blue-map .bottom-footer {
    border-top: 1px solid #ccc;
    padding-top: 21px;
    margin-top: 22px;
}






/* ==========================================================================

  21. BREADCRUMB

  =========================================================================== */



#breadcrumb {

  margin-top: 16px;

}



.breadcrumb {

  padding: 15px 0 15px 5px;

  margin-bottom: 0;

  background-color: transparent;

  border-radius: 0;

}



/*------------------------------------------*/

/*  BREADCRUMB TYPOGRAPHY

/*------------------------------------------*/ 



.breadcrumb-item a,

.breadcrumb-item.active {

  font-size: 1.05rem;

  font-weight: 400;

}



.breadcrumb.white-color .breadcrumb-item.active,

.breadcrumb.white-color .breadcrumb-item + .breadcrumb-item::before {

  color: #fff!important;

}



.breadcrumb-item + .breadcrumb-item::before {

  font-size: 1.1rem;

  display: inline-block;

  padding-right: 12px;

  margin-top: -1px;

  content: "\00bb";

}



.breadcrumb-item + .breadcrumb-item {

  padding-left: 15px;

}









/* ==========================================================================

  22. SIDEBAR

  =========================================================================== */



#sidebar {

  padding-left: 2px;

}



#sidebar h5.h5-lg {

    font-weight: 700;

    letter-spacing: -0.5px;

    margin-bottom: 30px;

    text-transform: capitalize;

}



/*------------------------------------------*/

/*   SIDEBAR SEARCH FORM

/*------------------------------------------*/



#search-field .form-control {

  background-color: #f0f0f0;

  font-size: 1.05rem;

  height: 54px;

  padding-left: 20px;

  border: none;

  -webkit-border-radius: 6px 0 0 6px;

  -moz-border-radius: 6px 0 0 6px;

  border-radius: 6px 0 0 6px;

}



#search-field .btn {

  background-color: #f0f0f0;

  color: #777;

  border: none;

  height: 54px;

  padding: 0 18px;

  margin-top: 0;

  -webkit-box-shadow: 0 0 0;

  -moz-box-shadow: 0 0 0;

  box-shadow: 0 0 0;

   -webkit-border-radius: 0px 6px 6px 0;

  -moz-border-radius: 0px 6px 6px 0;

  border-radius: 0px 6px 6px 0;

}



#search-field .form-control:focus {

  border-color: #999;

  outline: 0px none;

  box-shadow: none;

}



/*------------------------------------------*/

/*   SIDEBAR BLOG CATEGORIES

/*------------------------------------------*/



ul.blog-category-list > li {

  font-size: 1.1rem;

  padding: 12px 0;

  border-bottom: 1px dashed #c0c0c0;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;  

}



ul.blog-category-list > li:first-child {

  padding: 0 0 12px;

}



ul.blog-category-list > li:last-child {

  padding: 12px 0 0;

  border-bottom: none;

}



ul.blog-category-list > li a {

  color: #555;

}



ul.blog-category-list > li a i {

  font-size: 0.875rem;

  margin-right: 5px;

   -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out;

}



ul.blog-category-list > li span {

  color: #444;

  font-weight: 500;

}



ul.blog-category-list li:hover {

  padding-left: 12px;

}



/*------------------------------------------*/

/*  SIDEBAR COUNTRIES

/*------------------------------------------*/



ul.sidebar-country-list > li {

  font-size: 1.15rem;

  font-weight: 700;

  margin-bottom: 30px; 

}



ul.sidebar-country-list img {

  margin-bottom: 10px; 

}



ul.sidebar-country-list img {

  margin-bottom: 10px; 

}



/*------------------------------------------*/

/*  SIDEBAR LTEST POSTS

/*------------------------------------------*/



.latest-posts li { 

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px dashed #c0c0c0;

}



.latest-posts li:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: 0; 

}



.latest-posts li h5 { 

  line-height: 1.25;

  font-weight: 600;

}



/*------------------------------------------*/

/*  SIDEBAR POPULAR POSTS TYPOGRAPHY

--------------------------------------------*/



.latest-posts p { 

  color: #888;  

  margin-top: 6px;

  margin-bottom: 0;

}



.latest-posts p.lp-date { 

  color: #888;  

  margin-top: 5px;

  margin-bottom: 12px;

}



.latest-posts p.lp-date span { 

  color: #999;  

  font-weight: 500;

}



/*------------------------------------------*/

/*   SIDEBAR TAGS CLOUD

/*------------------------------------------*/



.badge {

  font-size: 0.75rem;

  font-weight: 600;

  color: #999;

  border: none;

  background-color: #f0f1f3;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  margin-bottom: 8px;

  padding: 6px 14px;

  margin-right: 2px;

  -webkit-transition: all 450ms ease-in-out;

  -moz-transition: all 450ms ease-in-out;

  -o-transition: all 450ms ease-in-out;

  -ms-transition: all 450ms ease-in-out;

  transition: all 450ms ease-in-out;  

}



.badge a {

  color: #999!important;

  font-size: 0.925rem;

  font-weight: 400;

  line-height: 1.42857;

}



.badge:hover {

  background-color: #2c3f69;

}



.badge:hover a {

  color: #fff!important;

}









/* ==========================================================================

  23. PAGE PAGINATION

  =========================================================================== */



.blog-page-pagination {

  padding-top: 30px;

}



.page-link {

  color: #505050;

  font-weight: 500;

  padding: .65rem .95rem;

  margin: 0 5px;

  background-color: #fff;

  border-color: #f3f3f3;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}



.page-item:first-child .page-link {

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}



.page-item:last-child .page-link {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}



.page-item.disabled .page-link {

  color: #aaa;

  background-color: #fff;

  border-color: #e5e5e5;

}



.next-page.page-link1 {

  margin-left: 30px;

}



.page-link:hover,

.page-link:focus,

.page-item.active .page-link {

  background-color: #594173;

  color: #fff;

  border-color: #594173;

  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .15);

  -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .15);

  box-shadow: 0 8px 8px rgba(0, 0, 0, .15);

}



.primary-pagination .page-link:hover,

.primary-pagination .page-link:focus,

.primary-pagination .page-item.active .page-link {

  background-color: #0055a5;

  border-color: #0055a5;

}









/* ==========================================================================

  24. SCROLL TO TOP

  ========================================================================== */  

 

#scrollUp {

  display: none;

  width: 40px;

  height: 45px;

  position: fixed;

  bottom: 20px;

  right: 30px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  background-image: url(../images/back-to-top.png);

  background-repeat: no-repeat;

  background-position: 50% 48%;

  background-color: rgba(35, 35, 35, 0.65);

  -webkit-transition: all 250ms linear;

  -moz-transition: all 250ms linear;

  transition: all 250ms linear; 

}



#scrollUp:hover {

  background-color: #505050;

}



nav a#pull {  

  display: none;  

} 









/* ==========================================================================

  STYLE CHANGER 

  ========================================================================== */



#stlChanger {

  position: fixed;

  z-index: 9999;

  font-size: 13px;

font-family: "Rubik", sans-serif;

  overflow: hidden;

  right: -230px;

  top: 125px;

  cursor: pointer;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-transition: all 400ms ease-in-out;

  -moz-transition: all 400ms ease-in-out;

  -o-transition: all 400ms ease-in-out;

  -ms-transition: all 400ms ease-in-out;

  transition: all 400ms ease-in-out;

}



#stlChanger.open {

  right: 0px;

}



#stlChanger .bgChanger {

  min-width: 280px;

  min-height: 280px;

}



#stlChanger .blockChanger {

  width: 230px;

}



#stlChanger .chBody {

  background: #f9f9f9;

  width: 230px;

  position: relative;

  overflow: hidden;

  border: 1px solid #e0e0e0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  height: 600px; 

  overflow: scroll; 

  overflow-x: hidden;

  direction: rtl;

  margin-left: 50px;

}



#stlChanger .chBut {

  background: #0055a5;

  width: 50px;

  height: 50px;

  position: absolute;

  top: 15px;

  left: 0;

  z-index: 1000000;

  text-align: center;

  border: 1px solid #0055a5;

  border-left: none;

  border-radius: 6px 0px 0px 6px;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

   box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 

}



#stlChanger .chBut.icon-xs [class*="flaticon-"]:before,

#stlChanger .chBut.icon-xs [class*="flaticon-"]:after {   

  color: #fff;

  font-size: 2.25rem;

  line-height: 49px!important;

}



#stlChanger p {

  color: #444;

  font-size: 16px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.25px;

  margin-bottom: 20px;

}



#stlChanger .stBgs a {

  text-decoration: none;

  width: 50px;

  height: 50px;

  float: left;

  padding: 0;

  margin: 0 4px 8px;

  cursor: pointer;

  opacity: 1;

}



#stlChanger .stBgs a:hover {

  opacity: 0.7;

}



.stBlock1 {

  margin: 0 20px 25px 20px;

}



.stBlock .btn {

  width: 100%;

  font-size: 13px;

  line-height: 1;

  padding: 12px 12px;

  margin-top: 15px;

}



.s_1 img {

  opacity: 1;

  margin-bottom: 12px;

  border: 1px solid #ddd;

  -webkit-transition: all 250ms ease-in-out;

  -moz-transition: all 250ms ease-in-out;

  -o-transition: all 250ms ease-in-out;

  -ms-transition: all 250ms ease-in-out;

  transition: all 250ms ease-in-out;

}



.s_1 img:hover {

  opacity: 0.8;

}

h3.h3-lg.darkblue-color {
    font-size: 27px;
    font-weight: 600;
}

.about-2-txt.pc-20.mb-40 h5 {
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 6px;
}

.readd a {

    background-color: #1697A8;

    padding: 11px 30px;

    color: white;

    border-radius: 4px;

}





.readd {

    margin-top: 49px;

}



img.img-fluid.hh {

    box-shadow: 6px 6px #f3f2f2;



}







.overlay::before {

    content: '';

    position: absolute;

    overflow: hidden;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

}





.overlayhh::before {

    content: '';

    position: relative;

    overflow: hidden;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    height: 80%;

    background-color: #000;

    opacity: .5;

}





.caption-txt.white-color h3 {

    font-size: 21px;

    text-shadow: 1px 1px black;

    font-weight: 300;

}







.abox-3.icon-sm.aboutt.text-center i {

    font-size: 41px;

    color: #1697A8;

}





h2.darkblue-color.hhhh {

    text-shadow: 1px 1px #4c4b4b;

    font-weight: 500;

}





h4.h4-md.texttt {

    font-size: 16px;

    font-weight: 300;

}



p.p-md.hh {

    font-size: 14px;

    font-weight: 300;

}







h2.h2-xs.jj {

    font-size: 18px;

}



span.section-id.id-color.jj {

    font-size: 30px;

    padding-bottom: 18px;

}



.cp-widget-button {display:inline-block;position:fixed;bottom:23%;right:1%;z-index:999999}



.cp-widget-button__inner {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}



.cp-widget-button__inner {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}



.cp-widget-button__inner img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}











.cp-widget-button1 {display:inline-block;position:fixed;bottom:12%;right:1%;z-index:999999}



.cp-widget-button__inner1 {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}



.cp-widget-button__inner1 {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}



.cp-widget-button__inner1 img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}







ul.contactus-11 li {

    padding-left: 30px;

    position: relative;

    padding-top: 0;

    padding-bottom: 6px;

    color: #ffffff !important;

    font-size: 13px !important;

}

ul.contactus-11 li i {

    position: absolute;

    left: 0;

    top: 4px;

    color: #c0c0c0 !important;

}









ul.contactus-111 li {

    padding-left: 60px;

    position: relative;

    padding-top: 0;

    padding-bottom: 36px;

    color: #000000 !important;

    font-size: 15px !important;

}





ul.contactus-111 li i {

    position: absolute;

    left: 0;

    top: 4px;

    color: white !important;

    font-size: 22px;

    background-color: #444;

     height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    display: block;

    border-radius: 50px;

    webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;



}













ul.contactus-111 strong {

    color: #f87d10;

    font-weight: 900;

    font-size: 17px;





}













h3.h3-lg.kkk {

font-size: 30px;

font-weight: 600;

}



















/*@media (min-width: 320px) and (max-width: 600px)  {





}*/



@media only screen and (max-width: 480px)

{



  .pc-20{padding-right:20px !important}


  .headtoppart.bg-darkblue{height:81px !important}

  .headertopleft{width:100% !important}

  .headertopright{width:100% !important}

  .header-info a, .header-info span, .header-contacts a, .header-contacts span{line-height:22px !important}

  .callusbtn{position:relative !important}

  .callusbtn{padding:0 !important}

  .header-info i, .header-contacts i{margin-left:2px !important; margin-right:2px !important}

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

  .headertopleft{margin-bottom:10px !important}


  span.section-id{margin:20px 0 0 0 !important}

  .wide-100{padding-top:40px !important; padding-bottom:40px !important}

  .section-title{margin:0 !important}

  .section-title h3, .section-title h2{font-size:20px !important}

  .sbox-6{height:auto !important; padding:15px 10px !important}

  .headertopright{float:left !important; text-align:left !important}

  .header-contacts a.yellow-color, .header-contacts a.yellow-color i{display:inline !important}

}



















.page-title-layout5 {

    padding-top: 80px;

    padding-bottom: 80px;

}











.page-title.bg-overlay:before {

    opacity: .55;

    background-color: transparent;

    background-image: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(35%,rgba(0,0,0,0)));

    background-image: linear-gradient(90deg,#fff 0,rgba(0,0,0,0) 35%);

}







.pagetitle__heading {

    font-size: 36px;

    margin-bottom: 2px;

    text-transform: capitalize;

}







.breadcrumb-item {

    position: relative;

    font-size: 14px;

}



.breadcrumb-item {

    position: relative;

    font-size: 14px;

}



.breadcrumb-item+.breadcrumb-item {

    padding-left: 0.5rem;

}



.breadcrumb-item {

    position: relative;

    font-size: 14px;

}





h1.pagetitle__heading {

    color: white;

    text-shadow: 1px 1px black;

}





li.breadcrumb-item a {

    color: white;

}





.breadcrumb-item.active {

    color: #ffffff;

}





.page-title-layout5 {

    padding-top: 111px;

    padding-bottom: 80px;

}





ul.contactus-111 a:hover {

    color: orange;

}







.contacttttt h2 {

    color: #f87d10;

    text-transform: capitalize;

    font-size: 25px;

    margin-bottom: 34px;

}





h3.h3-lg.dd {

    color: #1697a8;

    font-size: 28px;

}

textarea.form-control.message {
    height: 134px;
    padding: 19px;
}

.contact-form1 .form-control, .contact-form1 .custom-select {
    height: 48px;
    background-color: #e9f3ff;
    border: 1px solid #eee;
    box-shadow: 0 0 0 0;
    color: #444;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    margin-bottom: 26px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 3px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}




textarea.form-control.message1 {

    height: 94px;

}







button.btn-primary.hhh.tra-black-hover.submit {

    margin-top: 0px;

    margin-bottom: -1px;

    padding: 5px 27px;

}









.enquiryjj {

    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;

    padding: 22px 15px;

    background-color: white;

}







h5.h5-lg.jkl {

    color: #0055a5;

    font-size: 21px;

}



  

  

.study-page li {

    position: relative;

    padding-left: 38px;

    /* line-height: 1.5em; */

    color: #000;

    text-align: justify;

    margin-bottom: 14px;

    font-size: 16px;

    /* font-weight: 400; */

    /* letter-spacing: 0.5px; */

}





.list-check li::before {

    font-family: 'Font Awesome\ 5 Free';

    content: "\f101 ";

    font-size: 17px;

    color: #0055a5;

    position: absolute;

    font-weight: 900;

    left: 0;

}









.study-page img {

    border: 1px solid #cdc6c6;

    width: 100%;

    padding: 3px;

    box-shadow: 4px 4px #cac3c3;

    margin-bottom: 23px;

}





.study-page p {

    text-align: justify;

}





.page-title{

  position: relative;

}





.bg-overlay1:before {

    position: absolute;

    background-image: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(35%,rgb(1 1 1 / 58%)));

    background-image: linear-gradient(90deg,#000000a8 0,rgb(0 0 0 / 67%) 35%);

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 0;

}







img.lftimg {

    float: left;

    border: 1px solid #ddd7d7;

    padding: 3px;

    box-shadow: 3px 3px #cec3c3;

    margin-right: 30px;

}





.teamm-info h4 {

    color: orangered;

}





.teamm-info h6 {

    color: black;

}

 
section.our-productss {
    padding-top: 60px;
    padding-bottom: 60px;

}


.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* background: #000000f0; */
    opacity: 1.5;
   /* background: -webkit-linear-gradient(354deg, rgb(0 0 0 / 72%), rgb(0 0 0 / 0%) 100%);*/
}


.bgg{



  background-image: url(../images/steptodown.com284564.jpg);

    background-size: cover;

    background-attachment: fixed;}



    .jj{

      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

      padding: 40px; 

      background-color: white;



        background-image: url(../images/map-2.png);

    }




ul.contactus- li {
    padding-left: 33px;
    position: relative;
    padding-top: 0;
    padding-bottom: 10px;
    color: white;
    /* font-size: 14px; */
    font-weight: 400;
}



ul.contactus- li i {

    position: absolute;

    left: 0;

    top: 4px;

    color: #ff8d00;

}





ul.foo-socials.text-center.jkllll.clearfix i {

    color: #0055a5;

}



ul.foo-socials.text-center.jkllll.clearfix i:hover {

    color: white;

}





.box-list.about {

    background-color: white;

    padding: 50px 40px;

    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;

}



b, strong {

    font-weight: bolder;

    font-weight: 600;

}



span.txt-400 i {

    font-size: 14px !important;

}





/*.division{

  padding: 50px 0px;

}*/


 
img.rightimg {

    float: right;

    margin-left: 44px;

    margin-bottom: 9px;

    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;

    background-color: white;

    padding: 12px;

    margin-top: ;

}



.section-title {
    margin-bottom: 30px;
}



.contant{

  text-align: justify;

}



.contant h4{

  color: #f27a18;

}



.contant-img img{

      border: 1px solid #d8d2d2;

    padding: 4px;

    box-shadow: 2px 2px #e0dada;

    margin-bottom: 12px;     width: 100%;

}

 



.contant-list li {

    padding: 6px;

    list-style-type: disc;

    text-align: justify;

}

.contact-form .form-group input {
    height: 53px;
    margin-bottom: 25px;
}
.contact-form .form-group label {

    color: black;

    padding: 0 15px;

    position: absolute;

    top: 50%;

    z-index: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: .3s all;

    transition: .3s all;

}

/*

.address-box-wrap {

    border: 1px solid #f6f6f6;

    float: left;

    width: 100%;

    background: #f27a18;

    color: white;

}

*/

.address-box-sin {

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

    float: left;

    width: 100%;

}



 

 

.address-box-icon i {

    color: white; 

    font-size: 20px;

    background: #333;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    display: block;

    border-radius: 50px;

    webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}

 

.address-box-icon i:hover{

  background-color: white;

  color: #f27a18;

}



.jj-1 {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 40px;

    background-color: #f27a18;

    background-image: url(../images/map-2.png);

}



.contact-btn.btn btn-primary {

    color: #fff;

    background-color: white;

    border-color: #f27a18;

}



.contact-btn button.btn.btn-primary {

    background: white;

    color: #333;

}



.contact-boxes-1 {

    background-color: #fff;

    border: 1px solid #eef2f5;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    margin-right: 45px;

    padding: 45px 35px;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}



.vision-mision{

     padding: 20px;

    border-radius: 4px;

    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 20%);

    height: 228px;

    border: 1px solid #f87d10;

   

}

.vision-mision h2{

  color:#f87d10 ;

  text-align: center;

}





.vision-mision:hover {

  background-color: #fff; 

  border: 2px solid #f87d10;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



 .our-clint{

  text-align: center;

  padding: 12px;

    border-radius: 4px;

    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 20%);

    border: 1px solid #f87d10;



 }





 .our-clint:hover {

  background-color: #fff; 

  border: 2px solid #f87d10;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}





.Quick img {

    padding: -3px;

    margin: 2px;

    margin-top: 36px;

     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background-color: #fff; 

}





.img-magnifier-container {

  position: relative;

}



.img-magnifier-glass {

  position: absolute;

  border: 3px solid #8a3033;

  border-radius: 50%;

  cursor: none;

  /*Set the size of the magnifier glass:*/

  width: 200px;

  height: 200px;

}



.bxxsdw {

    box-shadow: 0 0 15px rgb(0 0 0 / 10%);

    padding: 16px;

    background: #fff;

    margin-bottom: 10px;

}
button.btn.btn-primary.jkl.submit {
    background-color: transparent:;
    /* border: 2px solid #00416b; */
    color: #ffffff;
}


button.btn.btn-primary.jkl.submit:hover{
  background-color: #00416b;
  color:black;
}

a.btn.btn-md.btn-primary.tra-white-hover.btn-arrow:hover{
  background-color: #00416b;
}



.smple tr td {

    border: none;

}


.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: transparent !important;
}


.wsmenu > .wsmenu-list > li a.header-btn.btn-primary {
    /* background-image: linear-gradient(to right, #f9416b 0%, #e02651 51%, #1f1f1f 100%); */
    margin: 10px;
    padding: 10px 27px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 6px;
    background-color: #02324f;
}
         .wsmenu > .wsmenu-list > li a.header-btn.btn-primary:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }



.one {
    /* background-color: #0370c2; */
    padding: 30px 20px;
    background: linear-gradient(to right, #0370c2, #084481);
}

.two {
    background: linear-gradient(to right, #d22d26, #7c0a08);
    padding: 30px 20px;
}


.three {
    background: linear-gradient(to right, #4e2fbd, #2b0b85);
    padding: 30px 20px;
}

.four {
    background: linear-gradient(to right, #249b64, #05482c);
    padding: 30px 20px;
}



.box-img img {
    width: 80px;
    margin-bottom: 24px;
}


.box-heading h4 {
    color: white;
    font-size: 22px;
    /* min-height: 50px; */
}

.box-heading p {
    color: white;

}



.boxxxx.text-center {
    min-height: 400px;
}


.boxxxx.text-center {
    min-height: 312px;
    border-radius: 20px;
}



.boxxxx.text-center:hover {
    min-height: 268px;
    border-radius: 0px;
    transition: 0.8s all;
}

.contactusyhhhhhh ul li {
    padding-left: 60px;
    position: relative;
    padding-top: 0;
    padding-bottom: 12px;
    color: black;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}





.contactusyhhhhhh ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 30px;
    color: #ff8d00;
}





.growth.text-center img {
    width: 100%;
}



a.btn.btn-md.btn-primary.jjjj.tra-white-hover.btn-arrow {
    /* background-image: linear-gradient(to right, #f9416b 0%, #e02651 51%, #1f1f1f 100%); */
    margin: 10px;
    padding: 19px 41px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 6px;
    border: none;
    background-color: #02324f;
}

h5.h5-xl {
    color:  #ffffff !important;
    font-size: 16px;
    font-weight: 700 !important;
}.bdr {
    margin: 18px 0px;
    margin-left: 0px;
}

button.btn.btn-primary.tra-black-hover.submit {
    border: 3px solid #a41b09;
    color: #a41b09;
}


.box-list1 p{
  text-align: justify;
}.about-4-img.jklllll.text-center img {
    box-shadow: 4px 6px #004b96;
}
.page-title {
    position: relative;
    display: block;
    padding: 84px 0px 12px 0px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}
.page-title .content-box .title-box {
   
    position: relative;
    display: block;
    

}
.page-title .content-box .title-box h1 {
    font-size: 46px;
    color: #ffffff;
    padding: 60px 0px;
}
.col-lg-4.right-itemm {
    padding: 60px;
    margin: 23px;
}
.info p {
    padding-left: 25px;
}
ul.contactus- li .gg strong{
  color:black;
}
.gg strong {
  color:black;
}
.gg p {
  color:black;
}

ul.contactuss- li {
    padding-left: 33px;
    position: relative;
    padding-top: 0;
    padding-bottom: 30px;
    color: white;
    font-size: 19px;
    font-weight: 400;
}
ul.contactuss- li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: #00416b;
    font-size: 22px;
}

.intro {
  background: #f45b69;
  padding: 100px 0;
}




/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  /*background: #fffbfb;*/
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #000;
  color: white;

}

.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    /* background: #a41b09; */
    background-image: linear-gradient(to right, #00416b 0%, #00416b 51%, #07588d 100%);
    border-radius: 10px;
}

.timeline ul li div::before {
  content: "";
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #00416b transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #00416b;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background 0.5s ease-in-out;
}

.timeline ul li.in-view::after {
    background: #0055a5;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #f45b69 transparent transparent;
  }
}


/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
  width: 40px;
  height: 40px;
  border-radius: 0;
}

.timeline-rhombus ul li::after {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
  bottom: 12px;
}

.timeline-star ul li::after {
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

.timeline-heptagon ul li::after {
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 60%,
    75% 100%,
    25% 100%,
    0% 60%,
    10% 20%
  );
}

.timeline-infinite ul li::after {
  animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.25);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}

page-title .content-box .title-box .gg{
     font-size:20px;
}
ul.contactuss- {
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    /* padding: 31px; */
    /* height: 522px; */
}

 
th.hj {
    background-color: #00416b;
    color: white;
}
th.hj1 {
  background-color: #366485;
    color: white;
}

.link1 a {
    color: #366485;
}
.sonalika img {
    width: 100%;
  
}
.headertopleft1 {
    padding: 4px;
    float: right;
}

.headertopright1.header-contacts p {
    color: white;
    padding-top: 4px;
    font-size: 13px;
    padding-left: 0px;
    margin: 0;
    font-weight: 400;
}



.link1 td {
    border: 1px solid lightgrey;
}

.link1 th {
    border: 1px solid lightgrey;
}

.sonalika-gallery.text-center img {
    width: 275px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    margin: 10px;
    padding: 6px;
}.sonalika.jkl h4 {
    color: #970300;
}


.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    border: 1px solid #ddd8d8;
}



     #map {
            width: 100%;
            height: 600px;
        }
        .blinking {
            animation: blink 1s infinite;
        }
        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0; }
        }



.paddingggggg{
  padding: 40px 0px;
}


.read-more a {
    font-size: 17px;
    color: #e82f5a;
    font-weight: 600;
}

.about-box-text h5 {
    font-size: 18px;
    padding-top: 8px;
    color: #000;
}
.about-box img {
    width: 50px;
}
.about-img.text-center img {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 12px;
    width: 100%;
}
.read-more {
    padding-bottom: 11px;
}


h4.subb-hedd {
    font-size: 23px;
    padding-bottom: 23px;
    font-weight: 500;
}
.box-list.whyy h6 i {
    margin-left: -37px;
    top: 4px;
    font-size: 22px;
    color: #ff8d00;
    padding: 5px;
}
section.bg-lightgrey.testimonials.reviews-section.division {
    padding-top: 60px;
    padding-bottom: 111px;
}
.box-list.whyy h6 {
    font-size: 21px;
    margin-bottom: 14px;
}


.gallery--1 img {
    padding: 6px;
    margin: 9px;
    width: 411px;
    height: 455px;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

section.cerificationss {
    padding-top: 60px;
    padding-bottom: 60px;
}
.gallery--1 {
    text-align: center;
}





.contact-form {
    background: linear-gradient(135deg, #483806, #4caf50);
    padding: 46px;
    border-radius: 9px;
}



.request-imgg img {
    width: 853px !important;
    margin-left: -24px;
}

.form-holder {
    margin-top: 89px;
}

.footer-logo {
    margin-top: 68px;
}

 
 
#main-div {
  position: fixed;
  right: 20px;
  bottom: 79px;
  z-index: 99;
}
.headertopright1.header-contacts {
    float: left;
    padding-top: 5px;
}
#main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  font-size: 29px;
  color: #0064f3;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main-button ~ button {
  visibility: hidden;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
  color: #fff;
  background: linear-gradient(90deg, #00a1f5, #0064f3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border: 0;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  opacity: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#main-button.open ~ button {
  visibility: visible;
  right: 70px;
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#main-button ~ a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 50px;
  width: 50px;
  font-size: 20px;
  opacity: 0;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
}

#main-button ~ .telegram-color {
  background: linear-gradient(0deg, #017AB1, #01ABE6);
}

#main-button ~ .whatsapp-color {
  background: linear-gradient(0deg, #00B100, #09db09);
}

#main-button ~ .messenger-color {
  background: linear-gradient(0deg, #0078FF, #00C6FF);
}

#main-button.open ~ a {
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}
#main-button.open ~ a:nth-of-type(1) {
  bottom: 60px;
}
#main-button.open ~ a:nth-of-type(2) {
  bottom: 120px;
}
#main-button.open ~ a:nth-of-type(3) {
  bottom: 180px;
}

.wave {
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes wave {
  0% {box-shadow: 0 0 0px 0px #dc3545;}
  100% {box-shadow: 0 0 0px 10px rgb(150 0 0 / 62%);}
}

.open {
  animation-iteration-count: 1;
}



.bdr1 {
    /* background-color: #053450; */
   /* padding: 45px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 6px;*/
}


section.inner-pages {
    padding-top: 60px;
    padding-bottom: 60px;
}
ul.contactuss- li {
    padding-left: 60px;
    position: relative;
    padding-top: 0;
    padding-bottom: 41px;
    color: #000000 !important;
    font-size: 17px !important;
    font-weight: 500;
}

ul.contactuss- li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: white !important;
    font-size: 22px;
    background-color: #119748;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    border-radius: 50px;
    webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.inner-abourtt {
    padding-top: 53px;
}
ul.listys li {
    padding: 3px;
}
 

ul.foo-links.clearfix li a:hover {
    color: #ec3761;
}

.s h3 {
    font-size: 28px;
    color: #dd224d;
}
.s img {
    float: right;
    width: 45%;
    margin-left: 23px;
    /* box-shadow: 10px 10px #95b1c6; */
    border-radius: 5px;
    padding: 2px;
    border: 1px solid gainsboro;
}
.s p {
    text-align: justify;
    line-height: 29px;
}


ul.listys {
    padding-top: 8px;
    padding-bottom: 8px;
}

ul.listys li i {
    color: #ff8d00;
    font-size: 19px;
    padding: 2px;
}

button:focus {
    outline: 1px dotted;
    outline: none !important;
}

.tablink {
    background-color: rgb(231, 231, 231);
    color: #000000;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 24%;
    border: 1px solid gainsboro;
    margin: 2px;
    border-radius: 6px;
}
.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: #000;
  display: none;
  padding-top:165px;
  height: 100%;
}

/*#Home {background-color: red;}
#News {background-color: green;}
#Contact {background-color: blue;}
#About {background-color: orange;}
#ion {background-color: pink;}
#Vacuum {background-color: black;}
*/



.filates-imgg {
    float: left;
}

.filates-imgg img {
    width: 100%;
    border: 1px solid gainsboro;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.filates-abouttt h3 {
    padding-top: 10px;
    font-size: 24px;
}
.dataaas h4 {
    font-size: 19px;
    color: #f5436c;
}.dataaas p {
    text-align: justify;
    line-height: 29px;
}

.dataaas h4 i {
    color: #ff8d00;
}

.dataaas {
    padding-top: 14px;
}


a.btn.btn-md.btn-primary.jjjj.tra-white-hover.btn-arrow.fr {
    border: none;
    background-image: linear-gradient(to right, #d51b46 0%, #dc3c61 51%, #db3a5f 100%);
}

p {
    line-height: 29px;
    font-family: 'Open Sans', sans-serif;
}
.diffusio1n {
    padding-top: 42px;
}

.diffusion h4 {
    font-size: 20px;
    color: #292727;
}

.diffusion1 h4 {
    font-size: 18px;
    color: #292727;}

.diffusio1n1 {
    padding-bottom: 42px;
}

form.row.contact-form-popup input {
    margin-bottom: 19px;
    width: 100%;
    font-size: 14px;
    height: 43px;
    background-color: #f8f8f8;
    border: 1px solid #e4e4e4;
}
textarea.form-control.message.pops {
    height: 120px;
    background-color: #f8f8f8;
    border: 1px solid #e4e4e4;
     font-size: 14px;
}
form.row.contact-form-popup {
    padding: 30px;
}

button.btn.btn-primary.tra-black-hover.sw.submit:hover {
    background-color: #ca1941;
    color: #fff;
}
button.btn.btn-primary.tra-black-hover.sw.submit {
    border: none;
    padding: 12px 29px;
    color: #fff;
    font-size: 14px;
}


.diffusion1.tungsten-electrod h4 {
    font-size: 32px;
}

.tabless {
    padding-top: 52px;
}


.vison-and-mison img {
    float: right;
    width: 46%;
}

.vison-and-mison p {
    text-align: justify;
}
ul.listys li {
    margin-left: 26px;
    text-align: justify;
}
ul.listys li i {
    margin-left: -32px;
    position: absolute;
}

section.vison-mison {
    padding-top: 60px;     padding-bottom: 60px;
}

 
.about-box.iner-1 {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 20px;
    margin-bottom: 22px;
    border-radius: 15px;
}


.sbox-6.vaccc h5 {
    font-size: 15px;
}
.red-more {
    margin-top: 39px;
}

.about-us {
    padding: 57px;
}.about-us h2 {
    color: #fff;
}

.about-us h6 {
    color: #fff;
}
.about-us h5 {
    color: #fff;
}

.about-us p {
    color: #fff;
    text-align: justify;
}

.red-more a {
    background-color: #fff;
    padding: 11px 20px;
    border-radius: 6px;
    color: #000;
}


section.qultyy {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 0;
}
.qq {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 22px;
    width: 111%;
    position: absolute;
    z-index: 9;
    /* top: -69px; */
    z-index: 99999999;
    bottom: -177px;
    border-radius: 9px;
}

.qq p{
    text-align: justify;
}


p.sr {
    color: #000;
}
.bgv1 {
    background-color:#02324f;
}

 .want h2 {
    font-weight: 700;
    color: white;
    font-size: 31px;
    line-height: 40px;
}
.process-section-two {
    position: relative;
    padding: 47px 0px;
}

.want-number a {
    background-color: #a92f20;
    padding: 19px 24px;
    border-radius: 9px;
    color: #fff;
    font-size: 19px;
}.want-number {
    margin-top: -15px;
}

.red-more a:hover {
    background-color: #101c24;
    color: #fff;
 
}a.btn.btn-md.btn-primary.jjjj.tra-white-hover.btn-arrow.sw {
    background-color: #7f1609;
}

span.colorss {
    color:#053450;
    font-weight: 700;
}
ul.wsmenu-list li a:hover {
    color: #ed8d21 !important;
}


 .sbox-6.pas {
    padding: 1px;
    background-color: #a72c1c;

}.sbox-6.pas h5 {
    color: #fff;
    padding: 16px 0px;
    margin-top: 0px;
    margin-bottom: 0;
}.produs-btn a {
    text-align: center;
    background-color: #02324f;
    padding: 15px 23px;
    border-radius: 7px;
    color: #fff;
    font-size: 19px;
}.produs-btn {
    text-align: center;
    margin-top: 29px;
}section.our-products-range {
    padding-top: 60px;
    padding-bottom: 60px;
}

.sector-img img {
    width: 100%;
    margin-bottom: 5px;
}

.sector-text {
    background-color: #fff;
    padding:12px 6px;
    text-align: center;
}
.sector-img {
    margin-bottom: 28px;
}
.sector-text h3 {
    font-size: 19px;
    color: #053450;
    font-weight: 700;
    margin-bottom: 0px;
}
section.sectors {
    padding-top: 60px;
    padding-bottom: 60px;
}h2.h2-xs.darkblue-color.wgh {
    color: #fff;
}

div#statistic-2 {
    padding-top: 60px;
    padding-bottom: 60px;
}


@media only screen and (max-width: 786px)

{
.ion img {
    width: 52%;
}

#statistic-2 .statistic-block h5 {
    font-size: 36px !important;
 
}

    #statistic-2 .statistic-block {
        padding: 36px 10px !important;
    }

div#statistic-2 {
    margin-top: 77px;
}

.caption-txt.white-color {
    display: none;
}
.slider-btn {
    
        bottom: -62px !important;
    }
.sbox-6 {
    margin-bottom: 32px;
}

.about-us {
    padding: 24px !important;
}
.col-md-6.img-heighttt {
    height: 261px;
}
.qq {
        width: 100% !important;
        position: relative;
        z-index: 9;
        top: -5px;
        bottom: 1px !important;
        border-radius: 9px;
        margin-bottom: 40px;
    }
.qq1 img {
 
    width: 100% !important;
}

    .section-title h3, .section-title h2 {
        font-size: 41px !important;
        margin-bottom: 33px !important;
    }

}



.diractorr img {
    float: left;
    width: 28%;
    margin-right: 43px;
    box-shadow: -21px -21px #a92f20;
    border: 1px solid gainsboro;
    padding: 2px;
    border-radius: 8px;
}

.diractorr p {
    text-align: justify;
}


.backk-ggg {
    background-color: #053450;
    text-align: center;
    border-radius: 7px;
    margin-top: -38px;
    padding: 42px;
}

select {
    width: 100%;
    border-radius: 5px;
    height: 45px;
    padding: 6px;
    color: #495057;
}

input.form-control {
    height: 45px;
}

input.theme-btn.btn-style-on1.new-color-btn {
    background-color: #a92f1f;
    border: none;
    height: 45px;
    padding: 6px;
    width: 100%;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
}

ul.our-product li {
    background-color: #053450;
    padding: 11px;
    border-bottom: 1px solid gainsboro;
}

ul.our-product  {
    overflow: scroll;
    display: block; height: 400px;
}



.bg-video-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
} 
.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
     height:90vh;  
    background-size: cover;
    background-attachment: fixed;
}


.img-container {
    background-color: #28a745;
    border-radius: 50%;
    padding: 35px;
    /* width: 66%; */
    text-align: center;
    margin-bottom: 11px;
    border: 1px solid #aeaeae;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
h2.headline-module {
    font-size: 33px;
    font-weight: 700;
    color: #15994b;
    text-align: center;
}

.caps-0 p {
    text-align: center;
}
.cp-widget-button4 {
    display: inline-block;
    position: fixed;
    bottom: 2%;
    right: 1%;
    z-index: 999999;
}

 
.cp-widget-button3 {
    display: inline-block;
    position: fixed;
    bottom: 33%;
    right: 1%;
    z-index: 999999;
}
.cp-widget-button2 {
    display: inline-block;
    position: fixed;
    bottom: 42%;
    right: 1%;
    z-index: 999999;
}
.main-boxx {
    margin: 47px;
    text-align: center;
}
.main-boxx h3 {
    border-bottom: 5px solid #119748;
    padding-bottom: 12px;
}
.main-boxx h3 a {
    font-size: 27px;
    color: green;
}
.reflectionEffect:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.5);
    pointer-events: none;
    content: "";
    transition: transform 0.8s;
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.qualityFeeds .yearsExperience a {
    display: flex
;
    align-items: center;
    background-color:#efba11;
    gap: 20px;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    border-radius: 4px;
    transition: all 0.4s ease;
}
.commonHeading h4 {
    font-size: 18px;
}
    .qualityFeeds .yearsExperience a .yearsExperienceTxt p {
        font-size: 24px;
    }
.qualityFeeds {
    position: relative;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 60px;
}
span.colorr {
    color: #119748;
    font-weight: 700;
}

.commonHeading h2 {
    color: #ed8d21;
    font-weight: 700;
}




.commonHeading p {
    font-size: 17px;
    text-align: justify;
    line-height: 28px;
}


.videoooo{
  position: relative;
  z-index: 0;
}
.produs-btn1 {
    margin-top: 30px;
}
.contentt.paddingg h5 {
    font-size: 45px;
    color: #fff;
}
.produs-btn1 a {
    background-color: #fff;
    padding: 17px 30px;
    font-size: 19px;
 border-radius: 4px;

 }

.contentt {
    position: absolute;
    z-index: 999;
    top: 20px;
}


.paddingg{
  padding: 78px;
}
.img-container:hover {
    background-color: #119748;
}
h2.fadein.visible {
    color: #efba11;
    font-size: 39px;
}
.main-boxx h3 a:hover {
    color: #ed8d21;
}
section.whatwe {
    padding-top: 60px;
    padding-bottom: 60px;
}
 

 section.visojjj {
    padding-top: 60px;
    padding-bottom: 60px;
}

.vison-misii h2 {
    font-size: 34px;
    color: #ffffff;
    font-weight: 700;
}

.vison-misii1 h3 {
    font-size: 21px;
    font-weight: 600;
    color: #086830;
    border-bottom: 1px solid;
    width: 18%;
    padding-bottom: 10px;
}

.vison-misii1 {
    background-color: #ffffffd4;
    padding: 34px;
}


.applii h4 {
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid gainsboro;
    width: 20%;
    padding-bottom: 4px;
}

span.txt-400 i {
    font-size: 14px !important;
    margin: 0px 6px;
    padding: 5px 9px;
    border-radius: 30px;
    background-color: #ed8d21;
    width: 30px;
    height: 30px;
    line-height: 18px;
}


.headertopright1.header-contacts.dr i {
   
    font-size: 14px !important;
    margin: 0px 6px;
    padding: 5px 9px;
    border-radius: 30px;
    background-color: #ed8d21;
    width: 30px;
    height: 30px;
    line-height: 18px;
}
 .headertopright1.header-contacts.dr a {
    color: #000;
 
}

.videotexttt h1 {
    color: #fff;
    font-size: 51px;
}
.videotexttt {
    padding-top:  160px;
    padding-bottom: 160px;
    text-align: center;}




.theme-btn-two-1 {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #000 !important;
    text-align: center;
    padding: 12px 31px;
    text-transform: uppercase;
    z-index: 1;
    background: #ed8d21;
}


.section-headinggggg h4 {
    font-size: 32px;
    padding-bottom: 42px;
    color: #119748;
}




textarea.form-control {




  height: 90px !important;
}




.custom-quality {
  background-color: #ffffff;
  color: #000000;
}

.custom-quality h2,
.custom-quality h4,
.custom-quality h5 {
  color: #1e1e1e;
}

.custom-quality p,
.custom-quality ul li {
  color: #333333;
  font-size: 16px;
  line-height: 1.7;
}

.custom-quality ul {
  padding-left: 20px;
  list-style: disc;
}


















.custom-quality .quality-box {
    background-color: #cee5ce !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    margin-bottom: 20px;
}





.custom-quality .quality-box:hover {
  background-color: #ffffff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .custom-quality .quality-box {
    padding: 20px;
  }
}













img.righttttt {
    float: right;
    width: 546px;
    margin-bottom: 50px;
    margin-left: 60px;
}

.aboutttttttt p{
  text-align: justify;
}



.listttt {
  list-style: none;
  padding-left: 0;
}

.listttt li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 16px;
}

.listttt li::before {
  content: "\f00c"; /* Font Awesome check icon */
  font-family: "Font Awesome 6 Free"; /* Use correct version */
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #28a745; /* Green color */
  font-size: 16px;
}




.producst h4 {
    color: #246923;
    font-weight: 700;
}




.producst p {
text-align: justify;
}


.producst.jkl img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 8px;
}


img.leftimggg {
    float: left;
    width: 450px;
    margin-right: 43px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
}

.bg1 {
    background-color: #fbfbfb;
}

.producst.jkll img {
    background-image: linear-gradient(to right, #246923, #efba11);
    width: 100%;
    border-radius: 100%;
    padding: 20px;
    margin-bottom: 20px;
}



.producst.jkll h2 {
    font-size: 29px;
    text-align: center;
    font-weight: 700;
}


ul.listt {
  list-style: none;
  padding-left: 0;
  margin: 1rem 0;
}

ul.listt li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 0.6rem;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

ul.listt li::before {
    font-family: FontAwesome;
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0.15rem;
    color: #246923;
    font-size: 1rem;
}



.producst h2 {
    font-size: 33px;
    color: #246923;
    font-weight: 600;
    margin-bottom: 20px;
}







@media only screen and (max-width: 767px) {
.main-boxx {
    margin: 15px;
    text-align: center;
}
  .producst img {
    width: 100%;
}
.main-boxx h3 a {
    font-size: 19px;
    color: green;
}

.img-container {
    background-color: #28a745;
    border-radius: 50%;
    padding: 10px !important;
    /* width: 66%; */
    text-align: center;
    margin-bottom: 11px;
    border: 1px solid #aeaeae;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

span.smllogo img {

  
    width: 254px !important;
 
}



.bannerrr {
    position: relative;
    z-index: 1;
    height: auto;
    overflow: hidden;
}

div#video-content {
    padding: 0px 0px;
}
.videotexttt h1 {
    color: #fff;
    font-size: 30px;
}#video-content {
    position: relative;
    z-index: 2;
    display: flex
;
    align-items: center;
    height: auto;
    color: #fff;
    text-align: center;
}#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: -1;
}
}

.imgg img {
    /* border: 2px solid #ddd; */
    padding: 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-bottom: 30px;
}