html{
}
body{
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:100%;
	color:#000;
}
a, 
a:hover,
a:focus, 
a:active,
a:visited{
	text-decoration: none;
}
a {
	color:#3ca2e9;
	transition: all 500ms ease; 
}
a:hover,
a:focus{
	color:#2a87c8;
	outline:none;
}
input{
	outline: none;
} 
button:hover,
button:focus{
	outline:none;
}
section{
	margin-top:80px;
	
}
h1, h2, h3, h4, h5, h6{
	font-family:'RalewayBold';
}

h1{
	font-size:3.6em;
	margin-bottom:40px;
}
h2{
	font-size:2.8em;
}
h3{
	font-size:2em;
}
h4{
	font-size:1.6em;
}
em {
	font-weight: bold;
	font-style: normal;
	color:#fff;
	text-shadow:2px 1px 0px #e41e26;
}
@media (max-width:767px){
		h1{
			font-size:2.6em;
		}
		h2{
			font-size:2.2em;
			margin-top:40px;
		}
		h3{
			font-size:1.8em;
		}
		h4{
			font-size:1.6em;
		}
}
p, table{
	font-size:1.4em;
}

table {
    width: 600px; /* Ширина таблицы */
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
	background: #f8f8f8;
	margin-top:20px;
}
td, th {
    padding: 10px; /* Поля вокруг содержимого таблицы */
    border: 1px solid #afafaf; /* Параметры рамки */
   }
th {
	text-align: center;
	border-bottom: 2px solid #5d7cb4;
	color:#525252;
}
@media (max-width:767px){
	
	table {
    width: 300px; /* Ширина таблицы */
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
	background: #f8f8f8;
	margin-top:20px;
}
}

/* START: MAIN-PAGE */

/* START: HEADER-SECTION */

#header{
	position: absolute;
	top:0;
	left:0;
	max-width: 100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.3);
}
.navbar{
	font-size:1.4em;
	border-radius: 0px;
	margin:45px 0px;
}
.navbar .nav > li {
	margin:16px 10px 24px;
}
.navbar .nav > li > a {
	font-family:'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	padding:10px 25px 11px;
	border-radius: 40px;
	border: 2px solid rgba(0,0,0,0);
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  	background: rgba(255, 255, 255, 0.35) !important;	
	
	 -webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	 -ms-transition: all ease-in-out 0.3s;
	 -o-transition: all ease-in-out 0.3s;
	  transition: all ease-in-out 0.3s;
}
.navbar .nav > .active > a
{
	border: 2px solid #fff;
  	background-color: rgba(255, 255, 255, 0.3) !important;	
}
.navbar .nav .logo {
	margin:0px 10px;
}
.navbar .nav .logo a:hover,
.navbar .nav .logo a:focus
 {
	background: rgba(0, 0, 0, 0) !important;	
}
.navbar-brand {
	font-size:1em;
	padding:0;
}
.navbar-brand img{
	background-color:#fff;
	border-radius:10px;
	max-width:60px;
	width:100%;
	width: 60px;
	height:60px;
	padding: 6px;
}
.navbar-brand p{
	display: inline-block;
	font-family:'RalewayBlack';
	letter-spacing:0.02em;
	margin: 0 0 0 7px;
}
.navbar-brand p:first-letter{
	color:#ffce3a;
}
.navbar-brand p .logo_letter{
	color:#279be4;
}

#header_other{
	background-color:rgba(255, 255, 255, 1);
}
#header_other .navbar{
	margin:0;
	border:none;
}
#header_other .navbar .nav > li > a{
	color:#2c2c2c;
}
#header_other .navbar .nav > li > a > i{
	margin-left:5px;
	
	 -webkit-transition: all linear 0.25s;
	-moz-transition: all linear 0.25s;
	 -ms-transition: all linear 0.25s;
	 -o-transition:all linear 0.25s;
	 transition: all linear 0.25s;
}
#header_other .create > a{
	background-color: #ffd452 !important;	
	font-weight:800;
	color:#000;
}
#header_other .create > a:hover,
#header_other .create > a:focus
{
	background-color: #e1af19 !important;
}
#header_other .navbar-brand p{
	color: #051839;
}
#header_other .navbar-brand img{
	border:2px solid #051839;
}
/* acordeon */
#header_outher .profile_acc{
	position: relative;
}
#header_other .profile_acc ul{
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background:#fff;
	width:100%;
	padding:10px 0;
	position:absolute;
	left:-9999px;
	opacity:0;
	
	 -webkit-transition: 0.25s linear opacity;
	-moz-transition: 0.25s linear opacity;
	 -ms-transition: 0.25s linear opacity;
	 -o-transition: 0.25s linear opacity;
	 transition: 0.25s linear opacity;
	 
}
#header_other .profile_acc ul li{
	list-style-type: none;
	display: block;
	padding:5px 20px;
}
#header_other .profile_acc ul li a{
	color:#000;
	white-space:nowrap;
	display:block;
	
		 -webkit-transition: all ease-in-out 0s;
	-moz-transition: all ease-in-out 0s;
	 -ms-transition: all ease-in-out 0s;
	 -o-transition: all ease-in-out 0s;
		transition: all ease-in-out 0s;
		
}
#header_other .profile_acc:hover ul{
	left:0;
	opacity:1;
}
#header_other .profile_acc:hover > a > i{
	transform: rotate(180deg)
}
#header_other .profile_acc ul li:hover,
#header_other .profile_acc ul li:focus{
	background:#2aa3d9;
	cursor: pointer;
}
#header_other .profile_acc ul li:hover a,
#header_other .profile_acc ul li:focus a{
	color:#fff;
}
#header_other .profile_acc ul li:last-child{
	background:#a3a3a3;
	margin-top:10px;
}
#header_other .profile_acc ul li:last-child a{
	color:#fff;
}
#header_other .profile_acc ul li:last-child a i{
}
/* acordeon */

