/*Customize flag icons*/
.flag-icon {
    height: 1.3em !important;
    margin: .3em;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

.product-box {
  clear: both; }

.price {
  font-weight: bold; }


.sale-price {
  font-weight: bold;
  color: red;
  margin: .2em;
}

.original-price {
  font-weight: normal;
  text-decoration: line-through; 
  margin: .2em;
}

/*.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}*/


/*.original-price, .sale-price {
    font-size: 2.0vw;
}*/

.related-products {
  margin-top: 2em; }


.responstable td {
  /*display: block;
  word-wrap: break-word;
  max-width: 7em;*/
}

.responstable td,th {
  /*display: block;
  word-wrap: break-word;
  max-width: 7em;*/
    padding: 7px 5px;
}
.responstable td:first-child {
  display: table-cell;
  font-weight:bold;
  text-align: center;
  border-right: 1px solid #D9E4E6;
}

.product-box-small {
      margin-left: 2em;
}

.soc-icons {
  width: 2.5em;
  padding-top: .5em;
}

.soc-container {
     margin: auto;
     width: 95%;
}

.addthis_sharing_toolbox {
    padding-top:10px;
}

/*.card .card-title {
  font-size: 3.0vw;
  font-weight: 500;
}*/

.card .card-title-mike {
 font-size: 1.6vw;
  font-weight: 400;
  margin-bottom:5px;
  margin-top:0px;
}

.card .card-content .card-title-mike {
 font-size: 1.6vw;
 height: 3vw;

}

.card .card-content-mike {
 padding: 5px;
}


@media only screen and (max-width: 600px) {
    h1 {
        font-size: 2rem ;
    }
}

@media (max-width: 600px) {
.card .card-title-mike {
 font-size: 2rem !important;
         height: 25px !important;
  }
}

@media (max-width: 500px) {
.card .card-title-mike {
 font-size: 1.7rem !important;
  }
}

@media (max-width: 400px) {
.card .card-title-mike {
 font-size: 1.2rem !important;
  }
}


@media only screen and (min-width:400px)  and (max-width:600px) {
    h1 {
        font-size: 2.8rem;
    }
}


@media only screen and (max-width: 992px) {
}


	.phone-fix-address	{ position:fixed; top:10%; right:2%;  z-index : 9999;display:none}

/* ============================================================================================================================
== OVAL THOUGHT BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-thought {
  /*position:relative;*/
  width:270px;
  padding:50px 40px;
  margin:1em auto 80px;
  text-align:center;
  color:#fff;
  background:#075698;
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
  background:-moz-linear-gradient(#2e88c4, #075698);
  background:-o-linear-gradient(#2e88c4, #075698);
  background:linear-gradient(#2e88c4, #075698);
  /*
  NOTES:
  -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  */
  -webkit-border-top-left-radius:220px 120px;
  -webkit-border-top-right-radius:220px 120px;
  -webkit-border-bottom-right-radius:220px 120px;
  -webkit-border-bottom-left-radius:220px 120px;
  -moz-border-radius:220px / 120px;
  border-radius:220px / 120px;
}

.oval-thought p {font-size:1.25em;}

/* creates the larger circle */
.oval-thought:before {
  content:"";
  position:absolute;
  bottom:-20px;
  left:50px;
  width:30px;
  height:30px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}

/* creates the smaller circle */
.oval-thought:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:30px;
  width:15px;
  height:15px;
  background:#075698;
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}

.vat {
    font-size: 75%;
}


.container-mike {
  margin: 0 auto;
  max-width: 1280px;
  width: 98%;
}

@media only screen and (min-width: 601px) {
.container-mike {
    width: 96%;
  }
}

@media only screen and (min-width: 993px) {
  .container-mike {
    width: 92%;
  }
}

/* for header*/

 .nav-head-color {
		color:#4d9bb8 !important;
		/*color:#599aa8;*/
	}

  .nav-offers-colors {
		color:#4d9bb8 !important;
        background-color:#fff  !important;
        /*font-style:italic;*/
        font-weight:600;
		/*color:#599aa8;*/
	}

 .nav-head-color-bg {
          background-color:#4d9bb8 !important;
	}

.foot-color {
    color:#05506C !important;

    /*874740*/
}

.foot-color-bg {
    background-color:#05506C !important;

    /*874740*/
}

footer.page-footer .footer-copyright {
  background-color: rgba(51,51,51,0.2);
}
    .top-header-mike {
		height: 128px;
		line-height: 128px;
		display: flex;
		justify-content: space-around;
	}

	.top-header-image {
	  display: table-cell;
	  vertical-align: middle;
	  line-height: 128px;
	  height: 128px;
	  max-height: 120px;
	}

	.logo-text-mike {
	  display: table-cell;
	  font-size: 2rem;
	  font-family: calibri;
	  font-weight: 400;
	  line-height: 28px;
	  /*//    font-size: 15px;
	  //   -ms-transform: rotate(-80deg);  IE 9 
	  //   -webkit-transform: rotate(-80deg);  Chrome, Safari, Opera 
	  //   transform: rotate(-80deg);*/
	  vertical-align: middle;
	  padding-left:2vw;
	}

.header-icons {
    padding-right:10px; 
      height: 22px !important;
  line-height: 22px !important;
   font-size: 1.8rem !important;
}
	.content-box {
	  display: table;
	  height:128px;
	}

	.content-text-mike {
	  //    font-size: 15px;
	  display: table-cell;
	  font-size: 1rem;
	  font-family: roboto;
	  font-weight: 400;
	  line-height: 22px;
	  vertical-align: middle;
	  text-align: right;
	  color: #b8b8b8;
	}


/* .sitemap 
    https://github.com/Merchello/Merchello.Bazaar/blob/master/src/Merchello.Web.UI/Umbraco/Scripting/templates/cshtml/SiteMap.cshtml

    https://gist.github.com/alindgren/1439022194a472d83ddf

    https://our.umbraco.org/forum/developers/razor/31527-Site-map-

    https://support.google.com/webmasters/answer/2620865?hl=en

    http://24days.in/umbraco/2015/seo-controls/
    
    https://gist.github.com/gormus/2314054

    */


.sitemap 
{
 font-size: 100%;
 font-weight: bold;
 padding-left: 3em;
}
.sitemap li ul {
 padding-left: 16px;
 font-size: 90%;
 font-weight: normal;
}
.sitemap li {
 list-style: none;
}
.sitemap li ul li ul li {
 padding-left: 16px;
 background: url('../media/Assets/arrow_right.gif') no-repeat 0 50%;
}

/*.sitemap  {
  font-size: 13px !important;
}
.sitemap  ul {
  line-height: 1 !important;
  margin: 0 !important;
  float: left !important;
  padding: 0 !important;
}
.sitemap  ul li {
  float: left !important;
  list-style: none outside none !important;
  margin: 0 10px 0 0 !important;
  max-width: 180px !important;
  padding: 0 !important;
  width: auto !important;
}
.sitemap  ul li a {
  border-bottom: 3px solid #E1E1E1 !important;
  display: inline-block !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  padding: 0.5em 10px 0.5em 3px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.sitemap  ul li ul {
}
.sitemap  ul li ul li {
  float: none !important;
  width: auto !important;
}
.sitemap  ul li ul li ul {
  margin-left: 15px !important;
}
.sitemap  ul li ul li a {
  border-bottom: 0 none !important;
  border-left: 3px solid #E1E1E1 !important;
  font-weight: normal !important;
  padding-left: 10px !important;
  text-transform: none !important;
  color: #666 !important;
}
.sitemap  a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #0085B5;
  color: #0085B5;
}*/

/*nav {
    height: 30px;
    line-height: 30px;
}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    height: 30px;
    line-height: 30px;
}

nav .button-collapse i {
    height: 30px;
    line-height: 30px;
}

nav .brand-logo { 
    font-size: 1.6rem; 
}

@media only screen and (min-width: 601px){
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: 30px;
        line-height: 30px;
    }
}*/