/* -------------------------- *\
    BULTAG Styles
\* -------------------------- */

/* 
Theme Name: Ortomedics
Author: BULTAG Web Design & SEO
Author URI: https//bultag.com
Theme URI: https://bultag.com
Version: 1.0
Description: Mobile First, SEO Friendly custom theme by BULTAG
Tags: Mobile First, SEO optimized
*/

/* -------------------------- *\
    BULTAG Variables:
\* -------------------------- */

:root {

	/* Colors */
	--main-color: #000;
	--secondary-color: orange;
	--third-color: red;
	--accent-color: #0087ff;
	--accent-color-2: #0689ff;
	--accent-color-3: #00FFF1;
	--dark: #0c375b;
	--dark-2: #062255;
	--border-color: #dfe5e6;

	/* Text */
	--font-family: 'Roboto', sans-serif; font-weight: 400;
	--default-font-size: 1.6rem;
	--line-height: 1.3;
	--text-color: #052154;
	--text-color-2: #045381;
	--link-color: rgba(0,0,0, .5);
	--link-hover-color: var(--accent-color);

	/* Box Model */
	--border-radius: .7rem;

	/* Other */
	--intro-image-background: rgba(0,0,0, .5);
	--skew: 5deg;
	--polygon: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
	--polygon-2:  polygon(0 15vh,  100% 0, 100% 75vh, 0 100%);
	--border-radius: 1.5rem;
}

/* -------------------------- *\
    BULTAG Mixins
\* -------------------------- */

/* -------------------------- *\
    BULTAG Clearfix
\* -------------------------- */

/* -------------------------- *\
    BULTAG Media Query
\* -------------------------- */

/* -------------------------- *\
    Nav Menu
\* -------------------------- */

/* -------------------------- *\
    Transition
\* -------------------------- */

/* -------------------------- *\
    Transition
\* -------------------------- */

/* -------------------------- *\
    Transform Center
\* -------------------------- */

/* -------------------------- *\
    Elements
\* -------------------------- */

/* -------------------------- *\
    BULTAG Reset
\* -------------------------- */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

/* -------------------------- *\
    BULTAG Base
\* -------------------------- */

html {
	font-size: 62.5%;
}

body {  
	font-family: var(--font-family); 
	font-size: var(--default-font-size); 
	line-height: var(--line-height); 
	color: var(--text-color); 
	background: #dae1e2;
	}

a { 
	color: var(--link-color);
	text-decoration: none;
  }

/*transition: .3s;*/

a:hover {
	color: var(--link-hover-color);
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 3rem; line-height: 1.3; font-weight: 400; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

h3 { font-size: 2.4rem; }

h4 { font-size: 1.8rem; }

h5 { font-size: 1.6rem; }

h6 { font-size: 1.4rem; }

@media(max-width: 330px){
	h1, h2 {
		font-size: 3rem; 
	}
}

p,
ul,
ol { margin-bottom: 1.3em; }

ul,
ol { padding-left: 1.2em; }

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

/* -------------------------- *\
    Shell
\* -------------------------- */

.shell { 
	max-width: 1250px; margin: 0 auto;
}

@media(max-width: 1366px){

	.shell {
		padding: 0 20px;
	}
}

.shell--big {
	max-width: 1366px;
}

/* -------------------------- *\
    Cols
\* -------------------------- */

.cols { margin: 0 -1.5rem; }

.cols:after { content: ''; display: table; clear: both; line-height: 0; }

.col { float: left; width: 100%; padding: 0 1.5rem; }

.col--1of2 { width: 50%; }

.col--1of3 { width: 33.33%; }

.col--1of4 { width: 25%; }

.col--1of2 { width: 20%; }

@media(max-width: 767px){
	.col--1of2,
	.col--1of3,
	.col--1of4,
	.col--1of5 { width: 100%; }
}

/* -------------------------- *\
    Helpers
\* -------------------------- */

.hidden { display: none !important; }

.center { display: block; margin: 0 auto; text-align: center; }

/*.nomob { display: none;
  @mixin 768 {
    display: inline-block;  
  }
}*/

/* -------------------------- *\
    Other
\* -------------------------- */

section {
	padding: 2.5rem 0;
}

@media (min-width: 550px) {

	section {
		padding: 4rem 0;
	}
}

@media (min-width: 768px) {

	section {
		padding: 6rem 0;
	}
}

@media (min-width: 1200px) {

	section {
		padding: 8rem 0;
	}
}

/* -------------------------- *\
    Loggen in
\* -------------------------- */

.logged-in header {
  /*margin-top: 3.2rem;*/
}

/* -------------------------- *\
    Typography:
\ -------------------------- */

.p {
    font-size: var(--default-font-size);
}

/* -------------------------- *\
    0-elements.css
\* -------------------------- */

/* -------------------------- *\
    .nav-trigger
\* -------------------------- */

.nav-trigger {
	position: absolute;
	z-index: 20;
	left: -9999rem;
	display: none;
}

@media(max-width: 900px){

	.nav-trigger {
		display: block;
	}
}

.nav-trigger__menu {
	position: absolute;
	top: 4rem;
	right: 2.5rem;
	z-index: 17;
	display: none;
	padding: 2rem;
	cursor: pointer;
}

@media(max-width: 1099px){

	.nav-trigger__menu {
		display: block;
	}
}

.nav-trigger__menu span {
	z-index: 10;
	position: absolute;
	top: .8rem;
	right: 0;
	content: '';
	display: block;
	width: 3rem;
	height: .2rem;
	background: #fff;
	border-radius: .4rem;
	transition: .3s ease;		
}

.nav-trigger__menu span:nth-child(1) {
	top: 0;
}

.nav-trigger__menu span:nth-child(3) {
	top: 1.6rem;
}

.nav-trigger:checked + .nav-trigger__menu {
	transform: rotate(360deg) translateX(.3rem);
}

.nav-trigger:checked + .nav-trigger__menu span:nth-child(2) {
	width: 0;
}

.nav-trigger:checked + .nav-trigger__menu span:nth-child(1) {
	transform: rotate(45deg) scale(1.1);
	top: .7rem;
	background: #fff;
}

.nav-trigger:checked + .nav-trigger__menu span:nth-child(3) {
	transform: rotate(-45deg) scale(1.1);
	top: .7rem;
	background: #fff;
}

.nav-trigger:checked + label + a +.header-9 {
	overflow-x: visible !important;
}

.nav-trigger:checked + label + .nav {
	transform: translateX(0);
}

/* -------------------------- *\
    .btn-15
\* -------------------------- */

.btn-15 { 
	transform: skew(-7deg);
	overflow: hidden;
	display: inline-block;
	background: var(--accent-color);	
	color: #fff;
	padding: .5rem;
	min-width: 15rem;
	/*margin-left: 5rem;	*/
	font-size: 1.8rem;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid var(--accent-color);
	transition: .3s ease;

 }

@media (min-width: 768px) {

	.btn-15 {
		min-width: 20rem;
		padding: 1rem;
		font-size: 2.3rem;
	}
}

.btn-15 span {
	display: inline-block;
	transform: skew(7deg);
	transition: .3s ease;
}

.btn-15:hover {
	box-shadow: inset 0 30px #161616, inset 0 -30px #161616;
	border: 2px solid #161616;
}

.btn-15:hover span {
	color: #fff;
}

.btn-15--black {
	background: #161616;
	border: 2px solid #161616;
}

.btn-15--black:hover {
	box-shadow: inset 0 30px #0087ff, inset 0 -30px #0087ff;
	border: 2px solid #0087ff;
}

/* -------------------------- *\
    Modules
\* -------------------------- */

/* ------------------------------------------------------------ *\
    footer-1
\* ------------------------------------------------------------ */

.footer-1 {
	background-image: url('/wp-content/uploads/2019/04/protezi.jpg');
	background-size: cover; 
	background-position: 50% 70%;
}

@media(min-width: 767px){

	.footer-1 {/*clip-path: $polygon-2;*/
	}
}

.footer-1__main {
	padding: 3rem 0;
	background: rgba(12,55,91, .65);/*background-image: linear-gradient(to top, rgba(#0c375b, .65) 95% , #fff 98%);*/
	color: #fff;
	text-align: center;
}

@media(min-width: 767px){

	.footer-1__main {
		text-align: left;
	}
}

.footer-1__bottom {
	padding: 1.5rem 1rem;/*background: rgba(0,0,0, .7);*/
	background-image: linear-gradient(to top, rgba(0,0,0, .6) , rgba(12,55,91, .6));
}

@media(min-width: 767px){

	.footer-1__bottom {
		padding: 3rem 1rem 2rem;
	}
}

@media(min-width: 1199px){

	.footer-1__bottom .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
	}
}

.footer-1__copyright {
	color: #fff;
	font-size: 1.5rem;
	margin-bottom: 2rem;
	text-align: center;
	margin-bottom: 3rem;
}