/* START: LEFT_MENU_FOR_NAVBAR */

.hidden-menu-ticker {
	display: none;
}
@media (max-width:991px){
	.navbar{
		font-size:1.4em;
		border-radius: 0px;
		margin:20px 0px;
	}
	.navbar-nav{
		margin:0;
	}
	.navbar-nav > li{
		float:none;
	}
	.hidden-menu {
		display: block;
		position: fixed;
		list-style:none;
		padding: 10px 0px;
		margin: 0;
		box-sizing: border-box;
		width: 200px;
		background-color: #2d2d2d;
		height: 100%;
		top: 0;
		left: -200px;
		
		 -webkit-transition: left .2s;
		-moz-transition: left .2s;
		-ms-transition: left .2s;
		-o-transition: left .2s;
		transition: left .2s;
		
		z-index: 1000;
		
		  -webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		
		-webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
	}
	.navbar>.container .navbar-brand{
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.navbar-brand img{
		display: block;
		margin: 10px auto;
	}
	.navbar-brand p{
		text-align: center;
		margin: 0px;
	}
	.navbar .nav .logo a{
		padding:15px 0;
	}
	.navbar-right{
		float:none!important;
		clear:both;
	}
	.navbar .nav > li{
		margin: 10px 0;
	}
	.navbar .nav > li > a{
		padding:10px 20px;
		border-radius: 0px;
		text-align: center;
	}
	.navbar .nav > .active > a{
		border: none;
	}
	.btn-menu {
		color: #d3d3d3;
		background-color: none;
		padding: 7px;
		position: absolute;
		top: 5px;
		left: 5px;
		cursor: pointer;
		
	  -webkit-transition: left .23s;
		-moz-transition: left .23s;
		-ms-transition: left .23s;
		-o-transition: left .23s;
		transition: left .23s;
	 
		z-index: 3;
		width: 40px;
		border:2px solid #d3d3d3;
		border-radius:4px;
		
		  -webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	
	-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.btn-menu span {
		display: block;
		height: 2px;
		background-color: #d3d3d3;
		margin: 5px 0 0;
		
		  -webkit-transition: all .1s linear .23s;
		-moz-transition: all .1s linear .23s;
		-ms-transition: all .1s linear .23s;
		-o-transition: all .1s linear .23s;
		transition: all .1s linear .23s;
	
		position: relative;
	}
	.btn-menu span.first {
		margin-top: 0;
	}
	.bth-menu:hover,
	.bth-menu:focus{
		color: #fff;
		border:12x solid #fff;
	}
	.btn-menu:hover span,
	.btn-menu:focus span {
		background-color:#fff;
	}
	.hidden-menu-ticker:checked ~ .btn-menu {
		left: 200px;
		border:1px solid rgba(0,0,0,0);
	}
	.hidden-menu-ticker:checked ~ .hidden-menu {
		left: 0;
	}
	.hidden-menu-ticker:checked ~ .btn-menu span.first {
		 -webkit-transform: rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform:rotate(45deg);
		transform: rotate(45deg);
	 
		top: 7px;
	}
	.hidden-menu-ticker:checked ~ .btn-menu span.second {
		opacity: 0;
	}
	.hidden-menu-ticker:checked ~ .btn-menu span.third {
		
	-webkit-transform: rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform: rotate(-45deg);
	 
		top: -7px;
		right:0px;
	}
	#header_other .btn-menu {
		top:7px;
		border:2px solid #a3a3a3;
	
	}
	#header_other .btn-menu span {
		background-color:#a3a3a3;
	}
	#header_other .hidden-menu-ticker:checked ~ .btn-menu {
		border:1px solid rgba(0,0,0,0);
	}
	#header_other .bth-menu:hover,
	#header_other .bth-menu:focus{
		color:#000;
	}
	#header_other .navbar .nav > li > a{
	color:#fff;
	}
	#header_other .create > a{
		color:#000!important;
	}
	#header_other .navbar-brand img{
		border:none;
	}
	#header_other .navbar-brand p{
		color: #fff;
	}
	#header_other .profile_acc ul{
		/* left:0;
		opacity:1; */
	}
	#header_other .navbar .nav > .profile_acc > a
	{
		background-color: rgba(255, 255, 255, 0.3) !important;	
	}
	#header_other .navbar .nav > .profile_acc > a > i
	{
		display: block;
	}
	#header_other .profile_acc ul{
		box-shadow: none;
		border-radius:0px;
	}
}

/* END: LEFT_MENU_FOR_NAVBAR */

/* END: HEADER */

/* START: MAIN-SLIDER SECTION */

