/* General */
body,html {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  color:#3a3a3a;
  background-color:#fff;
  font-size:20px;
  font-family:Helvetica,Verdana,Georgia;
  -webkit-text-size-adjust:none;
}
a {
  color:#48929b;
  text-decoration:none;
  -webkit-transition:color 0.5s ease-out;
  -moz-transition:color 0.5s ease-out;
  -ms-transition:color 0.5s ease-out;
  -o-transition:color 0.5s ease-out;
  transition:color 0.5s ease-out;
}
a:hover {
  color:#19626b;
}
.clr {
  clear:both;
}
ul li {
    font-size: 14px;
    line-height: 1.3;
}

/* Header */
#header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:70px;
  padding-top:25px;
  background-color:#dbf3f3;
  border-bottom:1px solid #b7d8e4;
  text-align:center;
  overflow:hidden;
  z-index:999;
}
#header .logo {
  width:250px;
}

/* Sections */
.section {
  background-size:cover;
  background-position:center center;
}
.back1 {
  background-color:#fff;
}
.back2 {
  background-color:#f6ffff;
}
blockquote {
    font-style: italic;
    border-left: 3px solid #999;
    margin-left: 0px;
    padding-left: 1em;
}
@media (max-width: 768px) {
    blockquote {
        margin-right: 0px;
    }
}

/* Menu */
#menu {
  position:fixed;
  right:-100px;
  top:50%;
  transform:translate(0, -50%);
  font-size:20px;
  background-image:url('../images/menubar.png');
  background-size:auto 100%;
  background-repeat:no-repeat;
  background-position:right;
  opacity:0;
  display:none;
  z-index:998;
}
#menu_text {
  float:right;
  position:relative;
  top:9%;
  margin-right:20px;
  text-align:right;
}
#menu_text a {
  display:block;
  font-family:dc;
  line-height:1.5em;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#menu_text a:hover {
  color:#19626b !important;
}

/* Content */
.big-banner{
  display: block;
  margin: 0 auto;
  padding: 30px;
  max-width: 80%;
}

@media (min-width: 768px) {
    .content {
      padding:140px 0 60px 60px;
    }
}

.cont_bottom {
  width:100%;
  height:150px;
}
.headline {
  margin:50px 0 10px 0;
  font-size:40px;
  color:#999;
  font-family:dc;
  letter-spacing:.15em;
  text-transform:uppercase;
}
hr {
  border:0;
  border-bottom:1px solid #999;
  padding:0;
  margin:50px 0 20px 0;
}
.actmen {
  color:#19626b !important;
}

/* Home */
#shome {
  padding:0 !important;
}
#shome .slide {
  background-size:cover;
  background-position:center center;
}
#shome .fp-controlArrow.fp-prev {
  border-width:15px 15px 15px 0;
}
#shome .fp-controlArrow.fp-next {
  border-width:15px 0 15px 15px;
}
#scroll {
  position:fixed;
  left:50%;
  bottom:110px;
  z-index:998;
}
#scroll img {
  position:relative;
  cursor:pointer;
}
#slider_txt {
  position:absolute;
  left:100px;
  bottom:155px;
  font-size:45px;
  font-weight:bold;
  color:#fff;
  z-index:999;
}

/* About */
#sabout .content {
  padding-bottom:200px;
}
#danny img {
  float:left;
  width:15%;
  max-width:220px;
  margin-right:25px;
}
#services span {
  float:left;
  display:block;
  width:50%;
}
#services span b {
  display:block;
  margin:10px 0 -15px 0;
  text-transform:uppercase;
}
#services span ul {
  font-size:18px;
  line-height:32px;
  padding-left:20px;
}
#services span ul li {
  padding-left:15px;
}
#certificates span {
  float:left;
  display:block;
  width:50%;
}
#certificates ul {
  font-size:18px;
  line-height:32px;
  padding-left:20px;
}
#certificates ul li {
  padding-left:15px;
}
#prod1 {
    width: auto;
}

