/*===== Typography =======*/
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.ttf");
}
@font-face {
  font-family: "Helvetica-Bold";
  src: url("../fonts/Helvetica-Bold.ttf");
}
@font-face {
  font-family: "Montserrat-ExtraLight";
  src: url("../fonts/Montserrat-ExtraLight.ttf");  
}
/*======== Global ==========*/
body {
      font-family: "Helvetica", Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
      text-align: center;
 }
/*button:hover{
  background: #DA0A23;
}*/

/*========START==================navbar section=================*/
.navbar-brand {
  margin: 5px;
}

.navbar-light .navbar-toggle {
    border-color: #030033;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #F5760C !important;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
  color: #F5760C;
}
.navbar-light .navbar-nav .nav-link {
  color: #d4d4d3
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
    z-index: 1;
    position: relative;
    padding-left: 15px;
}
*, ::after, ::before {
    box-sizing: border-box;
    margin: 0 auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 21px 25px;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #587490ba;
    border: 1px solid #000000ab;
    border-radius: 0.25rem;
    right: 10%;
    top: 45px;
    position: absolute;
}
.nav-link {
  font-size: 20px;
  opacity: 1;
  color: #fff;
}
#header-wrapper p{
  font-size: 18px;
    text-align: left;
    /* margin: 92px; */
    margin-left: 0;
    color: #a9a5a1;
    padding-left: 15px;
    border-left: 2px solid gray;
}

#header-wrapper p span{
    text-align: left;
    margin-left: 0;
    color: #F5F5F5;
  font-weight: bold;
}
#header-wrapper .phonenumber {
  line-height: 50px;
}
#header-wrapper {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(13, 21, 24, .5);
    overflow: hidden;
    box-sizing: border-box;
    height: 700px;
}
.header_img img{
  height: 700px;
  width: 100%;
}
.header_color h1{
  margin-bottom: 28px;
  font-size: 48px;
  color: #fff;
}
.header_color button {
    background: #F5760C;
    padding: 15px 50px 15px 50px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}
.header_color button a {
    padding: 16px 28px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}
.header_color button:hover {
    background: #eaad79;
  }
/*========END==================navbar section=================*/
.header_color {
    top: 309px;
    position: absolute;
    left: 20%;
    right: 20%;
}
.header_color img{
  margin-top: 196px;

}

h2 {
    font-family: "Helvetica-Bold";
    font-size: 36px;
    color: #FA4D4D;
    font-weight: bold;
}
h4 {
    font-family: "Helvetica-Bold";
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}
p {
  font-family: "Helvetica";
}
.item-box{
  margin: 30px;
}
#Alteration-wrapper .section-head p, #Vestire-wrapper .section-head p {
  font-size: 18px;
}
#Alteration-wrapper p, #Alteration-wrapper p {
  font-size: 16px;
  color: #7c7c7c;
}

/*STAET===== attracties-wrapper===*/

#Introducing-wrapper {
    margin-top: 0px;
    margin-bottom: 92px;
    background: #f5f5f5;
    padding: 100px 0 100px 0px;
}
#Introducing-wrapper img{
  width: 100%;
  height: auto;
}
#Introducing-wrapper h2 {
    text-align: left;
    margin: -8px 0px 10px 0px;
    font-family: "Helvetica-Bold";
}
#Introducing-wrapper p {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    /*color: ;*/
}
#Introducing-wrapper p span{
 color: #F5760C;
}
/*END===== attracties-wrapper===*/

/*====START====Alteration-wrapper===*/
#Alteration-wrapper .section-head{
  margin-bottom: 60px;
}
#Alteration-wrapper{
  margin-top: 40px;
  margin-bottom: 70px;
}
#Alteration-wrapper p span {
  color: #F5760C;
  margin-left: 5px;
}
/*====END====Alteration-wrapper===*/
/*=======START Serving-wrapper =====*/
#Serving-wrapper{
    background-image: url(../img/banne1.jpg);
    height: 440px;
    width: 100%;
  }
#Serving-wrapper p span {
  font-family: "Helvetica";
  font-size: 48px;
  font-weight: bold;
  color: #F5760C;
}
#Serving-wrapper .pirst-item {
  padding-top: 162px;
  text-align: right;
  color: #fff;
}
#Serving-wrapper p{
    line-height: 40px;
    vertical-align: bottom;
    padding-top: 36px;
}
#Serving-wrapper .pirst-item2 {
  padding-top: 162px;
  text-align: left;
  color: #fff;
}
#Serving-wrapper .pirst-item img {
  float: right;
  margin-left: 35px;
  margin-right: 27px;
  height: 115px;
  width: auto;
}
#Serving-wrapper .pirst-item2 img {
  float: left;
  margin-right: 35px;
  margin-left: 27px;
  height: 115px;
  width: auto;
}
#Serving-wrapper p {
  font-size: 30px;
}
/*#Serving-wrapper .service-img2 {
  float: left;
  display: inline-block;
}*/