#main-slider {
  margin-top:0;
  background: linear-gradient(120deg, #14336f, #399bc8) ;
  background-size:cover;
  width:100%;
  color: #fff;
  position:relative;
  z-index: 1;
}
#main-slider:before {
  content: "";
  position: absolute;
  background-image: url('../images/background.png');
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
#main-slider .content{
	padding-top: 180px;
	padding-bottom: 65px;
}
#main-slider .block_outer{
	margin-top: 20px;
}
#main-slider .block_circle{
	position: relative;
	display: inline-block;
} 
#main-slider .circle_outer{
	padding:0px;
}
#main-slider .circle{
	overflow:hidden;
	display:inline-block;
	position:relative;
	height:75px;
}
#main-slider .circle:before{    
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	width:75px;
	border-radius:100%;
	border:7px solid #3ca2e9;
}
#main-slider .circle.left:before{    
	left:0;
}
#main-slider .circle.right:before{    
	right:0;
}
.c1{
	width:37px;
}
.c2{
	margin-left:40px;
	width:37px;
}
#main-slider .circle_inner{
	border-radius: 50%;
	width:50px;
	height:50px;
	background-color:#fff;
	position: absolute;	

	top:12.5px;
	left: 13px;
}
#main-slider .circle_inner img{
	position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%)
}
#main-slider h2{
	margin:10px 0 0 25px;
	color: #f6f6f6;
}
#main-slider h2:hover,
#main-slider h2:focus{
	color:#fff;
}
#main-slider .reg{
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
}
#main-slider .blue_block{
	position: relative;
	background-color:#3ca2e9;
	padding:20px 30px;
	border-radius: 10px 10px 0 0;
	margin-top:20px;
	z-index:1;
}
#main-slider .blue_numbers{
	display:inline-block;
	width:32.2%;
	max-width:300px;
	clear:both;
	text-align:center;
}
#main-slider .blue_numbers p{
	margin:3px 0 0 0;
}
#main-slider .circle_outer_blue{
	margin: 0 auto;
	width:40px;
	height:39px;
	border:3px solid #fff;
	border-radius: 50%;
	position: relative;
	
		-webkit-transition: -webkit-transform 0.2s, background-color 0.3s, border 0.2s;
	transition: transform 0.2s, background-color 0.3s, border 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);	
}
#main-slider .circle_outer_blue_empty{
	border-color:rgba(0, 0, 0, 0);
}
#main-slider .circle_inner_blue{
	width:27px;
	height:26px;
	font-size:1.2em;
	color:#000;
	background-color:#fff;
	border-radius:50%;
}
#main-slider .circle_inner_blue_empty{
	box-sizing:content-box;
	width:24px;
	height:24px;
	font-size:1.2em;
	border:3px solid #fff;
	border-radius:50%;
}
#main-slider .circle_inner_blue,
#main-slider .circle_inner_blue span,
#main-slider .circle_inner_blue_empty,
#main-slider .circle_inner_blue_empty span
{
	position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;
}
#main-slider .circle_small_outer_o1{
	position: absolute;

			 -o-transition: translate(0%, 0%);
	-webkit-transition: translate(0%, 0%);
		-ms-transition: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
			 transform: translate(0%, 0%);
			 			 
	top:28%;
	left:31%;
}
#main-slider .circle_small_outer_o2{
		position: absolute;

			 -o-transition: translate(0%, 0%);
	-webkit-transition: translate(0%, 0%);
		-ms-transition: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
			 transform: translate(0%, 0%);
			 			 
	top:28%;
	left:58%;
}
#main-slider  .circle_small_inner{
	bottom:0%;
	width:6px;
	height:6px;
	background-color:#fff;
	border-radius: 50%;	
	display:inline-block;
	
}
#main-slider .white_block{
	background:#fff;
	border-radius:0 0 10px 10px;
	padding:20px 30px;
	z-index:10;
}
#main-slider .white_block p{
	color:#000;
	padding-left:15px;
	margin-bottom:20px;
}
#main-slider .white_block p a{
	color:#3ca2e9;	
	transition: all 500ms ease; 
}
#main-slider .white_block p a:hover,
#main-slider .white_block p a:focus
{
	color:#2a87c8;
}

#main-slider .form-group{
	margin-bottom:20px;
}
#main-slider .form-control{
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#000;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #d2d2d2;
	border-radius: 0px;
}
#main-slider .form-control:focus{
	/* box-shadow:0px 4px 4px -4px rgba(60,162,233,0.4); */
	border-bottom:1px solid #000;
}
.button_main{
	max-width:230px;
	width:100%;
	width: 230px;
	border-radius:30px;
	color: #fff;
	padding: 13px 10px;
	position: relative;
	box-sizing: border-box;
	border:none;
	transition: all 500ms ease; 
	box-shadow:0px 3px 4px 0px rgba(0,0,0,0.5);
	font-family:'RalewayBold';
	font-size:1.6em;
	cursor: pointer;
	text-align:center;
	display:block;
}
.button_services{
	margin:20px auto 0px;
	background: rgba(60,162,233,1);
}
.button_services:hover,
.button_services:focus {
	border: none;
	background: #2885c6;
	color: #fff;
	box-shadow:0px 1px 4px 3px rgba(0,0,0,0.3);
}
.button_confirm{
	margin:0 auto -40px;
	background: rgba(247,197,45,1);
}
.button_confirm:hover,
.button_confirm:focus {
	border: none;
	background: #e1af19;
	color: #fff;
	box-shadow:0px 1px 4px 3px rgba(0,0,0,0.3);
	outline: none;
}
.button_main a{
	color:#fff;
	transition: all 500ms ease; 
}
.button_main:hover a{
	color:#fff;
}
.button_profile{
	max-width:180px;
	width:100%;
	width: 180px;
	border-radius:7px;
	border:1px solid #3ca2e9;
	padding: 7px 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease; 
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.4em;
	cursor: pointer;
	text-align:center;
	display:block;
	color:#3ca2e9;
}
.button_profile:hover,
.button_profile:focus{
	background:#3ca2e9;
	color:#fff;
}
.button_all_profile{
	max-width:150px;
	width:150px;
	margin:20px auto 0;
}
.button_all_med{
	max-width:150px;
	width:150px;
	margin:20px auto 0;
	border-radius:20px;
	background-color:#ffd452;
	color:#000;
	border:none;
}
.button_all_med:hover,
.button_all_med:focus{
	background-color: #e1af19;
	color:#000;
}
.button_all_pets{
	max-width:200px;
	width:200px;
}
@media (max-width:991px){
	#main-slider:before {
		background-image:none;
	}
	#main-slider .content{
		padding-top:100px;
		padding-bottom:60px;
	}
	#main-slider .left_content{
		margin-bottom:60px;
	}
	.logo_mobile{
		font-size:1.4em;
		padding:0;
	}
	.logo_mobile img{
		background-color:#fff;
		border-radius:10px;
		max-width:60px;
		width:100%;
		width: 60px;
		height:60px;
		padding: 6px;
	}
	.logo_mobile p{
		display: inline-block;
		font-family:'RalewayBlack';
		letter-spacing:0.02em;
		margin: 0 0 0 7px;
		color:#fff;
	}
	.logo_mobile p:first-letter{
		color:#ffce3a;
	}
	.logo_mobile p .logo_letter{
		color:#279be4;
	}
}

