* {
	margin: 0;
	padding: 0;
}

a {
	color: white;
	text-decoration: none;
}

a:visited {
	color: white;
}

a:hover {
	color: white;
	text-decoration: none;
}

li {
	text-decoration: none;
	list-style: none;
}

body {
	font-family: 'Rubik', sans-serif;
}

html {
	scroll-behavior: smooth;
}

body.debug {
	/* background-image: url("images/Citybot_HP-02.png"); */
	background-image: url("images/floor.png");
	background-position: top;
	background-repeat: no-repeat;
}

body.debug .greybackgr,
body.debug .greybackgr:before,
body.debug .block3,
body.debug .blocks,
body.debug .bg1,
body.debug .footer {
	background: none;
}

body.debug>* {
	opacity: 0.5;
}

body.debug .scheme {
	padding: 245px 0;
}

.error input,
.error textarea {
	border: 1px solid red;
}

.error span .error-message {
	display: none;
}

.error span .error-message2 {
	display: block;
}

.error {
	color: #FF0000;
}

.hiddentext {
	text-align: center;
	margin: 6% auto;
}

#contactus .content-form .place12,
#citybot .place15 {
	display: none;
}

.site-width {
	margin: 0 auto;
	max-width: 1446px;
}

.mainpage {
	z-index: 1050;
	position: relative;
}

#technology .fixed-top,
#questions .fixed-top,
#contactus .fixed-top {
	background-color: transparent;
	transition: all 0.9s ease-out 0s;
}

#citybot .fixed-top {
	background-color: rgba(255, 255, 255, 0.1);
	transition: all 0.9s ease-out 0s;
}

#citybot .fixed-top-white,
#technology .fixed-top-white,
#questions .fixed-top-white,
#contactus .fixed-top-white,
#about_page .fixed-top-white {
	background-color: white !important;
	transition-timing-function: linear;
}

#technology .navbar li,
#questions .navbar li,
#contactus .navbar li,
#about_page .navbar li {
	padding-right: 0%;
}

#citybot .navbar li {
	padding-right: 0%;
}

.logo {
	z-index: 100;
	position: relative;
	margin-left: 13%;
	margin-top: 1%;
}

.navbar {
	padding: 1.5rem 1rem;
}

.navbar li {
	margin-top: -21px;
	color: white;
	padding-left: 1px;
	padding-right: 3%;
	height: 50px;
	width: 140px;
	vertical-align: center;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
	font-size: 20px;
}
  #technology .navbar-light .navbar-nav .nav-link {
	color: white;
	font-size: 20px;
}  
.black-text {
	color: black !important;
}
.nav-link {
	height: 50px;
	width: 140px;
	padding-top: 0px;
	margin-left: 10%;
	margin-right: -45%;
}

.mainpage dl,
ol,
ul {
	margin-top: 19px;
	margin-right: 28%;
	margin-bottom: 0rem;
}

dl,
ol,
ul {
	margin-top: 25px;
	margin-right: 32%;
}

.mainpage .navbar-light .nav-link:hover,
.mainpage .navbar-light .navbar-nav .active {
	color: #44C67B;
	font-size: 20px;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 0px;
	height: 50px;
	width: 140px;
	padding-top: 0px;
	/* margin-top: -11%;  */
}

.mainpage .navbar-light .navbar-nav .nav-link:hover {
	color: #44C67B;
}

.advantagepage .navbar-light .nav-link:hover,
.advantagepage .navbar-light .navbar-nav .nav-link:hover {
	color: black;
}


.advantagepage .navbar-light .nav-link:hover {
	/* color: white; */
	font-weight: bold;
}

.advantagepage .navbar-light .navbar-nav .nav-link:hover {
	/* color: white; */
	font-weight: bold;
}

.mainpage .navbar-light .navbar-nav .active,
.mainpage .navbar-light .active,
.navbar-light .active-color .active1 {
	/* margin-top: -5%; */
	color: #44C67B;
	font-weight: bold;
}

.navbar-light .navbar-nav .active>.nav-link {
	/* color: white; */
	font-weight: bold;
}

.navbar-light .active-color .active1>.nav-link {
	color: #44C67B;
	font-weight: bold;
}


/* .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(0,0,0,.9); */

.logo2 {
	z-index: 100;
	position: relative;
	/* margin-left: 13%;
	margin-top: 3%; */
}

