@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

@font-face {
font-family: 'Arial Rounded MT Bold';
font-style: normal;
font-weight: normal;
src: local('Arial Rounded MT Bold'), url('arlrbdb_0.woff') format('woff');
}

@font-face {
		font-family: goth_nrml;
		src: url(fonts/gth_nrml.ttf);
}
@font-face {
		font-family: rlwr;
		src: url(../fonts/rlw_reg.ttf);
}

/* 
тиффани
#96F1F0
#4EC7C4
#00959F (0,149,159)
#00676E (0,103,110)
#00393D (0,57,61)
#1C2D37 (28,45,55)

оранж
#F7C286
#DA9444
#CC8533
#B56D1B
 */
body{
	font-family: goth_nrml;
	color:#00676E;
	font-size:16px;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-overflow-scrolling: touch;
	outline:0;
	
}
#avns_abt_wrp{background:
	url(../images/backgrounds/ab_back.jpg) no-repeat center top;
	}
#orders_wrp{background:
	url(../images/backgrounds/ord_back.jpg) no-repeat center top;
}	
#headerwrap{background:
	linear-gradient(to bottom,rgba(0,57,61,.9),
	rgba(0,57,61,.2) 12%,rgba(0,57,61,.08) 15%,rgba(0,57,61,0) 19%,
	rgba(0,57,61,0) 81%,rgba(0,57,61,.08) 85%,rgba(0,57,61,.2) 88%,
	rgba(0,57,61,.9)),
	url(../images/backgrounds/hd_back.jpg) no-repeat center top;}
#srvs_wrp{background:
	linear-gradient(to bottom,rgba(0,103,110,.9),
	rgba(0,103,110,.2) 12%,rgba(0,103,110,.25) 15%,rgba(0,103,110,0.15) 19%,
	rgba(0,103,110,0.15) 81%,rgba(0,103,110,.25) 85%,rgba(0,103,110,.2) 88%,
	rgba(0,103,110,.9)),
	url(../images/backgrounds/srvs_back.jpg) no-repeat center top;}	
#docs_wrp{background:
	linear-gradient(to bottom,rgba(0,103,110,.9),
	rgba(0,103,110,.2) 12%,rgba(0,103,110,.25) 15%,rgba(0,103,110,0.15) 19%,
	rgba(0,103,110,0.15) 81%,rgba(0,103,110,.25) 85%,rgba(0,103,110,.2) 88%,
	rgba(0,103,110,.9)),
	url(../images/backgrounds/docs_back.jpg) no-repeat center top;}	
#headerwrap,#avns_abt_wrp,#srvs_wrp,#orders_wrp,#docs_wrp{
	background-size:100%;
	background-position:center center;
	background-attachment:relative;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.nav_look{
	background:none;
	border:none;
	}
.navbar-light .navbar-toggler{
	color:#96F1F0;
	border: 1px solid #96F1F0;
	outline:none;
	}
a{outline:none;}
.navbar-light .navbar-nav .nav-link{color:#96F1F0;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	color:white;
}
 #tpmn{position: absolute;z-index: 10000;left:0;}
.nav-item{background:rgba(0,57,61,.7);padding-left:20px;border-left:2px solid transparent;}
.nav-item,.nav-link{transition:.3s;}
.nav-item:hover{background:rgba(0,103,110,.7);border-left:2px solid #96F1F0}
.phwrap{
	white-space:nowrap;
	font-size:16px;
}
.emwrap, .phswrap{white-space:nowrap;width:100%;text-align:right}
.emwrap{font-size:15px;}
.ph_img_wrap{min-width:32px;}
.ph_img{width:32px;height:32px;margin:-16px 0 0 20px;}
.ph_img_wrap,.ph_num_wrap{display:inline-block;vertical-align:middle;}
/* #00656C */
#gotonext{
	width:100%;
	text-align:center;
	height:68px;
	
}
#gotonext_img{
	height:32px;
	width:32px;
	cursor:pointer;
	margin-top:16px;
	
}

#gototop{
	position: fixed;
	bottom: 5px;
	right: 50px;
	height: 32px;
	width: 32px;
	transition: .3s;
	opacity: 0;
	cursor: pointer;
	
}

#gotonext_img .fil0,#gototop .fil0 {fill:#F7C286;transition:.3s;}
#gotonext_img .fil2,#gototop .fil2 {fill:#00676E;fill-rule:nonzero}
#gotonext_img .fil1,#gototop .fil1 {fill:#DA9444;fill-rule:nonzero;transition:.3s;}

#gotonext_img:hover .fil0,#gototop:hover .fil0 {fill:#CC8533}
#gotonext_img:hover .fil2,#gototop:hover .fil2 {fill:white;fill-rule:nonzero}

#head_logo_wrap,#head_form_wrap{text-align:center;padding-top:10px;padding-bottom:10px;}
#head_logo_text,#head_form_wrap,.modal{color:#96F1F0;}
#head_form_wrap{font-size:14px;}