/* END: MAIN-SLIDER SECTION */

/* STAST: ABOUT_SECTION */

#about h1{
	color:#14336f;
	background: -webkit-linear-gradient(#3ca2e9, #14336f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
}
/* #about .about_content:before{
		content:"";
		width: 100%;
		background: url('../images/pattern.png') round #3ca2e9;
}
*/
#about .about_content {
  margin-top:0;
  background: #3ca2e9;
  background-size:cover;
  width:100%;
  position:relative;
  padding: 60px 0;
}
#about .about_content:before{
  content: "";
  position: fixed;
  background-image: url('../images/pattern_1.png');
  background-repeat:round;
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
#about .left_content{
}
#about .item{
}
#about .right_content{
	padding: 60px 20px 0px;
	text-align: center;
	color:#fff;
	font-weight: bold;
}
#about .content_header{
	margin-bottom: 20px;
	font-size:1.6em;
}
#about .right_content img{
	display: block;
	margin: 0 auto;
	 margin-bottom: 5px;
}
#about .right_content p{
	margin-bottom:20px;
}
#about .owl-carouselowl-theme{
	padding: 60px;
	background-color:#fff;
	border-radius: 4px;
}
#about .border:before{
	content:"";
	position: absolute;
	 width:90%;
 	position: absolute;
	left: 50%;
	top: 55%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	height:400px;
	border:4px solid #fff;
	border-radius: 7px;
	opacity:0.3;
}
#about .button_about{
	max-width:150px;
	width:100%;
	width: 150px;
	border-radius:30px;
	padding: 7px 10px;
	position: relative;
	box-sizing: border-box;
	border:2px solid #183771;
	transition: all 500ms ease; 
	box-shadow:none;
	font-family:'RalewayBold';
	font-size:1.4em;
	cursor: pointer;
	text-align:center;
	display:block;
}
#about .button_about a{
	color:#183771;
}
#about .button_about:hover,
#about .button_about:focus{
	background-color:#183771;
}
#about .button_about:hover a,
#about .button_about:focus a{
	color:#fff;
}
#about .circle_small_outer_o1{
		position: absolute;
		
			 -o-transition:  translate(-100%, -50%);
	-webkit-transition:  translate(-100%, -50%);
		-ms-transition:  translate(-100%, -50%);
		-moz-transform:  translate(-100%, -50%);
			 transform: translate(-100%, -50%);
			 			 
	top:70%;
	left:50%;
	z-index: 1;
}
#about  .circle_small_inner_white,
#about  .circle_small_inner_gray
{
	bottom:0%;
	width:5px;
	height:5px;
	border-radius: 50%;	
	display:inline-block;
	
}
#about  .circle_small_inner_white
{
	background-color:#fff;	
}
#about  .circle_small_inner_gray{
	background-color:#a3a3a3;
}

#about .circle_small_outer_o3,
#about .circle_small_outer_o4,
#about .circle_small_outer_o5,
#about .circle_small_outer_o6,
#about .circle_small_outer_o7,
#about .circle_small_outer_o8{
		position: absolute;
		
			 -o-transition:  translate(-50%, -50%);
	-webkit-transition:  translate(-50%, -50%);
		-ms-transition:  translate(-50%, -50%);
		-moz-transform:  translate(-50%, -50%);
			 transform: translate(-50%, -50%);
			 			 
	top:35%;
	left:27%;
}
#about .circle_small_outer_o4{		 			 
	top:35%;
	left:49%;
}
#about .circle_small_outer_o5{		 			 
	top:35%;
	left:73%;
}
#about .circle_small_outer_o6{		 			 
	top:75%;
	left:27%;
}
#about .circle_small_outer_o7{		 			 
	top:75%;
	left:49%;
}
#about .circle_small_outer_o8{		 			 
	top:75%;
	left:73%;
}
#about  .circle_small_inner_empty,
#about  .circle_small_inner_empty
{
	width:8px;
	height:8px;
	border-radius: 50%;	
	display:inline-block;
	border:2px solid #fff;	
}
@media (max-width:1191px){
	#about .border:before{
		display: none;
	}
}
@media (max-width: 991px){
	#about .button_about{
		margin: 10px auto 0;
	}
	#about .circle_small_outer_o1{
		display: none;
	}
	#about .circle_small_outer_o3{
		left:49%;
		top:40%;
	}
	#about .circle_small_outer_o4{
		top:23%;
	}
	#about .circle_small_outer_o5{
		display: none;
	}
	#about .circle_small_outer_o6{		 			 
	display: none;
	}
	#about .circle_small_outer_o7{		 			 
		top:67%;
	}	
	#about .circle_small_outer_o8{		 			 
		left:49%;
		top:85%;
	}
	#about .content_header{
		text-align:center;
		margin-bottom: 20px;
		font-size:1.5em;
	}
	#about .right_content p:first-child{
		margin-bottom: 30px;
	}
	#about .owl-carouselowl-theme{
		background-color:#fff;
		border-radius: 4px;
	}
	#about .block{
		height:150px;
	}
}
@media (max-width:767px){
	#about .owl-carouselowl-theme{
		padding: 30px;
	}
}

/* END: ABOUT_SECTION */

/* START: ABOUT_SERVICE */