.logo2 p a {
	color: #2F2F2F !important;
}
.logo2 p a span{
	color: white;
}

.logo2 p a span:hover {
	color: #44C67B;
}

.img-fluid {
	max-width: 100%;
	height: auto;
	z-index: 0;
	position: relative;
}

.place {
	z-index: 0;
	position: relative;
}

.first_bg_settings {
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 954px;
	z-index: 100;
	position: relative;
}

.main_citybot {
	background-image: url(images/bg1.png);
}

.bg_advantages {
	background-image: url(images/green1.png);
}

.bg_contactus {
	background-image: url(images/orange1.png);
}

.bg_questions {
	background-image: url(images/yellow1.png);
}

.bg_technology {
	background-image: url(images/green2.png);
}

.main_citybot .content {
	max-width: 520px;
}

.main_citybot a span {
	font-size: 22px;
	padding-top: 15px;
}

.postion3 {
	margin-left: -200px;
}

.title {
	text-align: right;
	margin-top: 285px;
}

.first_bg_settings .title h1 b {
	font-size: 73px;
	margin: 0;
	line-height: 46px;
}

.bg-color-settings {
	margin: 0 11px;
}

.contact_orange .title h1 b {
	color: white;
}

.title h2 b,
.title h1 b {
	font-size: 72px;
	line-height: 76px;
}

.title h3 b {
	font-size: 72px;
	line-height: 72px;
}

.discription {
	font-size: 18px;
	line-height: 30px;
	word-spacing: 5px;
	margin-top: 53px;
	text-align: right;
}

.positionBtn1 {
	text-align: right;
}

.positionBtn1 span{
	font-size: 20px;
}

.positionBtn {
	margin-top: 53px;
	margin-bottom: 18%;
	padding-top: 20px;
}

.btn-citybot {
	color: #fff;
	background-color: #44C67B;
	border-color: #44C67B;
	height: 80px;
}

.btn {
	width: 210px;
	border-radius: 65px;
	float: right;
	font-weight: bold;
}

.bg-color-settings {
	z-index: 100;
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	height: 400px;
}

.layer1 {
	float: left;
}

.bg5 {
	width: 100%;
	max-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 40;
}

.scheme {
	padding: 120px 0;
	position: relative;
	z-index: 10;
}

.css-adaptive {
	display: block;
	max-width: 100%;
	height: auto;
}

#rectangle1 {
	width: 83px;
	height: 10px;
	background: #44C67B;
	margin: 0px auto 0;
}

#rectangle2 {
	width: 83px;
	height: 10px;
	background: #FF5B00;
	margin: 0px auto 0;
}

#rectangle3 {
	height: 83px;
	width: 8px;
	background: #F7F7F7;
	float: right;
	margin-top: -16%;
	margin-right: 3%;
}

 .script0 {
	display: block;
}

.script1 {
	display: none;
}

.script2 {
	display: none;
}  

.blocksText3 {
	margin-right: 10%;
	float: right;
	max-width: 490px;
	font-weight: 500;
	font-size: 18px;
	margin-top: 60px;
	line-height: 29px;
	text-align: right;
}

.block2 {
	margin-top: 105px;
	text-align: center;
	font-size: 40px;
}

.block2 h2 {
	font-size: 45px;
}

.greybackgr {
	background-color: #F7F7F7;
	z-index: 0;
	position: relative;
}

.greybackgr:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 242px;
	background: white;
	z-index: 10;
}

.block3 {
	width: 100%;
	background-image: url(images/ClipGroup.png);
	background-size: cover;
	z-index: 20;
	position: relative;
	margin-top: -256px;
	/* padding-bottom: 144px; */
	padding-bottom: 1px;
}

.blocks {
	max-width: 100%;
	max-height: 100%;
	width: 48%;
	height: 810px;
	color: black;
	background: white;
	border: 1px #CCCCCC solid;
	border-radius: 50px;
	padding-top: 50px;
	z-index: 10;
	position: relative;
	box-shadow: 0px 1px 1px #EAEAEA;
	margin-top: 400px;
	display: inline-block;
	padding-left: 77px;
	padding-right: 77px;
	padding-top: 0;
}

.right-block {
	float: left;
}

.left-block {
	float: right;
}

