.innertube { padding-bottom: 30px; }
.innertube p { margin: 15px 0; }
.innertube strong { color: #0198dd; font-weight: normal; }


.page-header h2 { text-transform: uppercase; font-size: 1.3em; color: #0198dd; font-weight: normal; }
.innertube h3 { font-size: 1.2em; color: #0198dd; margin: 10px 0; }

/***** portfolio ****/

a.fancy { 
	max-width: 29%;
	float: left; 
	margin-right: 1%; 
	max-height: 155px; 
	overflow: hidden; 
	border-radius: 15px;
	
	border: 0px solid #12345e;
	padding: 2px;
}
a.fancy img { width: 100%; 
	border-radius: 15px; 
} 


.left { float: left; }
.right { float: right !important; }


.item-pageportfolio { }
.p-images { clear: both; display: block; padding-top: 30px; padding-bottom: 30px; }

.item-pageportfolio a.fancy { 
	max-width: 18%; 
	float: left; 
	margin-right: 1%; 
	max-height: 85px; 
	overflow: hidden; 
	border-radius: 15px;
	
	border: 0px solid #12345e;
	padding: 2px;
}

.item-pageportfolio a.fancy img { width: 100%; border-radius: 15px; }

.item-pageportfolio .p-desc { color: #12345e; margin: 20px 0; padding-top: 30px; clear: both; border-top: 1px solid #eee; }
.item-pageportfolio .p-logo img { max-width: 20%; margin: 0 2.5% 0 0; float: left; }


/****** item-pageservices *****/
.p-images { clear: both; display: block; padding-top: 15px; padding-bottom: 15px; }
.item-pageservices a.fancy { 
	max-width: 23%; 
	float: left; 
	margin-right: 1%; 
	max-height: 125px; 
	overflow: hidden; 
	border-radius: 15px;
	
	border: 0px solid #12345e;
	padding: 2px;
}

/***** History page *****/

.history-page {
    width: 100%;
}

.history-page .history-row {
    display: flex;
    align-items: center;
    gap: 35px;
    width: 100%;
    margin: 35px 0;
    clear: both;
}

.history-page .history-row-reverse {
    flex-direction: row-reverse;
}

.history-page .history-text {
    flex: 1;
    min-width: 0;
}

.history-page .history-text p:first-child {
    margin-top: 0;
}

.history-page .history-text p:last-child {
    margin-bottom: 0;
}


/* History page Main photos */

.history-page a.history-photo {
    width: 500px;
    max-width: 45%;
    height: 250px;
    max-height: none;

    flex: 0 0 500px;
    float: none;

    display: block;
    margin: 0;
    padding: 0;

    overflow: hidden;
    border-radius: 15px;
}

.history-page a.history-photo img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;

    display: block;
    object-fit: cover;
    object-position: center;

    border-radius: 15px;
}


/* History page ISO logo */

.history-page .history-logo {
    width: 400px;
    max-width: 40%;
    flex: 0 0 400px;
    text-align: center;
}

.history-page .history-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 220px;
}


/* History page Full-width text sections */

.history-page .history-section {
    width: 100%;
    clear: both;
    margin: 35px 0;
}


/* History page SMD gallery */

.history-page .history-gallery {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-top: 25px;
}

.history-page a.history-gallery-photo {
    width: calc((100% - 40px) / 3);
    max-width: none;
    height: 240px;
    max-height: none;

    float: none;
    display: block;
    margin: 0;
    padding: 0;

    overflow: hidden;
    border-radius: 15px;
}

.history-page a.history-gallery-photo img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;

    display: block;
    object-fit: cover;
    object-position: center;

    border-radius: 15px;
}


/* History page Final heading */

.history-page h3 {
    margin: 0;
    text-align: center;
}


/* History page Tablet */

@media (max-width: 1000px) {

    .history-page a.history-photo {
        width: 420px;
        flex-basis: 420px;
    }

}


/* History page Mobile */

@media (max-width: 768px) {

    .history-page .history-row,
    .history-page .history-row-reverse {
        flex-direction: column;
        gap: 20px;
        margin: 25px 0;
    }

    .history-page a.history-photo {
        width: 100%;
        max-width: 500px;
        height: 250px;
        flex: none;
    }

    .history-page .history-logo {
        width: 100%;
        max-width: 400px;
        flex: none;
    }

    .history-page .history-gallery {
        flex-direction: column;
        gap: 15px;
    }

    .history-page a.history-gallery-photo {
        width: 100%;
        height: 250px;
    }
}

/***** History page - final photo pair *****/

.history-page .history-two-photos {
    display: flex;
    gap: 25px;
    width: 100%;
    margin: 30px 0;
}

.history-page a.history-pair-photo {
    width: calc(50% - 12.5px);
    height: 300px;
    max-width: none;
    max-height: none;

    float: none;
    display: block;
    margin: 0;
    padding: 0;

    overflow: hidden;
    border-radius: 15px;
}

.history-page a.history-pair-photo img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;

    display: block;
    object-fit: cover;
    object-position: center;

    border-radius: 15px;
}

.history-page .history-final {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 40px 0 20px;
}

.history-page .history-final h3 {
    text-align: center;
    margin: 0;
}


/* History page - final photo pair - Mobile */

@media (max-width: 768px) {

    .history-page .history-two-photos {
        flex-direction: column;
        gap: 15px;
    }

    .history-page a.history-pair-photo {
        width: 100%;
        height: 250px;
    }
}

/******* contact page ********/
.manager-group {
	border: 1px solid #f9f5f5;
	border-radius: 15px;
	margin: 0 0 20px 0;
	padding: 2% 7% 1% 2%;
	/* background: url(../images/arrow-icon.png) 10px 20px no-repeat; */
	width: 93%;
}
.manager-group .m-region { width: 50%; float: left; color: #0c28a8; padding: 0 0 0 10px; }
.manager-group .m-contacts { width: 30%; float: left; }


.manager-group i.fa {
	border: 1px solid #ff930b;
	background: #ff930b;
	color: #fff;
	padding: 5px 0 0 6px;
	width: 28px;
	height: 28px;
	line-height: 16px;
	text-align: center;
	margin-right: 5px;
	border-radius: 15px;
	float: left;
	margin: 0 10px 0 0;
	
}

i.fa.page-icon {
	border: 1px solid #ff930b;
	color: #ff930b;
	padding: 5px 0 0 6px;
	width: 28px;
	height: 28px;
	line-height: 16px;
	text-align: center;
	margin-right: 0;
	border-radius: 15px;
	float: left;
	margin: 0 10px 0 0;
	
}





@media (max-width: 768px) { 
  .manager-group { font-size: .9em; }
  .manager-group .m-region { width: 100%; float: none; }
  .manager-group .m-contacts { width: 100%; float: none; margin: 10px 0 0 40px; }
}

.callback {
	background: #0198dd;
	clear: both;
	border-radius: 5px;
	margin: 20px 0 10px 0;
	padding: 10px 30px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	border: 1px solid #fff;
	line-height: 30px;
}

.callback:hover {
	border: 1px solid #ff930b;
	background: #fff;
	color: #ff930b;
}



.callback i.fa {
	border: 1px solid #fff;
	color: #fff;
	padding: 5px 0 0 6px;
	width: 28px;
	height: 28px;
	line-height: 16px;
	text-align: center;
	margin-right: 0;
	border-radius: 15px;
	float: left;
	margin: 0 10px 0 0;
	
}
.callback:hover i.fa {
	border: 1px solid #ff930b;
	background: #ff930b;
}