/* Estilos de la pagina */

/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/

@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Montserrat-Thin.eot");
  src: url("../fonts/Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Thin.woff2") format("woff2"),
         url("../fonts/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Thin-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: italic;
  src: url("../fonts/Montserrat-ThinItalic.eot");
  src: url("../fonts/Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ThinItalic.woff") format("woff");
}

/** Montserrat ExtraLight **/

@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/Montserrat-ExtraLight.eot");
  src: url("../fonts/Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraLight.woff") format("woff");
}

/** Montserrat ExtraLight-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: italic;
  src: url("../fonts/Montserrat-ExtraLightItalic.eot");
  src: url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light **/

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Light.woff2") format("woff2"),
         url("../fonts/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/Montserrat-LightItalic.eot");
  src: url("../fonts/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-LightItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-LightItalic.woff") format("woff");
}

/** Montserrat Regular **/

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Regular.woff2") format("woff2"),
         url("../fonts/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Regular-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Italic.woff2") format("woff2"),
         url("../fonts/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Medium.woff2") format("woff2"),
         url("../fonts/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Medium-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/Montserrat-MediumItalic.eot");
  src: url("../fonts/Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-MediumItalic.woff") format("woff");
}

/** Montserrat SemiBold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBold.woff") format("woff");
}

/** Montserrat SemiBold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/Montserrat-SemiBoldItalic.eot");
  src: url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff");
}

/** Montserrat Bold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Bold.woff2") format("woff2"),
         url("../fonts/Montserrat-Bold.woff") format("woff");
}

/** Montserrat Bold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/Montserrat-BoldItalic.eot");
  src: url("../fonts/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-BoldItalic.woff") format("woff");
}

/** Montserrat ExtraBold **/

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/Montserrat-ExtraBold.eot");
  src: url("../fonts/Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBold.woff") format("woff");
}

/** Montserrat ExtraBold-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot");
  src: url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Black **/

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Montserrat-Black.eot");
  src: url("../fonts/Montserrat-Black.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Black.woff2") format("woff2"),
         url("../fonts/Montserrat-Black.woff") format("woff");
}

/** Montserrat Black-Italic **/

@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/Montserrat-BlackItalic.eot");
  src: url("../fonts/Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-BlackItalic.woff") format("woff");
}

a:hover {
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



ul,nav {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  opacity: 0.9;
}

a:hover {
  opacity: 1;
}

a.btn {
  color: #3954a5;
  border-radius: 2px;
  border: 1px solid #3954a5;
  text-transform: uppercase;
  background-color: transparent;
  font-weight: 800;
  text-align: center;
  with: 100%;
}

a.btn:hover {
  color: #fff;
  background-color: #3954a5;
}

a.btn_redondo {
  color: #3954a5;
  border-radius: 25px;
  border: 1px solid #3954a5;
  text-transform: uppercase;
  background-color: #fff;
  font-weight: 800;
  text-align: center;
  /*padding: 10px 20px;*/
  width: 100%;
}

a.btn_redondo:hover {
  color: #fff;
  background-color: #3954a5;
}

a.btn_redondo2 {
  color: #fff;
  border-radius: 25px;
  border: 1px solid #fff;
  text-transform: uppercase;
  background-color: transparent;
  font-weight: 800;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
}

a.btn_redondo2:hover {
  color: #3954a5;
  background-color: #fff;
}


.btn_redondo {
  color: #3954a5;
  border-radius: 25px;
  border: 1px solid #3954a5;
  text-transform: uppercase;
  background-color: #fff;
  font-weight: 800;
  text-align: center;
  /*padding: 10px 20px;*/
  width: 100%;
}

.btn_redondo:hover {
  color: #fff;
  background-color: #3954a5;
}

/*-------------
 	Header
-------------*/

header {
  z-index: 999;
  width: 100%;
  position: relative;
  color: #6b6b6b;
  padding: 30px 0;
  /*background-color: #fff;*/
  font-size: 12px;
  text-align: center;
}



header .logo_header {
  /* Placing the cat absolutely and with percentage values makes it responsive within the bounding box */
  position: absolute;
  top: 5%;
  left: 50%;

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

  height: auto;
  z-index: 999;
}



/*CUSTOMIZACION DE ICONO EN MOVIL*/
.custom-toggler.navbar-toggler {
    border-color: #2196F3;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33,150,243, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.flex-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  justify-content: center;
}

.flux-container {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  position: relative;
  justify-content: center;
}

.flux-con {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;

}


.flux-con-10 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 10px 0;
}

