/*RESET BEGIN*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


html{
	font-size: 10px;
	font-family: Myriad Pro Regular;
	background-color: #FFFFFF;
}

/*HEADER BEGIN*/
header{
	border-bottom: 1px solid #D1DEE5;
}
/*HEADER END*/



/*NAVBAR BEGIN*/
#mainNav{
	letter-spacing: 1px;	
}

#mainNav img{
	height: auto;
	width: 140px;
}

#navBarContainer a{
	color: #406778;
	font-size: 1.4rem;		
}

#navBarContainer .active a,
#navBarContainer a:hover,
#navBarContainer .lang-active a,
#navBarContainer .lang-active a:hover{
	color: #DAA520;
}



#navBarContainer i{display: none;}

#navBarContainer li {
	padding-top: 5px;
}

.language_eng,
.language_rus{
	text-transform: uppercase;
}

.language_geo #navBarContainer{
	font-family: NinoMtavruli;
	
}

.navbar-toggler{
	border-style: none;
}

.navbar-toggler i{
	font-size: 4rem;
	color: #406778;
	display: inline !important;
}


.langMainSwitcher{
	display: none;
}

@media only screen and (min-width: 768px) {

	#mainNav img{
		height: auto;
		width: 305px;
	}
	
	.navbar-toggler i{
		font-size: 6rem;
	}

}



@media only screen and (min-width: 992px) {

	#mainNav {
		margin-top: 1.5rem;
	}
	
	#mainNav img{
		height: auto;
		width: 235px;
	}

	#navBarContainer a{
		font-size: 1.6rem;
		text-decoration: none;
	}

	#navBarContainer i{
		font-size: 4px;
		vertical-align: bottom;
		color: #406778;
		display: inline;
		line-height: 3.2rem;
	}

	.language_geo #navBarContainer i{
		line-height: 2.4rem;
	}
	
	.langMainSwitcher{
		position: absolute;
		right: 1rem;
		top:1.5rem;
		display: block;
		font-size: 1.4rem;
		
	}
	
	.langMainSwitcher li {
	    margin: 0px !important;
	    padding: 0px !important;
	    display: block;
	    text-align: center;
	    
	}
	
	.langMainSwitcher a,
	.langMainSwitcher a:visited
	{
		color: #D1DEE5;
		width: 26px;
    	display: inline-block;
    	position: relative;
		
	}
	
	.langMainSwitcher .lang-active a{
		color: #406778;
	} 

	.langMainSwitcher .lang-active a:before,
	.langMainSwitcher li a:hover:before{
		  width: 0;
		  height: 0;
		  border-top: 10px solid #FFC10E;
		  border-left: 10px solid transparent;
		  border-right: 10px solid transparent;
		  content: '';
		  position: absolute;
		  right: 3px;
		  top: -10px;		
	}

	.langugeBar{
		display: none;
	} 	

}

/*NAVBAR END*/

/*MAIN BANNER BEGIN*/
#bannerMainTop{
	height: 200px;
	background-image: radial-gradient(#406778, #294754);
	display: flex;
	
}

.carousel-item{
	
	background-position: center; 
	background-repeat: no-repeat;	
	height: 100%;
	background-size: contain;

}


	.carousel-item:nth-child(1) {
    background-image: url(../img/bannermain1_small.png);
	}
	.carousel-item:nth-child(2) {
    background-image: url(../img/bannermain2_small.png);
	}
	.carousel-item:nth-child(3) {
    background-image: url(../img/bannermain3_small.png);
	}	

.bannerCompanyTop{
	flex-wrap: wrap;	
	
	display: block;
}

.bannerHeader{
	height: 40px;
	width: 100%;
	background-color: #3F6879;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 1.4rem;
}

.bannerHeader .container{
	background: url('../img/bannerheaderbg_small.png') center right no-repeat;
	
}

.bannerHeader_geo{
	font-family: NinoMtavruli;		
}

.bannerBody{
	height: 115px;
	width: 100%;
	background-image: url('../img/companybg.jpg');
	background-size: cover;
}

@media only screen and (min-width: 768px) {
	#bannerMainTop{
		height: 500px;
	}

	.carousel-item:nth-child(1) {
    background-image: url(../img/bannermain1_med.png);
	}
	.carousel-item:nth-child(2) {
    background-image: url(../img/bannermain2_med.png);
	}
	.carousel-item:nth-child(3) {
    background-image: url(../img/bannermain3_med.png);
	}
	
	.bannerHeader{
		height: 80px;
		line-height: 80px;
		font-size: 2.3rem;
	}

	.bannerHeader .container{
		background: url('../img/bannerheaderbg_big.png') center right no-repeat;
	}

	.bannerBody{
		height: 230px;
		margin-top: 1rem;
	}

}



