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

body {
    font-family: "Proxima Nova", Helvetica, "Helvetica Neue", Arial, sans-serif !important;
    color: #000000;
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

img {
    vertical-align: bottom;
}

p {
    margin: 7px 0px;
    text-align: justify;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output,
progress, section, source, video {
    display: block;
}

.zerogrid {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.content-wrapper {
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

/* ------------------Content------------------- */
#content {
}

.body-top-box {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    background-color: #FFF;
}

.top-inside {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 22px;
    padding-bottom: 0;
}

.top-left {
    width: 53%;
    height: auto;
    float: left;
    text-align: left;
}

.top-right {
    width: 45%;
    height: auto;
    float: right;
    text-align: right;
    padding-top: 0;
}

#welcome {
    width: 100%;
    height: 1000px;
    float: left;
    text-align: center;
    display:block;
    background-color:#9E9E9E;
}

.welcome-inside {
    width: 100%;
    height: 0;
    float: left;
    text-align: center;
    padding-top: 232px;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
}

.welcome-inside p {
    font-family: Poppins, Proxima Nova, Arial, Helvetica, sans-serif;
    margin: 14px 0px 7px 0px;
    text-align: center;
    color: #f66F26;
}

#welcome-subpage {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.welcome-inside-subpage {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding-top: 10px;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: normal;
}

.welcome-inside-subpage ul {
    margin: 14px 5px 7px;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
}

.welcome-inside-subpage li p {
    margin: 14px 5px 7px;
    padding: 5px;
    font-size:18px;
    text-align:center;
    text-decoration: none;
}

.mySlides {
    display: none;
}

/* Slideshow container */
.slideshow-container {
    width: 100%;
    height: 0;
    float: left;
    text-align: center;
}

.slideshow-container img {
    width: 100%;
    height: 1000px;
    float: left;
    text-align: center;
    display: block;
}

.button {
    background: #F66F26;
    text-align: center;
    float: left;
    padding: 10px 0px;
    width: 20%;
    height: auto;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    font-family: "Poppins", Proxima Nova, Helvetica, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 16px;
    margin-left: 39%;
    margin-right: 39%;
    border-radius: 15px;
}

.button:hover {
    background: #F66F26;
    text-align: center;
    float: left;
    padding: 15px 0px;
    width: 22%;
    height: auto;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    font-family: "Poppins, Proxima Nova", Helvetica, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 16px;
    margin-left: 39%;
    margin-right: 39%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.services-box {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 64px;
}

.services {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 10px;
}

.services ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.services ul li {
    width: 32%;
    height: auto;
    float: left;
    text-align: center;
    display: block;
    margin-right: 2%;
}

.services ul li:last-child {
    margin-right: 0%;
}

.services ul li p {
    margin: 0px 0px 7px 0px;
    text-align: center;
}

.services ul li h2.styleFontface {
    font-family: ProximaNova-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #202020;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.services a:hover {
    text-decoration: none;
}

.image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 22px;
    border-radius: 15px;
}

.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    border-radius: 15px;
}