#advantage>.row {
	display: inline-block;
}

.blocks h2 {
	margin-top: 62px;
	margin-left: -5px;
	text-align: center;
	font-size: 43px;
}

.blocksText {
	margin-right: 2%;
	margin-top: 75px;
	text-align: justify;
	height: 181px;
	max-height: 231px;
	font-size: 18px;
	line-height: 30px;
}

div.blocksText2 .position p {
	margin: 7px 0 0;
}

.blocksText2 {
	margin: 61px -34px 20px;
}

.position {
	position: relative;
	width: 27%;
	min-height: 1px;
	float: right;
	margin: 0 3.16%;
	padding: 34px 10px 42px;
	text-align: center;
}

.position:hover {
	background: #F7F7F7;
	border-radius: 30px;
}

.position p {
	margin-top: 8px;
}

.icon_position {
	height: 50px;
	line-height: 46px;
}

.icon_position img {
	vertical-align: middle;
}

div.blocksText p {
	margin-top: 10%;
	width: 100px;
	text-align: center;
}

.bg1 {
	background-image: url("images/rectangle.jpg");
	height: 523px;
	width: 100%;
	z-index: 10;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100%;
	color: white;
}

.btn2 {
	width: 58%;
	margin-top: 61px;
}

div.bg1 h1 {
	padding-top: 5%;
	padding-top: 90px;
	margin-left: 8px;
	word-spacing: 4px;
}

div.bg1 img {
	padding-top: 5%;
	padding-bottom: 5%;
}

.title-block {
	padding-top: 42px;
	text-align: center;
}

#rectangle4 {
	width: 115px;
	height: 8px;
	background: #44C67B;
	/* margin-top: 38px; */
	margin: 38px auto 0;
}

#rectangle5 {
	width: 115px;
	height: 8px;
	background: #44C67B;
	margin-top: 38px;
	margin-right: 0px;
}

.form-control {
	border-radius: 50px;
}

.bg2 {
	background-image: url(images/aboutBot1.png);
	background-position: top left;
	background-repeat: no-repeat;
	/* padding-top: 124px; */
	margin-top: 82px;
	min-height: 647px;
}

.textblock {
	margin: 93px -9px 0px 68px;
	text-align: justify;
}

.textblock h1 b {
	font-size: 44px;
}

div.textblock #rectangle4 {
	width: 115px;
	height: 8px;
	background: #44C67B;
	margin-top: 38px;
	margin-right: 0px auto 0;
}

div.textblock .discription {
	font-size: 18px;
	line-height: 30px;
	margin-top: 39px;
	text-align: justify;
}

.positionBtn2 {
	margin-top: 5px;
	margin-bottom: 18%;
	font-size: 20px;
}

.technobutton {
	position: relative;
}

.positionBtn_techno {
	display: block;
	margin: 55px auto;
	float: none;
}

.bg2 .picture img {
	margin-top: 115px;
	margin-left: -47px;
}

.form-inline {
	display: flex;
	justify-content: center;
}

.form-inline .form-control {
	height: 75px;
	width: 100%;
	font-size: 20px;
	padding-right: 15%;
}

.form-inline .form-group {
	margin-left: 40px;
	padding-top: 20px;
	height: 75px;
	width: 318px;
}

.button_send {
	padding-top: 20px;
}

.footer {
	background-color: #1E1E1E;
	z-index: 0;
	position: relative;
	padding-top: -42px;
}

.footer p {
	color: white;
	text-align: right;
	font-size: 21px;
}

.social {
	color: white;
	text-align: right;
	padding-left: 36px;
	padding-right: 7%;
}

.social img {
	margin-top: 23%;
}

.footer p a {
	color: white;
	font-size: 21px;
}

.footer img {
	color: white;
	text-align: right;
}

.blackblock {
	padding-top: 93px;
}

.bottom {
	display: flex;
	justify-content: space-between;
}

#citybot .greybackgr .bg2 {
	/* padding-top: 80px; */
	padding-top: 0px;
	margin-top: 30px;
}

#technology-page-wrap {
	position: relative;
	background-color: #FFFFFF;
}

#technology #technology-page-wrap .tech-content,
#contactus .block-with {
	margin: 0 auto;
	max-width: 1446px;
	text-align: right;
	padding: 70px 0px 70px 300px;
}