/*=======END Serving-wrapper =====*/

/*=======START Vestire-wrapper =====*/
#Vestire-wrapper {
  margin-top: 100px;
  margin-bottom: 80px;
}
#Vestire-wrapper p span {
  color: #F68326;
  margin-left: 5px;
}
#Vestire-wrapper .section-head{
  margin-bottom: 55px;
}
#Vestire-wrapper .item p {
    font-size: 16px;
    color: #1d1d1a;
}
#Vestire-wrapper button {
  padding: 16px 110px;
  background: #F5760C;
  border-radius: 5px;
  font-size: 18px;
  color: #FFF;
  border: none;
}
#Vestire-wrapper button:hover{
  background: #f7a35e;
}
#Vestire-wrapper button a{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}
#Vestire-wrapper img{
  height: 60px;
  width: auto;
}
#Vestire-wrapper h4 {
  font-weight: bold;
}
/*=======END Vestire-wrapper =====*/


/*========START slider-wrapper======*/
#slider-wrapper{
  margin-top: 40px;
  margin-bottom: 30px;
}
/*========END slider-wrapper======*/


/*=========START location-wrapper==========*/
#location-wrapper{
  margin-top: 80px;
  background: #F5F5F5;
}
#location-wrapper button a{
    text-decoration: none;
    color: #fff;
}
#location-wrapper h2 {
    font-size: 36px;
    color: #E60D16;
    margin-top: 45px;
    margin-bottom: 20px;
}
#location-wrapper button{
  padding: 16px 40px;
  background: #F5760C;
  border-radius: 5px;
  font-size: 18px;
  color: #FFF;
  margin-left: 135px;
  border: none;
  margin-bottom: 45px;
  float: left;
}
#location-wrapper button:hover{
  background: #eca76c;
}
#location-wrapper hr {
  margin-left: 135px;
  margin-top: 35px;
  margin-bottom: 25px;
}
#location-wrapper .horijontal1 {
  margin-bottom: 35px;  
}
#location-wrapper address p {
    text-align: left;
    padding: 10px 0 0px 135px;
    font-size: 18px;
}
#location-wrapper address p span{
  color: #f5750c;
}
#location-wrapper address p .shopcolse {
  color: #e60e17;
}
/*=========END location-wrapper==========*/

/*START===== Copyrite-wrapper===*/
#footer-wrapper{
  background: #333333;
  margin-top: 80px;
  height: 100px;
}
#footer-wrapper p{
  font-family: "Montserrat-ExtraLight";
  color: #919191;
  font-size: 16px;
  padding-top: 42px;
  vertical-align: middle;
}
#footer-wrapper a{
  text-decoration: none;
}
#footer-wrapper span {
    color: #f5760d;
    margin-right: 5px;}
/*END===== Copyrite-wrapper===*/
@media (max-device-width: 768px) {
 #Introducing-wrapper h2 {
  margin-top: 20px;
 }
 #Serving-wrapper{
  height: 100%;
 }
.navbar-light .navbar-nav {
    /*color: blue;*/ /*Change active text color here*/
    background-color: white;

}
.navbar-light .navbar-nav > li > a {
    font-size: 25px;
    color: white;  
}
.navbar-light .navbar-nav .nav-link {
  color: #292927
}
.header_color {
  top: 45%;
}
#header-wrapper {
  height: 600px;
}
.header_img img {
  height: 600px;
}
.header_color img{
  margin-top: 25%;
}
#Serving-wrapper .pirst-item img{
  float: none;
}
#Serving-wrapper .pirst-item2 img{
  float: none;
  margin: 0 auto;
}
#Serving-wrapper .pirst-item{
  text-align: center;
  padding-top: 70px;
}
#Serving-wrapper .pirst-item2{
  text-align: center;
  padding-top: 70px;  
}
#Serving-wrapper p{
  text-align: center;
}
}
@media (max-device-width: 425px){
#header-wrapper p {
  display: none;
}
#location-wrapper button{
  float: none;
  margin-left: 0px;
}
#location-wrapper iframe{
height: 350px;
}
#header-wrapper {
  height: 500px;
}
.header_img img {
  height: 500px;
}
.header_color {
  top: 40%;
}
#location-wrapper address p {
  padding: 0;
}
}
.ml-auto, .mx-auto {
    margin-right: 0px;
}
.navbar-light{
  padding-top: 35px;
}

@media (max-device-width: 654px){
#header-wrapper p {
  display: none;
}
}