.image:hover img {
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -moz-transform: scale(1.25); /* Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
}

.content-box {
    width: 100%;
    height: 600px;
    float: left;
    text-align: center;
    background: url(/storage/images/content-box-bg.jpg) center top no-repeat;
}

.content-inside {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    padding-bottom: 20px;
}

.content-inside-subpage p {
    margin: 0 10px 10px;
    padding: 0;
    font-size:18px;
    text-align:center;
    text-decoration: none;
}
.content-left {
    width: 50%;
    height: auto;
    float: left;
    text-align: left;
    display: none;
}

.content-box-subpage {
    width: 100%;
    height: 600px;
    float: left;
    text-align: center;
    border-radius: 15px; 
    background: url(/storage/images/content-box-sub.png) center top no-repeat;
}

.content-left-subpage {
    width: 50%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 20px;
    list-style-type: none;
}

.content-left-subpage li{
    font-size: 16px;
    list-style-type: none;
} 

.content-right-subpage {
    width: 50%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 20px;
    list-style-type: none;
}

.content-right-subpage li{
    font-size: 16px;
    list-style-type: none;
}

.content-left img {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
}

.content-right {
    width: 46%;
    height: auto;
    float: right;
    text-align: left;
    padding-top: 10px;
}

.content-right p {
    margin: 5px 0px 7px 0px;
    text-align: left;
}

.content-right a:hover {
    text-decoration: none;
}

.content-bottom-box {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.testimonial-box {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding-top: 72px;
    padding-bottom: 20px;
}

.content-title {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}

.testimonial {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 30px;
}

.testimonial ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.testimonial ul li {
    width: 48%;
    height: auto;
    float: left;
    text-align: center;
    display: block;
    margin-right: 4%;
}

.testimonial ul li:last-child {
    margin-right: 0%;
}

.testimonial ul li strong {
    font-family: Poppins, ProximaNova-Bold;
    font-size:15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff6c2b;
}

.testimonial ul li p {
    font-family: Poppins, ProximaNova-Bold;
    font-size:18px;
    margin: 22px 0px 20px 0px;
    text-align: center;
}

.testimonial ul li img {
    height: auto !important;
    width: 10% !important;
    max-width: 100%;
}

.testimonial-client {
    width: 95%;
    height: auto;
    float: left;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-bottom: 0%;
    text-align: center;
}

.testimonial-client img {
    height: auto !important;
    max-width: 12%;
}

.testi-bergo2023 {
    width: 95%;
    height: auto;
    float: left;
    padding-top: 0%;
    padding-bottom: 0%;
    margin-bottom: 0%;
    text-align: center;
}

.testi-bergo2023 img {
    height: auto !important;
    max-width: 50%;
}

.clear {
    clear: both;
}


/*Heading styles*/
h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url(../ProximaNova-Bold.ttf)
}

@font-face {
    font-family: 'proximanovalight';
    src: url(../proximanovalight.ttf)
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url(../ProximaNova-Regular.ttf)
}

h1.styleFontface {
    font-family: ProximaNova-Bold;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    margin-top: 0;
}

h2.styleFontface {
    font-family: Poppins, ProximaNova-Bold;
    color: #f06d26; 
    font-size: 30px;
    line-height: 30px; 
    font-weight: lighter;
}

h3.styleFontface {
    font-family: Poppins, ProximaNova-Bold;
    color: #f06d26; 
    font-size: 16px;
    line-height: 18px; 
    font-weight: lighter;
}