#technology-page-wrap .tech-content h2 {
	color: #4c969c;
	font-family: Rubik, Helvetica, Arial, sans-serif;
	font-size: 25px;
	line-height: 1.5;
	margin-top: 15px;
}

#technology-page-wrap .tech-content div span {
	color: #555555;
	font-size: 18px;
}

#contactus .content-form,
#questions .question-form {
	max-width: 1450px;
	margin: 0 auto;
	/* margin: 50px 223px 50px 0px; */
}

#contactus .content-form .content-row,
#questions .question-form .content-row {
	width: 100%;
	display: flex;
}

#contactus .content-form .content-row {
	display: block;
}

#contactus .content-form .content-row .form,
#questions .question-form .content-row .question_block1 {
	width: 40%;
	position: relative;
	min-height: 1px;
	z-index: 200;
}

#contactus .content-form .content-row .form .column-wrap,
#questions .question-form .content-row .question_block1 .column-wrap,
#questions .question-form .content-row .question_block2 .column-wrap {
	padding: 15px;
	width: 100%;
	position: relative;
}

#contactus .content-form .content-row .form .column-wrap form .form-group {
	text-align: right;
	margin-bottom: 2rem;
}

#contactus .content-form .content-row .form .column-wrap form .form-group .form-control {
	border-radius: 0px;
}

#contactus .content-form .content-row .map,
#questions .question-form .content-row .question_block2 {
	width: 60%;
	position: relative;
	min-height: 1px;
	z-index: 200;
}

#contactus .content-form .content-row .form,
#contactus .content-form .content-row .map {
	width: 50%;
	/* margin: 0 auto; */
	padding: 30px 0;
}

#questions .question-form .content-row .question_block2,
#questions .question-form .content-row .question_block1 {
	width: 50%;
}

#contactus .content-form .content-row .map .map-position {
	padding: 15px;
	width: 80%;
	position: relative;
	text-align: right;
}

#contactus .content-form .content-row .form .column-wrap form .btn-citybot {
	color: white;
	background-color: #EEAA5D;
	border-color: #EEAA5D;
}

#contactus .content-form .content-row .form .column-wrap form .btn {
	width: 100px;
	border-radius: 3px;
	float: right;
	font-weight: normal;
	height: 52px;
}

#contactus .bg_contactus .title h1 b {
	color: white;
}


/* #contactus .block-with{
	max-width: 1000px;
    margin: 60px auto;
} */

#contactus .block-with .text {
	text-align: center;
	margin: 25px 0;
}

#contactus .block-with .text .blocksText {
	margin-right: 0%;
	margin-top: 15px;
	text-align: center;
	height: 20px;
}

#contactus .block-with ul.blocksText2 li.position {
	width: 25%;
	margin: 0 0%;
}

#contactus .block-with ul.blocksText2 li.position img,
#contactus .block-with ul.blocksText2 li.position span.tittle {
	margin-bottom: 20px;
}

#contactus .block-with ul.blocksText2 li.position span.tittle {
	font-size: 25px;
	display: block;
	height: 100px;
	color: #333333;
}

#contactus .block-with ul.blocksText2 li.position span.description {
	text-align: right;
	font-size: 17px;
	color: #555555;
}

.questions-block {
	margin: 50px 10px;
	max-width: 600px;
	text-align: right;
	z-index: 200;
	position: relative;
}

.questions-block div div {
	border: 1px solid lightgrey;
	padding: 10px 20px;
}

.questions-block .questions a,
.questions-block .questions a:visited {
	color: #595959;
	font-weight: bold;
	font-size: 20px;
}

.questions-block .questions a:visited,
.questions-block .questions a:active {
	color: #595959;
}

.questions-block .answers {
	color: grey;
	font-size: 20px;
}

.questions-block .answers {
	display: none;
}

.questions:before {
	content: '+';
	padding-left: 3px;
	font-weight: bold;
}

.doklika:before {
	content: '-';
	padding-left: 3px;
	font-weight: bold;
	color: black;
}

.questions-block h2 {
	color: #7A7D82;
	padding: 20px 0;
}

.underline {
	text-decoration: underline;
}

.circle {
	display: block;
	height: 5px;
	width: 5px;
	border: grey solid 1px;
	border-radius: 100%;
}

#about_page .textblock {
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 0px 50px 300px;
}

