/*ლოგოები და ნავიგაცია*/
.logo{
	width: 100.18px;
	height: 30.57px;
    margin-top: 30px;
    margin-left:30px;
    display: inline-block;
    margin-right: 24.2px;
}
#listebisdiv{
	display: inline-block;
	color:#3D58A6
}
/*ლისტები*/
.li1{
	display: inline-block;
	text-align: center;
	font-family: ninobold;	
	font-size: 22px;
	margin-right: 18px;
}
.li2{
	display: inline-block;
    text-align: center;
    font-family: ninobold;
    font-size: 22px;
    margin-right: 30px;
    
}
.li3{
	display: inline-block;
	font-family: ninobold;
	text-align: center;
	font-size: 22px;
	
}
/*ა ლინკები*/
.nav1{
	color:#EE4036;
}
.nav2{
	color:#EE4036;
}
.nav3{
	color: #EE4036;
}

	/*პირველი გვერდი*/
.htmlpoto{
	margin-left: 98px;
	margin-top:  146px;
	margin-bottom: 533px;
	width: 1170px;
	display: inline-block;
	height: 460px;
}

#Featuretext{
	position: absolute;
    left: 98px;
    top: 715.216px;
    overflow: visible;
    width: 380px;
    white-space: nowrap;
    line-height: 28.80000114440918px;
    margin-top: -2.40000057220459px;
    text-align: left;
    font-family: Roboto-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    color: black;
}
.pirvelikvadrati{
    position: absolute;
    overflow: visible;
    width: 570px;
    height: 225px;
    left: 98px;
    top: 777px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    fill: rgb(242, 242, 242)
    width: 570;
    height: 225;
}
#responsivewebsatauri{
    position: absolute;
    left: 118.768px;
    top: 788.05px;
    overflow: visible;
    width: 275px;
    white-space: nowrap;
    line-height: 26.400001525878906px;
    margin-top: -2.200000762939453px;
    text-align: right;
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(61,88,166,1);
    letter-spacing: 0.25px;
}
#approachtextkvadratshi{
    position: absolute;
    left: 288.993px;
    top: 829.454px;
    overflow: visible;
    width: 356px;
    height: 143.29px;
    line-height: 24px;
    margin-top: -2px;
    text-align: left;
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(51,51,51,1);
    letter-spacing: 0.25px;
}


.meorekvadrati{
	position: absolute;
    overflow: visible;
    width: 570px;
    height: 225px;
    left: 697px;
    top: 777px;
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    fill: rgb(242, 242, 242);
    width: 570;
    height: 225;
}
#appdevelopmentsatauri{
    position: absolute;
    left: 714.615px;
    top: 788.05px;
    overflow: visible;
    width: 210px;
    white-space: nowrap;
    line-height: 26.400001525878906px;
    margin-top: -2.200000762939453px;
    text-align: left;
    font-family: Roboto-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(61,88,166,1);
    letter-spacing: 0.25px;
}
#mobiletextkvadratshi{
    position: absolute;
    left: 898.066px;
    top: 830.711px;
    overflow: visible;
    width: 354.493px;
    height: 156.776px;
    line-height: 24px;
    margin-top: -2px;
    text-align: left;
    font-family: Roboto-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(88,89,91,1);
    letter-spacing: 0.25px;
}
#teleponispoto{
    overflow: visible;
    position: absolute;
    width: 84.81px;
    height: 127.513px;
    left: 760.315px;
    top: 838.357px;
    transform: matrix(1,0,0,1,0,0);
    display:block;
}
#mimtitebelilogo{
    position: absolute;
    width: 102.873px;
    height: 145.502px;
    left: 134.781px;
    top: 829.769px;
    overflow: visible;
    display: block;

}
.fblogo{
    position: absolute;
    width: 14.003px;
    height: 30.001px;
    left: 109.534px;
    top: 1070.285px

}
.xazilogo{
    position: absolute;
    width: 1px;
    height: 26.667px;
    left: 159.134px;
    top: 1071.952px

}
.youtubelogo{
    position: absolute;
    width: 24.812px;
    height: 30px;
    left: 189.327px;
    top: 1070.286px
}
/*მეორე გვერდი--------------------------------------*/
/*article1*/
#newsphoto1{
    position: absolute;
    width: 270px;
    height: 210px;
    left: 30px;
    top: 251.002px;
}
h1{
    position: absolute;
    left: 30px;
    top: 208.49px;
    overflow: visible;
    width: 744px;
    line-height: 24px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 20px;
    color: black;
}
#textmaisi1{
    position: absolute;
    left: 338.985px;
    top: 255.475px;
    overflow: hidden;
    width: 930.015px;
    height: 360px;
    line-height: 19px;
    text-align: left;
    font-family: arial;
    font-size: 16px;
    color: black;
}
#break1{
    margin-top: 22px;
}
#maytext1{
    position: absolute;
    left: 109px;
    top: 118px;
    width: 64px;
    line-height: 26px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 22px;
    color: #3D58A6;
}
#maisikvadrati1{
    position: absolute;
    width: 56px;
    height: 56px;
    left: 30px;
    top: 101px;
}
#cipri1{
    position: absolute;
    left: 34.051px;
    top: 104px;
    width: 53px;
    line-height: 57px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 48px;
    color: white;
}
/*article 2*/
#newsphoto2{
    position: absolute;
    width: 270px;
    height: 210px;
    left: 1026px;
    top: 825.002px;
}
h2{
    position: absolute;
    left: 30px;
    top: 760px;
    width: 744px;
    line-height: 24px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 20px;
    color: black;
}
#textmaisi2{
    position: absolute;
    left: 33.985px;
    top: 826px;
    overflow: hidden;
    width: 930.015px;
    height: 360px;
    line-height: 19px;
    text-align: left;
    font-family: arial;
    font-size: 16px;
    color: black;
}
#break2{
    margin-top: 22px;
}
#maytext2{
    position: absolute;
    left: 109px;
    top: 670px;
    overflow: visible;
    width: 64px;
    line-height: 26px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 22px;
    color: #3D58A6;
}
#maisikvadrati2{
    position: absolute;
    overflow: visible;
    width: 56px;
    height: 56px;
    left: 30px;
    top: 653px;
}
#cipri2{
    position: absolute;
    left: 34.051px;
    top: 654px;
    overflow: visible;
    width: 53px;
    white-space: nowrap;
    line-height: 57.6px;
    text-align: left;
    font-family: ninomtavruli;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    color: white;
}
/*article 3--------------*/
#block3{
    display: inline-block;
}
#newsphoto3{
    position: absolute;
    width: 270px;
    height: 210px;
    left: 30px;
    margin-top: 1358px;
}

