* {margin:0; padding:0; border:0; box-sizing:border-box;}
a {text-decoration:none;}
li {list-style-type:none;}
.text-justify {text-align:justify;}

body {background:#fff; font: 14px 'PT Sans', sans-serif; color:#1d1d1d;}

#header {position:relative; width:100%; height:auto; background:url('../images/bg.jpg') top center no-repeat; background-size:cover;}
.container {display:table; width:1300px; margin:0 auto; padding:30px 0;}
.topmenu {line-height:40px;}
a.logo {float:left; font-size:36px; color:#ef7b10; font-weight:bold; text-transform:uppercase;}
#services {position:relative; width:100%; background:rgba(0,0,0,.4);}
.menu {float:left; margin-left:20px; text-align:right;}
.menu_icon {display:none; width:45px; height:35px; position:relative; cursor:pointer;}
.menu_icon span {display:block; position:absolute; height:9px; width:100%; background:#333; border-radius:9px; opacity:1; left:0; transform:rotate(0deg); transition:.25s ease-in-out;}
.menu_icon span:nth-child(1) {top:0px;}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) {top:13px;}
.menu_icon span:nth-child(4) {top:26px;}
.menu_links .item {display:inline-block; color:#005b6b; font-size:13px; line-height:30px; padding:0 15px; text-transform:uppercase; text-decoration:none; text-shadow:0 0 1px rgba(0,0,0,.5);}
.menu_links .item:hover {color:#ef7b10;text-shadow:0 0 1px rgba(239,123,16,.5);}
.menu.menu_state_open .menu_icon span:nth-child(1) {top:18px; width:0%; left:50%;}
.menu.menu_state_open .menu_icon span:nth-child(2) {transform:rotate(45deg);}
.menu.menu_state_open .menu_icon span:nth-child(3) {transform:rotate(-45deg);}
.menu.menu_state_open .menu_icon span:nth-child(4) {top:18px; width:0%; left:50%;}
.menu.menu_state_open .menu_links {display:block;}

.work {clear:both; float:left; width:auto; margin:100px 0; text-align:center;}
.work div {font-size:20px; color:#005b6b; font-weight:bold; text-transform:uppercase;}

.call {display:inline-block; line-height:48px; font-size:26px; color:#005b6b; font-weight:bold; text-transform:uppercase;}
.phone {float:left; width:48px; height:48px; background:url(../images/phone.png) 0 0 no-repeat; margin-right:10px;}
.phone2 {width:100%; height:100%; background:url("../images/phone.png") 0 -48px no-repeat; -webkit-transition:0.8s; opacity:0;}
.call:hover .phone2 {opacity:1;}

#insurance, #office, #license {padding:20px 0;}

.service-list {margin:0 0 20px 55px; color:#005b6b; font-size:26px; font-weight:bold; font-style:italic; text-transform:uppercase;}
#services ul {margin-left:35px;}
#services ul li {line-height:40px; color:#ef7b10; font-size:20px; font-style:italic; text-transform:uppercase; list-style-type:disc;}
#services ul li span {color:#fff;}

#insurance .block {float:left; width:50%; margin-top:40px; padding:10px 110px; text-align:center;}
#insurance .doctor {position:relative; width:272px; height:272px; margin:0 auto; border-radius:50%; border:1px solid transparent;
background:#fff url(../images/doctor.png) center no-repeat; background-size:cover;}
#insurance .block:hover .doctor {border:1px solid #ef7b10}
#insurance .doctor::after {display:block; content:""; position:absolute; left:84px; bottom:-1px; background:#fff; height:10px; width:104px; border-top:1px solid transparent}
#insurance .block:hover .doctor::after {border-top:1px solid #ef7b10}



#insurance .block {float:left; width:50%; margin-top:40px; padding:10px 110px; text-align:center;}
#insurance .doctor1 {position:relative; width:272px; height:272px; margin:0 auto; border-radius:50%; border:1px solid transparent;
background:#fff url(../images/doctor1.png) center no-repeat; background-size:cover;}
#insurance .block:hover .doctor1 {border:1px solid #ef7b10}
#insurance .doctor1::after {display:block; content:""; position:absolute; left:84px; bottom:-1px; background:#fff; height:10px; width:104px; border-top:1px solid transparent}
#insurance .block:hover .doctor::after {border-top:1px solid #ef7b10}


#office .block {float:left; width:50%;}
#office .block:nth-child(1) {padding-right:15px;}
#office .block:nth-child(2) {padding-left:15px;}
#office .title {margin-bottom:60px; font-size:25px; text-align:center;}
#office .info {font-size:16px;}

#license .content {display:table; width:100%; background:#e5f5f6; border-radius:8px;}
#license .block {float:left; width:50%; padding:25px; text-align:center;}
#license {margin-bottom:50px;}
#license p {margin-top:23px; font-size:18px;}
#license p.x2 {margin-top:46px;}
img.lic {width:200px; margin:0 10px;}

#footer {display:table; width:100%; min-height:160px; background:#292929;}
.logo-mini {float:left; margin:20px 60px 30px 0; font-size:32px; color:#ef7b10; font-weight:bold; text-transform:uppercase;}
.copyright {float:left; max-width: 590px; color:rgba(255,255,255,.7); font-size:12px;}
.footmenu {float:right; width:360px; color:#fff; font-size:13px; text-transform:uppercase;}
.footmenu ul {float:left; width:170px;}
.footmenu li {line-height:24px;}
.footmenu li a {color:#fff;}
.footmenu li a:hover {color:#ef7b10;}
.footmenu .contacts {width:190px; font-size:12px; font-style:italic;}
.icons {float:left; width:16px; height:16px; margin:3px 5px;}
.skype {background:url('../images/skype.png')}
.icq {background:url('../images/icq.png')}
.email {background:url('../images/email.png')}
.telegram {background:url('../images/telegram.png')}

@media screen and (max-width: 1360px) {
	.container {width:980px;}
    a.logo {font-size:30px;}
    .call {margin:250px 50px 0;}
    .slick-slider {width:475px;}
    .slick-slide {height:320px;}
    #license p {margin-top:18px;}
	#license p.x2 {margin-top:36px;}
    img.lic {width:190px;}
    .logo-mini {margin-right:20px;}
    .copyright {max-width:480px;}
    .footmenu {width:260px;}
    .footmenu ul {width:120px;}
	.footmenu .contacts {width:140px;}
}

@media screen and (max-width: 1024px) {
	.menu {float:right; margin:0;}
	.menu_icon {display:inline-block;}
	.menu_links {position:absolute; display:none; top:0; right:0; left:0; margin-top:80px; background-color:rgba(0, 0, 0, 0.9); z-index:1000; overflow:auto;}
	.menu_links .item {display:block; padding:10px 0; text-align:center; color:#fff;}
    .call {float:left; margin:30px 10px 0;}
    .service-list {margin-bottom:15px; font-size:24px;}
    #services ul li {line-height:35px; font-size:18px;}
    #insurance .block {padding:10px 15px;}
    #office .block {width:100%;}
    #office .block {padding:0 !important;}
    img.lic {width:140px;}
	.container {width:750px;}
    .copyright {display:none;}
    .copyright {max-width:430px;}
}

@media screen and (max-width: 768px) {
	.container {width:580px;}
    #insurance .block {width:100%;}
    #office .title {margin-bottom:30px;}
    #license .block {width:100%;}
    img.lic {max-width:220px; margin:0 20px;}
    .footmenu {float:left;}
}

@media screen and (max-width: 600px) {
	.container, .slick-slider {width:460px;}
    img.lic {width:50%; margin:0;}
    .logo-mini {display:none;}
}

@media screen and (max-width: 480px) {
    .container {padding:15px 0;}
	.container, .slick-slider {width:300px;}
	.topmenu {line-height:32px;}
	a.logo {font-size:28px;}
    .call {margin:0 10px;}
    .service-list {margin-left:15px; font-size:24px;}
    #services ul li {line-height:30px; font-size:16px;}
    .slick-slide {height:220px;}
    .footmenu {width:100%;}
    .footmenu ul {width:110px;}
}

@media screen and (max-width: 320px) {
	.containe, .slick-slider {width:280px;}
}