#about .site-width .content .title h1 b {
	color: white;
}

@media (min-width: 1200px) {
	.navbar2 li {
		margin-top: -35px;
		height: 0px;
	}
}

@media (min-width: 993px) {
	#navbarNav.collapsing {
		height: auto;
    overflow: visible;
		transition: none;
	}
	#technology .fixed-top {
		background-color: rgba(255, 255, 255, 0.1);
	}
	#technology .advant-top {
		background: transparent;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .8rem;
		padding-left: .3rem;
	}
}

@media (min-width: 1300px) and (max-width: 1840px) {
	#questions .question-form .content-row .question_block2,
	#questions .question-form .content-row .question_block1 {
		width: 40%;
	}
	#technology #technology-page-wrap .tech-content {
		padding: 70px 5% 70px 300px;
	}
	#contactus .content-form,
	#questions .question-form {
		margin: 0 5%;
	}
}

@media (max-width: 1756px) {
	.marg {
		margin: 0% 5%;
	}
	dl,
	ol,
	ul {
		margin-top: 25px;
		margin-right: 10%;
	}
	#contactus .block-with {
		padding: 40px 5%;
	}
}

@media (max-width: 1446px) {
	#about_page .textblock {
		margin: 0% 5%;
	}
	#rectangle3 {
		margin-top: -20%;
	}
	.form-inline .form-control {
		width: 85%;
		font-size: 20px;
		padding-right: 14%;
	}
	.form-inline .form-group {
		margin-left: 25px;
		width: 274px;
	}
	.title h1 b,
	.title h2 b,
	.title h3 b {
		color: black;
		text-shadow: white 0 0 1px;
	}
	.bg_technology .title h1 b {
		color: white;
	}
	.bg_contactus .title h1 b,
	#about .site-width .content .title h1 b {
		color: white;
	}
	.questions_yellow .title h1 b,
	.questions_yellow .title h1 b,
	.advantages_green .title h1 b {
		color: black;
		text-shadow: none;
	}
	.title .discription p {
		color: black;
		text-shadow: white 0 0 1px;
	}
	#technology-page-wrap {
		position: relative;
		background-color: #FFFFFF;
	}
	#technology #technology-page-wrap .tech-content {
		margin: 0 auto;
		max-width: 1220px;
		text-align: right;
		padding: 70px 5% 70px 20%;
	}
	#technology-page-wrap .tech-content h2 {
		color: #4c969c;
		font-family: Rubik, Helvetica, Arial, sans-serif;
		font-size: 25px;
		line-height: 1.5;
		margin-top: 15px;
	}
	#technology-page-wrap .tech-content div span {
		color: #555555;
		font-size: 18px;
	}
	#contactus .content-form,
	#questions .question-form {
		margin: 0 5%;
	}
	.bottom {
		padding: 0 5%;
	}
}

@media (min-width: 200px) and (max-width: 1400px) {
	.first_bg_settings {
		min-height: 400px;
	}
	#contactus .content-form .content-row .map {
		margin: 0 auto;
	}


	/* special for citybot */
	  .main_citybot2 {
		margin-right: 5%;
	   }
	   .main_citybot2 .title{
	   margin-top: 80px;
	   }
}

@media (min-width: 992px) and (max-width: 1250px) {
	.title h1 b,
	.title h2 b,
	.title h3 b {
		color: white;
		text-shadow: black 0 0 1px;
	}




	.questions_yellow .title h1 b,
	.advantages_green .title h1 b {
		color: black;
		text-decoration: none;
	}
	.title .discription p {
		color: white;
	}


		/* special for citybot */
		  .title h1 b, .title h2 b, .title h3 b {
			color: black;
		}
		.title .discription p {
			color: black;
				font-size: 15px;
				line-height: 26px;
				word-spacing: 5px;
				margin-top: 23px;
		}
		.title h2 b {
			font-size: 52px;
		}
		.positionBtn {
			margin-top: 10px;
			margin-bottom: -15%;
		}
		/* ------------ */

	#rectangle3 {
		margin-top: -100px;
	}
	.formPosition {
		margin-top: 0px;
	}
	.form-inline .form-control {
		width: 85%;
		font-size: 20px;
		padding-right: 14%;
	}
	.form-inline .form-group {
		margin-left: -8px;
		width: 245px;
	}
	.bg5 {
		margin-top: 42px;
	}
	.textblock .discription p {
		color: black;
	}
	.textblock h1 b {
		color: black;
	}
	#contactus .content-form,
	#questions .question-form {
		margin: 50px 5% 50px;
	}
	#contactus .block-with ul.blocksText2 li.position {
		width: 50%;
		margin: 0 0%;
	}
	#about_page .textblock {
		padding: 50px;
	}
	#contactus .content-form .content-row .map {
		margin: 0 auto;
	}
	#citybot .greybackgr .bg2 {
		padding-top: 0px;
	}
	#technology #technology-page-wrap .tech-content {
		padding: 70px 5% 70px 2%;
	}
}