/* Testimonials */
.testimonial-name {
    font-size: 90%;
    font-weight: 600;
    padding: 4px 0;
    margin: 4px 0;
}
.testimonial-position {
    font-size: 80%;
    padding: 4px 0;
    margin: 4px 0;
}
.testimonial-position-website {
    font-size: 80%;
    padding: 4px 0;
    margin: 4px 0;
}
a.google-review-link {
    display: block;
    margin-top: 40px;
    margin-bottom: 20px !important;
}
.google-review-image {
    width: 100%;
    max-width: 900px;
    margin: auto auto auto 0;
    display: block;
    border: 1px solid lightgrey;
    padding: 20px 0 40px 0;
    box-sizing: border-box;
}

/* Partners' logos */
#partners-logos {
    width: 100%;
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Products */
#sproducts .content {
  padding-top:20px;
}
#sproducts .fp-controlArrow.fp-prev {
  display:none;
}
#sproducts .fp-controlArrow.fp-next {
  display:none;
}
.sproducts .headline {
  margin:50px 0 10px 200px;
}
#sproducts hr {
  margin:30px 0;
}
.prod {
  max-width:85%;
  padding-bottom:300px;
}
@media (max-width: 767px) {
    .prod {
      max-width:100%;
      padding-bottom:300px;
    }
}
#prodmen {
  margin:15px 0 0 62px;
  display:none;
}
#prodmen span {
  float:left;
  display:block;
  margin-right:30px;
  color:#999;
  font-size:20px;
  font-family:dc;
  cursor:pointer;
  -webkit-transition:color 0.5s ease-out;
  -moz-transition:color 0.5s ease-out;
  -ms-transition:color 0.5s ease-out;
  -o-transition:color 0.5s ease-out;
  transition:color 0.5s ease-out;
}
#prodmen span:hover {
  color:#19626b !important;
}
.prodimg {
  float:left;
  width:200px;
  text-align:center;
}
.prodimg img {
  margin-bottom:60px;
}
.prodtxt {
  float:left;
  max-width:85%;
}
.prodtxt .subheader {
  display:block;
  font-weight:bold;
  font-size:22px;
}
.prodtxt .subheader2 {
  display:block;
  font-size:22px;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.prodtxt .table {
  display:table;
  min-width:770px;
  border-left:1px solid #999;
  border-top:1px solid #999;
}
.prodtxt .row {
  display:table-row;
}
.prodtxt .row .header {
  font-size:22px;
  border-right:0;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.prodtxt .row .header2 {
  text-transform:uppercase;
}
.prodtxt .cell {
  display:table-cell;
  padding:5px 15px;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
}
.prep {
  float:left;
  max-width:45%;
  margin-right:80px;
  font-size:15px;
}
.prep .subheader {
  display:block;
  font-weight:bold;
  font-size:22px;
  text-transform:uppercase;
}
.prep .subheader2 {
  display:block;
  font-size:17px;
  text-transform:uppercase;
}
.prep img {
  margin-top:20px;
}

/* Order online */

#sorder .headline {
  margin:40px 0 0 0;
  font-size:30px;
}
#sorder input[type="text"] {
  float:left;
  width:29%;
  max-width:350px;
  margin:5px 20px 0 0;
}
#sorder textarea {
  width:63%;
  max-width:720px;
  margin-top:5px;
}
#sorder #more {
  margin-top:10px;
  color:#999;
  font-size:20px;
}
#sorder #more span {
  white-space: nowrap;
}
#sorder #more input {
  margin-left:20px;
}
#case_teeth {
  float:left;
  position:absolute;
  left:135px;
  height:320px;
  margin-top:25px;
}
#sorder #submenu {
  max-width:730px;
  margin:30px 0 200px 350px;
  padding:0 20px 20px 20px;
  border:2px solid #999;
  border-radius:10px;
}
#sorder .submenu_cont {
  float:left;
  padding-right:25px;
}
#sorder #submenu .headline {
  margin:15px 0 5px 0;
  font-size:25px;
  letter-spacing:.1em;
}
#circle {
  position:absolute;
  width:21px;
  height:17px;
  margin:0 !important;
  padding-top:4px;
  font-size:10px;
  background:transparent url('../images/circle_blue.png') no-repeat;
  text-align:center;
  cursor:pointer;
  display:none;
}
.circle_mark {
  position:absolute;
  width:21px;
  height:21px;
  margin:0 !important;
  padding-top:4px;
  font-size:10px;
  background:transparent url('../images/circle_red.png') no-repeat;
  text-align:center;
  cursor:pointer;
}
#upper {
  position:relative;
  top:-260px;
  left:60px;
}
#lower {
  position:relative;
  top:-130px;
  left:62px;
}