#about_service{
	position: relative;
}
#about_service h1{
	color:#14336f;
	background: -webkit-linear-gradient(#3ca2e9, #14336f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
}
#about_service .content_service{
	padding:0px 100px;
}
#about_service h2{
	margin-top:40px;
	margin-bottom:40px;
}
#about_service h3{
	margin-top:30px;
}
#about_service .circle_about_service{
	width:201px;
	height:201px;
	font-size:1.2em;
	border:6px solid #183771;
	border-radius:50%;
	position: relative;
	display: block;
	margin:0 auto;
}
#about_service .circle_about_service img{
		position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
}
#about_service .circle_about_service .cirrcle_abot_service_inner{
	width:40px;
	height:40px;
	font-size:1.2em;
	border:4px solid #3ca2e9;
	background-color:#183771;
	border-radius:50%;
	position: absolute;
	left: 50%;
	top: 100%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
		
	color:#fff;
	font-size:1em;
}
#about_service .circle_about_service .cirrcle_abot_service_inner p{
	position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
}
#about_service .about_how{
		margin-bottom:10px;
}

#about_service .circle_small_outer_o3,
#about_service .circle_small_outer_o4
{
		position: absolute;
		
			 -o-transition:  translate(-50%, -50%);
	-webkit-transition:  translate(-50%, -50%);
		-ms-transition:  translate(-50%, -50%);
		-moz-transform:  translate(-50%, -50%);
			 transform: translate(-50%, -50%);
			 			 
	top:29%;
	left:36%;
}
#about_service .circle_small_outer_o4{
	left:64%;
}
#about_service  .circle_small_inner_empty,
#about_service  .circle_small_inner_empty
{
	width:6px;
	height:6px;
	border-radius: 50%;	
	display:inline-block;
	background-color:#183771;	
	margin:0px 1px;
}
#about_service .content_why{
	background-color:#f5f5f5;
}
#about_service .content_why_inner{
	background:#fff;
	border-radius: 4px;
	margin:40px 0px;
	padding: 40px 30px;
}
#about_service .content_why_inner{
	height:400px;
}
@media (max-width:1196px){
	#about_service .content_why_inner{
		height:450px;
		padding: 30px 20px;
	}
}
@media (max-width:991px){
	#about_service .content_service{
		padding:0px;
	}
	#about_service .content_outer{
		padding: 0px 30px;
	}
	#about_service .about_how{
		margin-bottom:40px;
	}
	#about_service .content_why_inner{
	height:280px;
	}
	#about_service .circle_small_outer_o3,
	#about_service .circle_small_outer_o4{
		display: none;
	}
}
@media (max-width:767px){
	#about_service .content_why_inner{
	height:100%;
	}
}

/* END: ABOUT_SERVICE SECTION*/

/* START: SLOGAN SECTON */

#slogan {
	
}
#slogan .content_outer{
	background-color:#3ca2e9;
}
#slogan .content_outer h2{
	color:#fff;
	padding:30px 0;
	margin:0;
	line-height:40px;
	position: relative;
}
#slogan .content_outer h2:before{
	 font-family: 'FontAwesome';
  content: '\f10d';
   font-size: 30px;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  left:-0%;
}
#slogan .content_outer h2:after{
	 font-family: 'FontAwesome';
  content: '\f10e';
   font-size: 30px;
  vertical-align: middle;
  color: #fff;
  position: absolute;
  right:0%;
  top:25%;
}
@media (max-width:991px){
	#slogan .content_outer h2:before{
		left:-0%;
	}
	#slogan .content_outer h2:after{
		right:-0%;
		top:20%;
	}
}
@media (max-width:767px){
	#slogan .content_outer h2:before,
	#slogan .content_outer h2:after{
		display: none;
	}	
}

/* END: SLOGAN SECTON */

/* START: ASK SECTOIN */

#ask {
	position: relative;
}
#ask h1{
	color:#14336f;
	background: -webkit-linear-gradient(#3ca2e9, #14336f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  

}
#ask .ask_content{
	background-color:#f5f5f5;
	padding: 40px 0px 0px;
}
#ask .ask_content_outer{
	border: 4px solid #fff;
	border-radius: 100px;
	padding: 20px;
	margin-bottom: 40px;
}
#ask .ask_content_inner{
	background-color:#fff;
	padding: 20px 30px 20px 150px;
	border-radius: 60px;
	position: relative;
}
#ask .circle_ask{
	position: absolute;
	width: 126px;
	height:126px;
	border-radius: 50%;
	background-color:#183771;
	border: 6px solid #3ca2e9;
	
	left:0%;
	top: 50%;
	
	-webkit-transition: translate(0%,-50%);
		-ms-transition: translate(0%,-50%);
		-moz-transform: translate(0%,-50%);
			 transform: translate(0%,-50%)
}
#ask .circle_ask i{
	color:#fff;
	font-size: 3em;
	
		position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%)
}
@media (max-width: 991px){
	#ask .ask_content_outer{
		border-radius: 80px;
	}
	#ask .circle_ask{
		width:146px;
		height:146px;
	}
	#ask .ask_content_inner{
	padding: 20px 30px 20px 160px;
	}
}
@media (max-width: 767px){
	#ask .ask_content_outer{
		border-radius: 60px;
	}
	#ask .ask_content_inner{
		border-radius: 40px;
	}
	#ask .circle_ask{
		width:26px;
		height:26px;
		left:50%;
		top:1%;
		border:3px solid #3ca2e9;
	}
	#ask .circle_ask i{
		font-size:1.2em;
	}
	#ask .ask_content_inner{
	padding: 20px 30px 20px 40px;
	}
}

/* END: ASK SECTION */

/* START: PERTNERS SECTION */

#partners {
  margin-top:120px;
  background: linear-gradient(120deg, #14336f, #399bc8) ;
  background-size:cover;
  width:100%;
  color: #fff;
  position:relative;
  z-index: 1;
}
#partners h3{
	display: inline-block;
	margin:30px 0;
}
#partners .content_img{
	float: right;
}
#partners .content_img img{
	margin-left:20px;
}
#partners .content_inner{
	clear: both;
	padding:30px 40px;
}
@media (max-width: 767px){
	#partners .content_img{
		float:none;
		display: block;
		margin: 0 auto;
	}
	#partners .content_img img{
	}
}