@media(min-width: 767px){

	.footer-1__copyright {
		margin-bottom: 1rem;
	}
}

@media(min-width: 767px){

	.footer-1__copyright {
		font-size: 2.2rem;
	}
}

.footer-1__website-by,
	.footer-1__follow {
	text-align: center;
	font-size: 2.2rem;
	color: #fff;
}

.footer-1__website-by a, .footer-1__follow a {
	color: #fff;
	padding-bottom: .7rem;
	display: inline-block;
	animation: bultag-izrab 3s infinite;
}

.footer-1__website-by img, .footer-1__follow img {
	max-height: 5rem;
	margin-left: 1rem;
	animation: bultag-izrab 3s infinite;
}

.footer-1__follow a:hover {
	text-decoration: underline;
}

.footer-1__list {
	list-style-type: none;
	padding: 0;
	margin-bottom: 4rem;
}

@media(min-width: 767px){

	.footer-1__list {
		margin-bottom: 1rem;
	}
}

.footer-1__list:hover h3 {
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.footer-1__list h3 {
	border-bottom: 2px solid rgba(255, 255, 255, .5);
	display: inline-block;
	padding-bottom: .7rem;
	margin-bottom: .5rem;
}

@media(min-width: 767px){

	.footer-1__list h3 {
		margin-bottom: 2.5rem;
	}
}

.footer-1__list--no-icons-before li a {
	padding-left: 0;
}

.footer-1__list--no-icons-before li a:hover {
	padding-left: 2rem;
}

.footer-1__list--no-icons-before li a:before {
	content: '' !important;
}

.footer-1__list li {
	position: relative;
}

.footer-1__list li a {
	color: #fff;
	font-size: 2rem;
	position: relative;
	padding-left: 2.2rem;
	display: inline-block;
	padding: .5rem 1rem;
}

.footer-1__list li a:hover {
	transform: scale(1.03);
	background: #fff;
	color: #222;
}

.footer-1__list li a:hover i {
	color: #222;
}

.footer-1__list li a:hover:before {
	opacity: 0;
	color: #fff;
}

.footer-1__list li a:before {
	position: absolute;
	top: 50%;
	left: .0rem;
	transform: translateY(-50%);
	content: '►';
	font-size: .7rem;
}

@keyframes bultag-izrab {
  0% {transform: translateX(.2rem);}
  50% {transform: translateX(-.2rem);}
  100% {transform: translateX(.2rem);}
}

/* ------------------------------------------------------------ *\
    Image Map:
\* ------------------------------------------------------------ */

/*.image-map {
	position: relative;
  padding: 0;

	.home-title {
		position: absolute;
		color: #fff;
		top: -20vh;
		left: 50%;
		transform: translateX(-50%);
		text-transform: uppercase;
		font-size: 35px;
		padding: 25px 25px;
		background: rgba(255, 255, 255, .0);
		border-radius: 15px;
	}
}*/

/* ToolTip */

.mapster_tooltip { 
    /*background: #fefefe;*/
    /*text-align: center;*/
    display: inline-block !important;
    padding: 0px !important;
    /*min-width: 15.625rem;*/
    border-radius: 0!important;
    border: none!important;
    /*box-shadow: 17px 29px 22px 8px rgba(68, 68, 68, 0.5)!important;*/
    width: 15rem !important;
    min-height: 5rem;
    line-height: 5rem;
    font-weight: 700;
    padding: 2rem;
    text-align: center;
    /*height: 143px;*/
    /*overflow: hidden;*/
    opacity: 0.8;
    box-shadow: 0 0 1rem rgba(0,0,0, .1) !important;
    /*font-weight: 500!important;*/
    /*background: rgba(0,0,0, 0) !important;*/
    background: rgba(255, 255, 255, .8) !important;
    color: var(--dark);
}

.mapster_tooltip .allpopup .toppart { 
  color: #fff; 
  background-image: linear-gradient(95deg,  #23C4F8 0%, #0C9FEC 55%, #23C4F8 100%);
  background-image: linear-gradient(95deg,  #17a8a0 0%, #17a8a0 55%, #0c2c41 100%);
  margin:0px!important;
  padding: 10px 10px;
  font-weight: 700;
  background: red;

}

.mapster_tooltip .allpopup.busy .toppart{
  
  background-image: linear-gradient(95deg,  #e00000 0%, #e00000 55%, #e00000 100%);

}

.mapster_tooltip .allpopup .bottompart { 
  padding: 20px 0px 0px;
  margin-bottom:0px!important;
  font-size: 2rem;
  font-weight: 700;
  color:#045381; 
  color: var(--accent-color);
}

.mapster_tooltip .allpopup .bottompart.busy { 
  color: #e00000;
}

.mapster_tooltip .allpopup .bottompart-number {
  color: #666;
  font-size: 22px!important;
  font-weight: 700;
}

#mapster_wrap_0 {
  margin:auto;
}

.homevarna-tooltip {
  display: block;
  
  width: 25rem;
  padding: 1.5rem;
  background-image: linear-gradient(100deg,  rgba(0, 27, 53, .9) 0%, rgba(0, 27, 53, .7) 55%, rgba(0,0,0,0) 95%);  
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;




}

.homevarna-tooltip span {
	display: block;
	margin-top: .2rem;
	font-size: 1.8rem;
	font-weight: 400;
}

/* -------------------------- *\
    .header
\* -------------------------- */

.header { 

	margin-bottom: 1rem; 
	padding-top: 2rem;
	text-align: center;
 }

@media (min-width: 1099px) {

	.header {
		margin-bottom: 0;
		padding-top: 4rem;
	}

	@media (min-width: 1099px) {

		.header {
			position: absolute;
			width: 100%;
		}
	}
}

@media (min-width: 1099px) {

	.header .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		overflow: hidden;
		margin-bottom: 5rem;
	}
}

.header .logo {
	font-size: 2rem;
	font-weight: 700;
	color: var(--dark);
}

.header .logo img {
	max-width: 6rem;
	margin-right: 1rem;
	animation: rows 2s infinite;
}

@media (min-width: 768px) {

	.header .logo {
		font-size: 3rem;
	}
}

@media (min-width: 1099px) {

	.header .logo {
		position: relative;
		display: block;
		max-width: 25rem;/*height: 5rem;*/
		margin-right: 10rem;
		background: #fff;/*flex: 1;*/
		height: 10rem;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		padding: 1rem;
		font-size: 2.8rem;
		font-weight: 700;
		color: var(--dark);
	}
}

@media (min-width: 1099px) {

	.header .logo:after {
		content: '';
		position: absolute;
		top: 0;
		right: -8rem;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 200px 8rem 0 0;
		border-color: #fff transparent transparent transparent;
	}
}

@media (min-width: 1099px) {

	.header span {
		display: block;
		width: 5%;
	}
}

@media (max-width: 1099px) {

	.header .nav {
		transform: translateX(200%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 15;
		background: rgba(0,0,0, .7);
		width: 100%;
		height: 100vh;
	}
}

@media (max-width: 1099px) {

	.header .nav ul {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
}

@media (min-width: 1099px) {

	.header .nav {
		position: relative;
		background-image: linear-gradient(to right, var(--dark-2) , #55bae7);
		-ms-flex: 1;
		    flex: 1;/*position: absolute;
			width: 100%;*/
	}
}

@media (min-width: 1000px) {

	.header .nav:before {
		content: '';
		position: absolute;
		top: 0;
		left: -8rem;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 200px 8rem;
		border-color: transparent transparent var(--dark-2) transparent;
	}
}

.header .nav ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: center;
}

@media (min-width: 1099px) {

	.header .nav ul {
		padding: 3rem;
		text-align: right;
	}

	@media (min-width: 1200px) {

		.header .nav ul {
			padding: 2.7rem;
		}
	}
}

@media (min-width: 1099px) {

	.header .nav ul li {
		display: inline-block;
	}

	@media (min-width: 1200px) {

		.header .nav ul li + li {
			margin-left: 1.5rem;
		}
	}
}

.header .nav a {
	display: inline-block;/*padding: .5rem;*/
	padding: 1rem;
	color: var(--accent-color);
}

@media (max-width: 1099px) {

	.header .nav a {
		background: rgba(255, 255, 255, .9);
		display: block;
		margin-bottom: 1.2rem;
		transform: skew(-7deg);
		font-size: 2rem;
	}
}

/*border-radius: .5rem;*/

.header .nav a.tel {
	padding: 1rem;
	background: #ffd200;/*background: #fff;*/
	color: #fff;/*color: var(--dark);*//*margin-top: 2rem;*/
}

@media (min-width: 1099px) {

	.header .nav a {
		color: #fff;
		transition: .3s ease;
	}

	.header .nav a:hover {
		transform: scale(1.2);
	}
}

@media (min-width: 1250px) {

	.header .nav a {
		font-size: 2rem;
	}
}

.header .tel {
	color: #fff;
}

@keyframes rows {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* -------------------------- *\
    .title-2
\* -------------------------- */

h1 {
	font-size: 2.3rem;
}

@media (min-width: 768px) {
	font-size: 3.5rem;
}

.title-2 { 
	font-size: 2rem;
	font-weight: 700;
	line-height: 4rem;
	color: #000;
	text-transform: uppercase;	
 }

.title-2:hover span {
	position: relative;
	padding: 0 2rem .8rem 0;
	display: inline-block;
}

.title-2:hover span:before {
	left: 90%;
	width: 10%;
}

.title-2:hover span:after {
	left: 0;
	width: 84%;
}

@media (min-width: 550px) {

	.title-2 {
		font-size: 2.7rem;
	}
}

@media (min-width: 768px) {

	.title-2 {
		font-size: 3.2rem;
	}
}

@media (min-width: 1200px) {

	.title-2 {
		font-size: 3.7rem;
	}
}

.title-2 span {
	position: relative;
	padding: 0 2rem .8rem 0;
	display: inline-block;
}

.title-2 span:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 15%;
	width: 85%;
	height: .4rem;
	background: var(--accent-color);
	transition: .3s ease;
}

.title-2 span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 9%;
	height: .4rem;
	background: var(--accent-color);
	transition: .3s ease;
}

/* -------------------------- *\
    .intro
\* -------------------------- */

@media (min-width: 1099px) {

	.intro {
		padding-top: 16.6rem;
		background-image: linear-gradient(to right bottom, #ced4d9 20%, #DCE2E2 40% , #DCE2E2 50%);
	}
}

@media (min-width: 768px) {

	.intro h1 {
		font-size: 4.5rem;
		margin-bottom: 1.2rem;
		line-height: 1.2;
	}
}

@media (min-width: 768px) {

	.intro p {
		font-size: 2rem;
	}
}

@media (min-width: 768px) {

	.intro .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
	}
}

@media (min-width: 768px) {

	.intro .shell .left {
		width: 50%;
	}
}

.intro .shell .left .sertificate {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-item-align: center;
	    align-self: center;
	margin-top: 2rem;
	-ms-flex-pack: center;
	    justify-content: center;
}

.intro .shell .left .sertificate div {
	width: calc(33.33% - 1rem);
	text-align: center;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

@media (min-width: 1200px) {

	.intro .shell .left .sertificate div {
		width: calc(20% - 1rem);
		margin-bottom: 0;
	}
}

.intro .shell .left .sertificate div img {/*max-height: 3rem;*/
	height: 5rem;
	-o-object-fit: contain;
	   object-fit: contain;
}

.intro .shell .left .sertificate div span {
	display: block;
	font-size: 1.2rem;
}

@media (min-width: 500px) {

	.intro .shell .left .sertificate div span {
		font-size: 1.6rem;
		margin-top: 1rem;
	}
}

@media (min-width: 768px) {

	.intro .shell .right {
		width: 50%;
	}
}

@media (min-width: 768px) {

	.intro .shell .map {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
	}
}

.intro .map {
	display: none;
}

@media (min-width: 768px) {

	.intro .map {
		display: block;
	}
}

.intro .cat {
	padding: 2rem 0;
}

@media (min-width: 768px) {

	.intro .cat {
		display: none;
	}
}

.intro .cat__item {
	display: block;
	padding: 1rem;
	margin-bottom: 1rem;
	background: var(--dark);
	color: #fff;
	transform: skew(-7deg);
	font-size: 2rem;
}

/* -------------------------- *\
    .benefits
\* -------------------------- */

.benefits { 
	padding: 3rem 0;
	background: var(--dark);
	text-align: left;
	color: #fff;
 }

@media (min-width: 768px) {

	.benefits .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		padding: 1rem 4rem;
	}
}

.benefit {
	margin-bottom: 2rem;
 }

@media (min-width: 768px) {

	.benefit {
		margin-bottom: 0;
	}
}

@media (min-width: 1200px) {

	.benefit {
		font-size: 1.8rem;
	}
}

.benefit:last-child {
	margin-bottom: 0;
}

.benefit img {
	max-width: 4rem;
}

/* -------------------------- *\
    .category
\* -------------------------- */

.category { 
	background: #fff;
 }

.category .title-2 {
	text-align: center;
	margin-bottom: 5rem;
}

.category .shell {}

.category__item {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	transition: .3s ease;
}

.category__item::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

@media (min-width: 768px) {

	.category__item {
		width: 48%;
	}
}

@media (min-width: 900px) {

	.category__item {
		width: 47%;
		padding: 1rem;
	}
}

.category__item:hover {
	box-shadow: 0rem 0rem 1rem rgba(0,0,0, .1);
	border-radius: 1.5rem;
	color: rgba(0,0,0, .5);
}

.category__item:hover .left {
	box-shadow: 0rem 0rem 1rem rgba(0,0,0, .0);
}

@media (min-width: 900px) {

	.category__item:hover .left img {
		transform: scale(1.5) translateX(.5rem) rotate(360deg);
	}
}

.category__item:hover .left p {
	color: var(--dark);
}

.category__item +.category__item {
	margin-top: 2rem;
}

.category__item .left {/*padding: 1rem;*//*float: left;*/
	margin-right: 2rem;
	padding: 1rem;
	box-shadow: 0rem 0rem 1rem rgba(0,0,0, .1);
	border-radius: 1.5rem;
}

@media (min-width: 768px) {

	.category__item .left {
		padding: 2.5rem;
	}
}

@media (min-width: 900px) {

	.category__item .left {
		padding: 3rem;
	}
}

.category__item .left img {
	transition: .3s ease;
}

.category__item .right {}

.category__item h3 {
	margin-bottom: 0;
	font-size: 1.5rem;
	color: var(--dark);
}

@media (min-width: 415px) {

	.category__item h3 {
		font-size: 1.8rem;
		font-weight: 700;
	}
}

@media (min-width: 900px) {

	.category__item h3 {
		margin-bottom: .5rem;
		font-size: 2.5rem;
	}
}

.category__item p {
	margin-bottom: 0;
	font-size: 1.1rem;
	line-height: 1.2;
}

@media (min-width: 415px) {

	.category__item p {
		font-size: 1.6rem;
	}
}

@media (min-width: 900px) {

	.category__item p {
		line-height: 1.2;
		margin-bottom: .7rem;
		font-size: 1.8rem;
	}
}

.category__item span {
	font-size: .9rem;
	color: var(--accent-color-2);
	text-transform: uppercase;
}

@media (min-width: 415px) {

	.category__item span {
		font-size: 1.3rem;
	}
}

.category__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
}

@media (min-width: 768px) {

	.category__list {
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.category + .info-1 {
	padding-top: 0;
}

/* -------------------------- *\
    .info-1
\* -------------------------- */

.info-1 { 
	background: #fff;
 }

.info-1.cat {
	background: #f9f9f9;
}

@media (min-width: 768px) {

	.info-1 .shell {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
	}
}

@media (min-width: 1200px) {

	.info-1 .shell {
		padding-top: 6rem;
	}
}

.info-1 .left {
	position: relative;
	margin-bottom: 3rem;
}

@media (min-width: 768px) {

	.info-1 .left {
		width: 48%;
	}
}

@media (min-width: 900px) {

	.info-1 .left {
		width: 40%;
	}
}

@media (max-width: 767px) {

	.info-1 .left img {
		width: 100%;
	}
}

.info-1 .left:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
	width: 7rem;
	height: 7rem;
	background-image: url('/wp-content/uploads/2019/04/video-icon.png');
	background-size: cover;
}

@media (min-width: 768px) {

	.info-1 .right {
		width: 48%;
	}
}

@media (min-width: 900px) {

	.info-1 .right {
		width: 57%;
	}
}

.info-1 .right .title-2 {
	text-align: center;
}

@media (min-width: 900px) {

	.info-1 .right p {
		font-size: 1.8rem;/*margin-bottom: 1rem;*/
	}
}

@media (min-width: 1200px) {

	.info-1 .right p {
		margin-bottom: 1rem;
		font-size: 2.2rem;
	}
}

.info-1 .right ul li {
	margin-bottom: 1rem;
}

.info-2 {
 	background: #fff;
 }

@media (min-width: 768px) {

	.info-2 {
		padding: 0;
	}
}

.info-2 .shell{
	position: relative;
}

@media (min-width: 768px) {

	.info-2 .shell:after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		height: 100%;
		background: red;
		background-image: url('/wp-content/uploads/2020/11/sportna-proteza-za-krak-stanislav-15.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media (min-width: 768px) {

	.info-2__left {
		width: 50%;
		padding: 5rem 1rem;
	}
}

@media (min-width: 1023px) {

	.info-2__left {
		padding: 7rem 2rem;
	}
}

@media (min-width: 1200px) {

	.info-2__left {
		padding: 12rem 2rem;
	}
}

.info-2 p {
	color: #535353;
}

.info-2 .category__list {
	display: block;/*flex-direction: column;*//*display: none;*/
}

.info-2 .category__item {
	width: 100%;/*display: block;*/
}

/* -------------------------- *\
    .details
\* -------------------------- */

.details { 
	background: #f9f9f9;
 }

.details .title-2 {/*text-align: left;*/
}

.details p {
	font-size: 1.6rem;
	color: rgba(0,0,0, .6);
}

@media (min-width: 768px) {

	.details p {
		font-size: 2rem;
	}
}

.details p.entry {
	margin-bottom: 5rem;
}

@media (min-width: 768px) {

	.details__list {
		margin-bottom: 5rem;
	}
}

@media (min-width: 550px) {

	.details__list {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}

	@media (min-width: 768px) {

		.details__list {
			-ms-flex-pack: distribute;
			    justify-content: space-around;
		}
	}
}

p.details__item {
	position: relative;
	padding: 1.2rem 1rem 0rem 6rem;
	color: var(--dark);
	font-size: 1.6rem;
}

@media (min-width: 550px) {

	p.details__item {
		width: 49%;
	}
}

@media (max-width: 900px) {

	p.details__item {
		padding: .75rem 1rem 0rem 3.5rem;
	}
}

@media (min-width: 900px) {

	p.details__item {
		font-size: 2rem;
		padding: 1.2rem 5rem 0rem 6rem;
		font-size: 2rem;
	}
}

@media (min-width: 1023px) {

	p.details__item {
		width: 47%;
		padding: 1.2rem 10rem 0rem 6rem;
	}
}

p.details__item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	background-image: url('/wp-content/uploads/2019/04/checkmark-2.png');
	background-size: contain;
	background-repeat: no-repeat;
}

@media (max-width: 767px) {

	p.details__item:before {
		max-width: 3rem;
	}
}

.details .btn-15 {
	color: #fff;
}

/* -------------------------- *\
    .post-content
\* -------------------------- */

.post-content { 

	background: #fff;
 }

.post-content h2 {/*color: var(--accent-color);*/
}

.post-content p {
	color: #989898;
}

@media (min-width: 1200px) {

	.post-content p {
		font-size: 1.8rem;
	}
}

.post-content .shell {
	max-width: 96rem;
}

@media (min-width: 1200px) {

	.post-content .shell {
		position: relative;
		top: -15rem;
		padding: 5rem 11rem;
		border-radius: 2rem;
		background: #fff;
		margin-bottom: -28rem;
	}
}

@media (min-width: 1200px) {

	.post-content + .news {
		padding-top: 12rem;
	}
}

/* -------------------------- *\
    .head-intro
\* -------------------------- */

@media (max-width: 767px) {

	.head-intro {
		background: none !important;/*background-position: 100% 100%;*/
	}
}

@media (min-width: 768px) {

	.head-intro {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 90%;
	}
}

@media (min-width: 1099px) {

	.head-intro {
		padding-top: 18.6rem;
	}
}

@media (min-width: 1250px) {

	.head-intro {
		height: 50rem;
	}
}

.head-intro .shell {
	padding: 1.5rem 2rem 2rem;
}

@media (min-width: 768px) {

	.head-intro .shell {
		padding: 2.5rem 2rem 4rem;
	}
}

@media (min-width: 1099px) {

	.head-intro .shell {
		padding: 2.5rem 2rem 6rem;
	}
}

@media (min-width: 1099px) {

	.head-intro .title {
		padding-top: 5rem;
	}
}

.head-intro h1 {
	margin-bottom: 0;/*color: #fff;*/
	text-transform: uppercase;
	text-align: center;
	font-size: 3rem;
	color: var(--dark);
}

@media (min-width: 768px) {

	.head-intro h1 {
		font-size: 4.5rem;
		color: #fff;
	}
}

@media (min-width: 1099px) {

	.head-intro h1 {
		text-align: left;
	}
}

@media (min-width: 1250px) {

	.head-intro h1 {
		font-size: 6rem;
		font-weight: 700;
	}
}

.head-intro ul {
	text-align: center;
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

@media (min-width: 1099px) {

	.head-intro ul {
		text-align: left;
	}
}

.head-intro ul li {
	position: relative;
	display: inline-block;
}

@media (min-width: 1250px) {

	.head-intro ul li {
		font-size: 2.2rem;
		text-transform: uppercase;
	}
}

.head-intro ul li a {
	color: var(--accent-color);
}

@media (min-width: 768px) {

	.head-intro ul li a {
		color: #fff;
		transition: .3s ease;
	}

	.head-intro ul li a:hover {
		color: var(--accent-color);
	}
}

@media (min-width: 768px) {

	.head-intro ul li span {
		color: #fff;
	}
}

.head-intro ul li + li {
	margin-left: 2rem;
}

.head-intro ul li + li:after {
	content: '>';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: 53%;
	left: -1.3rem;
	color: var(--accent-color);
}

@media (min-width: 768px) {

	.head-intro ul li + li:after {
		color: #fff;
	}
}

@media (min-width: 1250px) {

	.head-intro ul li + li:after {
		top: 50%;
	}
}

.head-intro .date {
	display: block;
	padding: 1rem 0 0;
	text-align: center;
}

/* -------------------------- *\
    .news
\* -------------------------- */

.news { 
	background: #f9f9f9;
 }

.news--videos {
	background: #fff;
}

@media (min-width: 768px) {

	.news .title-2 {
		margin-bottom: 4rem;
	}
}

@media (min-width: 450px) {

	.news__list {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

@media (min-width: 1200px) {

	.news__list--slider {
		display: block;
	}

	.news__list--slider .news__item {
		width: 24%;
		margin: 2rem .55%;/*padding: 1rem;*//*+ .news__item {
						margin-left: 1%;
					}*/
	}
}

.news__list--blog {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.news__list--blog .news__item {
	width: 100%;
}

@media (min-width: 600px) {

	.news__list--blog .news__item {
		width: 48.5%;
		transition: .3s ease;
	}
}

@media (min-width: 900px) {

	.news__list--blog .news__item {
		width: 30.9%;
	}
}

@media (min-width: 1200px) {

	.news__list--blog .news__item {
		width: 23.9%;
	}
}

.news__item {
	display: block;
	background: #fff;
	padding-bottom: 1rem;
	margin-bottom: 2.5rem;
	box-shadow: 0 0 .5rem rgba(0,0,0, .1);
}

@media (min-width: 450px) {

	.news__item {
		width: 49%;
		transition: .3s ease;
	}
}

@media (min-width: 768px) {

	.news__item {
		width: 24.5%;
	}
}

@media (min-width: 900px) {

	.news__item {
		width: 24%;
	}
}

@media (min-width: 1200px) {

	.news__item {
		width: 23%;
	}
}

@media (min-width: 450px) {

	.news__item:hover {
		transform: scale(1.05);
		box-shadow: .5rem .5rem 1.5rem rgba(0,0,0, .2);
	}
}

.news__item:active {
	transform: scale(1) translateY(.5rem);
	box-shadow: 0 0 .5rem rgba(0,0,0, .1);
}

.news__item .top {
	position: relative;
}

.news__item .top .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 2rem;
	color: #fff;
	padding: 2rem;
	background: var(--accent-color);
	border-radius: 50%;
}

.news__item.popup-youtube .date {
	margin-left: 3rem;
}

.news__item img {
	width: 100%;
	margin-bottom: 2rem;
	height: 25rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

.news__item .info {
	padding: 0 1rem;
	margin-bottom: 1rem;
}

.news__item h3 {
	padding: 0 1rem;
	margin-bottom: .5rem;
	font-size: 1.9rem;
	color: var(--dark);
}

@media (min-width: 768px) {

	.news__item h3 {
		font-size: 2.2rem;
	}
}

.news__item span {
	font-size: 1.2rem;
}

@media (min-width: 768px) {

	.news__item span {
		font-size: 1.4rem;
	}
}

.news__item span.new {
	color: var(--accent-color);
	text-transform: uppercase;
	font-weight: 700;
}

.news__item span i {
	margin-right: .3rem;
}

.news__item span + span {
	margin-left: 1.5rem;
}

.news__foot {
	padding-top: 1rem;
}

.news--videos img {
	height: auto;
}

@media (min-width: 600px) {

	.news--videos img {
		height: 45rem;
	}
}

.news--videos.electronic_knee h3 {
	text-align: center;
}

.news--videos.electronic_knee .news__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: inherit;
	    justify-content: inherit;
}

.news--videos.electronic_knee .news__list .news__item {
	width: 100%;
}

@media (min-width: 600px) {

	.news--videos.electronic_knee .news__list .news__item {
		width: 48.5%;
		transition: .3s ease;
	}
}

@media (min-width: 900px) {

	.news--videos.electronic_knee .news__list .news__item {
		width: 23.9%;
	}
}

.news--videos.electronic_knee .news__list .news__item img {
	height: auto;
}

@media (min-width: 600px) {

	.news--videos.electronic_knee .news__list .news__item img {
		height: 45rem;
	}
}

.head-intro + .news--videos .news__list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: inherit;
	    justify-content: inherit;
}

.head-intro + .news--videos .news__list .news__item {
	width: 100%;
}

@media (min-width: 600px) {

	.head-intro + .news--videos .news__list .news__item {
		width: 48.5%;
		transition: .3s ease;
	}
}

@media (min-width: 900px) {

	.head-intro + .news--videos .news__list .news__item {
		width: 30.9%;
	}
}

@media (min-width: 1200px) {

	.head-intro + .news--videos .news__list .news__item {
		width: 23.9%;
	}
}

.head-intro + .news--videos .news__list .news__item img {
	height: auto;
}

@media (min-width: 600px) {

	.head-intro + .news--videos .news__list .news__item img {
		height: 45rem;
	}
}

/* -------------------------- *\
    .testimonials
\* -------------------------- */

.testimonials { 
	background: #fff;
	padding-bottom: 10rem;
 }

@media (min-width: 768px) {

	.testimonials {
		padding-bottom: 15rem;
	}
}

.testimonials .flickity-slider {/*text-align: center;*/
}

.testimonials .carousel-cell.is-selected {/*width: 100%;*/
}

.testimonials .flickity-page-dots {
	bottom: -5rem;
}

.testimonials .flickity-page-dots .dot {
	width: 3rem;
	height: .8rem;
	opacity: 1;
	border-radius: 1rem;
	background: #d3d3d3;
}

/*background: #d3d3d3;*/

.testimonials .flickity-page-dots .dot.is-selected {
	background: var(--accent-color);
}

.testimonials .flickity-button {
	display: none;
}

.testimonials .carousel-cell {
	width: 100% !important;
}

.testimonials .title-2 {
	margin-bottom: 4rem;
}

@media (min-width: 768px) {

	.testimonials .title-2 {
		margin-bottom: 10rem;
	}
}

.testimonial {
	max-width: 79rem;
	margin: 0 auto;
 }

.testimonial::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

/*flex-wrap: wrap;*/

.testimonial .left {
	margin-right: 5rem;
	text-align: center;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {

	.testimonial .left {
		float: left;
		width: 35%;
		margin-bottom: 0;
	}
}

.testimonial blockquote {
	overflow: hidden;
}

.testimonial h3 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	letter-spacing: .1rem;
	text-align: center;
}

@media (min-width: 768px) {

	.testimonial h3 {
		font-size: 3.9rem;
		text-align: left;
	}
}

.testimonial p {
	overflow: hidden;
	position: relative;
	font-size: 1.8rem;
	font-weight: 300;
	margin-bottom: 1.2rem;
	padding: 0 5rem;
}

@media (min-width: 768px) {

	.testimonial p {
		font-size: 2.3rem;
	}
}

.testimonial p:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4rem;
	height: 4rem;
	background-image: url('/wp-content/uploads/2019/04/testimonial.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.testimonial cite {
	padding: 0 5rem;
	font-size: 1.6rem;
	font-weight: 700;
	font-style: normal;
	color: #000;
}

.testimonial cite span {
	color: #d4d4d4;
	padding: 0 5rem;
}

/* -------------------------- *\
    .newsletter
\* -------------------------- */

.newsletter { 
	background: #fff;

	/*padding-top: 0;*/
 }

@media (min-width: 768px) {

	.newsletter {
		padding-bottom: 10rem;
	}
}

.newsletter .title-1 {
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 450px) {

	.newsletter .title-1 {
		padding-top: 2rem;
		font-size: 2rem;
		margin-bottom: -2rem;
	}
}

@media (min-width: 768px) {

	.newsletter .title-1 {
		font-size: 3.7rem;
	}
}

.newsletter .gform_wrapper ul.gform_fields li.gfield {
	padding: 0 !important;
}

.newsletter label {
	display: none !important;
}

.newsletter form {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;/*justify-content: center;*/
	max-width: 55rem !important;
}

.newsletter form::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

.newsletter .gform_body {
	width: 60%;
}

.newsletter .gform_body input {
	display: block;
	width: 100% !important;
	height: 4rem !important;
	line-height: 6.5rem !important;
	background: #fff;
	border: none;
	color: #fff;
	padding: 1rem 1rem !important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0, .2);
	border-radius: .5rem 0 0rem .5rem;
}

@media (min-width: 768px) {

	.newsletter .gform_body input {
		padding: 1rem 3rem !important;
		height: 6.5rem !important;
	}
}

.newsletter .gform_body input:-ms-input-placeholder {
	color: rgba(255, 255, 255, .8);
	color: #999;
}

.newsletter .gform_body input::placeholder {
	color: rgba(255, 255, 255, .8);
	color: #999;
}

@media (max-width: 415px) {

	.newsletter .gform_body input:-ms-input-placeholder {
		font-size: 1.2rem !important;
	}

	.newsletter .gform_body input::placeholder {
		font-size: 1.2rem !important;
	}
}

.newsletter .gform_footer {
	float: right;
	display: block !important;
	width: 40% !important;/*padding: 1rem !important;*/
	margin: 0 !important;
}

.newsletter .gform_footer input {
	width: 100% !important;
	height: 4rem !important;/*line-height: 4rem !important;*//*padding: .5rem 1rem !important;*/
	margin: 0 !important;
	border: none;
	background: var(--accent-color);
	text-transform: uppercase;
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 .5rem 1rem rgba(0,0,0, .2);
	border-radius: 0 .5rem .5rem 0;
	transition: .3s ease;
}

@media (max-width: 415px) {

	.newsletter .gform_footer input {
		font-size: 1.2rem !important;
	}
}

@media (min-width: 768px) {

	.newsletter .gform_footer input {
		height: 6.5rem !important;
	}
}

.newsletter .gform_footer input:hover {/*background: var(--dark);*/
	box-shadow:0 .5rem 1rem rgba(0,0,0, .2), inset 0 35px var(--dark), inset 0 -35px var(--dark);
	border: 2px solid var(--dark);
}

@keyframes newsletter {
    0%   {transform: scale(1);  }
    25%  {top: 200px;}
    50%  {top: 100px;}
    75%  {top: 200px;}
    100% {top: 0px;}
}

/* -------------------------- *\
    .cat-intro
\* -------------------------- */

@media (min-width: 1099px) {

	.cat-intro {
		padding-top: 20.6rem;
	}
}

@media (min-width: 1100px) {

	.cat-intro {
		padding-top: 20.6rem;
	}
}

.cat-intro h1 {
	color: var(--accent-color);
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 2.8rem;
}

@media (min-width: 550px) {

	.cat-intro h1 {
		font-size: 3.3rem;
	}
}

@media (min-width: 768px) {

	.cat-intro h1 {
		font-size: 4rem;
	}
}

@media (min-width: 1000px) {

	.cat-intro h1 {
		margin-bottom: 5rem;
	}
}

@media (min-width: 768px) {

	.cat-intro__holder {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.cat-intro .left {
	text-align: center;
}

@media (min-width: 768px) {

	.cat-intro .left {
		width: 47%;
	}
}

@media (min-width: 1000px) {

	.cat-intro .left {
		width: 50%;
	}
}

@media (min-width: 768px) {

	.cat-intro .right {
		width: 47%;
		padding-top: 3.5rem;
	}
}

@media (min-width: 1000px) {

	.cat-intro .right {
		width: 50%;
		padding-top: 0;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-pack: center;
		    justify-content: center;
	}
}

.cat-intro .btn-15 {
	margin-top: 3rem;
	max-width: 100%;
	width: 100%;
}

@media (min-width: 1000px) {

	.cat-intro .btn-15 {
		max-width: 42rem;
	}
}

.cat-intro img {
	margin-bottom: 2rem;
}

@media (min-width: 1000px) {

	.cat-intro img {
		max-width: 35rem;
	}
}

.cat-intro__item {
	position: relative;
	padding: 1.5rem 1.5rem 1.5rem 6rem;
	background: #fff;
	box-shadow: 0 0 1rem rgba(0,0,0, .1);
}

@media (min-width: 1000px) {

	.cat-intro__item {
		box-shadow: 0 .2rem 1rem rgba(0,0,0, .15);
	}
}

@media (min-width: 1000px) {

	.cat-intro__item {
		position: relative;
		top: -2.5rem;
		max-width: 42rem;
		padding: 1.5rem 1.5rem 1.5rem 8rem;
	}
}

.cat-intro__item + .cat-intro__item {
	margin-top: 3rem;
}

@media (min-width: 1000px) {

	.cat-intro__item + .cat-intro__item {
		margin-top: 4rem;
	}
}

.cat-intro__item:after {
	content: '';
	position: absolute;
	top: 1.8rem;
	left: 1.2rem;
	width: 4rem;
	height: 4rem;
	background-image: url('/wp-content/uploads/2019/04/protezi-predimstva.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
	transition: .3s ease;
}

@media (min-width: 1000px) {

	.cat-intro__item:after {
		left: 2rem;
		width: 4.5rem;
		height: 4.5rem;
	}
}

.cat-intro__item:after:hover {
	transform: rotate(360deg);
}

.cat-intro__item h3 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 700;
	color: var(--accent-color);
}

.cat-intro__item p {
	color: #989898;
	margin-bottom: 1rem;
}

.cat-intro__item a {
	color: var(--accent-color);
	text-transform: uppercase;
	font-size: 1.4rem;
	transition: .3s ease;
}

.cat-intro__item a:hover {
	transform: scale(1.1);
}

/* -------------------------- *\
    .chess-3
\* -------------------------- */

.chess-3 { 
	background: #fff;
 }

@media (min-width: 768px) {

	.chess-3.rev .chess-3__item:nth-child(odd) {
		-ms-flex-direction: row-reverse;
		    flex-direction: row-reverse;
	}
}

@media (min-width: 1200px) {

	.chess-3 {
		padding: 12rem 0;
	}
}

.chess-3__item {
	text-align: center;
	box-shadow: 0 0 1rem rgba(0,0,0, .1);
}

@media (min-width: 768px) {

	.chess-3__item {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}

	@media (min-width: 900px) {

		.chess-3__item {
			-ms-flex-pack: justify;
			    justify-content: space-between;
			text-align: left;
		}
	}

	.chess-3__item:nth-child(even) {
		-ms-flex-direction: row-reverse;
		    flex-direction: row-reverse;
	}
}

@media (min-width: 900px) {

	.chess-3__item {
		box-shadow: none;
	}
}

.chess-3__item + .chess-3__item {
	margin-top: 2.5rem;
}

@media (min-width: 900px) {

	.chess-3__item + .chess-3__item {
		margin-top: 8rem;
	}
}

@media (min-width: 900px) {

	.chess-3__item .left {
		width: 42%;
	}
}

.chess-3__item .right {
	padding: 2rem;
}

@media (min-width: 768px) {

	.chess-3__item .right {
		width: 48%;
	}
}

@media (min-width: 900px) {

	.chess-3__item .right {
		width: 44%;
	}
}

.chess-3__item img {/*margin-bottom: 2rem;*/
	width: 100%;
}

@media (min-width: 900px) {

	.chess-3__item img {
		box-shadow: .2rem .2rem 2rem rgba(0,0,0, .2);
	}
}

.chess-3__item p {
	margin-bottom: 0;
}

@media (min-width: 900px) {

	.chess-3__item p {
		font-size: 2.3rem;
		font-weight: 300;
	}
}

.chess-3__item a {
	color: var(--accent-color);
}

/* -------------------------- *\
    .video
\* -------------------------- */

.video { 
	position: relative;
	padding: 0 0 3rem 0;
	background: #fff;	
	display: block;
 }

@media (min-width: 768px) {

	.video {
		padding: 0 0 6rem 0;
		max-height: 70rem;
		overflow: hidden;
	}
}

.video:hover:after {
	transform: rotate(360deg) scale(1.1) translate(-50%, -50%);
}

.video:after {
	content: '';
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 5rem;
	height: 5rem;
	background-image: url('/wp-content/uploads/2019/04/video-icon.png');
	background-size: cover;
	background-repeat: no-repeat;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.video:after {
		width: 7rem;
		height: 7rem;
	}
}

@media (min-width: 1200px) {

	.video:after {
		width: 10rem;
		height: 10rem;
	}
}

.video:after:hover {
	transform: rotate(360deg) scale(1.1);
}

.video img {
	width: 100%;
	transform: translateY(-5%);
}

.video h3 {
	display: none;
	position: absolute;
	bottom: 5rem;
	left: 5rem;
	color: #fff;
	letter-spacing: .1rem;
	font-size: 2rem;
}

@media (min-width: 768px) {

	.video h3 {
		display: block;
	}
}

/* -------------------------- *\
    .text
\* -------------------------- */

.text { 
	background: #fff;
 }

.text p {
	font-weight: 300;
}

@media (min-width: 768px) {

	.text p {
		font-size: 2rem;
		color: rgba(0,0,0, .9);
	}
}

.text + .gallery {
	padding-top: 0;
}

.text + .news-2 {/*padding-top: 0;*/
}

/* -------------------------- *\
    .gallery
\* -------------------------- */

.gallery { 
	background: #fff;
 }

@media (min-width: 768px) {

	.gallery:hover img {
		opacity: .7;
	}
}

@media (min-width: 768px) {

	.gallery .title-2 {
		margin-bottom: 4rem;
	}
}

@media (min-width: 600px) {

	.gallery__holder {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
}

.gallery__item {
	display: block;
}

@media (min-width: 600px) {

	.gallery__item {
		width: 32.5%;
		margin-bottom: 1rem;
	}
}

@media (min-width: 768px) {

	.gallery__item {
		width: 32%;
		margin-bottom: 2%;
		overflow: hidden;
	}

	.gallery__item:hover img {
		transform: scale(1.1);
	}
}

@media (min-width: 900px) {

	.gallery__item {
		width: 31.5%;
		margin-bottom: 2.75%;
	}
}

.gallery__item + .gallery__item {
	margin-top: 2rem;
}

@media (min-width: 600px) {

	.gallery__item + .gallery__item {
		margin-top: 0;
	}
}

.gallery__item img {
	width: 100%;
	height: 24.5rem;
	-o-object-fit: cover;
	   object-fit: cover;
}

@media (min-width: 768px) {

	.gallery__item img {
		transition: .3s ease;
	}

	.gallery__item img:hover {
		opacity: 1;
	}
}

/* -------------------------- *\
    .faq
\* -------------------------- */

.faq { 
	background: #fff;
 }

@media (min-width: 768px) {

	.faq .title-2 {
		margin-bottom: 4rem;
	}
}

.faq__item {
	border: .2rem solid var(--border-color);
	padding: 1.5rem;
	border-radius: 1.5rem;
	max-width: 90rem;
	transition: .3s ease;
}

.faq__item:hover {
	border: .2rem solid var(--accent-color);
	background: var(--accent-color);
}

.faq__item:hover h3,
			.faq__item:hover p {
	color: #fff;
	transform: scale(1.1);
}

@media (min-width: 768px) {

	.faq__item {
		padding: 3rem 5rem;
	}
}

.faq__item + .faq__item {
	margin-top: 2rem;
}

.faq__item h3 {
	color: var(--accent-color);
	margin-bottom: 1.7rem;
	transition: .3s ease;
}

.faq__item p {
	color: #c0c1c1;
	margin-bottom: 0;
	transition: .3s ease;
}

/* -------------------------- *\
    .contact-us
\* -------------------------- */

.contact-us { 
	background: #fff;
 }

.contact-us .gform_wrapper {
	max-width: 76.6rem;
}

.contact-us .gform_wrapper .gfield_label {
	color: #9fa4af;
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: uppercase;
}

.contact-us .gform_wrapper input.medium,
		.contact-us .gform_wrapper textarea {
	border-radius: .6rem;
	border: none;
	border: .1rem solid #d7dbe8;
}

.contact-us .gform_wrapper .gform_footer .gform_button {
	display: inline-block;
	background: var(--accent-color);
	color: #fff;
	padding: 2rem 5rem;
	text-transform: uppercase;
	border-radius: 3rem;
	font-size: 1.7rem;
	border: .2rem solid var(--accent-color);
	cursor: pointer;
	transition: .3s ease;
}

.contact-us .gform_wrapper .gform_footer .gform_button:hover {
	box-shadow: inset 0 30px var(--dark), inset 0 -30px var(--dark);
	border: 2px solid var(--dark);
}

.contact-us + .news-2 {
	padding-top: 0;
}

/* -------------------------- *\
    .news-2
\* -------------------------- */

.news-2 { 
	background: #fff;	
 }

@media (min-width: 768px) {

	.news-2 .shell {
		position: relative;
	}
}

.news-2 .title-2 {
	margin-bottom: 3rem;
}

@media (min-width: 550px) {

	.news-2 .title-2 {
		margin-bottom: 4.5rem;
	}
}

@media (min-width: 768px) {

	.news-2 .title-2 {
		margin-bottom: 4rem;
	}
}

.news-2 .flickity-button {
	display: none;
}

.news-2__holder {/*	display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;*/
	max-width: 75rem;
	margin-bottom: 6rem;
	position: relative;
}

@media (min-width: 768px) {

	.news-2__holder {
		margin-bottom: 6rem;
	}
}

@media (min-width: 1280px) {

	.news-2__holder {
		max-width: 78%;
	}
}

.news-2__item {/*display: inline-block;*/
	display: block;/*width: 32%;*/
	width: 100%;
	border: .2rem solid var(--border-color);
	border-radius: 1.5rem;
	padding: 2.5rem 1.5rem 3.5rem 2.5rem;
	transition: .3s ease;
	position: relative;
	overflow: hidden;
	background: #fff;
}

/*margin-left: 2%;*/

@media (min-width: 550px) {

	.news-2__item {
		width: 49%;
		margin-left: 2%;
	}
}

@media (min-width: 768px) {

	.news-2__item {
		width: 32%;
		margin-left: 2%;
	}
}

@media (min-width: 1280px) {

	.news-2__item {
		width: 23.5%;
		padding: 2.5rem 1rem 3.5rem 1.5rem;
	}
}

.news-2__item + .news-2__item {/*margin-left: 2%;*/
}

.news-2__item span,
		.news-2__item h3,
		.news-2__item p {
	position: relative;
	z-index: 5;
}

.news-2__item span {
	display: block;
	margin-bottom: 1rem;
	color: #c0c1c1;
	transition: .3s ease;
}

.news-2__item h3 {
	color: var(--accent-color);
	margin-bottom: 1.2rem;
	transition: .3s ease;
	line-height: 1.1;
	font-size: 2rem;
}

.news-2__item p {
	margin-bottom: 0;
	transition: .3s ease;
	color: #c0c1c1;
}

.news-2__item:after {
	content: '';
	position: absolute;/*z-index: -1;*/
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: var(--accent-color);/*border-radius: 50%;		*/
	transition: .3s ease-in-out;
	border-radius: 1.5rem;
}

.news-2__item:hover {/*background: var(--accent-color);	*/
	border-color: var(--accent-color);/*transform: scale(1.05);*//*box-shadow: .2rem .2rem 1rem rgba(0,0,0, .1), inset 0 30rem var(--accent-color), inset 0 -30rem var(--accent-color);*/
	border: 2px solid var(--accent-color);
}

.news-2__item:hover span,
			.news-2__item:hover h3,
			.news-2__item:hover p {
	color: #fff;/*transition: 1s;*/
}

.news-2__item:hover:after {
	width: 200%;
	height: 200%;
}

.cta-1 {
	/*display: inline-block;*/
	display: block;
	/*width: 32%;*/
	width: 100%;
	border: .2rem solid var(--border-color);
	border-radius: 1.5rem;		
	padding: 1.5rem;
	transition: .3s ease;		
	position: relative;	
	overflow: hidden;
	background: #fff;	
}

@media (min-width: 768px) {

	.cta-1 {
		max-width: 755rem;
		border: none;
		padding: 0;
	}
}

@media (min-width: 1050px) {

	.cta-1 {
		width: 24.5rem;
		border: .2rem solid var(--border-color);
		border-radius: 1.5rem;
		padding: 1.5rem;
		padding-right: 0;
		position: absolute;
		top: 8.7rem;
		left: 78.5rem;
	}

	.cta-1:hover {
		border-color: var(--accent-color);
		box-shadow: .1rem 0.1rem 1rem rgba(0,0,0, .2);
	}
}

@media (min-width: 1280px) {

	.cta-1 {
		left: 94.5rem;
		left: 98.2rem;
	}
}

@media (min-width: 1367px) {

	.cta-1 {
		left: 76.5rem;
		left: 99.2rem;
	}
}

/*max-width: 30rem;*/

.cta-1 .title-2 {
	font-size: 2.5rem;
	margin-bottom: 0;
}

@media (min-width: 1050px) {

	.cta-1 .title-2 {
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	.cta-1 .title-2 strong {
		display: none;
	}
}

.cta-1 .gform_wrapper {
	max-width: 76.6rem;
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper {
		margin-top: -2rem;
	}
}

.cta-1 .gform_wrapper .gfield_label {
	color: #9fa4af;
	font-size: 1.3rem;
	font-weight: 400;
	text-transform: uppercase;
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper .gfield_label {
		display: none !important;
	}
}

.cta-1 .gform_wrapper input.medium,
		.cta-1 .gform_wrapper textarea {
	border-radius: .6rem;
	border: none;
	border: .1rem solid #d7dbe8;
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper input.medium,
		.cta-1 .gform_wrapper textarea {
		font-size: 1.2rem;
	}
}

.cta-1 .gform_wrapper input.medium:-ms-input-placeholder, .cta-1 .gform_wrapper textarea:-ms-input-placeholder {
	opacity: 0;
}

.cta-1 .gform_wrapper input.medium::placeholder, .cta-1 .gform_wrapper textarea::placeholder {
	opacity: 0;
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper input.medium:-ms-input-placeholder, .cta-1 .gform_wrapper textarea:-ms-input-placeholder {
		opacity: 1;
		font-size: 1.4rem;
		padding-left: .5rem;
		color: #c0c1c1;
	}

	.cta-1 .gform_wrapper input.medium::placeholder, .cta-1 .gform_wrapper textarea::placeholder {
		opacity: 1;
		font-size: 1.4rem;
		padding-left: .5rem;
		color: #c0c1c1;
	}
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper textarea {
		max-height: 5.1rem;
	}
}

@media (min-width: 1050px) {

	.cta-1 .gform_wrapper .gform_footer {
		margin: 0;
		padding: 1rem 0 0;
	}
}

.cta-1 .gform_wrapper .gform_footer .gform_button {
	display: inline-block;
	background: var(--accent-color);
	color: #fff;
	padding: .5rem 2rem;
	text-transform: uppercase;
	border-radius: .7rem;
	font-size: 1.4rem;
	border: .2rem solid var(--accent-color);
	cursor: pointer;
	transition: .3s ease;
}

@media (min-width: 768px) {

	.cta-1 .gform_wrapper .gform_footer .gform_button {
		padding: 2rem 5rem;
		padding: 1rem 2rem;
		font-size: 1.7rem;/*border-radius: 6rem;*/
	}
}

.cta-1 .gform_wrapper .gform_footer .gform_button:hover {
	box-shadow: inset 0 30px var(--dark), inset 0 -30px var(--dark);
	border: 2px solid var(--dark);
}

.cta-1 + .newsletter {
	display: none;
}

/* -------------------------- *\
    Other
\* -------------------------- */

.dark-bg { background: #f9f9f9; }

/* -------------------------- *\
    .contacts
\* -------------------------- */

.contacts { 
	background: #fff;
 }

@media (min-width: 768px) {

	.contacts {
		padding-bottom: 4rem;
	}
}

.contacts .shell {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 767px) {

	.contacts .shell {
		text-align: center;
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}
}

@media (min-width: 768px) {

	.contacts .shell {
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-align: center;
		    align-items: center;
	}
}

@media (min-width: 768px) {

	.contacts .left, 
	.contacts .right {
		width: 50%;
	}
}

@media (min-width: 768px) {

	.contacts .right {
		padding: 2rem 2rem 2rem 6rem;
	}
}

.contacts img {
	margin-bottom: 4rem;
}

.contacts h2 {
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {

	.contacts h2 {
		font-size: 4rem;
	}
}

@media (min-width: 1200px) {

	.contacts h2 {
		font-size: 6rem;
	}
}

.contacts ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	margin-bottom: 3rem;
}

.contacts li {
	font-weight: 300;
}

@media (min-width: 768px) {

	.contacts li {
		font-size: 2rem;
	}
}

.contacts a {
	color: #052154;
	transition: .3s ease;
}

.contacts a:hover {
	color: var(--accent-color);
}

.contacts + .contact-us {
	padding-top: 0;
}

/* -------------------------- *\
    .social-share
\* -------------------------- */

.social-share { 
	padding-left: 0; 
	margin-bottom: 0; 
	list-style-type: none;
	position: fixed;			
	z-index: 10;
 }

@media (max-width: 1099px) {

	.social-share {
		width: 100%;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		bottom: 0;
		left: 0;
	}
}

@media (min-width: 1099px) {

	.social-share {
		display: inline-block;
		top: 50%;/*left: 2rem;*/
		transform: translateY(-50%);/*right: 5rem;*/
		right: 2rem;/*left: auto;*//*width: 15rem;*//*height: 15rem;*/
	}
}

.social-share li {
	width: 50%;
	text-align: center;
}

@media (max-width: 1099px) {

	.social-share li:nth-child(31) {
		display: none;
	}

	.social-share li.desktop {
		display: none;
	}
}

@media (min-width: 1099px) {

	.social-share li:last-child {
		margin-bottom: 1rem;
	}

	.social-share li + li {
		margin-top: 1rem;
	}

	.social-share li.mobile {
		display: none;
	}
}

.social-share a {
	display: block;
	background: var(--accent-color);
	padding: 1rem 0;
	text-align: center;
	transition: .3s ease;
}

@media (min-width: 1099px) {

	.social-share a {
		position: relative;
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
	}
}

.social-share a:hover {
	background: var(--accent-color);
	transform: scale(1.15) rotate(360deg);
}

.social-share a.facebook {
	background: #0087ff;
}

.social-share a.phone {
	animation: backgroundChange 6s infinite;
}

/*@mixin min 1099 {
				-webkit-animation: phone 30s infinite;
				-o-animation: phone 30s infinite;
				animation: phone 30s infinite;
			}*/

.social-share a.phone:hover {
	background: #32CD32 !important;
}

.social-share a.phone i {
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.social-share a.location:hover {
	background: var(--dark);
}

@media (max-width: 1099px) {

	.social-share a.mail {
		background: #D44638;/*background: var(--accent-color);*/
		background: var(--dark);
	}
}

.social-share a.mail:hover {
	background: #D44638;
}

@media (max-width: 1099px) {

	.social-share a.twitter {
		background: #1da1f2;
	}

	.social-share a.phone {
		background: #32CD32;
		background: var(--accent-color);
	}

	.social-share a.phone i {
		transform: rotate(90deg);
	}

	.social-share a.location {
		background: var(--dark);
	}

	@media (max-width: 1099px) {

		.social-share a.location {
			background: var(--accent-color);
		}
	}
}

.social-share i {
	font-size: 2rem;
	color: #fff;
}

@media (min-width: 1099px) {

	.social-share i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		border-radius: 50%;
	}
}

@keyframes phone {
    0%   {background: var(--accent-color); }
    60%  {background: var(--accent-color); }
    70%  {background: #32CD32; }
    80% {background: var(--accent-color); }
}

@keyframes backgroundChange {
  0%   { background: #007bff; }
  25%  { background: red; }
  50%  { background: #007bff; }
  75%  { background: #ff8800; }
  100% { background: #007bff; }
}

/* -------------------------- *\
    .team
\* -------------------------- */

.team .title-1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 4.5rem;
	line-height: 5rem;
}

.team .top {
	margin-bottom: 3rem;
	text-align: center;
}

.team .top img {
	max-width: 30rem;
	margin: 0 auto 3rem;
}

.team .top h2 {
	max-width: 45rem;
	margin: 0 auto;
	font-size: 3rem;
}

.team .top h2 span {
	display: block;
	font-size: 2.3rem;
}

.team .top .info {
	text-align: left;
	margin-top: 3rem;
}

.team .top .info h2 {
	max-width: 100%;
	margin-bottom: 1.3rem;
}

.team .news {
	background: #dae1e2;
}

.team .news .news__list {
	-ms-flex-pack: inherit;
	    justify-content: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.team .news .news__item {
	width: 100%;
	margin: 2rem 0;
}

@media (min-width: 450px) {

	.team .news .news__item {
		width: calc(50% - 1rem);
		margin-right: 1rem;
	}
}

@media (min-width: 700px) {

	.team .news .news__item {
		width: calc(33.33% - 1rem);
	}
}

@media (min-width: 1024px) {

	.team .news .news__item {
		width: calc(25% - 1rem);
	}
}

.team .news .news__item .top {
	margin-bottom: 0;
}

.team .news .news__item img {
	height: 40rem;
	max-width: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.team .news .news__item h3 {
	text-align: center;
}

.team .news .news__item h3 span {
	display: block;
}

/* -------------------------- *\
    .video-consultation
\* -------------------------- */

.video-consultation-bg {
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .5);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
	z-index: 25;
}

.video-consultation-bg.ext {
	opacity: 1;
	visibility: visible;
}

.consultation {
	position: fixed;			
	z-index: 10;
	animation: backgroundChange 6s infinite;
	width: 5rem;
	height: 5rem;
	right: 2rem;
	bottom: 10rem;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;


}

.consultation img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-consultation { 
	max-width: 70rem;
	background: #0087ff;
	background: #dae1e2;
	border-radius: .3rem .3rem 0 0;
	position: fixed;
	top: -100%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 30;
	padding: 1.5rem;
	text-align: center;
	transition: .3s ease;
}

.video-consultation.ext {
	top: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 768px) {

	.video-consultation {
		height: 35rem;
		overflow-y: scroll;
		width: calc(100vw - 2rem);
		max-width: 100%;
	}

	.video-consultation::-webkit-scrollbar {
		width: .5rem;
		height: .5rem;
		cursor: pointer;
	}

	.video-consultation::-webkit-scrollbar-button {
		display: block;
		width: 100%;
		height: 1rem;
		cursor: pointer;
	}

	.video-consultation::-webkit-scrollbar-button:hover {
		background: transparent !important;
		width: 100%;
	}

	.video-consultation::-webkit-scrollbar-thumb {
		min-width: .5rem;
		min-height: .1rem;
		background: #0087ff;
		transition: .3s ease;
		cursor: pointer;
		opacity: 0;
	}

	.video-consultation::-webkit-scrollbar-track {
		background: #f1f1f1;
		transition: .3s ease;
	}

	.video-consultation::-webkit-scrollbar-thumb:active {
		cursor: pointer;
	}

	.video-consultation:hover::-webkit-scrollbar-thumb {
		background: #888;
		opacity: 1;
	}

	.video-consultation:hover::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	.video-consultation:hover::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
}

.video-consultation .close {
	position: absolute;
	top: .5rem;
	right: 1.5rem;
	transition: .3s ease;
	cursor: pointer;
}

.video-consultation .close:hover {
	transform: rotate(180deg) scale(1.2);
}

.video-consultation h2 {
	font-size:  1.8rem;
}

@media (min-width: 990px) {

	.video-consultation h2 {
		font-size: 3rem;
	}
}

.video-consultation p {
	font-size: 1.2rem;
}

@media (min-width: 768px) {

	.video-consultation p {
		font-size: 1.4rem;
	}
}

.video-consultation .consult .gform_wrapper {
	padding: 0;
}

.video-consultation .consult .gform_wrapper .gfield_required {
	display: none;
}

.video-consultation .consult .gform_wrapper ul li.gfield {
	margin-top: 1rem;
}

.video-consultation .consult .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	width: 100%;
}

.video-consultation .consult .gform_wrapper .top_label .gfield_label,
			.video-consultation .consult .gform_wrapper legend.gfield_label {
	font-size: 1.4rem;
}

.video-consultation .consult .gform_wrapper .clear-multi {
	width: 100%;
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.video-consultation .consult .gform_wrapper .gfield_time_hour,
			.video-consultation .consult .gform_wrapper .gfield_time_minute {
	width: calc(50% - 1rem);
	max-width: 100%;
}

.video-consultation .consult .gform_wrapper .gfield_time_minute {
	margin-right: 0;
}

.video-consultation .consult .gform_wrapper .top_label div.ginput_container,
			.video-consultation .consult .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
	margin-top: 0;
}

.video-consultation .consult .gform_wrapper textarea.medium {
	height: 10rem;
}

.video-consultation .consult .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
			.video-consultation .consult .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, 
			.video-consultation .consult .gform_wrapper .gfield_time_hour i {
	display: none;
}

.video-consultation .consult .gform_wrapper .gform_footer {
	margin: 1rem 0 0;
	width: 100%;
	padding: 0;
}

@media (min-width: 640px) {

	.video-consultation .consult .gform_wrapper .gform_footer {
		width: calc(100% - 1.6rem);
	}
}

@media (min-width: 768px) {

	.video-consultation .consult .gform_wrapper .gform_footer {
		max-width: 30rem;
		margin: 1rem auto 0;
	}
}

.video-consultation .consult .gform_wrapper .gform_footer input.button,
				.video-consultation .consult .gform_wrapper .gform_footer input[type=submit],
				.video-consultation .consult .gform_wrapper .gform_footer .gform_page_footer input.button,
				.video-consultation .consult .gform_wrapper .gform_footer .gform_page_footer input[type=submit] {
	margin: 0;
	width: 100%;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	cursor: pointer;
	transition: .3s ease;
	border: 0;
	overflow: hidden;
	position: relative;
	background: #0087ff;
	color: #fff;
	text-align: center;
	box-shadow: inset 0 0 #000, inset 0 0 #000;
	padding: 1rem;
	text-transform: uppercase;
}

.video-consultation .consult .gform_wrapper .gform_footer input.button:hover, .video-consultation .consult .gform_wrapper .gform_footer input[type=submit]:hover, .video-consultation .consult .gform_wrapper .gform_footer .gform_page_footer input.button:hover, .video-consultation .consult .gform_wrapper .gform_footer .gform_page_footer input[type=submit]:hover {
	box-shadow: inset 0 2rem #052154, inset 0 -2rem #052154;
}

#chat-bot-launcher-container {
	z-index: 10 !important;
}

/* -------------------------- *\
    Plugins
\* -------------------------- */

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
    color: #CCC; }

.mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }

.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }