/*fonts*/
	@font-face {
	    font-family: GothaProBla;
	    src: local("GothaProBla"),
         url(../fonts/GothaProBla.otf);
  }
	@font-face {
	    font-family: GothaProBlaIta;
	    src: local("GothaProBlaIta"),
         url(../fonts/GothaProBlaIta.otf);
  }
	@font-face {
	    font-family: GothaProBol;
	    src: local("GothaProBol"),
         url(../fonts/GothaProBol.otf);
  }
	@font-face {
	    font-family: GothaProBolIta;
	    src: local("GothaProBolIta"),
         url(../fonts/GothaProBolIta.otf);
  }
	@font-face {
	    font-family: GothaProIta;
	    src: local("GothaProIta"),
         url(../fonts/GothaProIta.otf);
  }
	@font-face {
	    font-family: GothaProLig;
	    src: local("GothaProLig"),
         url(../fonts/GothaProLig.otf);
  }
	@font-face {
	    font-family: GothaProLigIta;
	    src: local("GothaProLigIta"),
         url(../fonts/GothaProLigIta.otf);
  }
	@font-face {
	    font-family: GothaProMed;
	    src: local("GothaProMed"),
         url(../fonts/GothaProMed.otf);
  }
	@font-face {
	    font-family: GothaProMedIta;
	    src: local("GothaProMedIta"),
         url(../fonts/GothaProMedIta.otf);
  }
	@font-face {
	    font-family: GothaProNarBol;
	    src: local("GothaProNarBol"),
         url(../fonts/GothaProNarBol.otf);
  }
	@font-face {
	    font-family: GothaProNarMed;
	    src: local("GothaProNarMed"),
         url(../fonts/GothaProNarMed.otf);
  }
	@font-face {
	    font-family: GothaProReg;
	    src: local("GothaProReg"),
         url(../fonts/GothaProReg.otf);
  }

/*---*/
/*new modal feedback form*/
.blue-border{
	border: 1px solid #1a6a8c;
	border-radius: 20px;
	background: rgb(25,99,128);
	background: linear-gradient(90deg, rgba(25,99,128,1) 31%, rgba(34,146,212,1) 64%);
	padding: 10px;
}
.feed-form{
	border: 1px solid black;
	padding: 4%;
	padding-left: 9%;
	padding-right: 9%;
	border-radius: 20px;
	background-color: white;
	box-shadow: 2px 3px 8px 1px rgba(0,0,0,0.8);
}
.feed-header span{
	display: block;
	width: 100%;
	text-align: right;
	cursor: pointer;
	color: #1a6a8c;
}
.feed-policy{
	display: inline-block;

}
.feed-tit{
	font-family: 'GothaProMed';
	font-size: 26px;
	color: #1a6a8c;
}
.feed-input{
	border: none !important;
	border-bottom: 1px solid #000 !important;
	margin-right: 20px;
	width: 100%;
}
.feed-input:focus{
	background-color: #fff !important;
}
.feed-submit{
	background: none;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 1px solid;
	padding: 0;
	margin: 0;
	color:  #1a6a8c;
	float: right;

}
.background-form{
	display: none;
	position: fixed; /* Stay in place */
	z-index: 99999999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/*---*/

.disp_none{
	/*display: none !important;*/
}

/*adding fonts*/

a, span, p, h2, h4, td, .list-dot li{
	font-family: GothaProReg;
}

.tariff-name{
	font-family: GothaProMed;
}

h1, .services-title, .banner-title, .underlined, .corporate-number, .contacts-title,
.contacts-address h2, .header-blue-text{
	font-family: GothaProBol;
}

.container .table-responsive{
	padding-left: 0;
	padding-right: 0;
}

.table-responsive td{
	font-family: GothaProReg;
}

.table-responsive .table-title-blue{
	color: #5096ba !important;
}

.table-responsive th{
	font-family: GothaProBol;
}

.table-responsive th.regular-font{
	font-family: GothaProReg;
	width: 36%;
}

.table-responsive th p.italic-p{
	font-family: GothaProIta;
	color: #282828 !important;
	font-size: 0.64em;
}

.centered-text{
	text-align: center;
}

/*---*/

.flex-name{
	display: flex;
	flex-flow: row;
	justify-content: center;
}

.flex-namep{
	width: 70%;
	font-size: 1.5em;
}

.flex-namep1{
	width: 80%;
	font-size: 1.5em;
}

/*header*/
.top-img{
	background: url(../images/top-line.png);
	height: 13px;
}

.top-img-v2{
	background: url(../images/top-line-v2.png) no-repeat;
	height: 141px;
	background-repeat: repeat-y;
}

a.logo{
	margin: 0px;
	float: left;
	display: block;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 1.02225em;
}

.second-logo{
	margin-top: 25%;
}

.header2 .nav-link {
	background: transparent;
}

.header2 .navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
		font-size: 1.02225em;
}

.header2 .navbar-light .navbar-nav .nav-link:focus, .header2 .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.7);
}

.header2 .navbar-light .navbar-nav .active>.nav-link, .header2 .navbar-light .navbar-nav .nav-link.active, .header2 .navbar-light .navbar-nav .nav-link.show, .header2 .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.header2 .contact-btn{
	border-color: #0781c8;
}

.header2-contact-us{
	color: #ffffff;
	margin-top: auto;
}

.bx-top-nav, bx-site{
	margin-top: 15%;
}

ul.bx-nav-list-1-lvl li:last-child{
	margin-left: 3em;
	margin-top: -1.2em;
}

ul.bx-nav-list-2-lvl li:last-child{
	margin-left: 0;
	margin-top: 0;
}

.header{
	background: url(../images/bg-rectangle.png) no-repeat center bottom;
	background-position-x: 60%;
	height: 41em;
	width: 100%;
	background-size: 68%;
}

.header-none{
	background: none !important;
	height: auto !important;
}

.header-container{
	
}

.header-gap{
	/*height: 120px;*/
	margin-top: 8%;
}

.header-small-gap{
	/*height: 30px;*/
	margin-top: 3%;
}

.header-info{
	/*margin-left: 21%;*/
}


.header-blue-text{
	color: #1e7dae;
	background-color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	width: 50%
}

.header-bold-text{
	background-color: #fff;
	/*font-weight: bold;*/
	font-family: GothaProBol;
	/*font-size: 2.8em;*/
	width: 60%;
	color: #282828;
}

.header-light-text{
	background-color: #fff;
	width: 70%;
	font-size: 1.17em;
	font-family: GothaProReg;
}

.underlined{
	border-bottom: 0.125em solid #4980c4;
}

.header-delimiter{
	background: url(../images/delimiter.png);
	width: 100%;
	height: 5em; 
}


.navbar-expand-lg{
	margin-top: auto;
}

.navbar .navbar-collapse {
    border-bottom: none;
		font-size: 1.1em;
		font-weight: bold;
		margin-left: 0 !important;
		background-color: transparent;
}

.nav-link {
    background-color: white;
		padding-left: 10px !important;
}

.nav-item{
	white-space: nowrap;
}

ul.dlist{
	display: inline-block;
}

ul.dlist li{
	display: inline-block;
}

.contact-us{
	background: none !important;
	float: right;
	margin-top: auto;
}

.services img{
	max-width: 45%;
}

.contact-us p strong{
	color: #19627f;
}

.contact-btn{
	border: 2px solid;
	border-radius: 5px;
	border-color: #4980c4;
	padding: 10px;
	color: #000;
	text-transform: none;
    font: 500 14px "OpenSans-Semibold","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.contact-btn:hover{
	color: #000;
}

.send-btn{
	margin-top: 4em;
  margin-left: 0 !important;
}