/* END: PERTNERS SECTION */

/* START: FOOTER */

#footer{
	clear: left;
	padding:20px 0;
}
#footer p{
	margin:0;
	font-size:1.2em;
	color:#a3a3a3;
}
#footer p a{
	color:#a3a3a3;
}
#footer p a:hover,
#footer p a:focus
{
	color:#7d7d7d;
}
.info1,
.info2,
.info1 p,
.info2 p{
	display: inline-block;
}
.info2 {
	float: right;
	clear: both;
}
@media (max-width: 767px){
	.info2 {
		float: none;
		display: block;
	}
}

/* END: FOOTER */

/* START: ENTER FORM */

#Wrapp {
 top:0;
 left:0;
 position:fixed;
 opacity: 1;
 width:100%;
 height:100%;
 z-index:10000;
}
#Wrapp2{
 top:0;
 left:0;
 position:fixed;
 background-color:#000;
 opacity: 0.7;
 width:100%;
 height:100%;
 z-index:-1;
}
#tt {
  position:relative;
  margin:10% 35%;

}
#tt .reg{
		box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
}
#tt .blue_block{
	position: relative;
	background-color:#3ca2e9;
	padding:20px 30px;
	border-radius: 10px 10px 0 0;
	z-index:1;
}
#tt .blue_numbers{
	display:block;
	clear:both;
	text-align:center;
	color:#fff;
}
#tt .blue_numbers h3{
	margin:0;
}
#tt .circle_outer_blue{
	margin: 0 auto;
	width:50px;
	height:49px;
	border:5px solid #fff;
	border-radius: 50%;
	position: relative;
	
		-webkit-transition: -webkit-transform 0.2s, background-color 0.3s, border 0.2s;
	transition: transform 0.2s, background-color 0.3s, border 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);	
}
#tt .circle_outer_blue_empty{
	border-color:rgba(0, 0, 0, 0);
}
#tt .circle_inner_blue{
	width:31px;
	height:31px;
	font-size:1.2em;
	color:#000;
	background-color:#fff;
	border-radius:50%;
}
#tt .circle_inner_blue_empty{
	box-sizing:content-box;
	width:24px;
	height:24px;
	font-size:1.2em;
	border:3px solid #fff;
	border-radius:50%;
}
#tt .circle_inner_blue,
#tt .circle_inner_blue_empty,
#tt .close,
#tt .close span
{
	position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;
}
#tt .close {
  cursor:pointer;
  text-shadow:none;
  font-weight:600;
  z-index:10;
  opacity:1;
}
#tt .close span{
	color:#a3a3a3;
	font-size:1.2em;
	transition: all 500ms ease; 
	top:45%;
}
#tt .circle_inner_blue:hover span{
	color:#000;
}
#tt .white_block{
	background:#fff;
	border-radius:0 0 10px 10px;
	padding:20px 30px;
	z-index:10;
}
#tt .white_block p{
	color:#000;
	padding-left:15px;
	margin-bottom:10px;
}
#tt .white_block p:nth-of-type(2){
	margin-bottom: 20px;
}
#tt .white_block p a{
	color:#3ca2e9;	
	transition: all 500ms ease; 
}
#tt .white_block p a:hover,
#tt .white_block p a:focus
{
	color:#2a87c8;
}

#tt .form-group{
	margin-bottom:20px;
}
#tt .form-control{
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#000;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #d2d2d2;
	border-radius: 0px;
}
#tt .form-control:focus{
	/* box-shadow:0px 4px 4px -4px rgba(60,162,233,0.4); */
	border-bottom:1px solid #000;
}
.button_enter{
	margin:0 auto -40px;
	background: rgba(247,197,45,1);
}
.button_enter:hover,
.button_enter:focus {
	border: none;
	background: #e1af19;
	color: #fff;
	box-shadow:0px 1px 4px 3px rgba(0,0,0,0.3);
	outline: none;
}
@media (max-width: 991px){
	#tt {
		  margin:20% 10%;
	}
	.button_enter{
		max-width: 200px;
		width: 200px;
	}	
}
/* END: ENTER FORM */

/* END: MAIN-PAGE */

/* START: MAIN-PROFILE SECTION */

/* styles for profile positioning */
#wrapp {
	margin-top:0;
	overflow: hidden;
	width: 100%;
}
#profile_menu{
	margin-top:0;
	background-color:#051839;
	float:left;
	width:33.33333%;
	color:#fff;
	
	padding-bottom: 500em;
	margin-bottom: -500em;
}
#profile_content{
	margin-top:0;
	background-color:#f5f5f5;
	float:left;
	width:66.66666%;
	
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	
	margin-right: -1px; /* Thank you IE */
	padding-bottom: 500em;
	margin-bottom: -500em;
}
/* styles for profile positioning */

/* styles for the left side */
#profile_menu .menu{
	padding:0 70px 70px;
	margin-top: 70px;
}
#profile_menu .menu p{
	color:#5a6171;
	margin-bottom:20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size:1em;
}
#profile_menu .menu ul{
	padding: 0;
	list-style-type:none;
	font-size:1.4em;
}
#profile_menu .menu ul li{
		margin-bottom: 10px;
		clear: both;
}
#profile_menu .menu ul li a{
		color:#fff;
		line-height: 35px;
		display: block;
		padding: 5px 10px;
		border-radius: 7px;
}
#profile_menu .menu ul li a span{
		float:right;
		font-weight:bold;
		border-radius: 50%;
		background-color: #374661;
		width:35px;
		height:35px;
		text-align: center;
		line-height: 35px;
		
			transition: all 500ms ease; 
}
#profile_menu .menu ul li a:hover,
#profile_menu .menu ul li a:focus{
	background-color:rgba(255, 255, 255, 0.2);
}
#profile_menu .menu ul li a:hover span{
		background-color: #1a6559;
}
/* styles for the left side */

