/*
Theme Name: Dental Beauty
Theme URI: www.laserhambaravi.ee
Author: Kristjan Reinsberg
Author URI: http://www.digimootor.ee
Description: Ddental care company website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dentalb

◄ = &#9668; 
► = &#9658; 
▼ = &#9660; 
▲ = &#9650;

*/

body {
  padding-top: 50px;
  padding-bottom: 0px;
  min-width: 320px;
}
.container {max-width: 960px}

.admin-bar .navbar-fixed-top {
	margin-top: 30px;
}

img {max-width: 100%; height: auto;}


@media (min-width:768px) {


	.sub-menu {
		display: none;
		position: absolute;
		background: #222;
		padding: 10px 15px;
		width: 200px;		
	}

	li:hover .sub-menu {
		display: block;
	}
    .navbar-nav { float: right; }
	.navbar-nav ul {padding: 0px; margin: 0px; list-style: none;}
	.navbar-nav ul li {display: inline-block; padding: 10px}
	.navbar-nav ul li a {    display: block;  color: #fff;}
	.navbar-nav ul li.current_page_item  a {color: #ffd100;}
}

.sub-menu li {
	margin-bottom: 10px;
	list-style: none;
}

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu a  {
	color: #999;
	text-decoration: none;
}

.sub-menu a:hover  {
	color: #fff;	
}	

/*BOOTSTRAP FUCKING SHIT OVERRIDE*/
.navbar-inverse .navbar-nav>li>a { color: white; font-weight: 600}
.navbar-inverse .navbar-nav>li>a:hover {color: #ffd100;}

.navbar-inverse .navbar-nav>li.current-menu-item {color: #ffd100; font-weight: 400}
.navbar-inverse .navbar-nav>li.current-menu-item a {color: inherit; font-weight: inherit}


.sidebar { 
	margin-top: 40px;
	color: #444;
}

.sidebar h3 {
	color: #888;
}

.widget {
	margin: 10px 0 30px;
}

article.post {
	margin: 20px 0 40px;
}

.featured-image img,
.portfolio-piece img,
.portfolio-image img {
	max-width: 100%;
}

.prev-next {
	font-size: 24px;
	margin-top: 30px;
	text-align: right;
}


/*
 * MYSTYLES
 * --------------------------------------------------
 */
 body {
 	background-image: url(img/bg.jpg);
 	font-family: 'Open Sans', sans-serif;
 	font-size: 16px;
 	font-weight: 300;
 }

 h1,h2,h3,h4,h5,h6,.button {  font-family: Montserrat, Helvetica, Arial, sans-serif;}

.navbar-inverse {
  background: -webkit-linear-gradient(#083681, #002461); /* For Safari 5.1 to 6.0        ORIGINAL COLOR WAS #021945  */
  background: -o-linear-gradient(#083681, #002461); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#083681, #002461); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#083681, #002461); /* Standard syntax */
  border-color: #002461;

}

.wrap-content { background-color: white;}

#page-cont {
	background-color: white; 
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 35px; 
	padding-right: 35px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-topleft: 5px;
	-moz-border-bottom-topright: 5px;
	border-top-bottom-radius: 5px;
	border-top-bottom-radius: 5px;
}
#page-cont > h1 {margin-top: 10px; font-size: 24px}


#page-head {
  

  height: 30px; 

  background: -webkit-linear-gradient(#083681, #002461); ; /* For Safari 5.1 to 6.0        ORIGINAL COLOR WAS #021945  */
  background: -o-linear-gradient(#083681, #002461);/* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#083681, #002461); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#083681, #002461); /* Standard syntax */

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  }
#main-logo {position: absolute; z-index: 200; min-width: 166px; min-height: 133px;}
@media (max-width:400px) {#main-logo {min-width: 129px; min-height: 103px}}
#tophelp {color: white; padding-top: 40px;      padding-bottom: 25px; position: relative;}

.help-txt { text-align: right; text-transform: uppercase;    font-family: Montserrat, sans-serif;    font-size: 18px;}
.help-num {text-align: right;   font-family: Montserrat, sans-serif;     font-size: 18px;}


#flag-handler:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 18px;
    background: url(img/24h.png) no-repeat center center;
    right: 220px;
    top: 19px;
}

@media (max-width:768px) {
	#flag-handler:before {
		right: 160px;
	}
}

@media (max-width:400px) {
	#tophelp {
		padding-top: 30px;
	}
	#flag-handler:before {
		top: 9px;
		right: 10px;
	}
}

body.home  #page-cont{padding: 0px}
body.blog .entry-title{padding-left: 15px}

.no-pad  {padding: 0px}
.no-col-pad {padding-left: 0px; padding-right: 0px}

/****   BUTTON  ****/
.button {
  background: #fdcd02;
  background: -webkit-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  background: -o-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  background: -moz-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  background: linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);

    color: #000;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    text-decoration: none;
}
.button:hover {
	    background: linear-gradient(to bottom, #f7a532 30%, #fdcd02 100%);
  background: -webkit-linear-gradient(to bottom, #f7a532 30%, #fdcd02 100%); 
  background: -o-linear- linear-gradient(to bottom, #f7a532 30%, #fdcd02 100%);
  background: -moz-linear-gradient(to bottom, #f7a532 30%, #fdcd02 100%); 


	    color: #000;
	    text-decoration: none;
}

.top-banner-wrapper {
	width: 270px;
	height: 100px;
	margin: 0 auto;
	margin-top: 25px;
	background-image: url('img/background-kaaries.png');
	background-size: 200px auto;
	background-repeat: no-repeat;
}

.button.top-btn {
	color: #ffffff;
	background: transparent;
	text-transform: uppercase;
	float: left;
}
a.button.top-btn {
	margin-top: 20px;
	padding-left: 60px;
}
.button.top-btn span.top-btn-new {
	color: #000;
	background: #fdcd02;
	margin-top: -25px!important;
	margin-left: -65px;
	position: absolute;
	padding: 7px 10px;
	background: -webkit-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: -o-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: -moz-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
	border-radius: 5px;
}


.tag-links a{
    margin-right:10px;
    color:#232F49;
}


/*
.top-banner-wrapper {
	width: 200px;
	height: 100px;
	margin-top: -10px;
	margin: 0 auto;
	background-image: url('img/background-kaaries.png');
	background-size: 200px auto;
	background-repeat: no-repeat;
}
.col-btn-new {
	margin-top: 30px;
}
.button.top-btn {
	padding: 10px 55px;
	text-align: left;
	float: left;
	color: #ffffff;
	background: none;
	left: 50%;
	top: 50%;
	text-transform: uppercase;
	transform: translate(-50%, -50%);	
}
.button.top-btn a {
	width: auto;
}
.button.top-btn span.top-btn-new {
	left: 0px;
	padding: 7px 15px;
	color: #000;
	background: #fdcd02;
	background: -webkit-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: -o-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: -moz-linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
  	background: linear-gradient(to bottom, #f7a532 0%, #fdcd02 100%);
	border-radius: 5px;
	font-size: 14px;
}
*/

@media (max-width:400px) {
	.button.top-btn {
		padding: 10px 10px;
		transform: translate(-50%, 0);
		top: 5px;
	}
}

.col-btn-new {
	height: 115px;
	position: relative;
	margin-top: -115px;
}

@media (max-width:650px) {
	.col-btn-new {
		margin-top: 0px;
		height: 110px;
		z-index: 201;
	}
	.button.top-btn span.top-btn-new { left: 0px!important; }
	.top-btn-background { margin: 5px 0 auto; background-size: 200px auto;}
	.button.top-btn {
		margin: 0 auto;
	}
	.btn-wrapper-top {
		width: 240px;
		height: 100px;
		outline: 1px solid #eee;
		float: right;
	}
}


/*error message botom space */
div.wpcf7-response-output {margin-top: 0px; margin-bottom: 30px}


/******************  BOOTSTRAP OVERRRIDE    *****************/
#page-foot {margin-top: 30px; margin-bottom: 30px; color: white;}
.page-template-template-front-page #page-foot {padding-left: 0;}
#page-foot .form input, #page-foot .form  textarea {color: #fff; border-color: rgba(255,255,255,.1); background-color: rgba(255,255,255,.05);}
#page-foot .form input:focus, #page-foot .form  textarea:focus {border-color: rgba(255,255,255,.2);}
#page-foot .form input[type="submit"] {width: auto; padding: 9px 14px;}
#page-foot .form input[type="submit"]:hover {color: #ffd100; border-color: rgba(255,255,255,.2);}
#page-foot .form h3 {margin-top: 0; font-size: 20px}
#page-foot .form {width: 50%; float: left; padding-right: 30px; position: relative; min-height: 1px; display: block;}
#page-foot .form.form-right textarea {height: 80px;}
#page-foot div.wpcf7-validation-errors {border: 0 !important;}
#page-foot span.wpcf7-not-valid-tip {margin-top: 4px;}

@media screen and (max-width: 768px) {
	#page-foot .form { padding: 0 15px; }
	.col-btn-new {}
	.top-btn-background { height: 80px;}
	.button.top-btn { margin-top: -30px; right: 0%;}
	.button.top-btn span.top-btn-new { left: 26px;}
}

@media screen and (max-width: 480px) {
	#page-foot .form { width: 100%; padding: 0 0 15px 15px; }
}

.panel-default>.panel-heading {
    color: #F1F1F1;
    background: linear-gradient(#083681, #002461);
  background: -webkit-linear-gradient(#083681, #002461);
  background: -o-linear-linear-gradient(#083681, #002461);
  background: -moz-linear-linear-gradient(#083681, #002461);

}

.panel-title>a:focus {
    text-decoration: none;
}
.panel-title>a:focus:hover {
    text-decoration: underline;
}

.panel-group  {margin-bottom: 10px}
.panel-body {    
	background: linear-gradient(to bottom, #f8f8f8 0%, #eeeeee 100%); 
  background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, #eeeeee 100%); 
  background: -o-linear-gradient(to bottom, #f8f8f8 0%, #eeeeee 100%); 
  background: -moz-linear-gradient(to bottom, #f8f8f8 0%, #eeeeee 100%); 


    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#accordion2 >.panel {box-shadow: none; background: none;}
#accordion2.panel-group {margin-bottom: 0px;}

#accordion2 .panel-default {border: none;}    /* border-color: #ddd; */

#accordion2 .panel-default>.panel-heading {
    color: #333;
    background-color: transparent; /* #f5f5f5  */
    border-color: none;  /* #ddd */
    background: none;
}

#accordion2 .panel-body2 {
	padding-left: 15px;
    color: #333;
    font-style: italic;
}

#accordion2  .has-link {text-decoration: underline;}

#accordion2  .hind{float: right; color: rgb(51, 51, 51);}
#accordion2  .hind:after{content: "€"}

/******************     *****************/


.booking {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -110px;
    padding: 15px 0;
    width: 220px;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
}

.prices {
    position: absolute;
    right: 50%;
    top: 50%;
    bottom: auto;
    width: 140px;
    padding: 10px;

    text-transform: uppercase;
    margin: -25px -565px 0 0;
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);

    z-index: 0;
    text-align: center;    
}


/*FRONTPAGE BLOCKS*/

.fp-col a {
	position: relative;
}

.fp-col a.lam {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 34%;
	z-index: 4;
}

.fp-col > a.fp-block > img {
	-o-transition: box-shadow .3s, transform .3s;
	-ms-transition: box-shadow .3s, transform .3s;
	-moz-transition: box-shadow .3s, transform .3s;
	-webkit-transition: box-shadow .3s, transform .3s;
	transition: box-shadow .3s, transform .3s;
	transform: scale(1);
	box-shadow: 0px 0px 0px #000;
}

.fp-col:hover > a.fp-block > img {
	transform: scale(1.02);
	z-index: 3;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}

@media screen and (max-width: 767px) {
	#page-cont {
		overflow: hidden;
	}
}


/*PORTFOLIO BLOG LISTING*/


 .porfolio-title {text-align: center;     margin-bottom: 0px;}
 .porfolio-title+p {text-align: center;}


 .porfolio-post:hover{
  -o-transition: 1.5s ease-out ;
  -ms-transition: 1.5s ease-out;
  -moz-transition: 1.5s ease-out;
  -webkit-transition: 1.5s ease-out;
  /* ...and now for the proper property */
  transition: 1.5s ease-out;
}


/*HYPER SUPER MEGA FIX BOOTSTRAP COL IRREGULAR WRAPPING*/    /*.page-post-single*/

.page-posts > .col-xs-3:nth-child(4n+1) {
    clear: both;
}


.page-post-single {margin-bottom: 30px;}


/*  SIDEBAR   */
.widget {    
  background: #f8f8f8;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}


.textwidget { 
  padding: 15px;  
  font-size: 14px;
}

.textwidget a{  color: #888}
.textwidget a:hover {text-decoration: none; color: black}


.sidebar {margin-top: 0px;}
.sidebar h3 {


  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;


  margin-top: 0px;
  margin-bottom: 0px;
  padding: 15px;  

  font-size: 14px;  
    background: #ebebeb;
    color: #000;
    text-transform: uppercase;


    text-shadow: 0 1px 0 #fff;  
}


/*  FORMS */
input, textarea { 
    padding: 9px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 100%; 
    background: #FFFFFF; 

    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;     
    } 
   
textarea { 
    width: 100%; 
    /*max-width: 400px; */
    height: 150px; 
    line-height: 150%; 
    } 
   
input:hover, textarea:hover, 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    } 
   
.form label { 
    margin-left: 10px; 
    color: #999999; 
    } 
   
.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    }

.fb-like {float: right;}
.swiper-slide:first-child { /*width: 50px!important */}


/*  SWIPER.js*/
#swiper-wrap{margin-top: 70px; margin-bottom: 30px; padding-left: 0px; padding-right: 0px}


.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;

    
    /* 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;
}
.swiper-slide img {margin: 10px}

/*footer*/

#page-foot p{text-align: left;}


/*
 * TOOLTIPS
 * --------------------------------------------------
 */
.tool {
	cursor: help;
	position: relative;
	 
}
.tool::before,
.tool:after{
	position: absolute;
	left: 100%;
	opacity: 0;
	z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
	opacity: 1;
	z-index: 100;
}
.tool::before{
	border-style: solid;
	border-width: 1em 1em 0em 1em;
	border-color: grey transparent transparent transparent;
	bottom: 100%;
	margin-left: 0px;
	content: "";
	
}	
.tool::after{
	background: grey;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		border-radius: .3em;
	bottom: 180%;
	color: black;
	width: auto;
	padding: 1em;
	margin-left: -9em;
	content: attr(data-tip);

}


/*
 * LANGUAGE SELECTION
 * --------------------------------------------------
 */
 
.navbar.navbar-inverse > .container {
	position: relative;
}
 
.navbar.navbar-inverse > .container > .navbar-collapse {
	margin-right: 40px;
}

@media screen and (max-width: 767px) { 
	.navbar.navbar-inverse > .container > .navbar-collapse {
		margin: 0px -15px 0 -15px;
	}
	ul.language-selection {
		right: 70px !important;
	}
}

ul.language-selection {
	border: 0;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}
 
.language-selection button,
.language-selection .language-menu a {
	display: block;
	vertical-align: middle;
	line-height: 20px;
	padding: 15px;
	background-color: transparent;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	border: 0;
	outline: 0;
}

.language-selection .language-menu a {
	background-color: #002461;
}

.language-selection .language-menu a:hover {
	background-color: #083681;
}

.language-selection button > a {
	color: #fff;
}

.language-selection .language-menu a:hover {
	color: #ffd100;
	text-decoration: none;
}

.language-selection {
	z-index: 9999;
	list-style-type: none;
}

.navbar-collapse.language-menu {
	position: absolute;
	border: 0;
	padding: 0;
}

ul.language-selection > .navbar-collapse.collapse {
	display: none !important;
}
ul.language-selection > .navbar-collapse.collapse.in {
	display: block !important;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */


@media screen and (max-width: 1111px) {

a.prices{ display: none;}
}


@media screen and (max-width: 767px) {

    .help-txt { font-size: 14px}

   .porfolio-title+p {display: none;}


  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

@media screen and (max-width: 400px) {
	.help-txt { font-size: 13px}
}