.send-request{
	border: 2px solid;
	border-radius: 5px;
	border-color: #4980c4;
	padding: 10px;
	color: #000;
}

.send-request:hover{
	color: #000;
}

.header2 .navbar-toggler {
  background-color: #0781c845;
}

/*---*/



/*index*/
.centered{
	text-align: center;
}

.with-margin{
	margin: 5% 0;
}

.services{
	margin-top: 1%;
}

.services-title{
	color: #1e7dae;
	font-size: 2em;
	font-weight: bold;
}

.inner-container{
	display: inline-flex;
}

.services-left-list{
	margin-left: 10%;
}

.services-right-list{
	margin-left: auto;
	margin-right: 10%;
}

ul.services-left-list li{
	text-align: center;
	margin: 20% 0;
}

ul.services-right-list li{
	text-align: center;
	margin: 27% 0;
}

.banner-container{
	padding-right: 0 !important;
  padding-left: 0 !important;
}

.carousel-indicators li{
	width: 0.75em !important;
  height: 0.75em !important;
  margin-right: 1.2em !important;
	border-radius: 50%;
}

.carousel-indicators{
	margin-left: 10% !important;
}

.carousel-rectangle{
	background: url(../images/rectangle2.png) no-repeat center top;
	background-position-x: 0%;
	height: 50em;
	width: 100%;
	position: absolute;
  z-index: 2;
  margin-top: -1%;
	background-size: 59%;
}

.carousel, .slide{
	margin-bottom: 2%;
}

.banner-title{
	position: relative;
	z-index: 2;
	font-size: 7.5em;
	font-weight: bold;	
	color: #fff;
	line-height: 0.8em;
	margin-top: -35%;
	margin-left: 0;
}

.title-first{
	font-size: 1.25em;
}

.banner-text{
	position: relative;
	z-index: 2;
	color: #fff;
	line-height: 1em;
	font-size: 1.5em;
	max-width: 100% !important;
	margin-left: 35%;
	margin-top: 2%;
}

.tariff-title{
	color: #1e7dae;
}

.tariff-name{
	font-weight: bold;
}

.table td, .table th {
	border-top: none !important;
  border-bottom: 1px solid #000;
}

.show-btn{
	cursor: pointer;
	color: #bababa;
	text-decoration: underline;
}

.form-bottom{
	padding-right: 3em !important;
}

.form-bottom p{
	margin-top: 1em;
	font-size: 0.9em;
}

.info-rect{
	background: url(../images/info-rect.png) no-repeat center bottom;
	width: 59%;
	height: 4px;
	margin-top: 1.6em;
}

.info-title{
	padding-right:0 !important;
	padding-left:0 !important;
}

.info h1{
	font-weight: bold;
	color: #1e7dae;
}

.info h2{
	color: #1f85bc;
}

.info .read-more{
	text-decoration: underline;
	font-size: 1.1em;
	color: #000;
	cursor: pointer;
}

.info-title{
	margin-bottom: 5%;
}

.info-sample{
	margin: 4% 0;
}

.about-title h1, .about-pros h2{
	color: #1d78a6;
}

.about-pros h2{
	font-family: GothaProBol;
}

.about-description{
	margin: 3% 0;
}

.list-dot{
	list-style: disc;
}

ul.list-dot li{
	margin: 3% 0 3% 0;
}

.shifted-list{
	margin-left: 4%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.contacts-row{
	margin: 5% 0;
}

.contacts-title{
	color: #1d78a6;
}

.corporate-number{
	color: #19627f;
}

.contacts-phone{
	margin: 4% 0;
}

.contacts-address{
    text-align: justify;
    display: flex;
		margin: 5% 0 1% 0;
}

.contacts-address h2{
	color: #1d78a6;
}

.marking{
	margin: 0 2%;
}

.address{
	margin: 0;
	width: 45%;
}

.manager-surname{
	color: #1b6380;
	font-weight: bold;
}

.manager-name{
	font-weight: bold;
}

.no-bottom{
	margin-bottom: 0;
}

.manager-number{
	display: flex;
	margin: 5% 0;
}

.manager-number p{
	width: 52%;
	margin: 1%;
}

.manager-contacts{
	max-width: 50%;
	padding-right: 0;
	padding-left: 0;
}

.table-heading, tr.gray{
	background-color: #dbdbdb;
}

/*---*/

/*modal*/

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
}