/* styles for the right side */
#profile_content .block{
	background:#fff;
	margin: 0px;
	margin-bottom: 40px;
	padding: 40px;
	border-radius: 7px;
	overflow: auto;
}
#profile_content .block .capth{
	display: block;
	color:#dcdcdc;
	overflow: hidden;
}
#profile_content .block .capth p a{
	float: right;
	color:#dcdcdc;
}
#profile_content .block .capth p a:hover,
#profile_content .block .capth p a:focus
{
	color:#a3a3a3;
}
#profile_content .info{
	float: left;
	width: 33.3333%;
}
#profile_content .info:last-child{
	float: left;
	width: 66.3333%;
}
#profile_content .info:after{
	clear:both;
}
#profile_content .info h5{
	color:#a3a3a3;
	font-size:1.4em;
	font-weight:500;
	font-family:'Open Sans';
}
#profile_content .info_pet:nth-of-type(2),
#profile_content .info_service:nth-of-type(2)
{
	margin-top:40px;
}
#profile_content .info_pet,
#profile_content .info_service{
	clear: both;
	width:100%;
	height:auto;
	margin-bottom:20px;
	border-bottom:1px solid #dcdcdc;
	padding-bottom:20px;
}
#profile_content .info_pet .info_inner,
#profile_content .info_service .info_inner{
	overflow: hidden;
}
#profile_content .info_pet .circle,
#profile_content .info_service .circle{
	background:#3ca2e9;
	border-radius: 50%;
	width:61px;
	height:61px;
	position:relative;
}
#profile_content .info_service .circle{
	background:#1A6559;
}
#profile_content .info_pet .circle img,
#profile_content .info_service .circle img{
		position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;
}
#profile_content .info_pet .thumb,
#profile_content .info_service .thumb{
	float: left;
	width:100px;
	max-width:100px;
}
#profile_content .info_pet .content,
#profile_content .info_service .content{
	float: left;
	width: 60%;
	display: block;
}
#profile_content .info_pet .content h5,
#profile_content .info_service .content h5{
	margin-top:5px;
	color:#a3a3a3;
	font-size:1.4em;
	font-weight:500;
	font-family:'Open Sans';
}
#profile_content .info_pet p,
#profile_content .info_service p{
	color:#000;
}
#profile_content .info_pet .button_profile,
#profile_content .info_service .anc{
	float: right;
}
#profile_content .info_pet .inner,
#profile_content .info_service .inner{
	overflow: hidden;
}
#profile_content .info_pet:last-child,
#profile_content .info_service:last-child{
	margin-bottom:100px;
}
#profile_content .info_medicine .circle{
	background:#1a6559;
	border-radius: 50%;
	width:81px;
	height:81px;
	position:relative;
	display: block;
	margin: 20px auto;
}
#profile_content .info_medicine .circle img{
	position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;	
}
#profile_content .info_medicine h5{
	text-align: center;
	color:#000;
	margin-bottom:0;
	margin-top:0;
	font-family:'Open Sans';
	font-size: 1.4em;
}
	
#profile_content .info_service .anc .download{
	text-align: center;
	display: block;
	margin-top:10px;
	font-size: 1.2em;
	color:#D3A620;
	
}
/* styles for the right side */

@media (max-width:991px){	
	#profile_menu,
	#profile_content{
		width:100%;
		float: none;
	}
	#profile_content{
		padding-right:10px;
		padding-left:10px;
	}
	#profile_menu .menu{
		padding:0 40px 40px;
		margin-top: 40px;
	}
	#profile_content .info,
	#profile_content .info:last-child{
	float: none;
	width: 100%;
	display: block;
}
	#profile_content .info p{
		margin-bottom:20px;
	}
	#profile_content .info_pet .thumb,
	#profile_content .info_pet .content,
	#profile_content .info_pet .button_profile,
	#profile_content .info_service .thumb,
	#profile_content .info_service .content,
	#profile_content .info_service .anc,
	#profile_content .info_service .button_profile{
		float: none;
		display: block;
		margin: 15px auto;
		text-align: center;
	}
		#profile_content .info_pet .content{
		}
		#profile_content .info_pet .thumb .circle,
		#profile_content .info_service .thumb .circle{
			display: block;
			margin: 0 auto;
		}
}
/* START: MAIN-PROFILE SECTION */

/* START: SINGLE_PET */
#profile_content .info_pet_single,
#profile_content  .info_service_single{
	clear: both;
	width:100%;
	height:auto;
}
#profile_content .info_pet_single .info_inner,
#profile_content .info_service_single .info_inner{
	overflow: auto;
}
#profile_content .info_pet_single .circle,
#profile_content .info_service_single .circle{
	background:#3ca2e9;
	border-radius: 50%;
	width:101px;
	height:101px;
	position:relative;
	margin: 20px auto;
}
#profile_content .info_service_single .circle{
	background:#1A6559;
}
#profile_content .info_pet_single .circle img,
#profile_content .info_service_single .circle img{
		position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;
}
#profile_content .info_pet_single .info_inner .content{
	float:left;
	width:33.3333%;
	margin-bottom:25px;
}
#profile_content .info_service_single .info_inner .content{
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom:25px;
	border-bottom: 1px dashed #dcdcdc;
}
#profile_content .info_pet_single .info_inner .content h5,
#profile_content .info_service_single .info_inner .content h5{
	margin-top:5px;
	color:#a3a3a3;
	font-size:1.4em;
	font-weight:500;
	font-family:'Open Sans';
}
#profile_content .info_pet_single .button_profile,
#profile_content .info_service_single .button_profile,
#profile_content .info_service_single .download{
	clear:both;
	display: block;
	margin:auto;
	margin-top:10px;
	text-align: center;
}
#profile_content .info_service_single .download{
	margin-bottom:15px;
	font-size: 1.4em;
	color:#D3A620;
}
@media (max-width:767px){
	#profile_content .info_pet_single .info_inner .content{
		float: none;
		text-align: center;
		width:100%;
	}
}
/* END: SINGLE_PET */

