.container {
	width: 1200px;
	margin: 0 auto;
}

* {
	box-sizing: border-box;
}

header {
	padding: 30px 0px 0px 0px;
	background: url("../images/bg1.jpg") top center no-repeat;
	background-size: cover;
}

.logo {
	font: 17px/20px 'Montserrat-ExtraBold', serif;
	color: #1e2c34;
}

.top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.top-line {
	display: flex;
}

.menu-top {
	margin: 0px 70px 0px 0px;
	display: flex;
}

.menu-top li {
	margin: 0px 40px 0px 0px;
}

.menu-top li:last-of-type {
	margin: 0px 0px 0px 0px;
}

.menu-top li a {
	font: 17px/20px 'Montserrat-Regular', serif;
	color: #1d2b34;
	text-decoration: none;
}

.menu-top li a:hover {
	text-decoration: underline;
}

.phone-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.phone-wrap .phone {
	margin: 0px 0px 5px 0px;
	font: 20px/20px 'Montserrat-ExtraBold', serif;
	color: #1e2c34;
	text-decoration: none;
}

.phone-wrap .call {
	font: 17px/20px 'Montserrat-Regular', serif;
	color: #db0c10;
}

.phone-wrap .call:hover {
	text-decoration: none;
}

.time {
	margin: 0px 50px 0px 0px;
}

.time p {
	margin: 0px 0px 5px 0px;
	font: 17px/20px 'Montserrat-Regular', serif;
	color: #000000;
}

.social {
	display: flex;
	justify-content: flex-end;
}

.social li {
	margin: 0px 10px 0px 0px;
}

.social li:last-of-type {
	margin: 0px 0px 0px 0px;
}

.social a {
	width: 22px;
	height: 22px;
	background-size: 100% 100%!important;
	display: block;
}

.social .vi {
	background: url("../images/vi.png") center center no-repeat;
}

.social .tg {
	background: url("../images/tg.png") center center no-repeat;
}

.social .wa {
	background: url("../images/wa.png") center center no-repeat;
}

.social .in {
	background: url("../images/in.svg") center center no-repeat;
	background-size: 100% 100%;
}

.panel {
	width: 100%;
	padding: 10px 0px 0px 0px;
	display: flex;
	align-items: flex-end;
}

.panel .panel-desc {
	width: 600px;
	padding: 0px 0px 160px 0px;
}

.panel-desc h1 {
	margin: 0px 0px 20px 0px;
	font: normal 30px/38px 'Montserrat-ExtraBold', serif;
	color: #1d2b34;
}

.panel-desc p {
	margin: 0px 0px 90px 0px;
	font: 17px/20px 'Montserrat-Regular', serif;
	color: #1d2b34;
}

.panel .panel-img {
	width: 450px;
	position: relative;
}

