@charset "utf-8";
/* CSS Document */

/*-----------------------------------------*/
*, html {
    scroll-behavior: smooth !important;
}

body { font-family: 'Montserrat', sans-serif;

}


.underline a {text-decoration: underline!important;}
.navik-menu ul {
	z-index: 99999999999999999!important;
}

.wow {
   visibility: hidden;
}

.map-bg {
  background-image:url("../images/map.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #d2d7cf;
	min-height: 100%!important;
}

.button-bottom-div {position : absolute;
bottom   : 0;
	left:10%;
	right:10%;
}

.menu-bg {
  background-image:url("../images/menu-bg.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size:auto;
  background-color: #d2d7cf;
  position: relative;
}

.berry-bg {
  background-image:url("../images/berry-bg.jpg");
  background-position: top center;
  background-repeat: repeat;
  background-size:cover;
  background-color: #d2d7cf;
  position: relative;
}
.berry-bg-light {
  background-image:url("../images/berry-bg-light2.jpg");
  background-position: top center;
  background-repeat: repeat-y;
  background-size:cover;
  background-color: #d2d7cf;
  position: relative;
}
.mega-menu-list {Margin-left:-20px!important;}

h1, .h1 {
  text-transform: uppercase;
}

h2, .h2 {
  text-transform: uppercase;
}

h3, .h3 {
  text-transform: uppercase;
}

h4, .h4 {
  text-transform: uppercase;
}

h5, .h5 {
  text-transform: uppercase;

}

h6, .h6 {
  text-transform: uppercase;
}

p { font-size:14px;
	color: #273937;
    line-height: 23px;}

td {font-size:13px;}

th {font-size:13px;}


.green-hr {
  height: 1px;
  background-color: #69867a;
  border: none;
}  

.dark-green-hr {
  height: 1px;
  background-color: #273937;
  border: none;
}  
.light-green-hr {
  height: 1px;
  background-color: #e2e8e5;
  border: none;
}  

.bright-green-hr {
  height: 1px;
  background-color: #80ccb5;
  border: none;
}  


.line-height25 {line-height: 25px;}
.line-height35 {line-height: 35px;}


.gt-light-sage{color: #d2d7cf;}
.gt-light-sage-bg {background-color:#d2d7cf;}


.gt-light-sage-bg-trans {background-color:rgba(217, 221, 214, 0.9);}

.box-divider {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-image: linear-gradient(to right, darkblue, darkorchid) 1;
}



.gt-bright-green {color: #80ccb5;}
.gt-bright-green-bg {background-color: #80ccb5;}

.gt-green-dark {color:#273937!important;}
.gt-dark-green {color:#273937!important;}
.gt-dark-green a{color:#273937!important;}
.gt-dark-green a:visited{color:#273937;}
.gt-dark-green a:hover{color:#273937;}
.gt-green-dark-bg {background-color:#273937;}

.gt-green {color:#69867a;}
.gt-green-bg {background-color:#69867a;}

.gt-light-green {color:#e2e8e5;}
.gt-light-green-bg {background-color:#e2e8e5;}

.gt-green a{color:#69867a!important;}
.gt-green a:hover{color:#69867a;}
.gt-green a:visited{color:#69867a;}


.gt-green {color:#69867a;}
.gt-green a{color:#69867a!important;}
.gt-green a:hover{color:#69867a;}
.gt-green a:visited{color:#69867a;}

.gt-green-bg {background-color:#69867a;}

.gt-dark-green {color:#273937;}
.gt-dark-green a{color:#273937!important;}
.gt-dark-green a:visited{color:#273937;}
.gt-dark-green a:hover{color:#273937;}
.gt-medium-green1-bg {background-color: #69867a;}
.gt-medium-green2-bg {background-color: #4b5952;}
.gt-light-grey-bg {background-color: #e2e8e5;}

.tiny-lineheight {line-height: 15px!important;}

.navik-menu ul {background-color:#e2e8e5}

.fancy-right-border {
  border: 0px;
  border-right: 1px solid;
  border-image: linear-gradient(to bottom, rgb(61, 72, 66), rgb(87, 103, 95), rgb(61, 72, 66));
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
}
.fancy-right-border2 {
  border: 0px;
  border-right: 1px solid;
  border-image: linear-gradient(to bottom, rgb(355, 355, 355), rgb(355, 355, 355), rgb(353, 355, 355));
  border-image-slice: 1;
  color: white;
  
  text-decoration: none;
}
.fancy-bottom-border {
  border: 0px;
	border-bottom: 1px solid;
  border-image: linear-gradient(to right, rgb(61, 72, 66), rgb(87, 103, 95), rgb(61, 72, 66));
  border-image-slice: 1;
  color: white;
  margin: auto;
  text-decoration: none;
}

/* <select> styles */
select {
  /* Reset */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  outline: 0;
  font: inherit;
  /* Personalize */

	font-size: 12px!important;
  width: 25em;
  height: 3em;
  padding: 0 4em 0 4em;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg) no-repeat right 0.8em center/1.4em, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, rgba(74, 74, 76, 0.9) 3em);
  color: white;
  border-radius: 20px;
	border: thin solid #fff!important;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
select option {
  color: inherit;
  background-color: #4a4a43;
}
select:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}

@media(max-width: 768px) {
  .navbar {
    padding: .5rem 1rem !important;
  }

}

@media(max-width: 1024px) {
 
	.menu-bg {
  background-image:url("../images/menu-bg-exp.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: contain;
  background-color: #d2d7cf;
  position: relative;
	min-height:150px!important;
}

}
/*ORDER of ELEMENTs-*/
 #flex-order { 
           display: flex;
        } 
  
        #one { 
            order: 1; 
        } 
  
        #two { 
            order: 2; 
        } 


@media(max-width: 768px) {
 
        #one { 
            order: 2!important; 
        } 
  
        #two { 
            order: 1!important; 
        } 
}

/*END ORDER of ELEMENTs-*/
.top-text {
    color: #ffffff!important;
    line-height: 20px!important;
    padding-top: 15px!important;
    font-size: 15px;
}
.top-text a{color:#fff!important;}
.top-text a:hover{color:#fff!important;}

.top-icon {padding-top:15px!important; 
float: right;
text-align: right;
padding-right:5px!important;}

.side-text {color:#343931!important; line-height: 15px!important; padding-top:15px!important;
text-transform: uppercase;}

.side-text-small {color:#343931!important; line-height: 15px!important; padding-top:7px!important;
text-transform: uppercase; font-size:11px!important; }

.side-text-p {color:#343931!important;  padding-top:15px!important; line-height: 20px!important; 
	font-size:13px!important;
}
.side-text-h5 {color:#fff!important;   line-height: 20px!important; 
	font-size:17px!important;
}

.side-text-white {color:#fff!important; line-height: 15px!important; padding-top:15px!important;
text-transform: uppercase;}

.side-text-small-white {color:#fff!important; line-height: 15px!important; padding-top:7px!important;
text-transform: uppercase; font-size:11px!important; }

.side-text-p-white {color:#fff!important;  padding-top:15px!important; line-height: 20px!important; 
	font-size:13px!important;
}

.side-icon {padding-top:15px!important; 
float: right;
text-align: right;
padding-right:5px!important;}

.side-text-small2 {color:#808f7e!important; line-height: 5px!important; margin-top:-10px!important;
text-transform: uppercase; font-size:11px!important; }

.side-text-white {color:#fff!important; line-height: 15px!important; padding-top:15px!important;
text-transform: uppercase;}

.side-text-small-white {color:#fff!important; line-height: 15px!important; padding-top:7px!important;
text-transform: uppercase; font-size:11px!important; }

.side-text-p-white {color:#fff!important;  padding-top:15px!important; line-height: 20px!important; 
	font-size:13px!important;
}

.icon-30 {width:30px;}
.icon-40 {width:40px;}
.icon-50 {width:50px;}
.icon-70 {width:70px!important;}
.icon-80 {width:80px;}
.icon-90 {width:90px;}
.icon-100 {width:100px;}
.icon-110 {width:110px;}
.icon-120 {width:120px;}
.icon-130 {width:130px;}
.icon-140 {width:140px;}
.icon-150 {width:150px;}
.icon-160 {width:160px;}
.icon-170 {width:170px;}
.icon-180 {width:180px;}
.icon-190 {width:190px;}
.icon-200 {width:200px;}
.icon-300 {width:300px;}
.icon-400 {width:400px;}
/*---------------banner carousel-------------*/

.carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0; 
}
.carousel-content {
    text-align: left;
    margin-top: 0px;
}
 .active .carousel-content {
    margin-top: -30px;
    transition: 2.5s;
}
.carousel-content h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 400;
	text-shadow: -1px 0px 0 #d2d7cf;
}
.carousel-content h3 {
    color: #fff!important;
	text-transform: uppercase!important;
}
.carousel-content h4 {
    color: #fff!important;
}
.carousel-content h5 {
    color: #fff!important;
}
.carousel-content p {
    width: 100%!important;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	  font-size: 20px;
    margin: 0 auto 10px auto;
    color: #fff!important;
	line-height: 25px!important;
	text-shadow: 0px 0px 0 #d2d7cf
}

.carousel-content .contactus-btn {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #343931;
	background: #d2d7cf;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #ffffff;
}
.carousel-content .contactus-btn:hover {
    background: #343931;
    color: #fff;
    text-decoration: none;
}
.carousel-content .contactus-btn:hover {
    background: #343931;
    color: #fff;
    text-decoration: none;
}

.bold-text {font-weight: 600!important;}

/*--=======BUTTON ======= --*/
.gt-btn {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #343931;
	background: #d2d7cf;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #ffffff;
}
 .gt-btn:hover {
    background: #343931;
    color: #fff;
    text-decoration: none;
}
/*--=======END BUTTON ======= --*/

/*--=======TRANSPARENT BUTTON ======= --*/

.gt-trans-btn {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
	background: transparent!important;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #ffffff;
}

 .gt-trans-btn:hover {
    background: #d2d7cf!important;
    color: #343931;
    text-decoration: none;
}
/*--=======END TRANSPARENT BUTTON ======= --*/

/*--=======BUTTON DARK ======= --*/
.gt-dark-btn {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #d2d7cf;
	background: #2e3632;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #ffffff;
}
 .gt-dark-btn:hover {
    background: #d2d7cf;
    color: #343931;
    text-decoration: none;
}
/*--=======END BUTTON DARK ======= --*/

/*--=======TEAM Owl carousel arrows ======= --*/
.owl-carousel {
	padding:30px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    background-color: transparent!important;
    display: block;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -20px;
    top: 50%;
    background-color: transparent!important;
    display: block ;
    padding: 0 .3em !important;
    font-size: 3em;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
.owl-theme .owl-nav [class*=owl-]:focus{background:#869791;color:#FFF;text-decoration:none!important; outline: none!important;}
/*--=======Owl carousel arrows ======= --*/

/*--======= Slider Section Responsive CSS ======= --*/
@media (max-width: 768px) {
 .carousel-content h2 {
    font-size: 17px;
  }
	.carousel-content p {
    font-size: 15px;
		    width: 100%;
		line-height: 15px!important;
  }
 .carousel-content .carousel-control-prev, .carousel-content .carousel-control-next {
    font-size: 24px;
}
	
	.carousel-content {
    text-align: center;
    margin-top: -30px; 
		background-color: rgba(61, 72, 66, 0.8);
	padding:20px;
}
 .active .carousel-content {
    margin-top: -0px;
    transition: 0.5s;	
	 background-color: rgba(61, 72, 66, 0.8);
padding:20px;
}
	
}
@media (min-width: 1024px) {
  .carousel-content p {
    width: 90%;
  }
}
/*---------------end banner carousel-------------*/
.footer-bg { 
  background-image:url("../images/greenery-bg.jpg");
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #d2d7cf;
  position: relative;
	min-height:250px!important;
}

.footer-bg a{color: #fff;}
.footer-bg a:hover{color: #fff;
text-decoration: underline;}
.footer-bg a:visited{color: #d2d7cf;}

.greenery-bg {
  background-image:url("../images/greenery-bg.jpg");
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
  background-color: #d2d7cf;
  position: relative;
	min-height:250px!important;
}

.leaves-side-bg {
	background-image:url("../images/leaves-side-bg.jpg");
	background-color: #d2d7cf;
	background-repeat: no-repeat;
	 background-position: bottom left;
  background-size:cover;
	min-height:250px!important;
}
.news-bg {
	background-image:url("../images/news-bg.jpg");
	background-color: #d2d7cf;
	background-repeat: no-repeat;
	 background-position: bottom left;
  background-size:cover;
	min-height:250px!important;
}.news-side-bg {
	background-image:url("../images/news-side-bg.jpg");
	background-color: #c4cdc2;
	background-repeat: no-repeat;
	 background-position: top left;
  background-size:contain;
	min-height:250px!important;
}
.popup-bg {
	background-image:url("../images/popup-bg.jpg");
	background-color: #d2d7cf;
	background-repeat: no-repeat;
	 background-position: bottom center;
  background-size:cover;
	min-height:250px!important;
}
.quote-side-bg {
	background-image:url("../images/quote-side-bg.jpg");
	background-color: #d2d7cf;
	background-repeat: no-repeat;
	 background-position: bottom center;
  background-size:cover;
	min-height:250px!important;
}
.bottom-sage-leaves-bg {
	background-image:url("../images/bottom-sage-leaves.png");
	background-color: #4b5952;
	background-repeat: no-repeat;
	 background-position: bottom left;
  background-size:contain;
}

.cosmetic-bg {
	background-image:url("../images/cosmetic-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
  background-size:cover;
	min-height:450px!important;
}

.implant-bg {
	background-image:url("../images/implant-bg2.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
  background-size:cover;
	min-height:450px!important;
}

.advanced-bg {
	background-image:url("../images/advanced-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top right;
  background-size:cover;
	min-height:450px!important;
}

.general-bg {
	background-image:url("../images/general-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top right;
  background-size:cover;
	min-height:450px!important;
}
.marble-bg {
	background-image:url("../images/marble-bg.jpg");
	background-repeat: no-repeat;
	 background-position: center center;
  background-size:cover;
	min-height:450px!important;
}

.front-door-bg {
	background-image:url("../images/waitingarea-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top center;
	background-size:cover;
}
	
.desk-bg {
	background-image:url("../images/desk-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
	background-size:cover;
	right: 0px!important;
}

.dark-pic-reception-bg {
	background-image:url("../images/dark-pic-logo.jpg");
	background-repeat: no-repeat;
	 background-position: center right;
  background-size:cover;
	min-height:450px!important;
}
.dark-pic-vase-bg {
	background-image:url("../images/dark-pic-vase.jpg");
	background-repeat: no-repeat;
	 background-position: center center;
  background-size:cover;
	min-height:450px!important;
}


.dark-pic-children-bg {
	background-image:url("../images/dark-children-bg.jpg");
	background-repeat: no-repeat;
	 background-position: center left;
  background-size:cover;
	min-height:450px!important;
}

.dark-pic-children-bg2 {
	background-image:url("../images/dark-children-bg2.jpg");
	background-repeat: no-repeat;
	 background-position: center right;
  background-size:cover;
	min-height:450px!important;
}

.feedback-bg {
	  width: 100%;
  height: 400px;
  background-image: url("../images/feeback-right-bg.png"), url("../images/feeback-left-bg.png"), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-repeat: no-repeat, no-repeat;
  background-position:
    top right,
 bottom left;
	 background-size:20%;
}

.team-bg {
	  width: 100%;
  background-image: url("../images/feeback-right-bg.png"), url("../images/feeback-left-bg.png"), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-repeat: no-repeat, no-repeat;
  background-position:
    top right,
 bottom left;
	 background-size:20%;
}

.single-leaf-bg {
	  width: 100%;
  background-image: url("../images/bottom-sage-leaves.png");
  background-repeat: no-repeat;
  background-position:
    bottom center;
	 background-size:80%;
}
	
/*--TREATMENT BGs*/
.children-bg {
	background-image:url("../images/children-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
	background-size:cover;
	right: 0px!important;
}
 
.ortho-bg {
	background-image:url("../images/ortho-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
	background-size:cover;
	right: 0px!important;
}
.bridge-bg {
	background-image:url("../images/ortho-bg.jpg");
	background-repeat: no-repeat;
	 background-position: top left;
	background-size:cover;
	right: 0px!important;
}

.invisalign-bg {
	background-image:url("../images/invisalign-bg.jpg");
	background-repeat: no-repeat;
	 background-position: center left;
  background-size:cover;
	min-height:450px!important;
}

.invisalign-bg2 {
	background-image:url("../images/invisalign-bg.jpg");
	background-repeat: no-repeat;
	 background-position: center center;
  background-size:cover;
	min-height:450px!important;
}

.invisalign-bg3 {
	background-image:url("../images/banner-invisalign2.jpg");
	background-repeat: no-repeat;
	 background-position: center left;
  background-size:cover;
	min-height:450px!important;
}

.invisalign-bg4 {
	background-image:url("../images/banner-invisalign2.jpg");
	background-repeat: no-repeat;
	 background-position: center right;
  background-size:cover;
	min-height:450px!important;
}
/*--END TREATMENT BGs*/

/*--TIMELINE STYLING*/
.box-container {
  padding: 0 25px;
  margin: 0 25%;
}
.box-container ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.box-container ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  border: 1px solid #aaa;
	display: none;
}

.box {
    margin: 50px 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    min-width: 200px;
    position: relative;
    letter-spacing: 1px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
}
.box > span {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  border: 1px solid #ccc;
}
.box > span:before, .box > span:after {
  content: "";
  position: absolute;
  left: -7px;
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
  background: #4b5952;
  border-radius: 100%;
}
.box > span:before {
  top: -12px;
}
.box > span:after {
  top: 100%;
}
.box .title {
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 10px;
	color: #fff;
}
.box .sub-title {
  font-size: 0.6rem;
  color: #aaa;
	 margin-top: 10px;
}
.box .info {
  margin: 15px 0;
	color: #fff;
}
.box .time span {
  position: absolute;
  font-size: 0.5rem;
  color: #aaa;
}
.box .time span:first-child {
  top: -10px;
  left: -70px;
}
.box .time span:last-child {
  top: 100%;
  left: -70px;
	display: none;
}
/*--END TIMELINE STYLING*/

/*VIEO STYLES*/
.video {
    width: 100%;
    border: 1px solid black;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:100%;
}
.playpause {
    background-image:url(https://images.freeimages.com/fic/images/icons/2315/default_icon/256/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

.line-height-10 {line-height:10px;}
.line-height-15 {line-height:15px;}
.line-height-20 {line-height:20px;}
.line-height-30 {line-height:30px;}
.line-height-40 {line-height:40px;}
.line-height-50 {line-height:50px;}
.line-height-60 {line-height:60px;}
.line-height-70 {line-height:70px;}

/*AWARDS*/


#slideout {
  position:absolute;
  top: 280px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	
}
#slideout_inner {
  position: absolute;
  top: 40px;
 /* left: -250px;*/
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	background-color: #fff;
	padding-bottom: 20px;
}
#slideout:hover {
  /*left: 250px;*/
}
#slideout:hover #slideout_inner {
 /* left: 0;*/
}

#slideout img{
  width: 100px;
}
.no-underline {text-decoration: none !important;}
.no-underline a {text-decoration: none !important;}
.no-underline a:hover {text-decoration: none !important;}

/*TALBE STYLE*/
.styled-table {
    border-collapse: collapse;
    margin: 0px 0;
    font-size: 0.9em;
    min-width: 100%;
}

.styled-table thead tr {
    background-color: #ceac5e;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
	border-bottom: thin solid #ceac5e;
}

/*TALBE STYLE*/
.times-font {font-family: 'Times New Roman', 'serif'}
.quotes { background-image: url("../images/quotes-teal.png");
	background-position: 50px 20px;
	background-repeat: no-repeat;
}
.quotes-black { background-image: url("../images/quotes-black.png");
	background-position:50px 20px;
	background-repeat: no-repeat;
}
.pointer-hand {cursor: pointer;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #273937;
    margin: 1em 0;
    padding: 0; 
}
/*SLIDER*/
* {box-sizing: border-box;}

.img-comp-container {
  position: relative;
  height: 100%; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}


/*HOVER box*/


.boxhover {
}

.boxhover * {
  box-sizing: border-box;
  transition: all .35s ease;

}

.boxhover  {
  display: inline-block;
  list-style: outside none none;
  paddin: 0;
}

.boxhover a {
  padding: .4em .7em;
  color: #1d1d1d;
  position: relative;
  text-decoration: none;
  font-size: 16px;
	cursor: hand;
}

.boxhover a::before,
.boxhover a::after {
  content: '';
  height: 30px;
  width: 30px;
  position: absolute;
  transition: all .35s ease;
  opacity: 0;
}

.boxhover a::before {
  content: '';
  right: 0;
  top: 0;
  border-top: 3px solid #1d1d1d;
  border-right: 3px solid #1d1d1d;
  transform: translate(-100%, 50%);
}

.boxhover a:after {
  content: '';
  left: 0;
  bottom: 0;
  border-bottom: 3px solid #1d1d1d;
  border-left: 3px solid #1d1d1d;
  transform: translate(100%, -50%)
}

.boxhover a:hover:before,
.boxhover a:hover:after{
  transform: translate(0,0);
  opacity: 1;
}

.boxhover a:hover {
  color: #1d1d1d;
}


#yourElement {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}


.footer h4 {font-size:16px; color: #000; }

.footer p {font-size:14px; color: #000; }
footer a { font-size:10px;}

.footer a {color: #000;
}

.bullets li { color: #000;  background: url(../images/list.png) left center no-repeat; line-height: 25px; padding-bottom:20px;  }
.bullets2 li { color: #fff;   line-height: 25px; padding-bottom:20px;  }

.white-background { background-color:#fff;}
.black-background { background-color:#000;}
.white-text { color:#fff;}
.white-text a { color:#fff;}
.white-text a:hover{ color:#fff;}
.white-text a:visited{ color:#fff;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.multi-quotes {
 
  background-image: url(../images/quotes-green-right.png);
  background-repeat:  no-repeat;
  background-position: top right;
     
}
.multi-quotes2 {
 
  background-image:url(../images/quotes-green.png);
  background-repeat: no-repeat;
  background-position:  top left;
}

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

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

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

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

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

.text-down-small {
	margin-top:-20px;
    }  
}

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

@media only screen 
and (min-width : 499px) {

.box {
    margin: 50px 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    min-width: 400px!important;
    position: relative;
    letter-spacing: 1px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
}

}
@media only screen 

and (min-width : 799px) {
.box {
    margin: 50px 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    min-width: 500px!important;
    position: relative;
    letter-spacing: 1px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
}
.carousel-content h2 {
    color: #fff;
    margin-bottom: 10px!important;
    font-size: 38px!important;
    font-weight: 400;
}
	
	.carousel-content h3 {
    color: #fff!important;
    font-size: 38px!important;
    font-weight: 400;
	text-transform: uppercase!important;
}
.carousel-content h4 {
    color: #fff!important;
}
.carousel-content h5 {
    color: #fff!important;
}
.carousel-content p {
    width: 100%!important;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	  font-size: 25px;
    margin: 0 auto 10px auto;
    color: #fff!important;
	line-height: 35px!important;
	text-shadow: 0px 0px 0 #d2d7cf
}
	
	
	
	
 .active .carousel-content {
    margin-top: 30px!important;
    transition: 2.5s;
}
	
.carousel-container {
    display: flex;
    justify-content: left;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0px;
    left: 150px;
    right: 0; 
}
}

@media only screen 
and (min-width : 1200px) {
	.top-text {
    color: #ffffff!important;
    line-height: 20px!important;
    padding-top: 15px!important;
    font-size: 20px;
}
.box {
    margin: 50px 0;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    min-width: 500px!important;
    position: relative;
    letter-spacing: 1px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
}

	.carousel-content h2 {
    color: #fff;
    margin-bottom: 10px!important;
    font-size: 38px!important;
    font-weight: 400;
}
	
 .active .carousel-content {
    margin-top: 30px!important;
    transition: 2.5s;
}
	
.carousel-container .down {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 290px;
    left: 0;
    right: 0; 
}
}

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

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