/* START: CREATE_PET */

#profile_content .info_pet_create,
#profile_content .info_service_create{
	clear: both;
	width:100%;
	height:auto;
}
#profile_content .info_pet_create form label,
#profile_content .info_service_create form label{
	margin-top:10px;
	color:#000;
	font-size:1.4em;
	font-weight:500;
	font-family:'Open Sans';
}
#profile_content .info_pet_create .form-group,
#profile_content .info_service_create .form-group{
	margin-bottom:5px;
}
#profile_content .info_pet_create form input,
#profile_content .info_service_create form input{
	margin-top:5px;
}
#profile_content .info_pet_create .form-control,
#profile_content .info_service_create .form-control{
}
#profile_content .info_pet_create .form-control:focus,
#profile_content .info_service_create .form-control:focus{
	
}
#profile_content .info_pet_create .form-group p,
#profile_content .info_service_create .form-group p{
	margin-bottom:10px;
	margin-top:15px;
}
#profile_content .info_pet_create .button_profile,
#profile_content .info_service_create .button_profile{
	margin-top:20px;
}
/* select ul style */
#profile_content .info_pet_create form,
#profile_content .info_service_create form{
	margin:20px auto;
	width:100%;
}	
.tzSelect,
.tzSelect_service{
	/* Контейнер для нового элемента select */
	
	height:40px;
	display:inline-block;
	width:100%;
	position:relative;
	z-index: 100;

}
.tzSelect .selectBox,
.tzSelect_service .selectBox_service{
	position:absolute;
	
	height:100%;
	width:100%;
	
	/* Установка шрифта */
	
	font:14px/36px "Open Sans", sans-serif;
	text-align:center;
	color:#000;

	/* Использование множественных фонов CSS3 */
	
	background:#fff;
	
	cursor:pointer;
	
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #a3a3a3;
	
    background-image:url('../images/slice.png');
    background-position: 75% 15px;
    background-repeat: no-repeat;

}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded,
.tzSelect_service .selectBox_service:hover,
.tzSelect_service .selectBox_service.expanded{
	/* background-color:#dcdcdc!important; */
	color:#000;
}

.tzSelect .dropDown,
.tzSelect_service .dropDown_service{
	position:absolute;
	top:42px;
	padding:0px;
	left:0;
	width:100%;
	border:1px solid #a3a3a3;
	border-width:0 1px 1px;
	list-style:none;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
	-moz-box-shadow:0 0 7px #a3a3a3;
	-webkit-box-shadow:0 0 7px #a3a3a3;
	box-shadow:0 0 7px #a3a3a3;
	
}


.tzSelect li,
.tzSelect_service li{
	height:85px;
	cursor:pointer;
	position:relative;
	
	background:#fff;
	border-bottom:1px solid #a3a3a3

}

.tzSelect li:hover,
.tzSelect_service li:hover{
	background:#dcdcdc;
}

.tzSelect li span,
.tzSelect_service li span{
	left:88px;
	position:absolute;
	top:27px;
	color:#000;
	font-size:1.4em;
}

.tzSelect li i,
.tzSelect_service li i{
	color:#999999;
	display:block;
	font-size:12px;
}
.tzSelect li .circle,
.tzSelect_service li .circle_service{
	background:#3ca2e9;
	border-radius: 50%;
	width:61px;
	height:61px;
	position:absolute;
	left:9px;
	top:13px;
}
.tzSelect li img,
.tzSelect_service li img{
		position: absolute;
	
	 -o-transition: translate(-50%,-50%);
	-webkit-transition: translate(-50%,-50%);
		-ms-transition: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 
	top:50%;
	left:50%;
}
/* select ul style */
/* radio style */
.radio {
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin: 0 3px 0 0;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 5px 0 30px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1.5px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #3ca2e9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5); 
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}
.radio:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
/* radio style */

/* checkbox style */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
.checkbox + label {
  cursor: pointer;
}
/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #3ca2e9;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
/* checkbox style */
@media (max-width:991px){
	.tzSelect .selectBox,
	.tzSelect_service .selectBox_service{
		background-position:90% 15px;
	}
}
/* END: CREATE_PET */

/* START: MAIN-SLIDER-PROFILE */

#main-slider-profile{
  margin-top:0;
  background: linear-gradient(120deg, #14336f, #399bc8) ;
  background-size:cover;
  width:100%;
  color: #fff;
  position:relative;
  z-index: 1;
}
#main-slider-profile .content{
	padding-top: 65px;
	padding-bottom: 65px;
}
#main-slider-profile h2{
	margin:20px 0 30px;
}
#main-slider-profile .button_main{
	display: inline-block;
	margin-left:15px;
	margin-right:15px;
	width:250px;
	max-width:250px;
}
#main-slider-profile .button_main:first_child{
	margin-right:20px;
}
#main-slider-profile .button_main_page{
	background-color:#ffd452;
}
#main-slider-profile .button_main_page:hover,
#main-slider-profile .button_main_page:focus
{
		background-color: #e1af19;
}
#main-slider-profile .button_main_page a{
	color:#000;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
}
@media (max-width: 991px){
	#main-slider-profile h1{
		margin-top:40px;
	}
}

/* Status and error boxes */

.statusMessage, .errorMessage {
  font-size: .8em;
  padding: .5em;
  margin: 2em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

.statusMessage {
  background-color: #2b2;
  border: 1px solid #080;
  color: #fff;
}

.errorMessage {
  background-color: #f22;
  border: 1px solid #800;
  color: #fff;
}

/* END: MAIN-SLIDER-PROFILE */