h4.styleFontface {
    font-family: ProximaNova-Regular;
    font-size: 20px;
    line-height: 22px;
    color: #FFF;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

h4.styleFontface a {
    font-family: ProximaNova-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #FFF;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

h4.styleFontface a:hover {
    font-family: ProximaNova-Bold;
    font-size: 24px;
    line-height: 26px;
    color: #FFF;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

h5.styleFontface {
    font-family: ProximaNova-Bold;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    margin-top: 0;
}

.orange {
    color: #F66F26;
}

.nero {
    color: #000;
}

.nav_up{
	padding:7px;
	background-color:white;
	border:0px solid #CCC;
	position:fixed;
	background:transparent url(/storage/images/arrow-up.png) no-repeat top left;
	background-position:50% 50%;
	width:50px;
	height:130px;
	bottom:10px;
	opacity:0.7;
	left:40px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	border:0px solid #CCC;
	position:fixed;
	background:transparent url(/storage/images/arrow-down.png) no-repeat top left;
	background-position:50% 50%;
	width:50px;
	height:130px;
	bottom:10px;
	opacity:0.7;
	left:5px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/*
  =========================================================================================
                                    Social Icons
  =========================================================================================
  */
  
  
.round-btn {display: inline;height: 40px; width: 40px; background:#fff;border-radius: 50%;float: left;margin: 15px 8px;box-shadow: 2px 2px 5px 0px rgb(82, 0, 67);border: 1px solid;/*border: 1px solid #622657;*/}
.round-btn a {display: block !important;padding: 7px 12px;font-size: 18px;border-radius: 50%;}
.round-btn .icon {padding: 3px;}
.round-btn .icon img{height: 24px; width: 32px;margin-top: 6px;}
.btn-facebook a {color: #3b5998;padding: 8px 13px;}
.btn-linkedin a {color: #007bb6;}
.btn-twitter a{color: #1c9deb;}
.btn-instagram a{color: #dd3f5c;}
.btn-whatsapp a{color: #155E54;}
.btn-envelop a{color: #D6403A;font-size: 15px; padding: 9px 12px;}
.standard_header .standard_social_links {margin-left: 1rem;}

  /*
  =========================================================================================
                                    footer
  =========================================================================================
  */
  
.footer-wrap {
    padding-top: 43px;
    background-size: cover;
}

.footer-wrap h3 {
    color: #F66F26;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: left;
}

.footer-wrap p {
    font-size: 13px;
    line-height: 24px;
    color: #b3b3b3;
    margin-top: 15px;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-links li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}


.footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #ccc;
}

.footer-category li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}

.footer-category li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.footer-contact li:before {
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.footer-contact li {
    font-size: 15px;
    line-height: 30px;
    color: #b3b3b3;
    text-decoration: none;
}

.footer-contact a:link {
    font-size: 15px;
    line-height: 30px;
    color: #b3b3b3;
    text-decoration: none;
}

.footer-contact a:hover {
    font-size: 15px;
    line-height: 30px;
    color: #0083ff;
    text-decoration: none;
}

.address {
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.address:before {
    content: "\f277";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-phone:before {
    content: "\f095";
}

.info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-fax:before {
    content: "\f1ac";
}

.copyright {
    border-top: 1px solid #111;
    font-size: 14px;
    color: #ccc;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
    background: #222;
    font-family: Poppins, Proxima Nova, Arial, Helvetica, sans-serif;
}
footer .second_class{
    border-bottom: 1px solid #444;
    padding-bottom: 25px;
}
footer .first_class {
    padding-bottom: 21px;
    border-bottom: 1px solid #444;
}
footer .first_class p, footer .first_class h3{
    margin: 0 0;
    padding-top: 12px;
}
footer{
    background: #333;
}

footer .newsletter input[type="text"] {
    width: 100%;
    background: #fff;
    color: #333;
    border: 1px solid #222;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 12px;
}

.newsletter .newsletter_submit_btn {
    background: #fff;
    position: absolute;
    right: 30px;
    border: 0;
    top: 26px;
    font-size: 17px;
    color: #333;
}


footer .second_class_bdr{
    padding-top: 25px;
    border-top:1px solid #222;
}

footer .btn-facebook a {
    padding: 6px 14px !important;
}

footer .btn-envelop a {
    color: #D6403A;
    font-size: 15px;
    padding: 12px 12px;
}

footer .round-btn a {
    padding: 6px 12px;
}

footer .round-btn {
    box-shadow: 2px 2px 5px 0px #222 !important;}

footer .round-btn {
    margin: 15px 4px;}
  
footer dl, ol, ul {
    padding-left: 5px;
}
  footer li{
    list-style: none;
    text-align: left;
  }
@media(max-width:1200px){
#welcome {
    width: 100%;
    height: 800px;
}
.slideshow-container img {
    width: 100%;
    height: 800px;
}
}
@media(max-width:800px){
#welcome {
    width: 100%;
    height: 600px;
}
.slideshow-container img {
    width: 100%;
    height: 600px;
}
}
@media(max-width:768px){
    .footer-wrap h1, h3 {
    margin-top: 27px;}
    
    footer .round-btn {
    margin: 15px 4px;}
}
@media(max-width:320px){
    .copyright {
    font-size: 13px;}
} 


.topnav {
  overflow: hidden;
  background-color: #333;
  margin: 0;
  font-family: Poppins, Proxima Nova, Arial, Helvetica, sans-serif;
}

.topnav a {
  float: left;
  display: block;
  color: #FFF;
  text-align: center;
  padding: 5px 16px 7px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a:hover {
  background-color: #FFF;
  color: black;
  text-decoration:none;
}

.topnav a.active {
  background-color: #F66F26;
  color: white;
  font-family: Poppins, Proxima Nova, Arial, Helvetica, sans-serif;
  text-decoration:none;  
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 0;
  width: 0;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: transparent;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 5.0s;
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 2}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

div.gallery {
  margin: 0 15px 10px;
  border: 1px solid #ccc;
  float: left;
  width: 220px;
  color: #000;
  font-size: 16px;
  border-radius: 10px;
  background-color: #03aa9f;
}

div.gallery a{
  color: #000;
  text-decoration: none;
}

div.gallery a:hover {
  color: #031ba5;
  text-decoration: none;
}

div.gallery img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

div.desc {
  padding: 10px;
  text-align: center;
}