@media (min-width: 250px) and (max-width: 991px) {
	.main_citybot .content {
		margin-top: 100px;
	}
	#rectangle3 {
		margin-top: -109px;
	}
	.title .discription p {
		color: white;
	}
	/* TEMPORARY DESIGION! NEED TO BE CHANGED BYSCRIPT */
	.position {
		margin: 0 3.16%;
		padding: 61px 10px 42px;
	}
	.blocksText {
		font-size: 13px;
		line-height: 24px;
	}
	.blocksText3 {
		font-size: 13px;
		margin-top: 60px;
		line-height: 24px;
	}
	.formPosition {
		margin-top: -49px;
	}
	.main_citybot .title h1 b,
	.title h2 b,
	.title h3 b {
		color: white;
		margin: 21% 1% 0% 1%;
		font-size: 51px;
	}
	.main_citybot .title {
		color: white;
		margin: 8% 1% 0% 1%;
		font-size: 12px;
	}
	.bg_advantages .title,
	.bg_questions .title,
	.bg_contactus .title,
	.bg_technology .title {
		color: white;
		margin: 151px 0 0;
	}
	.bg_advantages .title h1 b,
	.bg_questions .title h1 {
		color: white;
		margin: 0% 0% 0% 0%;
		font-size: 73px;
	}
	.bg_questions .title h1 b,
	.bg_contactus .title h1 b {
		color: white;
	}
	.textblock .discription p {
		color: black;
	}
	.textblock h1 b {
		color: black;
	}
	.btn2 {
		width: 15%;
	}
	.positionBtn2 {
		/* margin-top: 5px; */
		margin-bottom: 5px;
	}
	#technology .advant-top {
		color: white;
	}
	#technology #technology-page-wrap .tech-content {
		padding: 70px 5% 70px 2%;
	}
	#technology .fixed-top,
	#questions .fixed-top,
	#contactus .fixed-top,
	#about_page .fixed-top,
	#citybot .fixed-top {
		background-color: white;
	}
	.navbar {
		padding: 0.5rem 1rem;
	}
	#technology .logo,
	#questions .logo,
	#contactus .logo,
	#about_page .logo,
	#citybot .logo {
		position: fixed;
		margin-top: 1%;
		left: 0;
	}
	.navbar-collapse {
		margin: 25px auto 0;
	}
	.nav-fill .nav-item {
		text-align: right;
		margin: 0 17% 0 0;
	}
	.nav-link {
		width: 270px;
	}
	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .active-color .active1>.nav-link {
		color: #44C67B;
	}
	.bg_technology .title h1 b {
		color: white;
	}
	#contactus .content-form,
	#questions .question-form {
		margin: 50px 15px 50px 15px;
	}
	#contactus .block-with ul.blocksText2 li.position {
		width: 90%;
		margin: 0 5%;
		padding: 20px 190px;
	}
	#contactus .block-with ul.blocksText2 li.position span.tittle {
		height: 60px;
	}
	#questions .question-form .content-row .question_block1 .column-wrap,
	#questions .question-form .content-row .question_block2 .column-wrap {
		padding: 0px;
	}
	#about_page .textblock {
		padding: 15px;
	}
	#contactus .content-form .content-row .map {
		margin: 0 auto;
	}
	#citybot .greybackgr .bg2 {
		padding-top: 0px;
	}
	.footer p {
		margin-bottom: 0rem;
	}


		/* special for citybot */
		  .title h1 b, .title h2 b, .title h3 b {
			color: black;
		}
		.title .discription p {
			color: black;
				font-size: 15px;
				line-height: 26px;
				word-spacing: 5px;
				margin-top: 23px;
		}
		.title h2 b,
		.title h1 b {
			font-size: 40px;
		}
		.positionBtn {
			margin-top: 10px;
			margin-bottom: -15%;
		}
		/* ------------ */
}