/* Partners */
#spartners a {
  display:block;
  float:left;
  width:300px;
  margin-bottom:80px;
  text-align:center;
}
#spartners a img {
  width:200px;
  height:100px;
}

/* Shipping */
#case_form {
  width:320px;
  border:1px solid #999;
}

/* Contact */
#scontact .logo {
  width:600px;
}
#scontact #contact_form {
  float:left;
  width:40%;
}
#scontact #contact_form span {
  display:block;
  font-size:18px;
  line-height:30px;
  margin:14px 0 0 2px;
}
#scontact #map {
  float:left;
  width:40%;
  height:560px;
  margin:140px 0 0 120px;
}

/* Footer */
#footer {
  position:fixed;
  bottom:0;
  width:100%;
  height:60px;
  padding-top:30px;
  background-color:#b7d8e4;
  text-align:center;
  z-index:999;
}
#footer span {
  margin:0 60px;
  color:#fff;
  font-family:dc;
  font-size:30px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

/* Form fields */
input[type="text"], textarea {
	display:block;
  width:100%;
  color:#3a3a3a;
  font-family:Helvetica,Verdana,Georgia;
	border:0;
	padding:10px 5px;
  margin-bottom:3px;
  background:transparent no-repeat;
	background-image:linear-gradient(to bottom, #60bce3, #60bce3), linear-gradient(to bottom, #999, #999);
	background-size:0 2px, 100% 1px;
	background-position:50% 100%, 50% 100%;
  transition:background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  resize:none;
}
textarea {
	height:150px;
  resize:none;
}
input[type="text"]:focus, textarea:focus{
	background-size:100% 2px, 100% 1px;
	outline:none;
}
button {
  padding:8px 30px;
  margin-top:15px;
  color:#fff;
  font-size:20px;
  background-color:#60bce3;
  border:none;
  border-radius:2px;
  cursor:pointer;
}
button {
  position:relative;
  overflow:hidden;
}
button:after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:5px;
  height:5px;
  background:rgba(255, 255, 255, .5);
  opacity:0;
  border-radius:100%;
  transform:scale(1, 1) translate(-50%);
  transform-origin:50% 50%;
}
@keyframes ripple {
  0% {
    transform:scale(0, 0);
    opacity:1;
  }
  20% {
    transform:scale(25, 25);
    opacity:1;
  }
  100% {
    opacity:0;
    transform:scale(40, 40);
  }
}
button:focus:not(:active)::after {
  animation:ripple 1s ease-out;
}
.error {
  background-color:#ffbcbc !important;
}
.instagram_desktop{
  text-align: center;
}
.instagram_tablet, .instagram_mobile {
  display: none;
  text-align: center;
}
@media only screen and (max-width: 850px) {
  .instagram_desktop, .instagram_tablet {
    display: none;
  }
  .instagram_mobile {
    display: block;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 850px) {
  .instagram_desktop, .instagram_mobile {
    display: none;
  }
  .instagram_tablet {
    display: block;
  }
}


@media screen and (max-width: 576px){
  .big-banner{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto;
    margin-right: auto;
  }
}