.bigdomandebtn{
    background-color: white;
    height: 8%;
    width: 32%;
    font-size: 130%;
    text-align: center;
    align-content: center;
    margin:0.5%;
}
.row{
    padding: 0 !important;
    margin: 0 !important;
}
.smallbtndomanda { 
    height: 7%;
    width: 3.0%;
    margin:0.15%;
    font-size: 70%;
    text-align: center;
    align-content: center;
    background-color: white;
}


.imagecontainer{
    width: 25%;
    height: 100%;
    border-right: white;
    border-right-style: solid;
    border-right-width: 1px;
}
table {
    border-collapse: separate;
    border-spacing: 0px 0;
  }
  
  td {
    padding: 0 0;
  }

.testdomandefotocontainer{
    height: 67%;
    background-color: rgb(213, 229, 216);
    border-style: solid;
    border-color: white;
    border-width: 0.5px;
    position: relative
  }

  .testdomandefooter{
    height: 15%;
    position: relative
  }

.mediumdomandabtn{
    background-color: white;
    height: 7%;
    width: 9.5%;
    margin:0.25%;
    font-size: 150%;
    text-align: center;
    align-content: center;
    border-width: 1px;
}

.cartello{
    width: 100%;
    height:100%;
    object-fit: contain;
    padding: 5px;
  }


.domandaitarigha{
    font-size: 30px;
    text-align: left;
  }

  .domandaIta{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:  2.5em;
        color: black;
        display: inline;
        line-height: 40px;
  }

.testbackground{
    width: 850px;
    height: 650px;
    margin: auto;
    padding: 0px;
    background-color: rgb(213, 229, 216);
}
.contentbackground{
    width: 850px;
    height: 650px;
    margin: auto;
    padding: 0px;
    background-color: white;
}

.startTest {
	background-color:#44c767;
	border-radius:35px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#60d660;
	font-family:Arial;
	font-size:27px;
	padding:12px 42px;
	text-decoration:none;
  margin-left: calc(50% - 100px);
	text-shadow:0px 1px 0px #2f6627;
}
.startTest:hover {
	background-color:#5bbe2a;
}
.startTest:active {
	position:relative;
	top:1px;
}


.domandacontainer{
    width: 75%;
    display: inline-flex;
    align-items: center;
    text-align: center;
    overflow: auto;
   }
   .testdomandefotocontainer .row{
       margin: 0px;
       padding: 0px;
       height: 100%;
       position: relative;
   }
   .testdomandefooter .row{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
   }


 .verefalsebtn{
    width: 25%;
    height: 80%;
    align-items: center;
}

.avantiindietro{
    height: 80%;
    align-items: center;
}




.vereflsebtns{
    height: 100%;
    width: auto;
    align-items: center;
}
.audioplayer{
 width: 25%;
 height: 50%;
 align-items: center;
}
.audioplayerr{
 width: 70%;
 height: 100%;
 align-items: center;
}
.translations{
 width: 15%;
 height: 80%;
 align-items: center;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  .overlayresultmodal {
    position: fixed; /* Positioning and size */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8); /* color */
    display: none; /* making it hidden by default */
    }
.cd-popup {
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
 opacity: 1;
 visibility: visible;
 transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
 transform: translateY(-40px);
 transition-property: transform;
 transition-duration: 0.3s;
}

.is-visible .cd-popup-container {
 transform: translateY(0);
}


.click, .popup_box{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 border-radius: 5px;
}

.click, .popup_image{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 border-radius: 5px;
}


.click{
 background: #2981bc;
 color: white;
 font-size: 22px;
 font-family: arial;
 font-weight: bold;
 padding: 10px 15px;
 text-align: center;
 border: 1px solid #0059b3;
}
.popup_box{
 background: #f2f2f2;
 text-align: center;
 align-items: center;
 padding: 40px;
 border: 1px solid #b3b3b3;
 box-shadow: 0px 5px 10px rgba(0,0,0,.2);
 z-index: 9999;
 display: none;
}
.popup_image{
 background: #f2f2f2;
 text-align: center;
 align-items: center;
 padding: 40px;
 border: 1px solid #b3b3b3;
 box-shadow: 0px 5px 10px rgba(0,0,0,.2);
 z-index: 9998;
 display: none;
}
.popup_box i{
 font-size: 60px;
 color: #eb9447;
 border: 5px solid #eb9447;
 padding: 20px 40px;
 border-radius: 50%;
 margin: -10px 0 20px 0;
}

.popup_image i{
 font-size: 60px;
 color: #eb9447;
 border: 5px solid #eb9447;
 padding: 20px 40px;
 border-radius: 50%;
 margin: -10px 0 20px 0;
}


.popup_box h1{
 font-size: 30px;
 color: #1b2631;
 margin-bottom: 5px;
}
.popup_box label{
 font-size: 23px;
 color: #404040;
}
.popup_box  .btns{
 margin: 40px 0 0 0;
}

.popup_image .btns{
 margin: 40px 0 0 0;
}
.btns .btn1, .btns .btn2{
 background: #999999;
 color: white;
 font-size: 18px;
 border-radius: 5px;
 border: 1px solid #808080;
 padding: 10px 13px;
}
.btns .btn2{
 margin-left: 20px;
 background: #ff3333;
 border: 1px solid #cc0000;
}
.btns .btn1:hover{
 transition: .5s;
 background: #8c8c8c;
}
.btns .btn2:hover{
 transition: .5s;
 background: #e60000;
}

.noselect {
 -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */
       -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none; /* Non-prefixed version, currently
                                 supported by Chrome and Opera */
}