@media (min-width: 250px) and (max-width: 845px) {
	#contactus .content-form .content-row,
	#questions .question-form .content-row {
		display: block;
	}
	#contactus .content-form .content-row .form,
	#questions .question-form .content-row .question_block1 {
		width: 100%;
	}
	#contactus .content-form .content-row .map,
	#questions .question-form .content-row .question_block2 {
		width: 100%;
	}
	#contactus .content-form .content-row .map .map-position {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	#citybot .greybackgr .bg2 {
		padding-top: 0px;
	}
	/* .bg2 {
    min-height: 659px;
} */
}

@media (min-width: 250px) and (max-width: 700px) {
	.blocks {
		height: 400px;
		margin-top: 1px;
	}
	.blocksText3 {
		font-size: 16px;
	}
	#contactus .block-with ul.blocksText2 li.position {
		width: 90%;
		margin: 0 5%;
		padding: 20px 35px;
	}
	#contactus .block-with ul.blocksText2 {
		margin: 61px 0px 20px;
	}
	#contactus .block-with ul.blocksText2 li.position span.tittle {
		height: 65px;
	}
	#contactus .block-with .text {
		margin: 25px 2px;
	}
	#citybot .greybackgr .bg2 {
		padding-top: 30px;
	}
}

@media (min-width: 250px) and (max-width: 551px) {
	.blocks {
		height: 370px;
		margin-top: 1px;
	}
	.form-inline .form-control {
		height: 50px;
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.btn2 {
		width: 30%;
		height: 50px;
		margin-top: 50px;
	}
	/* .bg2 {
    min-height: 659px;
} */
}

@media (min-width: 767px) and (max-width: 990px) {
	#citybot .footer {
		/* margin-top: -120px; */
		margin-top: 0px;
	}
	#contactus .footer {
		margin-top: 0px;
	}
	#advantages .footer {
		margin-top: 0px;
	}
	.first_bg_settings .title h1 b {
		font-size: 51px;
	}
	.bg-color-settings .title h1 b {
		font-size: 73px;
	}
	.title p {
		font-size: 18px;
	}
	.blocks {
		height: 910px;
	}
	.btn2 {
		width: 65%;
		margin-top: 42px;
	}
	.questions_yellow .title h1 b,
	.advantages_green .title h1 b {
		color: white;
	}
	.textblock {
		margin: 40px -9px 0px 68px;
	}
}

@media (min-width: 250px) and (max-width: 766px) {
	.blocks {
		display: block;
		width: 100%;
		margin-top: 10%;
		max-height: 400px;
	}
	.blocksText3 {
		margin-top: 0px;
	}
	#rectangle3 {
		display: none;
	}
	#advantage {
		margin-top: 158px;
	}
	.blocksText1 {
		height: 90px;
		margin-top: 10px;
	}
	.blocksText2 {
		height: 90px;
		margin-top: 10px;
	}
	.formPosition {
		margin-right: 9%;
		margin-top: -23px;
	}
	.btn2 {
		width: 35%;
		height: 75px;
		margin-top: 50px;
	}
	.form-inline .form-group {
		padding-top: 0px;
		height: 40px;
		width: 40%;
	}
	.bottom {
		display: block;
		justify-content: space-between;
		float: center;
		padding: 0% 10%;
	}
	.social {
		padding-right: 1%;
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.social img {
		margin-top: 0%;
	}
	.discription {
		margin-top: 69px;
	}
	.discription p {
		text-align: justify;
	}
	.textblock {
		margin: -4% -5% 0% 5%;
		color: black;
	}
	.positionBtn2 {
		margin-bottom: 28%;
	}
	.block3 {
		height: 1111px;
	}
	.bg2 .picture {
		bottom: 0;
		position: absolute;
		left: 9%;
	}
	.questions_yellow .title h1 b,
	.advantages_green .title h1 b {
		color: white;
	}
	#technology-page-wrap .tech-content {
		padding: 50px 25px 50px 25px
	}
}