.panel .panel-img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.name {
	background: #ffffff;
	padding: 10px 20px 10px 20px;
	border-radius: 3px;
	position: absolute;
	right: -150px;
	top: 135px;
	display: flex;
	flex-direction: column;
	font: 13px/20px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.name b {
	font: 17px/20px 'Montserrat-ExtraBold', serif;
	color: #1e2c34;
	font-weight: normal;
}

.butt1 {
	background: #c53639;
	padding: 0px 70px 0px 70px;
	border-radius: 5px;
	border: 0 none;
	display: inline-block;
	font: 13px/80px 'Montserrat-Regular', serif;
	color: #ffffff;
	text-decoration: none;
	transition: 0.3s ease;
	text-align: center;
}

.butt1:hover {
	background: #af292c;
}

h3 {
	margin: 0px 0px 10px 0px;
	font: normal 29px/29px 'Montserrat-ExtraBold', serif;
	color: #1e2c34;
}

.container h1 {
	margin: 0px 0px 30px 0px;
	font: normal 29px/29px 'Montserrat-ExtraBold', serif;
	color: #1e2c34;
}

.title-text {
	width: 630px;
	margin: 0px 0px 65px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.services {
	padding: 80px 0px 0px 0px;
}

.services .services-wrap {
	width: calc(100% + 30px);
	margin: 0px -15px 0px -15px;
	display: flex;
	flex-wrap: wrap;
}

.services .item {
	width: calc(33.33% - 30px);
	margin: 0px 15px 40px 15px;
	transition: 0.3s ease;
}

.services .item:hover {
	box-shadow: 0px 0px 11px 0px rgba(79, 79, 79, 0.25);
}

.services .item .item-img {
	width: 100%;
	height: 220px;
}

.services .item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.services .item .item-title {
	padding: 30px 20px 30px 20px;
}

.services .item .item-title a {
	padding: 0px 80px 0px 0px;
	background: url("../images/ico1.png") right top no-repeat;
	display: block;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
	text-decoration: none;
}

.doc {
	background: #578198;
	padding: 40px 0px 0px 0px;
	position: relative;
}

.doc .container {
	position: relative;
}

.doc .container2 {
	padding: 0px 0px 60px 0px;
}

.doc .box {
	display: none;
}

.doc .box.visible {
	display: block;
}

.doc .t1 {
	margin: 0px 0px 60px 0px;
}

.doc .t1 li {
	margin: 0px 80px 0px 0px;
	display: inline-block;
	cursor: pointer;
	font: 21px/21px 'Montserrat-Regular', serif;
	color: #ffffff;
}

.doc .t1 li:last-of-type {
	margin: 0px 0px 0px 0px;
}

.doc .t1 .visible {
	text-decoration: underline;
}

.doc .t2 {
	margin: 0px 0px 40px 0px;
}

.doc .t2 li {
	margin: 0px 30px 0px 0px;
	display: inline-block;
	cursor: pointer;
	font: 31px/31px 'Montserrat-ExtraBold', serif;
	color: #ffffff;
	opacity: 0.7;
}

.doc .t2 li:last-of-type {
	margin: 0px 0px 0px 0px;
}

.doc .t2 .visible {
	opacity: 1;
}

.doc .years .box {
	width: 700px;
	min-height: 200px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #ffffff;
}

.doc .years .box b {
	font: 120px/120px 'Montserrat-ExtraBold', serif;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	display: block;
}

.doc .doc_bg {
	padding: 50px 0px 50px 0px;
	background: url("../images/bg2.jpg") center center no-repeat;
	background-size: cover;
}

.doc .doc-bottom, .doc .man-bio, .doc .doc-slider {
	width: 700px;
}

.doc .doc-slider .owl-dots {
	width: 100%;
	margin: 20px 0px 0px 0px;
	display: flex;
	justify-content: center;
}

.doc .doc-slider .owl-dots button {
	width: 15px;
	height: 15px;
	background: #ffffff;
	border: 0 none;
	padding: 0px 0px 0px 0px;
	border-radius: 100%;
	margin: 0px 6px 0px 6px;
	opacity: 0.6;
}

.doc .doc-slider .owl-dots .active {
	opacity: 1;
}

.doc .doc-slider .item {
	height: 300px;
}

.doc .doc-slider .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.doc .man-bio p {
	margin: 0px 0px 10px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #ffffff;
}

.doc .doc-bottom p {
	margin: 0px 0px 0px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #ffffff;
}

.doc .doc-bottom ul {
	width: calc(100% + 120px);
	margin: 80px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
}

.doc .doc-bottom ul li {
	width: calc(33.33% - 40px);
	padding: 140px 0px 0px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #ffffff;
	text-align: center;
}

.doc .doc-bottom ul li:last-of-type {
	margin: 0px 0px 0px 0px;
}

.doc .doc-bottom ul li:nth-of-type(1) {
	background: url("../images/ico2.png") top center no-repeat;
}

.doc .doc-bottom ul li:nth-of-type(2) {
	background: url("../images/ico3.png") top center no-repeat;
}

.doc .doc-bottom ul li:nth-of-type(3) {
	background: url("../images/ico4.png") top center no-repeat;
}

.doc .doc_img {
	width: 380px;
	height: auto;
	vertical-align: bottom;
	position: absolute;
	right: 0px;
	bottom: -130px;
}

.doc .name {
    right: 0px;
    top: 50px;
}

.portfolio {
    padding: 80px 0px 0px 0px;
}

.portfolio .item {
	display: flex;
	align-items: center;
}

.portfolio .item .item-img {
	width: 600px;
	height: 450px;
	background: #ced2d5;
	flex-shrink: 0;
}

.portfolio .item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.portfolio .item .item-img video {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.portfolio .item .item-desc {
	width: calc(100% - 600px);
	padding: 30px 80px 0px 70px;
	border: 3px solid #ced2d5;
	border-left: 0px;
}

.portfolio .item .item-title {
	margin: 0px 0px 5px 0px;
	font: 25px/30px 'Montserrat-Extrabold', serif;
	color: #1e2c34;
}

.portfolio .item .item-title2 {
	margin: 0px 0px 20px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.portfolio .item .item-text {
	min-height: 166px;
	margin: 0px 0px 20px 0px;
}

.portfolio .item .item-text p {
	margin: 0px 0px 15px 0px;
	font: 13px/17px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.portfolio .item .item-text ul {
	margin: 0px 0px 15px 0px;
}

.portfolio .item .item-text ul li {
	list-style: disc inside;
	font: 13px/17px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.portfolio .item .butt1 {
	display: block;
	margin: 0px 0px -40px 0px;
}

.portfolio .owl-nav {
	width: 110px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 80px;
	top: 17px;
}

.owl-nav button {
	width: 48px;
	height: 48px;
	padding: 0px 0px 0px 0px;
	border: 0 none;
	border-radius: 100%;
	display: block;
	font-size: 0px!important;
}

.owl-nav .owl-prev {
	background: url("../images/arr1.png") center center no-repeat!important;
	background-size: 100% 100%!important;
}

.owl-nav .owl-next {
	background: url("../images/arr2.png") center center no-repeat!important;
	background-size: 100% 100%!important;
}

.reviews {
    padding: 80px 0px 0px 0px;
}

.reviews .item {
	padding: 70px 70px 70px 70px;
	height: 420px;
	opacity: 0.3;
	transition: 0.3s ease;
}

.reviews .item img {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	object-fit: cover;
}

.reviews .item video {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.reviews .center .item {
	margin: 0px -70px 0px -70px;
	padding: 30px 30px 30px 30px;
	border: 3px solid #ced2d5;
	opacity: 1;
}

.reviews .owl-item {
	position: relative!important;
	z-index: 5!important;
}

.reviews .center {
	position: relative!important;
	z-index: 10!important;
}

.reviews .owl-nav {
	width: calc(33.33% + 140px + 48px);
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: calc(33.33% - 70px - 24px);
	top: 40px;
}

.faq {
    padding: 80px 0px 0px 0px;
	position: relative;
	overflow: hidden;
}

.faq .faq-bg {
	width: 100%;
	height: 354px;
	background: url("../images/bg3.jpg") top center no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0px;
	z-index: 1;
}

.faq .container {
	position: relative;
	z-index: 2;
}

.faq .faq-text {
	display: none;
}

.faq .faq-wrap {
	width: 100%;
	position: relative;
}

.faq .faq-desc {
	width: 620px;
	padding: 0px 0px 40px 0px;
}

.faq .item {
	width: 100%;
	border: 2px solid #c7cdd0;
	border-radius: 3px;
	margin: 0px 0px 30px 0px;
}

.faq .faq-title {
	padding: 25px 20px 25px 60px;
	cursor: pointer;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
	position: relative;
}

.faq .faq-title:after {
	content: '';
	width: 29px;
	height: 29px;
	background: url("../images/arr3.png") top center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -15px;
	transition: 0.3s ease;
}

.faq .bg_color:after {
	background: url("../images/arr4.png") top center no-repeat;
}

.faq .faq-text {
	padding: 0px 60px 40px 60px;
}

.faq .faq-text p {
	margin: 0px 0px 10px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

.faq .faq-text ul, .faq .faq-text ol {
	margin: 0px 0px 10px 0px;
}

.faq .faq-text ul li, .faq .faq-text ol li {
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
	list-style: disc inside;
}

.faq .faq-img {
	width: 380px;
	position: absolute;
	right: 0px;
	bottom: -100px;
}

.faq .faq-img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.faq .name {
	top: auto;
    right: 70px;
    bottom: 140px;
}

footer {
	padding: 45px 0px 45px 0px;
}

.map {
	width: 100%;
	height: 630px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

.map .map1 {
	width: 100%;
	height: 630px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.map .map1 iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.map .panel {
	width: 325px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px 30px 30px 30px;
	background: #ffffff;
	position: absolute;
	z-index: 2;
	top: 100px;
}

.map h3 {
	margin: 0px 0px 35px 0px;
}

.map p {
	margin: 0px 0px 20px 0px;
}

.map p a {
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #1e2c34;
	text-decoration: none;
}

.map .social {
	margin: 0px 0px 70px 0px;
}

.map .butt1 {
    width: 100%;
	line-height: 54px;
}

.form {
	width: 320px!important;
	padding: 30px 30px 30px 30px!important;
	display: none;
}

.form .form-title {
	margin: 0px 0px 20px 0px;
    font: normal 25px/25px 'Montserrat-Extrabold', serif;
    color: #000000;
	text-align: center;
}

.form .form-info p {
	margin: 0px 0px 0px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #000000;
	text-align: center;
}

.form input {
	width: 100%;
    border: 0 none;
    border-bottom: 1px solid #000000;
	margin: 0px 0px 20px 0px;
    font: 17px/40px 'Montserrat-Regular', serif;
    color: #000000;
}

.form form p {
	width: 100%;
	margin: 0px 0px 0px 0px;
	font: 17px/21px 'Montserrat-Regular', serif;
	color: #000000;
	text-align: center;
}

.form .butt1 {
	width: 100%;
	line-height: 54px;
}

footer .made a {
	font: 13px/16px 'Montserrat-Regular', serif;
	color: #1e2c34;
}

footer .made a:hover {
	text-decoration: none;
}

#menu-none {
	width: 100%;
    background: #ffffff;
	padding: 10px 0px 10px 0px;
	position: fixed;
	top: 0px;
	display: none;
	box-shadow: 0px 0px 15px 0px rgb(50 50 50 / 10%);
	z-index: 1000;
}

.page-text {
	padding: 80px 0px 60px 0px;
}

.page-text p {
    margin: 0px 0px 20px 0px;
    font: 17px/21px 'Montserrat-Regular', serif;
    color: #000000;
}

.page-text ul {
    margin: 0px 0px 20px 0px;
}

.page-text ol {
    margin: 0px 0px 20px 0px;
}

.page-text ul li {
    list-style: disc inside;
    font: 17px/21px 'Montserrat-Regular', serif;
    color: #000000;
}

.page-text ol li {
    list-style: decimal inside;
    font: 17px/21px 'Montserrat-Regular', serif;
    color: #000000;
}

.page-text p strong {
    font-family: 'Montserrat-Extrabold', serif;
    font-weight: bold;
}

.page-text p a {
    color: #000000;
}

.page-text p a:hover {
    text-decoration: none;
}

.breadcrumbs {
    padding: 30px 0px 0px 0px;
    font: 15px/19px 'Montserrat-Regular', serif;
    color: #000000;
}

.breadcrumbs a {
    color: #000000;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

@media (max-width: 1240px) {
.container {
	width: 970px;
}

.panel .panel-img {
    width: 350px;
}

.name {
    right: 0px;
    top: 252px;
}

.panel .panel-desc {
    padding: 0px 0px 50px 0px;
}

header {
    padding: 20px 0px 0px 0px;
}

.panel {
    padding: 20px 0px 0px 0px;
}

.menu-top li {
    margin: 0px 15px 0px 0px;
}

.menu-top li a {
    font: 15px/18px 'Montserrat-Regular', serif;
}

.menu-top {
    margin: 0px 30px 0px 0px;
}

.time {
    margin: 0px 30px 0px 0px;
}

.phone-wrap .phone {
    font: 18px/20px 'Montserrat-ExtraBold', serif;
}

.phone-wrap .call {
    font: 15px/18px 'Montserrat-Regular', serif;
}

.services .item .item-img {
    width: 100%;
    height: 200px;
}

.services .item .item-title a {
    padding: 0px 50px 0px 0px;
    font: 14px/19px 'Montserrat-Regular', serif;
}

.services .item .item-title {
    padding: 20px 20px 20px 20px;
}

.services .item {
    margin: 0px 15px 30px 15px;
}

.doc .doc_img {
    width: 338px;
}

.doc .t2 li {
    margin: 0px 20px 0px 0px;
    font: 26px/31px 'Montserrat-ExtraBold', serif;
}

.doc .years .box b {
    font: 90px/90px 'Montserrat-ExtraBold', serif;
}

.doc .years .box {
    width: 600px;
    min-height: 200px;
}

.doc .doc-bottom, .doc .man-bio, .doc .doc-slider {
    width: 600px;
}

.doc .doc-slider .item {
    height: 254px;
}

.portfolio .item .item-img {
    width: 400px;
    height: 250px;
}

.portfolio .item .item-desc {
    width: calc(100% - 400px);
    padding: 30px 50px 30px 50px;
    border: 3px solid #ced2d5;
    border-left: 3px solid #ced2d5;
}

.portfolio .item .butt1 {
    margin: 0px 0px 0px 0px;
}

.portfolio .owl-nav {
    width: 110px;
    right: 16px;
    top: -24px;
}

.faq .faq-img {
    width: 340px;
    bottom: -100px;
}

}

@media (max-width: 1000px) {
.container {
	width: 750px;
}

header .menu-top {
    display: none;
}

#menu-none .logo {
    display: none;
}

.panel-desc p {
    margin: 0px 0px 30px 0px;
    font: 15px/18px 'Montserrat-Regular', serif;
}

.container h1 {
    font: normal 25px/25px 'Montserrat-ExtraBold', serif;
}

.butt1 {
    padding: 0px 50px 0px 50px;
    font: 13px/50px 'Montserrat-Regular', serif;
}

.panel .panel-desc {
    width: 500px;
}

.panel .panel-img {
    width: 250px;
}

.name {
    right: 0px;
    top: 207px;
    font: 11px/17px 'Montserrat-Regular', serif;
}

.name b {
    font: 15px/19px 'Montserrat-ExtraBold', serif;
}

.form .form-title {
    font: normal 21px/21px 'Montserrat-Extrabold', serif;
}

.form input {
    font: 15px/36px 'Montserrat-Regular', serif;
}

.form .butt1 {
    line-height: 45px;
}

.menu-top li a {
    font: 14px/18px 'Montserrat-Regular', serif;
}

#menu-none .top-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.time p {
    margin: 0px 0px 5px 0px;
    font: 15px/20px 'Montserrat-Regular', serif;
}

.phone-wrap .call {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.phone-wrap .phone {
    margin: 0px 0px 0px 0px;
}

.title-text {
    width: 630px;
    margin: 0px 0px 40px 0px;
    font: 15px/19px 'Montserrat-Regular', serif;
}

.services {
    padding: 50px 0px 30px 0px;
}

.services .item .item-img {
    width: 100%;
    height: 148px;
}

.services .item .item-title {
    padding: 10px 10px 10px 10px;
}

.services .item .item-title a {
    padding: 0px 30px 0px 0px;
    font: 13px/18px 'Montserrat-Regular', serif;
}

.services .item {
    margin: 0px 15px 20px 15px;
}

.doc .doc_img {
    display: none;
}

.doc .t1 {
    margin: 0px 0px 30px 0px;
}

.doc .t1 li {
    margin: 0px 50px 0px 0px;
    font: 19px/19px 'Montserrat-Regular', serif;
}

.doc .years .box b {
    font: 70px/70px 'Montserrat-ExtraBold', serif;
}

.doc .years .box {
    width: 750px;
    min-height: 100%;
}

.doc .years .box {
    width: 750px;
    min-height: 100%;
    font: 15px/19px 'Montserrat-Regular', serif;
}

.doc .container2 {
    padding: 0px 0px 40px 0px;
}

.doc .name {
    display: none;
}

.doc .doc-bottom, .doc .man-bio, .doc .doc-slider {
    width: 750px;
}

.doc .t1 li {
    margin: 0px 30px 0px 0px;
    font: 17px/17px 'Montserrat-Regular', serif;
}

.doc .doc-bottom ul {
    width: calc(100% + 0px);
}

.doc .doc-bottom p {
    margin: 0px 0px 0px 0px;
    font: 15px/19px 'Montserrat-Regular', serif;
}

.doc .doc-bottom ul li {
    font: 15px/19px 'Montserrat-Regular', serif;
}

.doc .doc-bottom ul {
    margin: 50px 0px 0px 0px;
}

.portfolio {
    padding: 50px 0px 0px 0px;
}

.portfolio .item .item-img {
    width: 320px;
    height: 200px;
}

.portfolio .item .item-desc {
    width: calc(100% - 320px);
    padding: 15px 15px 15px 15px;
}

.portfolio .item .item-title {
    font: 23px/28px 'Montserrat-Extrabold', serif;
}

.portfolio .item .item-title2 {
    margin: 0px 0px 20px 0px;
    font: 15px/19px 'Montserrat-Regular', serif;
}

.portfolio .item .item-text {
    min-height: 100%;
    margin: 0px 0px 20px 0px;
}

.reviews {
    padding: 50px 0px 0px 0px;
}

.reviews .item {
    height: 264px;
}

.faq {
    padding: 50px 0px 0px 0px;
}

.faq .faq-img {
    display: none;
}

.faq .faq-desc {
    width: 750px;
    padding: 0px 0px 40px 0px;
}

.faq .faq-bg {
    display: none;
}

.faq .faq-title {
    padding: 20px 20px 20px 40px;
    font: 15px/19px 'Montserrat-Regular', serif;
}

.faq .faq-text p {
    font: 15px/19px 'Montserrat-Regular', serif;
}

.faq .faq-text ul li, .faq .faq-text ol li {
    font: 15px/19px 'Montserrat-Regular', serif;
}

.faq .faq-text {
    padding: 0px 20px 20px 40px;
}

.faq .item {
    margin: 0px 0px 20px 0px;
}

footer .menu-top {
    display: none;
} 

.breadcrumbs {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.page-text {
    padding: 50px 0px 30px 0px;
}

.page-text p {
    font: 15px/19px 'Montserrat-Regular', serif;
}

.page-text ul li {
    font: 15px/19px 'Montserrat-Regular', serif;
}

.page-text ol li {
    font: 15px/19px 'Montserrat-Regular', serif;
}

footer {
	padding: 25px 0px 25px 0px;
}

}

@media (max-width: 780px) {
.container {
	width: 320px;
}

.panel {
    padding: 10px 0px 0px 0px;
    flex-direction: column;
	align-items: center;
}

.panel .panel-desc {
    width: 100%;
}

.title-text {
    width: 100%;
    margin: 0px 0px 30px 0px;
}

.doc .years .box {
    width: 100%;
}

.doc .doc-bottom, .doc .man-bio, .doc .doc-slider {
    width: 100%;
}

.doc .doc-bottom ul {
    margin: 50px 0px 0px 0px;
    flex-direction: column;
	align-items: center;
}

.portfolio .item {
    flex-direction: column;
    align-items: center;
}

.faq .faq-desc {
    width: 100%;
    padding: 0px 0px 40px 0px;
}

.time {

}
	
.top-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
}

#menu-none {
    padding: 5px 0px 5px 0px;
}

#menu-none .top-line {
    align-items: center;
}

.logo {
    font: 14px/18px 'Montserrat-ExtraBold', serif;
    color: #1e2c34;
}

header {
    padding: 10px 0px 0px 0px;
}

.phone-wrap .phone {
    font: 15px/18px 'Montserrat-ExtraBold', serif;
}

.panel .panel-desc {
    padding: 30px 0px 50px 0px;
}

.container h1 {
    font: normal 21px/23px 'Montserrat-ExtraBold', serif;
    margin: 0px 0px 20px 0px;
}

.butt1 {
    padding: 0px 0px 0px 0px;
    font: 13px/50px 'Montserrat-Regular', serif;
    width: 100%;
}

h3 {
    margin: 0px 0px 10px 0px;
    font: normal 21px/23px 'Montserrat-ExtraBold', serif;
}

.title-text {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.services .services-wrap {
    width: calc(100% + 0px);
    margin: 0px 0px 0px 0px;
}

.services .item {
    width: calc(100% - 0px);
    margin: 0px 0px 15px 0px;
}

.services .item .item-title a {
    background-size: 16px 16px!important;
}

.services {
    padding: 50px 0px 25px 0px;
}

.doc .t1 li {
    margin: 0px 10px 0px 0px;
    font: 14px/14px 'Montserrat-Regular', serif;
}

.doc .t1 {
    margin: 0px 0px 20px 0px;
}

.doc .t2 li {
    margin: 0px 15px 0px 0px;
    font: 23px/28px 'Montserrat-ExtraBold', serif;
}

.doc .t2 {
    margin: 0px 0px 20px 0px;
}

.doc .years .box b {
    font: 45px/45px 'Montserrat-ExtraBold', serif;
}

.doc .years .box {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.doc .container2 {
    padding: 0px 0px 30px 0px;
}

.doc .doc_bg {
    padding: 30px 0px 30px 0px;
}

.doc .doc-bottom p {
    margin: 0px 0px 0px 0px;
    font: 14px/18px 'Montserrat-Regular', serif;
}

.doc .doc-bottom ul {
    margin: 30px 0px 0px 0px;
}

.doc .doc-bottom ul li {
    width: calc(100% - 0px);
    padding: 90px 0px 20px 0px;
    font: 14px/18px 'Montserrat-Regular', serif;
	background-size: 80px!important;
}

.portfolio .item .item-desc {
    width: calc(100% - 0px);
    padding: 15px 15px 15px 15px;
}

.reviews .center .item {
    margin: 0px 10px 0px 10px;
    padding: 20px 20px 20px 20px;
}

.reviews .owl-nav {
    width: calc(100% - 40px + 0px);
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -24px;
}

.faq .faq-text p {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.faq .faq-text ul li, .faq .faq-text ol li {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.map .social {
    margin: 0px 0px 30px 0px;
}

.map .panel {
    width: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 20px 20px 20px;
    background: #ffffff;
    position: absolute;
    z-index: 2;
    top: 10px;
}

.map .butt1 {
    line-height: 47px;
}

.map h3 {
    margin: 0px 0px 20px 0px;
}

.map {
    height: 380px;
    overflow: hidden;
}

.breadcrumbs {
	padding: 20px 0px 0px 0px;
    font: 13px/17px 'Montserrat-Regular', serif;
}

.container h1 {
    font: normal 21px/23px 'Montserrat-ExtraBold', serif;
    margin: 0px 0px 20px 0px;
}

.page-text p {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.page-text ul li {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.page-text ol li {
    font: 14px/18px 'Montserrat-Regular', serif;
}

.doc .doc-slider .item {
    height: 340px;
    margin: 0px 40px 0px 40px;
}

.doc .man-bio p {
    font: 14px/18px 'Montserrat-Regular', serif;
}

}

#menu-icon {
	display: none;
}

@media screen and (max-width: 780px) {
	#nav-wrap {
		position: relative;
	}
	#menu-icon {
		background: url("../images/menu.svg") no-repeat left center;
		background-size: 23px;
		width: 23px;
		height: 20px;
		cursor: pointer;
		display: block;
		clear: both;
		margin: 0px 0px 0px 0px;
		font: 16px/38px 'Montserrat-Regular', serif;
		color: #000000;
	}
	#menu-icon.active {
		background: url("../images/close.svg") no-repeat left center;
		background-size: 23px;
	}
	#nav {
		clear: both;
		position: absolute;
		width: 320px;
		padding: 5px 10px 5px 10px;
		z-index: 10000;
		background: #ffffff;
		opacity: 1;
		margin-top: 0px;
		display: none;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}
	.menu-top li {
		margin: 2px 0px 2px 0px;
	}
	.menu-top li a {
		font: 14px/18px 'Montserrat-Regular', serif;
	}
	.phone-wrap .phone {
		font: 16px/18px 'Montserrat-ExtraBold', serif;
	}
	.phone-wrap .call {
		font: 12px/16px 'Montserrat-Regular', serif;
	}
}

@media screen and (min-width: 781px) {
	#nav {
		display: flex!important;
	}
}

.form {
	width: 770px!important;
    height: 350px!important;
    padding: 52px 30px 30px 372px!important;
    background: #ffffff;
	display: none;
	position: relative;
}

.form .man2 {
	width: 300px;
	position: absolute;
	left: 15px;
	bottom: 0px;
}

.fancybox-content {
	overflow: visible!important;
}

.form input[type="checkbox"] {
    width: 14px;
	height: 14px;
    margin: 0px 10px 0px 0px;
	flex-shrink: 0;
}

.form label {
    font: 13px/17px 'Montserrat-Regular', serif;
    color: #000000;
}

.form .check {
	width: 100%;
	margin: 15px 0px 0px 0px;
	display: flex;
}

@media (max-width: 780px) {
.form .man2 {
	display: none;
}

.form {
	width: 320px!important;
    height: auto!important;
    padding: 52px 30px 30px 30px!important;
}
	
.phone-wrap .phone {
    font: 15px/18px 'Montserrat-ExtraBold', serif;
}

#menu-none .time {
    margin: 0px 5px 0px 0px;
}
	
#menu-none .time p {
    margin: 0px 0px 3px 0px;
    font: 13px/17px 'Montserrat-Regular', serif;
}
	
#menu-none .social a {
    width: 20px;
    height: 20px;
    background-size: 100% 100%!important;
    display: block;
}

}