@media only screen and (min-width: 992px) {
	#bannerMainTop{
		height: 700px;
	}
	
	
	.carousel-item:nth-child(1) {
    background-image: url(../img/bannermain1_big.png);
	}
	.carousel-item:nth-child(2) {
    background-image: url(../img/bannermain2_big.png);
	}
	.carousel-item:nth-child(3) {
    background-image: url(../img/bannermain3_big.png);
	}


	.bannerHeader{
		height: 60px;
		line-height: 60px;
		font-size: 2rem;
		
		margin-top: 5px;
	}

	.bannerHeader .container{
		background: url('../img/bannerheaderbg_med.png') center right no-repeat;
	}

	.bannerBody{
		height: 400px;
		margin-top: 1rem;
	}


}
/*MAIN BANNER END*/


/*MAIN BODY BEGIN*/

.container_geo {
	font-family: NinoMkhedruli;
}


.container_geo h1,
.container_geo h2,
.container_geo h3{
	font-family: NinoMtavruli;	
}

	/*MainPage BEGIN*/
	.mainPage{
		text-align: center;
		color: #406778;
		font-size: 1.5rem;
	}

	.mainPage h2{
		padding: 2rem 0rem;
		font-size: 1.8rem;
	}
	
	.mainPage p{
		padding-bottom: 3rem;
	}
	
	/*MainPage END*/
	
	/*Company BEGIN*/
	.companyPage{
		padding-bottom: 3rem;
	}	
	.companyPage h2{
		margin-top: 2rem;
		color: #3F6879;
		font-size: 2.1rem;
	}

	.companyPage h3{
		margin: 1.5rem 0;
		color: #FCAF17;
		font-size: 1.8rem;
	}

	.companyPage p{
		margin-top: 0.5rem;
		color: #808080;
		text-align: justify;
		font-size: 1.6rem;
		
	}
	/*Company END*/	
	
	/*Team BEGIN*/
	.teamPage{
		margin-top: 1rem;
	}
	
	.teamPage img{
		max-width: 100%;
		max-height: 100%;
	}	
	
		
	.teamItem{
		text-align: center;
		margin-top: 2rem;
	}
	
	.teamItem a{
		display: block;
		text-decoration: none;
		
	}
	
	.teamItem a img{	
		background-image: radial-gradient(#406778, #294754);
		/*padding: 1rem 1rem 0 1rem;*/
	}

	.teamItem a h1{
		color: #3F6879;
		font-size: 2.5rem;
		margin-top: 1rem;		
	}

	.teamItem a p{
		color: #808080;
		font-size: 2rem;
		margin-top: 1rem;		
	}	

	.teamArticleBanner{
		height: 160px;

  		background: url(../img/teambg.png) left center no-repeat, linear-gradient(to right, #406778, #294754);
  		background-size: cover, auto;
  		color: #FFFFFF;
  		
  		font-size: 1.4rem;
 	}
 	
 	.teamArticleBanner div{
 		height: inherit;
 	}
 	
 	.teamArticleBanner h1{
		margin-left: 10px;
		color: #FFC10E;
		font-size: 1.8rem;
	} 
	
	.teamArticleBody{
		color: #808080;
	    margin: 2rem 0;
	    text-align: justify;
	    font-size: 1.5rem;
	}
	
	/*Team END*/
	
	/*Practice BEGIN*/	
	.practicePage{
		font-size: 1.5rem;
		margin: 3rem 0;
		color: #808080;
	}
	
	.practicePage p{
		margin: 1rem 0;
	}

	.practicePage ul {
		list-style: none;
		margin-top: 2.5rem;
		
	}
	
	.container_geo .practicePage ul li:first-child{
		font-family: NinoMtavruli;	
	}
	
	.container_geo .practicePage{
		font-family: NinoMkhedruli;
	}

	.practicePage ul li:first-child{
		color: #3F6879;	
	}	
	
	
	.practicePage ul li:not(:first-child):before{

		content: "\2022";
		color: #FFC10E;
		font-weight: bold;
		display: inline-block; 
		width: 1em;
		margin-left: 0;
		
		
	}
	/*Practice END*/
	
		

	/*Blog BEGIN*/	
	.blogPage{
		margin-bottom: 2rem;
	}
	
	.blogItem{
		margin-top: 2rem;
		text-align: center;
	}	

	.blogItem a,
	.blogItem a:hover,
	.blogItem a:visited
	{
		display: inline-block;
		position: relative;
		
		color: #3F6879;
		text-decoration: none;

	}	
	
	.blogItem a img{
		max-height: 100%;
		max-width: 100%;
	}

	.blogItem h1{
		border-left: 7px solid #F7C00A;
		padding: 8px;
		margin-top: 1rem;
		display: inline-block;
		height: 2.5rem;
	}
	
	.blogArticle h1{
		margin: 2rem 1rem;
		font-size: 1.5rem;
	} 
	

	
	.blogArticle img{
		width: 100%;		
		object-fit: cover;
	}
	
	.blogArticleBody{
		margin: 2rem 1rem;
		font-size: 1.2rem;
	}

	/*Blog END*/	

	/*Pagination BEGIN*/
	.pagination{
		margin: 2rem auto;
	}
	
	.pageOverrid {
		list-style: none;
	}
	
	.pageOverride li{
		display: inline-block;
		padding: 5px;
		font-size: 1.2rem;
		line-height: 1.2rem;
		font-family: Myriad Pro Regular;
	}
	
	.pageOverride li a,
	.pageOverride li a:visited,
	.pageOverride li a:hover{
		color: #3F6879;
		text-decoration: none;
		
	}
	
	
	.pageOverride .active{
		background-color: #e7b818;
		color: #FFFFFF;
		padding: 10px 5px;
	}
	/*Pagination END*/
	
	/*Contact BEGIN*/
	.contactPage{
		font-size: 1.5rem;
		color: #2E596A;
		margin: 1rem 0;
	}
	
	.contactTopBanner{
		height: 205px;
				
		background: url('../img/contactheaderbg_med.png') center center no-repeat;
		background-size: cover;
	}
	
	
	.contactSocial{
		text-align: center;
		margin: 2rem;
		font-size: 3.5rem;
		
	}
	
	.contactSocial a{
		padding: 0 2rem;
	}
	
	.contactPage a,
	.contactPage a:visited,
	.contactPage a:hover
	{
		text-decoration: none;
		color: #2E596A;
		
	}
	/*Contact END*/
	

	@media only screen and (min-width: 768px) {
	/*MainPage BEGIN*/
		.mainPage{
			font-size: 1.8rem;
		}

		.mainPage h2{
			padding: 3rem 0rem;
			font-size: 2.1rem;
		}
	/*MainPage END*/
	
	/*Company BEGIN*/
	.companyPage h2{
		margin-top: 2rem;
		font-size: 3rem;
	}

	.companyPage h3{
		margin: 1.5rem 0;
		font-size: 2.5rem;
	}

	.companyPage p{
		margin-top: 0.5rem;
		font-size: 2rem;		
	}		
	/*Company END*/	
	
	/*Team BEGIN*/	
	.teamArticleBanner{
		height: 315px;
  		font-size: 2.4rem;
 	}	

	.teamArticleBody{
	    font-size: 2rem;
	}

 	.teamArticleBanner h1{
		margin-left: 20px;
		font-size: 4rem;
	}  	
	/*Team END*/
	
	
	/*Practice BEGIN*/	
	.practicePage{
		font-size: 2rem;
	}
	/*Practice END*/	
	
	

	/*Blog BEGIN*/
	.blogItem h1{
		height: 3.5rem;
		font-size: 2rem;
		padding-left: 12px;
	}

	.blogArticle h1{
		font-size: 1.8rem;
		margin-left: 0px;
	} 
	
	.blogArticleBody{
		margin: 2rem 0rem;
		font-size: 2rem;
	}

	/*Blog END*/


	/*Pagination BEGIN*/
	.pagination{
		margin: 2rem auto;
	}
	
	
	.pageOverride li{
		font-size: 2rem;
		line-height: 2rem;
	}
	
	.pageOverride .active{
		padding: 10px 5px;
	}
	/*Pagination END*/

	/*Contact BEGIN*/
	.contactTopBanner{
		height: 410px;
		background-size: auto;
	}
	
	.contactPage{
		font-size: 2rem;
	}
	
	.contactSocial{
		font-size: 4rem;
		
	}	
	/*Contact END*/



	}



	@media only screen and (min-width: 992px) {
	/*MainPage BEGIN*/
		.mainPage{
			font-size: 1.6rem;
		}

		.mainPage h2{
			padding: 3rem 0rem;
			font-size: 1.9rem;
		}
	/*MainPage END*/
	
	/*Company BEGIN*/	
	/*Company END*/	

	/*Team BEGIN*/	
	.teamArticleBanner{
		height: 440px;
  		font-size: 3rem;
 	}	

 	.teamArticleBanner h1{
		margin-left: 20px;
		font-size: 4.5rem;
	}  	
	/*Team END*/

	/*Contact BEGIN*/
	.contactTopBanner{
		height: 400px;
		background-size: auto;
		background: url('../img/contactheaderbg_big.png') center center no-repeat;
	}
	
	.contactSocial{
		text-align: center;
		margin: 3rem;
		font-size: 5rem;
		
	}
	/*Contact END*/

	}
	

/*MAIN BODY END*/



/*FOOTER CSS BEGIN*/
.footer,
.footerBottom{
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	background-color: #406778;
}

.footerImage {
	/*background: url('../img/practicefooterbg.png') bottom center no-repeat;*/
	background: url('../img/bannermain1_big.png') bottom center no-repeat;
	
	background-size: contain;
	
	height: 200px;
}

@media only screen and (min-width: 768px) {
	.footerImage {
		height: 380px;
	}
}

@media only screen and (min-width: 992px) {
	.footerImage {
		height: 700px;
	}
}
/*FOOTER CSS END*/