.client_form{width:100%;padding:5% 10%;background:rgba(0,57,61,.5);display:inline-block;border-bottom:2px solid #00393D;}
.client_form  .form-group, .modal_form  .form-group{text-align:left}
.client_form  label, .modal_form   label{margin-bottom:.1rem;}
.client_form  .form-control, .modal_form  .form-control{
	color:white;
	background:#00676E;
	text-align:center;
	border:0;
	border-bottom:2px solid transparent;
	border-radius:2px;
	box-shadow:none;
	}
.client_form  .form-control:focus, .modal_form  .form-control:focus{border-bottom:2px solid #4EC7C4;box-shadow:none}
.modal_form{text-align:center;width:100%;padding:5% 10%;display:inline-block;border-bottom:2px solid #00393D;background:rgba(0,103,110,.4);position:relative;}
.modal{padding-left:1rem}
.modal-dialog {
    max-width: 300px;
    margin: auto;
	
}

.modal-content{
background:#00393D;
border: 0;
border-radius:none;
}

.btn-orng{
	background:#DA9444;
	border:none;
	outline:none;
	box-shadow:none;
	color:#00393D;
	 padding: 0.375rem 0.75rem;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-bottom:2px solid #B56D1B;
    font-size: 1rem;
    line-height: 1.5;
	border-radius: 0.12rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal_form .btn-cls{
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 1px;
	font-size: 24px;
	transform: rotate(45deg);
	cursor: pointer;
	line-height: 0.8rem;
}
.modal_form .btn-orng{margin-top:15px;}
.btn-orng:hover,.btn-orng:active{
	background:#CC8533;box-shadow:none;
	color:white;
	border:none;
	outline:none;
	border-bottom:2px solid #B56D1B;
}

.form_name{
	font-size:16px;
	text-align:left;
	border-bottom:1px solid #4EC7C4;
	margin:0 -5% 2% -5%;
	padding-bottom:2%;
}
.form_dscrb{
	font-family:rlwr;
	font-size:12px;
	margin:0 -5% 10% -5%;
	text-align:left;
}
#avns_abt,#services,#orders,#docs{
	padding-top:25px;
}

.page_name{
	font-size:22px;
	padding:5px;
	margin:0 0 20px 0;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.light .page_name{background:rgba(0,149,159,.08);}
.dark .page_name{background:none;color:white}
.best_wrap,.ord_wrap{
	display:inline-block;
	background:rgba(0,149,159,.08);
	padding:0.5rem;
	width:240px;
	margin:12px;
	text-align:center;
	border-bottom:2px solid #4EC7C4;
	border-top:2px solid #00959F;
}
.ord_wrap{padding-top:0;margin-top:30px;}
.best_head{text-transform:uppercase;}
.best_head{
	text-align:center;
	font-size:16px;
	letter-spacing:2px;
	background:#00676E;
	color:white;
	font-weight:bold;	
	margin:0 -14px;
	padding:5px 10px;
}
.ord_head{
	font-family:"Arial Rounded MT Bold";
	font-size:35px;
	width:60px;
	height:60px;
	line-height:60px;
	padding:0;
	border-radius:50px;
	background:#00959F;
	color:white;
	display:block;
	margin:0 auto;
	margin-top:-30px;
	font-weight:lighter;
}
.best_icon{margin:40px 10px 30px 10px;}
.ord_icon{margin:20px 10px 30px 10px;}
.best_icon,.ord_icon{
	width:130px;
	height:130px;
}
.best_cont{margin-bottom:20px;}
.ord_cont{margin-top:20px;}
.best_cont,.ord_cont{
	
	font-size:20px;
	color:#00959f;
}
.page_button{
	text-align:center;
}
.light .page_button{
	background:#00676E;margin:20px 0 15px 0;padding:10px 20px;
}

.dark .page_button{
	background:none;margin:0;padding:5px 20px 30px 20px;
}
.srvs_wrap{
	background:rgba(255,255,255,.43);
	padding:15px;
	margin-bottom:15px;
	vertical-align:middle;
	border-bottom:2px solid #00676E;
}
.srvs_img_wrap{
	 width:70px;
	display:inline-block;
}
.srvs_img{
	width:100%;
	height:auto;
	
}
.srvs_dscrb{
	color:white;
	display:inline-block;
	text-align:center;
	font-size:16px;
	margin-top:10px;
}
.docs_wrap{
	width:240px;
	color:green;
	text-align:center;
	margin:10px;
}
.docs_img_wrap{
	background:rgba(255,255,255,.25);
	text-align:center;
	padding:25px 30px 25px 30px;
	display:inline-block;
	border-radius:4px;
	margin-bottom:14px;
	border-bottom:2px solid #00676E;
}

.docs_img{width:120px;height:auto;}
.docs_dscrb{color:white;font-size:18px;font-weight:bold;margin-bottom:7px;}
#head_logo_text{font-size:18px;}
.big_logo{margin:-25px 0;}

@media (min-width: 576px) {
		.navbar-light .navbar-nav .nav-link,.phwrap,#head_logo_text,.form_name{font-size:16px;}
		#head_logo_text{font-size:18px;}
		.nav-link{margin-bottom:0;}
		.ph_img{width:40px;height:40px;margin:0;}
		.ph_img_wrap{min-width:40px;}
		#gotonext{height:72px;}
		#gototop{height:32px;width:32px;bottom:5px;}
		#gotonext_img{height: 32px;width:32px;margin-top:20px;}
		.client_form{width:100%;}
		.page_name{font-size:22px;}
		.srvs_dscrb{font-size:16px;;margin-top:0;}
		.srvs_img_wrap{width:70px;}
		.docs_img{width:120px;height:auto;}
		.docs_dscrb{color:white;font-size:18px;}
		.docs_wrap{margin:10px;}
		.big_logo{margin:-46px 0;}
		
}


@media (min-width: 768px) {
		.navbar-light .navbar-nav .nav-link,.phwrap,.form_name{font-size:16px;}
		#head_logo_text{font-size:18px;}
		.ph_img{width:40px;height:40px;margin:0;}
		.ph_img_wrap{min-width:40px;}
		#gotonext{height:80px;}
		#gototop{height:40px;width:32px;bottom:5px;}
		#gotonext_img{height: 40px;width:40px;margin-top:20px;}
		.client_form{width:100%;}
		.page_name{font-size:24px;}
		.srvs_dscrb{font-size:16px;margin-top:0;}
		.srvs_img_wrap{width:70px;}
		.docs_img{width:120px;height:auto;}
		.docs_dscrb{color:white;font-size:18px;}
		.docs_wrap{margin:10px;}
		.big_logo{margin:-46px 0;}
}
@media (min-width: 992px) {
		.navbar-light .navbar-nav .nav-link,.phwrap,.form_name{font-size:20px;}
		#head_logo_text{font-size:22px;}
		.emwrap{font-size:18px;}
		.nav-item{background:none;padding-left:0px;border-left:0;border-bottom:2px solid #00959F;padding-bottom:0px;}
		.nav-item:hover{background:none;border-left:0;border-bottom:2px solid #96F1F0 ;}
		#tpmn  .nav-item{padding:0 7px;}
		#navbarSupportedContent{margin-left:15px;}
		.nav-link{margin-bottom:-0.3rem;}
		.navbar-brand img{margin-top:0.5rem;width:35px;height:35px;}
		.ph_img{width:45px;height:45px;margin:0;}
		.ph_img_wrap{min-width:55px}
		#gotonext{height:85px;}
		#gototop{height:45px;width:45px;bottom:10px;}
		#gotonext_img{height: 45px;width:45px;margin-top:20px;}
		.client_form{width:80%;}
		.page_name{font-size:26px;}
		.srvs_dscrb{font-size:18px;margin-top:0;}
		.srvs_img_wrap{width:80px;}
		.docs_img{width:130px;height:auto;}
		.docs_dscrb{color:white;font-size:20px;}
		.docs_wrap{margin:15px;}
		.big_logo{margin:-70px 0;}
}
@media (min-width: 1200px) {
		.navbar-light .navbar-nav .nav-link,.phwrap,.form_name{font-size:22px;}
		#head_logo_text{font-size:24px;}
		.emwrap{font-size:20px;}
		.nav-item{background:none;padding-left:20px;border-left:0;border-bottom:2px solid #00959F ;padding-bottom:0px;}
		.nav-item:hover{background:none;border-left:0;border-bottom:2px solid #96F1F0 ;}
		#tpmn  .nav-item{padding:0 10px;}
		#navbarSupportedContent{margin-left:20px;}
		.nav-link{margin-bottom:-0.3rem;}
		.navbar-brand img{margin-top:0.5rem;width:40px;height:40px;}
		.ph_img{width:50px;height:50px;margin:0;}
		.ph_img_wrap{min-width:60px}
		#gotonext{height:90px;}
		#gototop{height:50px;width:50px;bottom:15px;}
		#gotonext_img{height: 50px;width:50px;margin-top:20px;}
		.client_form{width:70%;}
		.page_name{font-size:28px;}
		.srvs_dscrb{font-size:20x;margin-top:0;}
		.srvs_img_wrap{width:90px;}
		.docs_img{width:150px;height:auto}
		.docs_dscrb{color:white;font-size:22px;}
		.docs_wrap{margin:20px;}
		.big_logo{margin:-80px 0;}
}
#cntctswrap{
	color:#96F1F0;
	padding-top:0.7rem;
}
.shrtmic{vertical-align:middle;border:none;}
#cntctswrap div{padding:0 !important}
.container{position:relative}
.hd_sbmt{display:none;}
#msgmodal{display:none;}
h1,h2,h3{font-size:inherit;}
h2,h3{font-weight:inherit}
.footer{
	background:rgba(0,57,61,.3);
	margin:20px 0 0 0;
	padding:10px 20px;
	text-align:center;
	color:#4EC7C4;
	
}
.copyright{
	font-size:20px;
	margin-top:2px;
	display:inline-block;
	vertical-align:middle;
}
.cr_abt{
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
}