.flux-con-40 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 40px 0;
}

.flux-con-60 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 60px 0;
}


.flux-con-80 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 80px 0;
}


.flux-con-100 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 100px 0;
}

.flux-con-150 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 150px 0;
}

.flux-con-200 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding: 200px 0;
}



.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/img_inicial.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*ackground-color: #2196F3;*/
  z-index: -1;
}

.background-image2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/contacto.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*ackground-color: #2196F3;*/
  z-index: -1;
}

#info1 h3 {
  font: normal 50px 'Montserrat', sans-serif;
  font-weight: 400;
  width: 100%;
  text-align: center;
}

h1 {
  width: 100%;
  font: normal 15px 'Montserrat', sans-serif;
  font-weight: 300;
  text-align: left;
}

/*titulo regular*/
h2 {
  width: 100%;
  font: 20px 'Montserrat', sans-serif;
  font-weight: 500;
  margin: 0;
  text-align: left;
}

/*TITULOS*/
h3 {
  width: 100%;
  font: 30px 'Montserrat', sans-serif;
  font-weight: 500;

  text-align: left;
}

/*SUBTITULOS*/
h4 {
  width: 100%;
  font: normal 22px 'Montserrat', sans-serif;
  font-weight: 400;

  text-align: left;
}

/*texto regular*/
h5 {
  width: 100%;
  font: normal 18px 'Montserrat', sans-serif;
  font-weight: 400;

  text-align: left;
}

.izq {
  margin-top: 0px;
  text-align: left;
  width: 100%;
}

hr {
  border: 1px solid #ea2330;
  width: 50px;
  margin-bottom: 50px;
}

p {
  font: normal 20px 'Montserrat', sans-serif;
  font-weight: 300;
  text-align: left;
  line-height: 50px;
}

input[type=text] {
  width: 100%;
}

input[type=text] {
  border-radius: 25px;
  border: none;
  padding: 10px 20px 15px 20px;
  font-size: 30px;
  text-align: center;
}

.border_trans{

  border-radius: 5px;
  border: 10px solid rgba(214, 129, 7, .8);

}

h6 {
  font: normal 14px 'Montserrat', sans-serif;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}

.hidden {
  display: none;
}

.color1 {
  background-color: #e1e1e1;
}

.color2 {
  background-color: #ffb40d;
}

.color3 {
  background-color: #303030;
}

.color4 {
  background-color: #ffba26;
}

.color5 {
  background-color: #ffffff;
}

.color6 {
  background-color: #f2f2f2;
}
.color7{

  background-color: #646464;

}
.color8{

    background-color: #161a1e;

}

.color9{

    background-color: #000000;

}

.tcolor1 {
  color: #4a4a4a;
}

.tcolor2 {
  color: #h1;
}

.tcolor3 {
  color: #303030;
}

.tcolor4 {
  color: #000000;
}

.tcolor5 {
  color: #ffffff;
}

.disabled {
  /*color: #BABABA;*/
  pointer-events: none;
  cursor: not-allowed;
  filter: url('#grayscale');
  /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /* Para cuando es estándar funcione en todos */
  filter: Gray();
  /* IE4-8 and 9 */
  opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s eas;
}

@keyframes bounces {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-5px);
  }
}

@-webkit-keyframes bounces {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(-5px);
  }
}

.padding0 {
  padding: 0px;
}

.margin0 {
  margin: 0px;
}

.padding15 {
  padding: 0px 15px 0px 15px;
}

.padding30 {
  padding: 0px 30px 0px 30px;
}

