@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
body {font-family: 'Roboto', sans-serif; color: #333; font-size: 18px; line-height: 30px; overflow-x: hidden;}
a {color: #00A0AA; text-decoration: none;}
a:hover {text-decoration: underline;}
p {padding: 20px 0;}
b {font-weight: 500;}
small {font-size: 14px;}
.align-center {text-align: center;}
.flex {display: flex;}
.flex-hcenter {display: flex; justify-content: center;}
.flex-vcenter {display: flex; align-items: center;}
.flex-wrap {flex-wrap: wrap;}
.pull-right	{margin-left: auto;}
header {height: 80px; padding: 0 30px; background: #fff;}
.logo {width: 210px; height: 40px; background: url(../images/logo.png) no-repeat 0 0;}
nav a, .footer-menu a {font-weight: 700; text-transform: uppercase; font-size: 16px; color: #333; padding: 0 20px; border-left: solid 2px #7C7C7C; line-height: 1;}
nav a:first-child, .footer-menu a:first-child {border: 0;}
.main-slide {height: 890px; position: relative; background: url(../images/cityback.jpg) no-repeat center center; background-size: cover;}
.opacity-back {height: 890px; width: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);}
.main-ttl {color: #fff; font-weight: 700; position: relative;}
.main-ttl span {display: block; text-align: center; opacity: 0;}
.main-ttl .tt {font-size: 48px; line-height: 72px;}
.main-ttl .tc {font-size: 120px; line-height: 120px; text-transform: uppercase;}
.main-ttl .tb {font-size: 36px; line-height: 60px;}
.wrapper {max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0 20px;}
.white-section {padding: 80px 0; background: #fff;}
.ttl {font-weight: bold; font-size: 30px; text-transform: uppercase; position: relative; margin-bottom: 10px;}
.ttl.bordered {margin-bottom: 25px;}
.ttl.bordered:after {width: 155px; height: 7px; background: #00A0AA; margin: 0 auto; content: ''; position: absolute; top: 40px; left: 0; right: 0;}
.subttl {font-size: 24px; display: block; text-transform: uppercase; font-weight: 700;}
.left-block, .right-block {box-sizing: border-box;}
.left-block	{width: 33.33%; padding-right: 10px;}
.right-block {width: 66.67%; padding-left: 10px;}
.contact-form {margin: -8px -8px 0 -8px; }
.half-form {width: 50%; padding: 0 8px;}
.half-form:nth-child(1) {margin-left: -8px;}
.half-form:nth-child(2) {margin-right: -8px;}
.form-row {padding: 8px 0;}
.label {display: block; font-weight: 500; margin-bottom: 10px; cursor: pointer;}
.label i {color: red; font-style: normal;}
.simple-inp, .simple-area {background: #fff; border: solid 1px #D3D3D3; height: 30px; width: 100%; padding: 0 10px; box-sizing: border-box;}
.simple-area {height: 160px; padding: 5px 10px; resize: none;}
.btn {background: #00A0AA; color: #fefefe; font-size: 18px; text-transform: uppercase; border: 0; height: 55px; padding: 0 35px; cursor: pointer;}
.btn:hover {opacity: .75;}
.city-back {height: 350px;}
.city {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -2;}
.city-in {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/tbilisi_city.jpg) no-repeat center; background-size: cover;}
.about-block {position: relative;}
.about-block .wrapper {background: url(../images/logo-icon-transparent.png) no-repeat 0 0;}
.about-block:before, .about-block:after {content: ''; position: absolute; top: -140px; z-index: 10; border-top: 140px solid transparent;}
.about-block:before {border-left: 960px solid #fff; right: 50%;}
.about-block:after {border-right: 960px solid #fff; left: 50%;}
.intro-block {background: #fff;}
.intro-block .wrapper {background: url(../images/logo-icon-transparent.png) no-repeat right 0; padding: 80px 20px;}
.intro-block img {margin-right: 65px;}
.what-block {background: url(../images/bg-pattern.jpg) repeat center; padding: 80px 0 150px; position: relative;}
.what-item {width: 50%; padding: 45px 30px; box-sizing: border-box;}
.what-item img {margin-right: 30px;}
.what-item i {margin: 0 5px; font-style: normal;}
.map iframe {display: block;}
.message-success {color: green; margin: 0 0 16px -8px;}
.message-error {color: red;  margin: 0 0 16px -8px;}
footer {padding: 75px 0; text-align: center; background: #fff;}
.footer-menu {margin-bottom: 30px;}
@-webkit-keyframes anim_tt {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
@-moz-keyframes anim_tt {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
@-webkit-keyframes anim_tc {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
@-moz-keyframes anim_tc {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
@-webkit-keyframes anim_tb {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
@-moz-keyframes anim_tb {
    0% {opacity: 0;} 10% {opacity: 0.25;} 20% {opacity: 0.5;} 30% {opacity: 0.75;} 100% {opacity: 1;}
}
.slider-item, .tt, .tc, .tb {-webkit-animation-duration: 6.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-duration: 6.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards;}
.tt {-webkit-animation-name: anim_tt; -moz-animation-name: anim_tt;}
.tc {-webkit-animation-name: anim_tc; -moz-animation-name: anim_tc;}
.tb {-webkit-animation-name: anim_tb; -moz-animation-name: anim_tb;}
@media (max-width: 1023px) {
  body {font-size: 16px; line-height: 26px;}
  p {padding: 10px 0;}
  footer {padding: 15px 0;}
  .footer-menu {margin-bottom: 5px;}
  .main-slide, .slider-item {height: 400px;}
  .main-ttl .tt, .main-ttl .tb {font-size: 28px; line-height: 38px;}
  .main-ttl .tc {font-size: 60px; line-height: 60px;}
  .ttl {font-size: 22px;}
  .white-section {padding: 40px 0;}
  .subttl {font-size: 18px;}
  .intro-block .wrapper {padding: 40px 20px 20px;}
  .what-block {padding: 50px 0 60px;}
  .what-item {padding: 30px;}
}
@media (max-width: 767px) {
	.main-slide, .slider-item {height: 300px;}
	.main-ttl .tc {font-size: 40px; line-height: 40px;}
	.intro-block img {display: none;}
	.what-item {width: 100%; padding: 15px 0;}
	.left-block, .right-block {width: 100%; padding: 0;}
	.about-block .wrapper .flex, #contact .wrapper .flex {flex-wrap: wrap;}
	.about-block .left-block br {display: none;}
	.city-back {height: 200px;}
	.contact-form {margin: 20px 0 0;}
	.half-form {width: 100%; margin: 0; padding: 0;}
	.half-form:nth-child(1) {margin: 0;}
	.half-form:nth-child(2) {margin: 16px 0 0 0;}
	.subttl {font-size: 16px;}
}
@media (max-width: 699px) {
  header {padding: 0 15px;}
  nav a, .footer-menu a {font-size: 14px; padding: 0 10px;}
  .white-section {padding: 20px 0;}
  .btn {height: 30px; font-size: 16px;}
}
@media (max-width: 499px) {
  header {padding: 0 15px;}
  nav {display: none !important;}
  .logo {margin: 0 auto;}
}

/* Back to Top Roket meluncur */
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(../images/rocket1.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(../images/rocket1.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}