h3{
    position: absolute;
    left: 30px;
    width: 744px;
    line-height: 24px;
    margin-top: 1280px;
    text-align: left;
    font-family: ninomtavruli;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: black;
    display: inline-block;
}

#textmaisi3{
    position: absolute;
    left: 308.985px;
    overflow: hidden;
    width: 930.015px;
    height: 360px;
    line-height: 19px;
    margin-top: 1358px;
    margin-left: 34px;
    font-family: arial;
    font-size: 16px;
    color: black;
    display: inline-block;
    vertical-align: top;
}
#break3{
    margin-top: 22px;
}

#maytext3{
    position: absolute;
    left: 109px;
    top: 16.647px;
    width: 64px;
    line-height: 26px;
    margin-top: 1228px;
    text-align: left;
    font-family: ninomtavruli;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: #3D58A6;
}
#maisikvadrati3{
    position: absolute;
    overflow: visible;
    width: 56px;
    height: 56px;
    left: 30px;
    top: 4.647px;
    margin-top: 1209px;
}
#cipri3{
    position: absolute;
    left: 33px;
    top: 0px;
    width: 53px;
    line-height: 57px;
    margin-top: 1218px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 48px;
    color: white;
    width: 52px;
    height: 64px;
}
/*article 4*------------------------------*/
#newsphoto4{
    position: absolute;
    width: 270px;
    height: 210px;
    left: 1010px;
    margin-top: 1871px;
    overflow: visible;
}
h4{
    position: absolute;
    left: 30px;
    font-family: ninomtavruli;
    font-size: 20px;
    margin-top: 1829.49px;
    display: inline-block;
}
#textmaisi4{
    position: absolute;
    left: 30px;
    margin-top: 1871px;
    width: 929px;
    height: 360px;
    line-height: 19px;
    vertical-align: top;
    font-family: arial;
    font-size: 16px;
    color: black;
    display: inline-block;
    vertical-align: top;
}
#break4{
    margin-top: 22px;
}
#maytext4{
    position: absolute;
    left: 109px;
    width: 64px;
    line-height: 26px;
    margin-top: 1733px;
    text-align: left;
    font-family: ninomtavruli;
    font-size: 22px;
    color: #3D58A6;
    display: inline-block;

}
#maisikvadrati4{
    position: absolute;
    width: 56px;
    height: 56px;
    margin-top: 1721px;
    left: 30px;
}
#cipri4{
    position: absolute;
    font-family:ninomtavruli;
    font-size:48px;
    width: 54px;
    height: 64px;
    margin-left: 34.05px;
    margin-top: 1728px;
    color: white;
    display: inline-block;
}




/*მესამე გვერდი--------------------------------------*/
#mtavariponi{
    position: absolute;
    width: 1366px;
    height:570px;
    margin-top: 82px;
    left: 0px;
}

#block{
    position: absolute;
    margin-left: 87px;
    margin-top: 150px;
    line-height: 24px;
    display: inline-block;
    width: 261px;
    height: 95px;
}
.mesamegvh1{
    color:#3D58A6;
    font-size:20px;
    font-family: "BPG Nino Mtavruli", sans-serif;
    margin-right: 
}
.ertnairi{
    font-size: 16px;
    font-family:"BPG Ingiri Arial", sans-serif;
}
.misamarti{
    color:#808080
}
.tel{
color:#808080
}
.elposta{
    color:#808080
}
#ruka{
    position: absolute;
    width:878px;
    height: 466px;
    margin-top: 150px;
    margin-left:400px;
    display: inline-block;
    vertical-align: top;
    display: inline-block;
    text-align: right;


}
/*bolo aiconebi*/
#fblogo3{
    position: absolute;
    margin-top: 687px;
    margin-left: 48px;
    margin-right: 35px;
    margin-bottom: 28px;

}
#xazilogo3{
    position: absolute;
    margin-top: 687px;
    margin-left: 97px;
    margin-bottom: 28px;
}
#youtubelogo3{
    position: absolute;
    left: 127px;
    margin-top: 687px;
    margin-bottom: 28px;
}