@media (min-width: 250px) and (max-width: 551px) {
	.first_bg_settings .title h1 b,
	.title h2 b {
		font-size: 36px;
		line-height: 55px;
	}
	.bg-color-settings .title h1 b {
		font-size: 59px;
	}
	.main_citybot .content {
		margin-top: 84px;
	}
	.blocks {
		height: 370px;
		margin-top: 27%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.blocksText3 {
		font-size: 15px;
		margin-top: -23px;
	}
	#rectangle3 {
		display: none;
	}
	.blocks h2 {
		font-size: 34px;
		margin-top: 13px;
	}
	.form-inline .form-control {
		height: 50px;
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.btn2 {
		margin-top: 15px;
		height: 50px;
		width: 27%;
	}
	.form-inline .form-control {
		font-size: 15px;
	}
	.textblock {
		margin: 5% 9% 0% 5%;
	}
	.positionBtn2 {
		margin-bottom: 120px;
	}
	.first_bg_settings {
		min-height: 385px;
	}
	.greybackgr:before {
		height: 0px;
	}
	.blocks {
		margin-top: 10%;
	}
	.form-inline {
		justify-content: normal;
	}
	.formPosition {
		margin: -42px 9%;
	}
	.form-inline .form-group {
		margin-right: 10px;
		height: 0px;
		margin-left: 0px;
		width: 46%;
	}
	.form-inline .form-control {
		width: 100%;
	}
	.form-inline .window3 {
		margin: 0 auto;
		width: 93%;
	}
	.btn2 {
		margin-top: 28px;
		height: 55px;
		width: 70%;
		float: none;
	}
	.button_send {
		margin-right: 0px;
		margin: 0 auto;
	}
	.positionBtn2 {
		margin-bottom: 0px;
	}
	.textblock {
		margin: 0%;
	}
	#citybot .greybackgr .bg2 {
		padding-top: 0px;
	}
	.blackblock {
		padding-top: 0px;
	}
	.bottom {
		display: block;
		padding: 5% 27px 5%;
		width: 100%;
	}
	.footer .menu p {
		font-size: 14px;
		width: 33%;
		white-space: nowrap;
		float: right;
		margin-right: 0;
		/* text-align: center;  */
	}
	.footer .menu p a {
		font-size: 14px;
	}
	.social {
		padding-left: 0px;
		padding-right: 0%;
	}
	.social p {
		font-size: 14px;
		text-align: center;
	}
	.social div {
		font-size: 14px;
		text-align: center;
		margin-top: 15px;
	}
	.footer .address p,
	.footer .address p a {
		font-size: 14px;
		width: 100%;
		float: none;
		margin-right: 0%;
		margin-bottom: 0;
		margin-top: 10px;
	}
	.address p,
	.footer .address p a {
		text-align: center;
	}
	.bottom .logo2 {
		display: block;
		width: 100%;
		margin-left: 0%;
	}
	.bottom .logo2 p {
		text-align: center;
		margin-bottom: 0rem;
	}
	.block3 {
		height: 1000px;
	}
	.bg_contactus,
	.bg_questions,
	.bg_technology {
		background-color: rgba(0, 0, 0, .4);
		background-blend-mode: darken;
		background-size: cover;
	}
	.bg_contactus {
		background-image: url(images/contactus_mob.jpg);
	}
	.bg_questions {
		background-image: url(images/questions_mob.jpg);
	}
	.bg_technology {
		background-image: url(images/technology_mob.jpg);
	}


	/* special for citybot */
	  .main_citybot2 .title {
		margin-top: 186px;
	}
	.main_citybot2 .discription {
		margin-top: 5px;
	}
	/* --------------------- */
}


/* special for citybot */
 .main_citybot {
	float:left; width:57%; height:500px;
}
.main_citybot2 {
	float:right; width:31%; margin-right: 12%;
}
#citybot .first_bg_settings {
    background-size: contain;
}  

/* Links Page styling */
.links_wrapper {
	direction: rtl;
	text-align: right;
	height: 60vh;
	background: #fff;
	padding: 5% 12%;
}

.links_wrapper h3 {
	text-decoration: underline;
}

.links_wrapper a {
	color: #000;
	display: block;
	z-index: 2;
}

.links_wrapper a:hover {
	text-decoration: underline;
}

.first_bg_settings.links {
	min-height: initial;
}