body {padding-top: 90px;}
html, body {height: 100%;}

a {transition: all 0.5s ease;}

.header.main {position: fixed; top:0; left: 0; width: 100%; height: 90px; box-sizing: border-box; z-index: 1; background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(230, 230, 230, 0.5);}

.header.main .logo {position: absolute; top: 10px; left: 0px;}
.header.main .logo img {width: 120px; max-width: 100%; height: auto;}

.header.main nav {margin-top: 30px; margin-left: 130px;}
.header.main nav ul {list-style: none;}
.header.main nav ul li {display: block; float: left; margin-right: 5px;}
.header.main nav ul li a {display: block; font-weight: bold; color: rgb(6,25,37); padding: 5px 10px; border-radius: 3px; text-decoration: none;}
.header.main nav ul li a:hover,
.header.main nav ul li.active a {font-weight: bold; color: rgb(45,195,195); background-color: rgba(230, 230, 230, 1);}

.header.main .quick-call {position: absolute; top: 20px; right: 5px;}
.header.main .quick-call .phone {display: block; font-size: 1.5rem; text-decoration: none; padding: 5px; border-radius: 3px;}
.header.main .quick-call .phone .icon {font-size: 2.5rem;}
.header.main .quick-call .phone:hover {color: rgb(45,195,195); background-color: rgba(230, 230, 230, 0.5);}

@media only screen and (max-width: 991px) {
	.header.main .logo img {width: 100px;}
	.header.main nav {margin-top: 30px; margin-left: 100px;}
	.header.main .quick-call .phone {font-size: 1rem;}
	.header.main .quick-call .phone .icon {font-size: 1rem;}
}
@media only screen and (max-width: 767px) {
	.header.main .logo img {width: 70px;}
	.header.main nav {margin-top: 20px; margin-left: 50px;}
	.header.main .quick-call {top: auto; bottom: -15px;}
	.header.main .quick-call .phone {font-size: 0.9rem;}
	.header.main .quick-call .phone .icon {font-size: 0.9rem;}
}

section {box-sizing: border-box; border: 0px solid red;}

.inner-wrap {padding: 30px 0;}
.inner-wrap.dark {background-color: rgba(0, 0, 0, 0.7); border: 0px solid orange;}

.inner-wrap.dark h1,.inner-wrap.dark h2,
.inner-wrap.dark h3,.inner-wrap.dark h4,
.inner-wrap.dark h5,.inner-wrap.dark h6,
.inner-wrap.dark label, .inner-wrap.dark a,
.inner-wrap.dark ul, .inner-wrap.dark div,
.inner-wrap.dark label {color: rgb(255, 255, 255);}

#section-feedback {background: url('/app/r/i/collection/old-tbilisi.jpg');}
#section-feedback .inner-wrap {min-height: 100vh;}

#section-services {}
#section-services .inner-wrap {min-height: 100vh;}
.service-title-line {background-color: rgb(45,195,195); width: 2rem; height: 5px; margin: 0 auto;}
.service-title-title {font-size: 1.5rem; font-weight: bold; text-align: center; max-width: 500px; margin: 20px auto; color: rgb(65,100,110);}
.service-title-description {font-size: 0.9rem; text-align: center; max-width: 600px; margin: 20px auto; color: rgb(65,100,110);}

.service-item {}
.service-item .icons-container {background-color: rgb(230, 230, 230); text-align: center; width: 100px; height:100px; border-radius: 50%; margin: 0 auto;}
.service-item .icons-container .icon-1 {font-size: 3rem; color: rgb(45,195,195); margin-top: 25px;}
.service-item .title {text-transform: uppercase; color: rgb(65,100,110); padding: 15px 0 5px 0; text-align: center; font-size: 1.5rem;}
.service-item .description {text-align: center;}

.button {padding: 10px 20px; border-radius: 3px; text-decoration: none !important; cursor: pointer;}
.button.green {color: rgb(255, 255, 255); background-color: rgba(34, 195, 93, 1);} 
.button.green:hover {background-color: rgba(39, 185, 83, 1);}
.button.submit {width: 100%;}

#section-vip-items {}
#section-vip-items .inner-wrap {min-height: inherit;}


footer .inner-wrap {padding: 0; position: relative;}
footer .inner-wrap iframe {width: 100%; height: 500px;}
footer .inner-wrap .content {display: block; position: absolute-; max-width: 1200px; width:100%; top: 0px; left: 0; border: 0px solid red; z-index: 5; margin: 0 auto;}
footer .inner-wrap .content .info {box-sizing: border-box; padding: 20px; background-color: rgba(255, 255, 255, 0.9);}
footer .inner-wrap .content .info .title {font-weight: bold;}
footer .inner-wrap .content .info pre {white-space: pre-wrap;}