.underHeader{
    height: 50px;
    width: 100%;
    background-color: white;
  }
  /* Remove margins and padding from the list, and add a black background color */
  ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  /* Float the list items side by side */
  ul.topnav li {float: left;}
  
  /* Style the links inside the list items */
  ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
  }
  
  /* Change background color of links on hover */
  ul.topnav li a:hover {background-color: #111;}
  
  /* Hide the list item that contains the link that should open and close the topnav on small screens */
  ul.topnav li.icon {display: none;}
  
  .page-title {
    opacity: .75 !important;
  }

  #contentbody {
    min-height: 600px;
    background-color: rgb(238, 234, 229); 

  }

  
  
  
  a:link {
      color: rgb(0, 0, 0);
      background-color: transparent;
      text-decoration: none;
    }
    
    a:visited {
      color: pink;
      background-color: transparent;
      text-decoration: none;
    }
    
    a:hover {
      color: rgb(202, 164, 164);
      background-color: transparent;
      text-decoration: underline;
    }
  
  
    .allProducts{
      background-color: rgb(250, 250, 250);
      text-align: center;
      padding-bottom: 30px;
    }
  
    .title{
      width: 100%;
      font-size: xx-large;
    }
  
  
    .mainSection{
      padding-left: 0;
      padding-right: 0;
    }
  
    .singleProduct{
      width: 100%;
    }
  
    .singleProductGallery{
      width: 700px;
      height: 400px;
    }
  
  
    .w-100{
      width: 100%;
    }
  
    .txtAlgnCnt{
      text-align: center;
    }
  
    .card{
      max-width: 280px;
      margin-top: 20px;
      margin-left: 20px;
      box-shadow: 0px 0px 0px grey;
      -webkit-transition:  box-shadow .6s ease-out;
         box-shadow: .8px .9px 3px grey;
         border: none;
    }
  
    .card:hover{ 
      box-shadow: 1px 8px 20px grey;
     -webkit-transition:  box-shadow .4s ease-in;
   }
  
   .centerHorz{
    align-items: center;
    align-content: space-between;
   }
  
    .collapse-content .fa.fa-heart:hover {
      color: #f44336 !important;
    }
    .collapse-content .fa.fa-share-alt:hover {
      color: #0d47a1 !important;
    }
  
  
    .flex-container {
      display: flex;
      flex-wrap: nowrap; 
      overflow: auto;
    }
    .flex-item {
      flex: 0 0 auto;
    }
  
    .highlightzoom :hover{
      transform: scale(1.05);
      position: relative;
    }
  
    .no-padd{
      padding: 0px !important;
    }
  
    .no-marg{
      margin: 0px !important;
    }
  
    .dot {
      height: 15px;
      width: 15px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 3px;
    }
  
    .dot:hover{
      transform: scale(1.1);
      transition-duration: 0.5s;
    }
  
   
  
    .clothSize{
      height: 25px;
      min-width: 25px;
      border-color: rgb(53, 52, 52);
      border-width: 1px;
      border-style: solid;
      border-radius: 5px;
      margin-right: 3px;
      text-align: center;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-size: 18px;
    }
    
    .selection .clothSize:first-child{
      border-color: black;
      border-width: 3.5px;
    }
  
  
    .mano{
      cursor: pointer;
    }
  
  
  
    .h-5{
      height: 5px;
    }
  
    .h-10{
      height: 10px;
    }
  
    .h-15{
      height: 15px;
    }
  
    .h-20{
      height: 20px;
    }
  
    .h-25{
      height: 25px;
    }
  
    .h-30{
      height: 30px;
    }
  
    .h-35{
      height: 35px;
    }
  
    .h-40{
      height: 40px;
    }
  
    .h-50{
      height: 50px;
    }
  
    .h-55{
      height: 55px;
    }
  
    .h-100{
      height: 100px;
    }
  
    .h-150{
      height: 150px;
    }
  
    .w-5{
      width: 5px;
    }
  
    .w-10{
      width: 10px;
    }
  
    .w-15{
      width: 15px;
    }
  
    .w-20{
      width: 20px;
    }
  
    .w-25{
      width: 25px;
    }
  
    .w-30{
      width: 30px;
    }
  
    .w-35{
      width: 35px;
    }
  
    .w-40{
      width: 40px;
    }
  
    .pd-5{
      padding: 5px;
    }
  
    .pd-10{
      padding: 10px;
    }
  
    .pd-15{
      padding: 15px;
    }
  
    .pd-20{
      padding: 20px;
    }
  
    .pd-25{
      padding: 25px;
    }
  
    .pd-30{
      padding: 30px;
    }
  
    .pd-35{
      padding: 35px;
    }
  
    .pd-40{
      padding: 40px;
    }
  
    .pd-45{
      padding: 45px;
    }
  
    .pd-50{
      padding: 50px;
    }
  
    .pd-100{
      padding: 100px;
    }
  
  
    .mg-5{
      margin: 5px;
    }
  
    .mg-10{
      margin: 10px;
    }
  
    .mg-15{
      margin: 15px;
    }
  
    .mg-20{
      margin: 20px;
    }
  
    .mg-25{
      margin: 25px;
    }
  
    .mg-30{
      margin: 30px;
    }
  
    .mg-35{
      margin: 35px;
    }
  
    .mg-40{
      margin: 40px;
    }
  
    .mg-45{
      margin: 45px;
    }
  
    .mg-50{
      margin: 50px;
    }
  
    .mg-100{
      margin: 100px;
    }
  
  
    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
  
    .swipperSlider{
      height: 500px;
      width: 100%;
      position: relative;
    }
  
    .swiper-slide{
      background-color: #111;
      background-position: center;
    }
    
  
  
  
  
  
    .imageHighlight{
      max-height: 100%;
      max-width: 100%;
    }
  
    .actualPrice{
      color:  rgb(93, 206, 59);
      font-weight: 700;
    }
  
  
  
    .fullPrice{
      margin-left: 5px;
      color: rgb(18, 19, 18);
      text-decoration:line-through;
    }
  
    .new-label {
      min-width: 58px;
      padding: 0 12px;
      height: 20px;
      line-height: 20px;
      background-color: #67b17c;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 2px;
      position: absolute;
      z-index: 3;
      top: 50px;
      left: 0px;
  }
  
  .sale {
    margin-left: 230px;
    min-width: 58px;
    padding: 0 12px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    position: absolute;
    z-index: 3;
    top: -2px;
    left: 0px;
  }
  
  .favorite {
    margin-left: 230px;
    min-width: 58px;
    padding: 0 12px;
    height: 25px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 0px;
  }
  
  .addtocart{
    margin-left: 180px;
    min-width: 58px;
    padding: 0 12px;
    height: 25px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 0px;
  }
  .addtocartBig{
    min-width: 58px;
    height: 25px;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    position: absolute;
    z-index: 3;
    bottom: 50px;
    left: 30px;
  }
  
  .discount {
    margin-right: 15px;
    min-width: 58px;
    padding: 0 12px;
    height: 20px;
    line-height: 20px;
    background-color: #e91010;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    position: absolute;
    z-index: 3;
    bottom: 80px;
    left: 0px;
  }
  
  .discountSingleProduct {
    margin-left: 10px;
    min-width: 58px;
    padding: 0 12px;
    height: 20px;
    line-height: 20px;
    background-color: #e91010;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    z-index: 3;
    bottom: 80px;
    left: 0px;
  }
  
  
  
  
  .swiper-slide {
    background-size: cover;
    background-position: center;
    max-width: 100%!important;
  }
  
  
  .swiper-wrapper > img{
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
  }
  
  .gallery-top {
    height: 80%;
    width: 100%;
  }
  
  .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  
  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }
  
  .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }
  
  .gallery-container {
    width: 800px;
    display: flex;
    justify-content: space-around;
  }
  
  .gallery-main {
    width: 700px;
    height: 300px;
    box-shadow: 0 50px 75px 50px rgba(#1e1e1e, 0.18);
    border: 1px solid #e9e9e9;
  }
  
  
  
  .gallery-thumbs {
    order: -1;
    width: 100px;
    height: 300px;
    margin-right: 0px;
    padding-left: 0px;
  }
  
  .scheda_prodotto{
    margin: 20px;
    width: 100%;
  }
  
  .consegnaGratuita{
    font-size: 12px;
    text-decoration:underline;
    color: black;
  }
  
  .selectHeader{
    font-size: 12px;
    color: black;
    font-weight: 600;
  }
  
  .selectContent{
    border-radius: 0px;
    border-style: solid;
    border-width: 0.5px;
    font-size: 20px;
  }
  
  
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 25px;
    padding-right: 25px;
    width: 200px;
    border-color: #111;
  }
  
  .selection .clothSize:hover{
    transform: scale(1.1);
    transition-duration: 0.5s;
  }
  
  
  @charset "UTF-8";
  
  body { font-size: 16px;
      background-color: #fff;
      color: #5d5c59;
      font-family: 'Roboto', sans-serif;
      line-height: 28px;
      font-weight: 300; }
  h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; margin-bottom: 10px; color: #18150d; font-weight: 400; 
      font-family: 'Montserrat', sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  h1 { font-size: 32px; line-height: 42px; }
  h2 { font-size: 24px; line-height: 32px; }
  h3 { font-size: 18px; line-height: 28px; }
  h4 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
  h5 { font-size: 14px; }
  h6 { font-size: 12px; }
  p { margin: 0 0 20px; }
  p:last-child { margin-bottom: 0px; }
  ul, ol { margin: 0; }
  ul li, ol li { }
  a { color: #aa9144; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  a:focus, a:hover { text-decoration: none; color: #8e7424; }
   
  b, strong {
      font-weight: 400;
  }
  .listnone { list-style: none; padding: 0px; }
  .lead { font-size: 21px; color: #3c3c3c; font-weight: 400; }
  .italic { font-style: italic; }
  .small-text { color: #b4b1ac; font-size: 12px; }
  .text-caps { text-transform: uppercase; letter-spacing: 2px; }
  ::selection { background: #ffecb3; color: #333; }
  h3 small { font-weight: 400; line-height: 1; color: #aa9144; font-size: 14px; }
   
  hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #f1f3f8; }
  blockquote { padding: 10px 20px; margin: 0px; font-size: 21px; line-height: 32px; color: #3c3c3c; font-style: italic; border-left: 5px solid #aa9144; }
  
  /*-------------- align ------------*/
  
  /* =WordPress Core
  -------------------------------------------------------------- */
  
  .alignnone { margin: 5px 20px 20px 0; }
  .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
  .alignright { float: right; margin: 0px 0 30px 30px;  }
  .alignleft { float: left; margin: 0px 30px 0px 0;   }
  a img.alignright { float: right; margin: 0px 0 30px 30px; }
  a img.alignnone { margin: 5px 20px 20px 0; }
  a img.alignleft { float: left; margin: 5px 20px 20px 0; }
  a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%;    /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
  .wp-caption.alignnone { margin: 5px 20px 20px 0; }
  .wp-caption.alignleft { margin: 5px 20px 20px 0; }
  .wp-caption.alignright { margin: 5px 0 20px 20px; }
  .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
  .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
  
  /*-----------------------------------
      2. Form css 
  -----------------------------------*/
  label { }
  .control-label { color: #474747; font-weight: 700; font-size: 12px; text-transform: uppercase; }
  .form-control { width: 100%; height: 50px; padding: 6px 12px; 
      font-size: 16px; line-height: 1.42857143; color: #333; background-color: #fff; border: 1px solid #dcd9d3; 
      background-image: none; border-radius: 10px; -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, .075); 
      box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .075); margin-bottom: 15px; }
  .form-control:focus { border-color: #bab6ae;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6);
      box-shadow: inset 0 3px 3px rgba(255, 255, 255, .075), 0 0 8px rgba(235, 237, 238, .6);
      background-color: #fffefd; }
  .textarea.form-control { background-color: #f6f8f9; height: auto; }
  .required { }
  .form-news-letter .form-control { float: left; width: 75%; margin-right: 10px; }
  .form-group { margin-bottom: 10px; }
  .get-in-touch { }
  .get-in-touch .form-control { margin-bottom: 10px; }
  
  /*-----------------------------------
      3. Buttons 
  -----------------------------------*/
  .btn { display: inline-block; padding: 14px 30px; margin-bottom: 0; font-size: 13px; font-weight: 800; 
      letter-spacing: 1px; line-height: 1.42857143; text-align: center; border: none; 
      text-transform: uppercase; border-radius: 100px;font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
  .btn-default { color: #fff; background-color: #aa9144; }
  .btn-default:hover { color: #fff; background-color: #8e7424; border-color: #8e7424; }
  .btn-default.focus, .btn-default:focus { color: #fff; background-color: #8e7424; border-color: #8e7424; }
  .btn-primary { background-color: #2d281a; color: #fff; }
  .btn-primary:hover { background-color: #18150d; color: #fff; }
  .btn-primary.focus, .btn-primary:focus { }
  .btn-white { color: #aa9144; background-color: #fff; border: 1px solid #fff; }
  .btn-white:hover { background-color: #8e7424; border-color: #8e7424; color: #fff; }
  .btn-white.focus, .btn-white:focus { background-color: #8e7424; border-color: #8e7424; color: #fff; }
  .btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; padding-bottom: 2px; }
  .btn-link:hover { color: #aa9144; font-weight: 700; text-decoration: none; border-bottom: 1px solid #aa9144; }
  .btn-lg { font-size: 14px; padding: 20px 30px; }
  .btn-sm { font-size: 12px; padding: 5px 10px; }
  .btn-xs { font-size: 12px; padding: 5px 7px; }
  
  /*-----------------------------------
      4. General / Elements 
  -----------------------------------*/
  
  /*----------------------- 
      4.1 Section space :
  -------------------------*/
  
  /*Note: Section space help to create top bottom space;*/
  
  .space-small { padding-top: 40px; padding-bottom: 40px; }
  .space-medium { padding-top: 100px; padding-bottom: 100px; }
  .space-large { padding-top: 120px; padding-bottom: 120px; }
  .space-ex-large { padding-top: 140px; padding-bottom: 140px; }
  
  /*----------------------
     4.2 Margin Space
  -----------------------*/
  .mb0 { margin-bottom: 0px; }
  .mb10 { margin-bottom: 10px; }
  .mb20 { margin-bottom: 20px; }
  .mb30 { margin-bottom: 30px; }
  .mb35 { margin-bottom: 35px; }
  .mb40 { margin-bottom: 40px; }
  .mb60 { margin-bottom: 60px; }
  .mb80 { margin-bottom: 80px; }
  .mb100 { margin-bottom: 100px; }
  .mt0 { margin-top: 0px; }
  .mt10 { margin-top: 10px; }
  .mt20 { margin-top: 20px; }
  .mt30 { margin-top: 30px; }
  .mt40 { margin-top: 40px; }
  .mt60 { margin-top: 60px; }
  .mt70 { margin-top: 70px; }
  .mt80 { margin-top: 80px; }
  .mt100 { margin-top: 100px; }
  
  /*----- less margin space from top --*/
  .mt-20 { margin-top: -20px; }
  .mt-40 { margin-top: -40px; }
  .mt-60 { margin-top: -60px; }
  .mt-80 { margin-top: -80px; }
  
  /*-----------------------
     4.3 Padding space
  -------------------------*/
  .nopadding { padding: 0px; }
  .nopr { padding-right: 0px; }
  .nopl { padding-left: 0px; }
  .pinside10 { padding: 10px; }
  .pinside20 { padding: 20px; }
  .pinside30 { padding: 30px; }
  .pinside40 { padding: 40px; }
  .pinside50 { padding: 50px; }
  .pinside60 { padding: 60px; }
  .pinside80 { padding: 80px; }
  .pinside130 { padding: 130px; }
  .pdt10 { padding-top: 10px; }
  .pdt20 { padding-top: 20px; }
  .pdt30 { padding-top: 30px; }
  .pdt40 { padding-top: 40px; }
  .pdt60 { padding-top: 60px; }
  .pdt80 { padding-top: 80px; }
  .pdb10 { padding-bottom: 10px; }
  .pdb20 { padding-bottom: 20px; }
  .pdb30 { padding-bottom: 30px; }
  .pdb40 { padding-bottom: 40px; }
  .pdb60 { padding-bottom: 60px; }
  .pdb80 { padding-bottom: 80px; }
  .pdl10 { padding-left: 10px; }
  .pdl20 { padding-left: 20px; }
  .pdl30 { padding-left: 30px; }
  .pdl40 { padding-left: 40px; }
  .pdl60 { padding-left: 60px; }
  .pdl80 { padding-left: 80px; }
  .pdr10 { padding-right: 10px; }
  .pdr20 { padding-right: 20px; }
  .pdr30 { padding-right: 30px; }
  .pdr40 { padding-right: 40px; }
  .pdr60 { padding-right: 60px; }
  .pdr80 { padding-right: 80px; }
  
  /*--------------------------------
  4.4 Background & Block color 
  ----------------------------------*/
  .bg-light { background-color: #f4f1ec; }
  .bg-primary { background-color: #aa9144; }
  .bg-default { background-color: #f4f1ec; }
  .bg-white { background-color: #fff; }
  .outline { border: 1px solid #e5e7ec; }
  .section-title { }
  .title { color: #18150d; }
  .small-title{color: #84837f; font-size: 13px; letter-spacing: 1px; margin-bottom: 20px;}
  .text-white { color: #fff; }
  .primary-sidebar { }
  .secondary-sidebar { }
  .well-block{background-color: #fff;padding: 40px;}
  
  /*--------------------------------
  4.5 Features Block 
  ----------------------------------*/
  .feature { }
  .feature-icon { margin-bottom: 20px; }
  .feature-left { }
  .feature-left .feature-icon { float: left; }
  .feature-left .feature-content { padding-left: 80px; }
  .feature-center { }
  .feature-center .feature-icon { }
  .feature-center .feature-content { }
  .feature-inner { }
  .feature-outline { }
  .thumbnail-block { }
  .thumbnail-img { }
  .thumbnail-content { }
  .thumbnail-inner { }
  .thumbnail-outline { }
  
  /*----------------- video ---------------*/
  .video-section { position: relative; }
  .video-img { position: relative; }
  .video-img img { width: 100%; }
  .video-action { position: absolute; top: 40%; left: 47%; }
  
  /*--------------------------------
  4.6 Bullet 
  ----------------------------------*/
  .bullet { position: relative; padding-left: 15px; color: #78807e; line-height: 32px; }
  .bullet-double-right li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; font-size: 14px; color: #78807e; content: "\f101"; }
  
  /*--------------------------------
  4.7 Call to actions 
  ----------------------------------*/
  .cta-block { }
  .cta-title { font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #fff; margin-bottom: 10px; }
  .cta-text { font-size: 18px; color: #a2fed4; }
  .cta-content { }
  .cta-call, .cta-mail { }
  
  
  .cta-section { 
      padding-top: 140px; padding-bottom: 140px; 
      background: linear-gradient(rgba(30, 28, 24, 0.8), rgba(30, 28, 24, 0.8)), rgba(30, 28, 24, 0.8) url(../images/cta-section-img.jpg) no-repeat center; background-size: cover; }
  .cta-caption {  }
  .cta-title { font-size: 36px; color: #fff; line-height: 58px; font-weight: 600; margin-bottom: 10px; letter-spacing: -1px; }
  .cta-text { font-size: 18px; color: #fff; margin-bottom: 30px; }
  
  /*--------------------------------
  4.8 Image Hover Effect 
  ----------------------------------*/
  .imghover { display: block; position: relative; max-width: 100%; }
  .imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; }
  .imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
  .imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f2a8"; font-family: "FontAwesome"; font-size: 36px; }
  .imghover:hover::before, .imghover:hover::after { opacity: 1; }
  .imghover:hover::before { background: rgba(212, 27, 44, .55); }
  .imghover:hover::after { color: #FFFFFF; }
  [class^='imghvr-'], [class*=' imghvr-'] { background: rgba(211, 0, 80, .55); }
  
  /*--------------------------------
  4.9 Icon 
  ----------------------------------*/
  .icon { }
  .icon-1x { font-size: 18px; }
  
  /* default icon size of font*/
  .icon-2x { font-size: 38px; }
  .icon-4x { font-size: 65px; }
  .icon-6x { font-size: 88px; }
  .icon-8x { font-size: 108px; }
  .icon-default { color: #aa9144; }
  .icon-primary { color: #474954; }
  .icon-secondary { color: #fff; }
  .icon-white { color: #fff; }
  
  /*--------------------------------
  5 Header / Navigations 
  ----------------------------------*/
  
  /*--------------------
      5.1 Header Regular 
     ----------------------*/
  
  .logo { }
  .header { background-color: #fff; z-index: 9999; position: relative; padding-top: 10px; padding-bottom: 10px; }
  .top-text { text-align: right; }
  .top-text .text-block { padding-left: 20px; color: #fff; line-height: 18px; }
  .call-block { }
  .call-no { }
  .mail-block { }
  .mail-text { }
  .time-block { }
  .time-text { }
  .call-block, .mail-block, .time-block { }
  
  /*--------------------------
      5.2 Navigations Regular
     ----------------------------*/
  .hero-section { padding-top: 135px; padding-bottom: 135px; background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/hero-img.jpg) no-repeat center; background-size: cover; }
  .hero-caption { padding-top: 100px; padding-bottom: 100px; }
  .hero-title { font-size: 46px; color: #fff; line-height: 58px; font-weight: 600; margin-bottom: 30px; letter-spacing: -1px; }
  .hero-text { font-size: 18px; color: #fff; margin-bottom: 30px; }
  .navigation { float: right; }
  .is-sticky .header {border-bottom: 1px solid #eae7e2;}
  #navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  #navigation #menu-button { display: none; }
  #navigation { font-family: 'Montserrat', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
  #navigation > ul > li { float: left; }
  #navigation.align-center > ul { font-size: 0; text-align: center; }
  #navigation.align-center > ul > li { display: inline-block; float: none; }
  #navigation.align-center ul ul { text-align: left; }
  #navigation.align-right > ul > li { float: right; }
  #navigation > ul > li > a { padding: 20px; font-size: 13px; color: #18150d; text-decoration: none; font-weight: 500; text-transform: uppercase; }
  #navigation > ul > li:hover > a { color: #ffffff; background-color: #aa9144; }
  #navigation > ul > li.has-sub > a { padding-right: 32px; }
  
  /*#navigation > ul > li.has-sub > a:after {
   position: absolute;
   top: 22px;
   right: 11px;
   width: 8px;
   height: 2px;
   display: block;
   background: #dddddd;
   content: '';
  }*/
  #navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
  
  /*#navigation > ul > li.has-sub:hover > a:before {
   top: 23px;
   height: 0;
  }*/
  #navigation ul ul { position: absolute; left: -9999px; }
  #navigation.align-right ul ul { text-align: right; }
  #navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
  #navigation li:hover > ul { left: auto; }
  #navigation.align-right li:hover > ul { left: auto; right: 0; }
  #navigation li:hover > ul > li { height: 46px; }
  #navigation ul ul ul { margin-left: 100%; top: 0; }
  #navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
  #navigation ul ul li a { padding: 16px; width: 170px; font-size: 13px; text-decoration: none; color: #fff; font-weight: 500; background: #aa9144; text-transform: uppercase; border-bottom: 1px solid #987e2e; z-index: 9999;}
  #navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a { border-bottom: 0; }
  #navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: #ffffff; background-color: #aa9144; }
  #navigation ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
  #navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
  #navigation ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
  #navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
  #navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
  #navigation.small-screen { width: 100%; }
  #navigation.small-screen ul { width: 100%; display: none; }
  #navigation.small-screen.align-center > ul { text-align: left; }
  #navigation.small-screen ul li { width: 100%; border-top: 1px solid #474747; }
  #navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li { height: auto; }
  #navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; padding: 20px 15px; }
  #navigation.small-screen > ul > li { float: none; }
  #navigation.small-screen ul ul li a { padding-left: 25px; }
  #navigation.small-screen ul ul ul li a { padding-left: 35px; }
  #navigation.small-screen ul ul li a { color: #474747; background: none; }
  #navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #474747; }
  #navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
  #navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before { display: none; }
  #navigation.small-screen #menu-button {display: block; padding: 15px; color: #474747; cursor: pointer; font-size: 12px;
     text-transform: uppercase; font-weight: 700; }
  #navigation.small-screen #menu-button:after { position: absolute; top: 16px; right: 17px; display: block; height: 12px; width: 20px; border-top: 2px solid #474747; border-bottom: 2px solid #474747; content: ''; }
  #navigation.small-screen #menu-button:before { position: absolute; top: 21px; right: 17px; display: block; height: 2px; width: 20px; background: #474747; content: ''; }
  #navigation.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #474747; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #navigation.small-screen #menu-button.menu-opened:before { top: 23px; background: #474747; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #474747; height: 53px; width: 53px; cursor: pointer; }
  #navigation.small-screen .submenu-button.submenu-opened { }
  #navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
  #navigation.small-screen .submenu-button:after { position: absolute; top: 22px; right: 20px; width: 8px; height: 2px;
   display: block; background: #474747; content: ''; }
  #navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
  #navigation.small-screen .submenu-button.submenu-opened:after { background: #474747; }
  #navigation.small-screen .submenu-button:before { position: absolute; top: 19px; right: 23px; display: block;
   width: 2px; height: 8px; background: #474747; content: ''; }
  #navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
  #navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
  #navigation.small-screen.select-list { padding: 5px; }
  
  /*----------------------------------------------
      5.4 Page Header
  ----------------------------------------------*/
  .page-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/page-header.jpg) no-repeat center; background-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
  .page-caption { padding: 120px 0px; position: relative; z-index: 1; color: #fff; text-align: center; }
  .page-title { color: #fff;  font-size: 40px; font-weight: 400; letter-spacing: -1px; }
  .breadcrumb { }
  .breadcrumb>.active { }
  .page-breadcrumb {   }
  .page-breadcrumb .breadcrumb { background-color: transparent; margin-bottom: 0px; font-size: 12px; text-transform: uppercase; }
  
  /*-----------------------------------
      6. Slider 
  -------------------------------------*/
  
  /*-----------------------------------
  7. Content 
  -------------------------------------*/
  
  .content { padding-top: 60px; padding-bottom: 60px; }
  
  /*-----------------------------------
  8. Footer 
  -------------------------------------*/
  .footer { background-color: #1e1c18; padding-top: 60px; padding-bottom: 60px; }
  .footer-block{background-color: #282725;padding: 40px 40px 10px 40px; border-radius: 10px;}
  .footer-widget p { color: #747474; }
  .footer-widget .widget-title { color: #fff; font-weight: 600; padding-bottom: 20px; margin-bottom: 30px; }
  .footer-widget { }
  .footer-widget ul { }
  .footer-widget li { }
  .footer-widget li a { color: #747474; line-height: 34px; }
  .footer-widget li a:hover { color: #aa9144; }
  .footer-link { }
  .footer-social { }
  .footer-social ul { }
  .footer-social ul li { }
  .footer-social ul li a i { padding-right: 10px; width: 30px; }
  .footer-social ul li a:hover i { color: #aa9144; }
  .footer .contact li { position: relative; padding-left: 40px; display: block; '
  margin-bottom: 8px; padding: 0 0 8px 40px; color: #747474; }
  .footer .contact li i { display: block; position: absolute; top: 5px; left: 0; width: 30px; 
      font-size: 16px; text-align: center; }
  .widget-newsletter .form-control { height: 48px; color: #eee; background-color: #393836; border: none; box-shadow: none; 
      font-size: 14px; border-radius: 30px 0px 0px 30px;}
  .widget-newsletter button { height: 48px; }
  
  /*-------------- tiny footer ------------*/
  .tiny-footer {  padding-top: 19px; padding-bottom: 9px; font-size: 12px; 
      color: #56575e; text-align: left; text-transform: uppercase; text-align: center; }
  .copyright-content { padding: 12px; color: #747474; }
  
  /*-----------------------------------
  9. Pages 
  -------------------------------------*/
  
  /*-------------------------
   9.1 About us
  ---------------------------*/
  
  .about-text { line-height: 40px; }
  .about-block { }
  .about-img { }
  .about-info { }
  .about-contact { font-size: 18px; color: #8c9292; font-weight: 600; margin-left: 5px; }
  .counter_block { }
  .counter_box { border-bottom: 1px solid #eee; padding: 40px 0px; }
  .counter_number { font-weight: 900; margin-bottom: 0px; }
  .counter_text { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
  
  /*-------------------------
   9.2  Service / single / sidebar
  --------------------------*/
  
  /* service section */
  
  .service-block { margin-bottom: 30px; }
  .service-img { margin-bottom: 30px; }
  .service-img img { width: 100%; }
  .service-caption { }
  .service-title { font-size: 20px; color: #212330; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
  .service-icon { }
  .service-icon img { }
  .service-single-block { }
  .service-single-img { }
  .service-single-content { }
  .price{font-size: 24px; color: #aa9144; font-weight: 600; font-family: 'Montserrat', sans-serif;}
  
  /*-----------------------------------------
      service side-nav
     ------------------------------------------*/
  .sidenav { background-color: #fff; margin-bottom: 30px; }
  .sidenav li { position: relative; }
  .sidenav li:last-child { margin-bottom: 0px; }
  .sidenav li a { display: block; line-height: 14px; color: #2b2d2c; 
      font-weight: 500; font-size: 14px; background-color: #dfddd7; padding: 20px; margin-bottom: 1px; text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
  .sidenav li a:hover { color: #fff; background-color: #aa9144; }
  .sidenav li a.active, .sidenav ul li a.active .sidenav ul li i { color: #fff; background-color: #aa9144; }
  .sidenav li a:focus { color: #bb0349; }
  .sidenav li.active a:before { color: #bb0349; }
  
  /*.sidenav li a:before { margin-right: 10px; font-family: FontAwesome; position: absolute; width: 20px; font-size: 12px; color: #7d7f89; content: "138"; left: 10px; }
  .sidenav li a:hover:before { color: #bb0349; }*/
  .arrow-circle-right li:last-child { border-bottom: 0px solid #6f4a52; }
  .arrow-circle-right li a:before { margin-right: 10px; font-family: FontAwesome; position: absolute; left: 20px; width: 20px; font-size: 16px; color: #5a5a5a; content: "\f105"; font-weight: normal; }
  
  /*--------------------------
    9.5  Testimonial
  ---------------------------*/
  .quote-left { position: absolute; font-size: 100px; font-family: 'Libre Baskerville', serif; font-style: normal; color: #aa9144; line-height: 0px; top: 52px; }
  .testimonial-block {margin-bottom: 40px; }
  .testimonial-img { }
  .testimonial-img img { }
  .testimonial-content { margin-bottom: 30px; }
  .testimonial-info { line-height: 1; }
  .testimonial-text { font-size: 21px; font-style: italic; line-height: 32px; color: #333333; }
  .testimonial-name { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
  .testimonial-meta { font-size: 13px; text-transform: uppercase;color: #aa9144; padding-right: 10px; font-weight: 400; }
  
  /*-------------------------
    9.8 Contact us
  ---------------------------*/
  .contact-block { }
  .contact-block ul { }
  .contact-block ul li { border: 1px solid #f1f2f4; padding-top: 30px; padding-bottom: 30px; }
  .contact-block ul li i { color: #aa9144; float: left; padding: 0px; }
  .contact-block .contact-text { }
  .contact-info { background-color: #cda34d; color: #fff; }
  .contact-info ul { padding-left: 0px; }
  .contact-info li { position: relative; padding-left: 70px; margin-bottom: 30px; border-bottom: 1px solid #b69042; padding-bottom: 29px; }
  .contact-info li:last-child { border-bottom: none; }
  .contact-info li i { display: block; position: absolute; left: 0;    /* font-size: 50px; */    /* text-align: center; */
  color: #fff;    /* bottom: 0px; */ }
  .map { height: 400px; }
  .contact-social { text-align: center; }
  .contact-social { }
  .contact-social a i { height: 32px; width: 32px; border-radius: 50px; background-color: #8e7424; text-align: center; padding: 7px; line-height: 1.2; font-size: 14px; color: #c12d17; }
  .contact-social a i:hover { color: #8e7424; }
  address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }
  
  /*------------------------
   10. Blog pages
  --------------------------*/
  .content { }
  .sidebar { }
  .post-block, .post-quote{ position: relative; background-color: #f4f1ec; padding: 30px; border-radius: 10px;  margin-bottom: 30px;}
   
  /*-- use for thumbnail --*/
  .post-holder { position: relative; margin-bottom: 30px; }
  /*-- for single post page --*/
  .post-img { position: relative; }
  .post-img img{border-radius: 10px; width: 100%;}
  .post-title { }
  .post-content {padding-top: 40px; padding-right: 40px;}
  .post-header { }
  
  /*-------- Post meta --------*/
  .meta { font-size: 12px; text-transform: uppercase; margin-bottom: 20px; font-family: 'Montserrat', sans-serif;}
  .meta-date { }
  .meta-user { }
  .meta-comment { }
  .meta-author { }
  .meta-cat { }
  .meta-date, .meta-author, .meta-comment, .meta-cat { display: inline-block; margin-right: 10px; }
  .meta-link { }
  .meta-tags { }
  
  /*-------- Post Type --------*/
  .post-sticky { background: url(../images/sticky.png) no-repeat; position: absolute; right: 35px; bottom: 35px; width: 30px; height: 30px; color: #fff; }
  .post-gallery { }
  .post-video { }
  .post-video .video-sign { }
  .post-audio {}
  .post-quote {background-color: #aa9144; }
  .quote-content{}
  .post-quote blockquote{color: #fff; font-size: 34px; line-height: 42px;}
  /*-------- Related Post --------*/
  .related-post-block { border-top: 1px solid #eee; padding-top: 29px; margin-top: 30px; margin-bottom: 30px; }
  .related-post {margin-bottom: 30px; }
  .related-post-title { }
  .related-post-img { margin-bottom: 30px; }
  .related-post-img img{border-radius: 10px;}
  /*----- Prev Next Post -----*/
  .post-navigation { margin-bottom: 30px; }
  .nav-previous, .nav-next { border: 1px solid #f4f1ec; padding: 20px; }
  .nav-previous { }
  .nav-next { }
  .prev-post { }
  .next-post { }
  .prev-link { }
  .next-link { }
  .prev-link, .next-link { margin-bottom: 10px; display: block; text-transform: uppercase; font-size: 12px; }
  
  /*----- Author Post -----*/
  .author-post { margin-bottom: 30px; background: #f4f1ec; padding: 30px; border-radius: 10px; }
  .author-img { }
  .author-title { }
  .author-img img { width: 100%; border-radius: 10px; }
  .author-bio { }
  .author-meta { }
  .author-name { }
  .author-header { }
  .author-detail { }
  .author-link { }
  .author-social { }
  .author-social ul { }
  .author-social ul li { }
  .author-social ul li a { }
  .author-social ul li a:hover { }
  .author-info { }
  
  /*------------- Post Pagination -------------*/
  .st-pagination { }
  .st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #3c3c3c; text-decoration: none; 
      font-size: 12px; background-color: #fff; 
      font-weight: 700; text-transform: uppercase; margin-right: 5px; 
      margin-bottom: 5px; padding: 8px 13px; border: 1px solid #efefef; border-radius: 100%; }
  .st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover, .st-pagination .pagination>li>a.active { z-index: 2; color: #fff; background-color: #aa9144; border: 1px solid #f4f1ec; }
  .st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 100%; }
  .st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 100%; }
  .st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #aa9144;border: 1px solid #aa9144;}
  
  /*------------------------
    12. Sidebar / Widgets
  --------------------------*/
  
  /*----- widget -----*/
  
  .widget { margin-bottom: 10px; background-color: #f4f1ec; padding: 30px; border-radius: 10px; }
  .widget-title { margin-bottom: 20px; }
  .widget ul { }
  .widget ul li { margin-bottom: 16px; line-height: 18px;}
  .widget ul li:last-child { margin-bottom: 0px; }
  .widget ul li a { color: #474747; }
  .widget ul li a.active { color: #aa9144; }
  .widget ul li a:hover { color: #aa9144; }
  .widget-search { }
  .widget-search .input-group-addon { color: #fff; text-align: center; background-color: #aa9144; border: 1px solid #aa9144; border-left: transparent; }
  .widget-categories { }
  .widget-categories ul { }
  .widget-categories ul li { }
  .widget-categories ul li a { }
  .widget-archives { }
  .widget-archives ul { }
  .widget-archives ul li { }
  .widget-archives ul li a { }
  ul.widget-recent-post { }
  .widget-recent-post li { margin-bottom: 10px; border-bottom: 1px solid #cecbc7;  padding-bottom: 10px;}
  .widget-recent-post li:last-child{border-bottom: 1px solid transparent;}
  .widget-recent-post ul li a {}
  .widget-recent-post .meta{margin-bottom: 0px;}
  .recent-post-img {margin-bottom: 20px; }
  .recent-post-content { }
  .recent-title{font-size: 12px; line-height: 18px;}
  
  .widget-tags { }
  .widget-tags a { border: 1px solid #cecbc7; padding: 2px 10px; display: inline-block; background-color: #fff; 
      font-size: 12px; text-transform: uppercase; margin-bottom: 5px; margin-right: 3px; border-radius: 50px; color: #18150d; }
  .widget-tags a:hover { background-color: #aa9144; color: #fff;  border: 1px solid #aa9144; }
  .widget-text { }
  .widget-contact { }
  .widget-social { }
  .social-circle a { height: 33px; width: 33px; background-color: #aa9144; color: #fff; border-radius: 100%; padding: 5px; display: inline-block; text-align: center; margin-right: 10px; }
  .social-circle a:hover { background-color: #8e7424; }
  .widget-call-to-action{background-color: #eddba5;}
  .widget-call-to-action .widget-title{font-size: 20px; font-weight: 400; margin-bottom: 20px; line-height: 28px;}
  .widget-call-to-action p{font-size: 18px; color: #18150d;}
  .team-block { margin-bottom: 20px; }
  .team-img { margin-bottom: 20px; }
  .team-content { text-align: center; }
  .team-title { margin-bottom: 0px; }
  .team-name { }
  .team-meta { text-transform: uppercase; font-size: 12px; color: #aa9144; font-weight: 500; letter-spacing: 1px; }
  .team-designation { }
  
  /*----- Comment Post -----*/
  .comments-area { }
  .comments-title { border-bottom: 1px solid #f4f1ec; padding-bottom: 20px; margin-bottom: 30px; }
  .comment-list { list-style: none;  padding: 0px;}
  .comment { }
  .comment-body { margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #f4f1ec; padding-bottom: 20px; }
  .comment-author { }
  .comment-author img { float: left; }
  .comment-info { padding-left: 120px; }
  .comment-header { margin-bottom: 0px; }
  .user-title { font-size: 15px; color: #474747; margin-bottom: 10px; font-weight: 500; }
  .comment-meta { }
  .comment-meta-date { color: #98989c; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }
  .comment-content { color: #6f6f6f; margin-bottom: 20px; }
  .reply { }
  
  /*---- thread comments --------*/
  .childern { padding-left: 100px; list-style: none; }
  .childern .comment-body { background-color: #f4f1ec; padding: 20px; border-radius: 10px; }
  .childern .comment-info { padding-left: 120px; }
  
  /*----- Leave Reply -----*/
  .leave-comments { margin-top: 30px; background-color: #f4f1ec; padding: 40px; border-radius: 10px;}
  .leave-comments .control-label { color: #474747; font-weight: 600; font-size: 13px; }
  
  /*--------------------------------
   Extra Plugin CSS - Back to top  
  ---------------------------------*/
  .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(212, 27, 44, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
  .cd-top.cd-is-visible {    /* the button becomes visible */
  visibility: visible; opacity: 1; }
  .cd-top.cd-fade-out {    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5; }
  .no-touch .cd-top:hover { background-color: #e70359; opacity: 1; }
  
  /*-------------styleguide-------------*/
  .box-info { }
  .box-default-color { background-color: #aa9144; height: 160px; width: 160px; }
  .box-primary-color { background-color: #18150d; height: 160px; width: 160px; }
  .box-heading-color { background-color: #18150d; height: 160px; width: 160px; }
  .box-secondary-color { background-color: #6f6f6f; height: 160px; width: 160px; }
  .box-bg-color { background-color: #eddba5; height: 160px; width: 160px; }
  
  /*==========  Non-Mobile First Method  ==========*/
  
      /* Large Devices, Wide Screens */
      @media only screen and (max-width : 1200px) {
       .navigation { float: none; }
       .hero-title {font-size: 25px; line-height: 40px;}
       .hero-section {padding-top: 50px; padding-bottom: 50px;}
       .comment-info {padding-left: 100px;}
       .cta-title {font-size: 26px; line-height: 40px;}
       .cta-section {padding-top: 50px; padding-bottom: 50px;}
       .footer-widget {margin-bottom: 20px;}
       .footer-widget .widget-title {margin-bottom: 0px;}
       .page-title {font-size: 20px;}
       .page-caption {padding: 80px 0px;}
       .childern .comment-info {padding-left: 90px;}
       .childern {padding-left: 0px; list-style: none;}
      }
  
      /* Medium Devices, Desktops */
      @media only screen and (max-width : 992px) {
       .navigation { float: none; }
       .hero-title {font-size: 25px; line-height: 40px;}
       .hero-section {padding-top: 50px; padding-bottom: 50px;}
       .comment-info {padding-left: 100px;}
       .cta-title {font-size: 26px; line-height: 40px;}
       .cta-section {padding-top: 50px; padding-bottom: 50px;}
       .footer-widget {margin-bottom: 20px;}
       .footer-widget .widget-title {margin-bottom: 0px;}
       .page-title {font-size: 20px;}
       .page-caption {padding: 80px 0px;}
       .childern .comment-info {padding-left: 90px;}
       .childern {padding-left: 0px; list-style: none;}
  
      }
  
      /* Small Devices, Tablets */
      @media only screen and (max-width : 768px) {
       .navigation { float: none; }
       .hero-title {font-size: 25px; line-height: 40px;}
       .hero-section {padding-top: 50px; padding-bottom: 50px;}
       .comment-info {padding-left: 100px;}
       .cta-title {font-size: 26px; line-height: 40px;}
       .cta-section {padding-top: 50px; padding-bottom: 50px;}
       .footer-widget {margin-bottom: 20px;}
       .footer-widget .widget-title {margin-bottom: 0px;}
       .page-title {font-size: 20px;}
       .page-caption {padding: 80px 0px;}
       .childern .comment-info {padding-left: 90px;}
       .childern {padding-left: 0px; list-style: none;}
  
      }
  
      /* Extra Small Devices, Phones */ 
      @media only screen and (max-width : 480px) {
       .navigation { float: none; }
       .hero-title {font-size: 25px; line-height: 40px;}
       .hero-section {padding-top: 50px; padding-bottom: 50px;}
       .comment-info {padding-left: 100px;}
       .cta-title {font-size: 26px; line-height: 40px;}
       .cta-section {padding-top: 50px; padding-bottom: 50px;}
       .footer-widget {margin-bottom: 20px;}
       .footer-widget .widget-title {margin-bottom: 0px;}
       .page-title {font-size: 20px;}
       .page-caption {padding: 80px 0px;}
       .childern .comment-info {padding-left: 90px;}
       .childern {padding-left: 0px; list-style: none;}
  
      }
  
      /* Custom, iPhone Retina */ 
      @media only screen and (max-width : 320px) {
       .navigation { float: none; }
       .hero-title {font-size: 25px; line-height: 40px;}
       .hero-section {padding-top: 50px; padding-bottom: 50px;}
       .comment-info {padding-left: 100px;}
       .cta-title {font-size: 26px; line-height: 40px;}
       .cta-section {padding-top: 50px; padding-bottom: 50px;}
       .footer-widget {margin-bottom: 20px;}
       .footer-widget .widget-title {margin-bottom: 0px;}
       .page-title {font-size: 20px;}
       .page-caption {padding: 80px 0px;}
       .childern .comment-info {padding-left: 90px;}
       .childern {padding-left: 0px; list-style: none;}
  
      }
  
  
  
  .logo{
    height: 50px;
    width: 300px;
  }
  
  
  .icons{
    height: 30px;
    width: 30px;
  }
  
  .iconBig{
    height: 70px;
    width: 70px;
  }
  
  .roundCornerButton{
      background-color:#ffffff;
    border-radius:25px;
    height: 50px;
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 25px;
      border:1px solid #202020;
      display:inline-block;
      cursor:pointer;
      color: #000000;
      font-family:Arial;
      font-size:25px;
      text-decoration:none;
  }
  .roundCornerButton > a{
    color: #000000;
  }
  
  .roundCornerButton:hover {
    background-color:#f1f1f1;
  }
  .roundCornerButton:active {
      position:relative;
      top:1px;
  }
  
  .contactus{
    min-height: 600px;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
  }

.manubar{
  width: 400px;
  margin: auto;
}
.icona{
  height: 100px;
  width: 100px;
}

.testo{
  align-content: center;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  font-size: 35px;
  font-weight: 400;
}

  .comingsoon{
    min-height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
  }

  .bottone{
    background-color: white;
    border-radius: 15px;
    border-color: white;
    border-style: solid;
    margin: 10px;
    height: 120px;
    width: 100%;
  }

  .menucontainer{
    width: 100%;
    height: 100%;
    overflow: scroll;
 }


.bottone.row{
  align-content: center; 
  vertical-align: middle;
}

  
  
  .bigTitle{
    font-size: 70px;
    font-weight: 800;
    color: black;
  }
  
  .bigIcon{
    height: 150px;
    width: 150px;
  }

  .bigIconMax{
    height: 350px;
    width: 350px;
  }
  
  
  .mediumIcon{
    height: 100px;
    width: 100px;
  }
  
  .smallIcon{
    height:50px;
    width: 50px;
  }
  
  .oblique{
    font-style: oblique;
  }
  
  
  .saleTag{
    width: 50px;
    height: 50px;
  }
  .favoriteTag{
    width: 30px;
    height: 30px;
  }
  
  
  
  .requiredLabel{
    color: red;
    display: none;
  }
  
  .min_logo{
    height: 25px;
    width: 25px;
  }
  
  label{
    margin-top: 20px;
    margin-bottom: 0;
  }
  
  .form-control{
    margin-bottom: 0;
  }
  
  .checkbox{
    height: 20px;
    width: 20px;
    border-radius: 5px;
  }
  
  .roundContainer{
    width: 100%;
    height: 350px;
    padding: 10px;
    margin-top: 20px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-width: 0.5px;
    overflow-y: scroll;
    overflow-x: scroll;
  }
  
  
  
  .dotColore {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    border-color: #000000;
    border-width: 3px;
    margin-right: 3px;
  }
  
  .dotColore:hover{
    transform: scale(1.1);
    transition-duration: 0.5s;
  }
  
  .registerUser{
  }