.modal .modal_content {
    background-color: rgba(20, 20, 20, 0.9);
    margin: 15% auto;
    padding: 35px;
    border: 1px solid #888;
    border-radius: 25px;
    width: 40%;
    z-index: 99999;
}

.another_content{
	max-height: 60%;
}

.modal-custom-header{
		position: absolute;
		margin: 15% auto;
		z-index: 100000;
		left: 68%;
		color: white;
		font-size: 1.5em;
		cursor: pointer;
}

.modal .modal_content .close_modal_window {
    color: #ffffff;
    float: right;
    font-size: 28px;
    cursor: pointer;
    margin-top: -3%;
}

.modal .modal_content p {
    color: #ffffff;
}

p.modal_title {
    font-family: GothaProBol;
    font-size: 1.4em;
}

.underlined-properties{
	border-bottom: 1px solid white;
}

/*---*/



/*footer*/
.blue-text{
	color: #19627f;
}

.footer{
	border-top: 1px solid #000;
}

.footer-row {
    margin-top: 2%;
}

.footer-col{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer-left{
	float: left;
}

.footer-right{
	margin-left: auto;
}

ul.footer-links-list a, ul.footer-links-list a:hover{
	color: #000;
}

.footer-links-list li{
	white-space: nowrap;
}

.bottom-line{
	color: #787878;
	margin-bottom: 14%;
}

.bottom-line a{
	color: #787878;
}

.footer-info{
	margin-left: auto;
	display: inline-flex;
}

.footer-info-text{
	display: inline-flex;
}

.footer-info-text p{
    margin: 0 0.9em;
	font-size: 1.1em;
}

.footer-info-text a, .footer-info-text a:hover{
	color: #000;
}

.footer-info-btn{
	margin-top: 4%;
}

/*---*/

/*media calls*/

@media only screen and (max-width: 1700px){

		.header {
			height: 39em;
		}
		.bx-nav-1-lvl-link-text {
			font-size: 1.1em;
		}
		.header-gap {
			margin-top: 7%;
		}
		.header-blue-text{font-size: 1.4em;}
		.header-bold-text{font-size: 2.4em;max-width: 77% !important;}
		.header-light-text{font-size: 1.05em;}
		.header-delimiter {
    	height: 4.5em;
		}
		.carousel-rectangle{height: 46em;}
		.banner-title{font-size: 7em;}
		.banner-text{font-size: 1.3em;}

}

@media only screen and (max-width: 1600px){

		.header {
			background-size: 75%;
		}
		.carousel-rectangle{height: 42em;}
		.banner-title{font-size: 6.5em;}
}

@media only screen and (max-width: 1500px){

		.header {
			background-size: 80%;
			background-position-x: 61%;
		}
		.carousel-rectangle{height: 40em;}
		.banner-title{font-size: 6em;}
		.banner-text{font-size: 1.2em;}

}

@media only screen and (max-width: 1400px){
	
		.header {
			background-position-x: 62%;
			height: 38em;
			background-size: 85%;
		}
		.header-gap {
			margin-top: 6%;
		}
		.header-small-gap {
			margin-top: 3%;
		}
		.header-bold-text{font-size: 2.3em;}
		.header-light-text{font-size: 1em;max-width: 60% !important;}
		.header-delimiter {
    	height: 4em;
		}
		.carousel-rectangle{height: 37em;}
		.banner-title{font-size: 5.5em;}
}

@media only screen and (max-width: 1300px){
	
		.header {
			height: 36em;
			background-position-x: 75%;
			background-size: 90%;
		}
		.logo img{width: 90%;}
		.header2 .logo img{width: 100%;}
		.bx-top-nav, bx-site {
			margin-top: 13%;
		}
		.header-gap {
			margin-top: 5%;
		}
		.header2 .header-gap{
			margin-top: 7%;
		}
		.carousel-rectangle{height: 34em;}
		.banner-title{font-size: 5em;}
}

@media only screen and (max-width: 1199px){
	
		.header {
			background-position-x: 35%;
			height: 29em;
			background-size: 85%;
		}
		.header-small-gap {
			margin-top: 2%;
		}
		.contact-btn{padding: 8px;}
		.contact-us p{font-size:  0.9em;}
		.header-blue-text{font-size: 1em;}
		.header-bold-text{font-size: 1.8em; max-width: 70% !important;}
		.header-light-text{font-size: 0.8em;}
		.send-request{padding: 8px;}
		.carousel-rectangle{height: 32em;}
		.banner-title{font-size: 4.5em;}
		.banner-text{
			max-width: 39%;
		}
		
}

@media only screen and (max-width: 1100px){

		.carousel-rectangle{height: 29em;}
		.banner-title{font-size: 4em;}
		.banner-text{max-width: 45%;}

}

@media only screen and (max-width: 991px){
		.navbar-nav {
			border: 1px solid !important;
			border-color: #00000021 !important;
		}
		.header {
			background-position-x: 58%;
			height: 25em;
			background-size: 79%;
		}
		.contact-us p{font-size: 0.8em;}
		.contact-btn{padding: 6px; font-size: 0.8em;}

		.header-bold-text{font-size: 1.6em;max-width: 77% !important;}
		.header-blue-text{max-width: 80% !important;}
		.header-blue-text, .header-bold-text, .header-light-text{
			background-color: transparent !important;
		}
		.send-btn{margin-top: 2em;font-size: 0.9em;}
		.send-request{padding: 6px;}
		.header-delimiter {
    	height: 3em;
		}
		.header2 .logo img{width: 130%;}
		.carousel-rectangle{height: 26em;}
		.banner-title{font-size: 3.7em;}
		.banner-text{font-size: 1.025em;}
		.header2 .collapse.show ul{
			background: #1d7aaa;
			width: 110%;
		}
		.modal .modal_content {
			width: 90%;
    }
		.modal-custom-header{
			left: 90%;
		}
}

@media only screen and (max-width: 800px){
		.banner-text{
			font-size: 1em;
			max-width: 55%;
		}
}

@media only screen and (max-width: 767px){
		.header-container{max-width: 100% !important;}
		.header-blue-text{max-width: 65% !important;}
		.header-bold-text{max-width: 100% !important;}
		.header-light-text{max-width: 92% !important;}
		.header2 .logo img{width: 150%;}
		.banner-text{
			margin-left: 25%;
			font-size: 0.9em;
		}
		.info-rect{display:none;}
		.manager-number p{width: 100%;}
		.container.table-responsive tr{
			font-size: 0.8em;
		}
		.table-responsive .table-title-blue{
			font-size: 1.21em;
		}
		.flex-namep{
			font-size: 1.2em;
		}

		.flex-namep1{
			font-size: 1.2em;
		}
}

@media only screen and (max-width: 690px){
		.header{
			background-position-x: 100%;
			height: 23em;
			background-size: 90%;
		}.banner-title {margin-top: -35%; margin-left: -15%; font-size: 3.2em;}
		.banner-text{font-size: 0.8em; margin-left: 10%;}
		.carousel-rectangle{height:18.5em;}
}

@media only screen and (max-width: 600px){
		.banner-title{font-size: 2.7em;}
		.banner-text{max-width: 60%;}
		.carousel-rectangle{height:16em;}
}

@media only screen and (max-width: 580px){
		.header{
			height: 21em;
			background-size: 100%;
		}
		.services img{max-width: 35%;}
		.send-btn {
			margin-top: 1.5em;
		}
}

@media only screen and (max-width: 575px){
		.logo img{width: 100%;}
		.logo{padding-left: 1em;}
		.navbar-toggler{
			margin-left: 40%;
		}
		.navbar-collapse .collapse .show{
			min-width: 100%;
		}
		.header {
				background-position-x: 100%;
				background-size: 170%;
				height: 34em;
		}
		.header-bold-text {
			font-size: 1.4em;
		}
		.top-img-v2{
			height: 264px;
		}
		.carousel-caption {
				bottom: 5px !important;
				padding-bottom: 5px !important;
		}
		.banner-title{font-size: 2.5em;}
		.banner-text{max-width: 77%;}
		.carousel-indicators{
			margin-bottom: 0 !important;
		}
		.carousel-indicators li {
			width: 0.5em !important;
			height: 0.5em !important;
		}
		
		.footer-row{text-align: center;}
		.bottom-line{margin-top: 5%;}
		.shifted{padding-left: 2% !important;}
}

@media only screen and (max-width: 530px){
		.contacts-phone h4{
			width: 61%;
		}
}

@media only screen and (max-width: 512px){
		.header {
			background-position-x: 103%;
			background-size: 180%;
			height: 36em;
		}
}

@media only screen and (max-width: 500px){
		.header-blue-text{max-width: 90% !important;}
		.banner-title{font-size: 2.3em;}
		.carousel-rectangle{height:14em;}
		.contacts-address img{width: 15%; height: 60%;}
		.address{width: 100%;}
}

@media only screen and (max-width: 450px){
		.banner-title{
			margin-top: -37%;
		}
		.banner-text{
			margin-left: 5%;
			max-width: 90%;
		}
}

@media only screen and (max-width: 400px){
		.header{background-size: 185%; height: 35em;}
		.header-bold-text{font-size: 1.2em;}
		.banner-title{font-size: 2em;}
		.banner-text{margin-top: -2%; font-size: 0.7em; max-width: 90% !important;}
		.carousel-rectangle{height:11em;}
		.tariff-title{font-size: 2.4em;}
		.contacts-title{font-size: 2rem;}
		.contacts-address h2{font-size: 1.5rem;}
}

@media only screen and (max-width: 350px){
		.banner-text{font-size: 0.6em;}
}

@media only screen and (max-width: 1320px){
	/*
		.header {
			background-position-x: 60%;
			height: 41em;
			width: 100%;
			background-size: 70%;
		}
		.logo img{width: ;}
		ul.bx-nav-list-1-lvl li:last-child {
			margin-left: 3em;
			margin-top: -1.2em;
		}
		.bx-nav-1-lvl-link-text {
			font-size: 1.3em;
		}
		.header-gap {
			margin-top: 8%;
		}
		.header-small-gap {
			margin-top: 3%;
		}
		.contact-btn{padding: 10px;}
		.header-blue-text{font-size: 1.5em;max-width: % !important;}
		.header-bold-text{font-size: 2.9em;max-width: % !important;}
		.underlined{border-bottom: 0.125em solid #4980c4;}
		.header-light-text{font-size: 1.17em;max-width: % !important;}
		.send-btn{margin-top: 4em;}
		.send-request{padding: 10px;}
		.header-delimiter {
    	height: 5em;
		}
		.carousel-rectangle{height: em;}
		.banner-title{font-size: ;}
		.banner-text{top: ;left: ;font-size: ;}
		.footer-info {
			margin-left: auto;
			display: inline-flex;
		}
		.footer-info-text {
			display: inline-flex;
		}
		.footer-info-text p {
			margin: 0 0.9em;
			font-size: 1.1em;
		}
	*/
}