.padding45 {
  padding: 0px 45px 0px 45px;
}

.padding15 {
  padding: 0px 15px 0px 15px;
}

.margin15 {
  margin: 0px 15px 0px 15px;
}

.margin10 {
  margin: 0px 10px 0px 10px;
}

.margin5 {
  margin: 0px 5px 0px 5px;
}

.margin2 {
  margin: 0px 2px 0px 2px;
}

.m-top5 {
  margin-top: 5px;
}

.m-top10 {
  margin-top: 10px;
}

.m-top15 {
  margin-top: 15px;
}

.m-top20 {
  margin-top: 20px;
}

.m-top30 {
  margin-top: 30px;
}

.m-top40 {
  margin-top: 40px;
}

.m-top50 {
  margin-top: 50px;
}

.m-top60 {
  margin-top: 60px;
}

.m-top70 {
  margin-top: 70px;
}

.m-bottom10 {
  margin-bottom: 10px;
}

.m-bottom15 {
  margin-bottom: 15px;
}

.m-bottom20 {
  margin-bottom: 20px;
}

.m-bottom30 {
  margin-bottom: 30px;
}

.m-bottom40 {
  margin-bottom: 40px;
}

.m-bottom50 {
  margin-bottom: 50px;
}

#container-paginator {
  display: none;
}

/* ==========================================================================
cotizador
========================================================================== */


.show-cart li {
    display: flex;
}

.card {
    margin-bottom: 20px;
}

.card-img-top {
    width: 200px;
    height: 200px;
    align-self: center;
}

.shopping-cart {
    position: fixed;
    top: 0;
    right: 0;
    width: 200px;
    margin-right: 40px;
    margin-top: 20px;
    padding: 5px;
    text-align: center;
    /*outline: 1px solid red;*/
    /*background: wheat;*/
}

/* ==========================================================================
FORM_COTIZADOR
========================================================================== */



.formBox {
    margin-top: 10px;
    padding: 10px 100px;
}


.inputBox {
    position: relative;
    /*box-sizing: border-box;*/
    margin-bottom: 15px;
    text-align: center;
    padding: 0 20px;
    
}

.inputBox .inputText {
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    transition: .5s;

    padding-left: 20px;
}

.inputBox .input {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: none;
    outline: none;
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    padding: 0 20px;

}

.focus .inputText {
    transform: translateY(-30px);
    font-size: 18px;
    opacity: 1;
    color: #00bcd4;

}

textarea {
    height: 120px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a5a5a5;
  opacity: 1; /* Firefox */
  text-align: center;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a5a5a5;
  text-align: center;

}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #a5a5a5;
  text-align: center;
}

/* ==========================================================================
Animations
========================================================================== */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
    60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
    60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
    80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUpDelay {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUpDelay { -webkit-animation-name: fadeInUpDelay; animation-name: fadeInUpDelay; animation-delay: 1s; -webkit-animation-delay: 1s; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUpD {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUpD { -webkit-animation-name: fadeInUpD; animation-name: fadeInUpD; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13, .wp14, .wp15, .wp16, .wp17, .wp18, .wp19, .wp20, .wp21, .wp22, .wp23, .wp24, .wp25, .wp26{ visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD { visibility: visible; }


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

  .rps_center{
  text-align: center;

  }
  .rps_pad{
  margin-bottom: 20px;

  }

  .tit_principal{

  margin-top: 0px !important;
  text-align: center !important;
  font-size: 30px !important;


  }

header .logo_header{

  top: 67%;

}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


.navbar-toggler {
    padding: 0;
    line-height: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

body .carousel-indicators{
  padding-top: 50px;

}

body .carousel-indicators li{
  background-color:#ffb40d;
}
body .carousel-indicators{
  bottom: -30px;
}
body .carousel-control-prev-icon{
    width: 30px;
    height: 30px;
    background: url(../img/arrow_left.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

body .carousel-control-next-icon{
    width: 30px;
    height: 30px;
    background: url(../img/arrow_right.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}