/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');*/

body {
	background-color: #424443;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.7em;
}
a {color:#FFFFFF; font-weight: normal; text-decoration: none;
-webkit-transition: color 400ms;
transition: color 400ms;
	color:#AECA37;
	border-bottom:1px solid #AECA37;
}
a:hover, a:focus { color:#AECA37; color:#FFFFFF; text-decoration: none; border-bottom:1px solid #FFFFFF; }
h1 { margin: 0 0 20px; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 0.1em; COLOR:#AECA37; }
h3 { margin:0 0 10px; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0.05em; line-height: 1.4em; }
h4 { margin:0 0 10px; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0em; font-size: 18px; line-height: 1.4em; }
h4.list-heading { margin-bottom: 0; }
img {
    display: block;
    max-width: 100%;
    height: auto;
}
p { margin: 0 0 15px; }
div {display:block; }
table { width:100%; }
table td { width:50%; vertical-align:middle; }
.clear:after {display:table; clear:both; content:""; width: 100%;  }
.container {
	margin:20px auto;
	padding:0px 15px;
	border:0px solid #3F3F3F;
	min-height: 30px;
	/*background-color: #ffffff;*/
}
ul { margin:0 0 15px; }


#header {  text-align: center; position: relative;}
#header > div { float:left; }
#header > div.logo {}
#header > div.slogan { text-align: center;  }
#header > div.slogan div { padding:0px;}
#header > div.welcome > div { border-top:1px solid #AECA37; width:90%; margin: 0 5%; padding:10px 0 0; }

#header .vvster { display:block; width:100%; position: relative; text-align: right; }
#header .vvster > div { /*position:relative; right: 30px; bottom: 20px;*/  }
#header .vvster > div img { transform: rotate(20deg); width: 75px; float: right; }


#main .row { display:flex; margin: 0 -15px;}
#main .row [class*='col'] { flex:1; position: relative; }

#main .heading-center{ text-align:center; margin:0 0 50px; color:#AECA37; font-weight: 400; }

#main .logoos { text-align:center; }
#main .logoos > div { display:block; border-left:0px dotted #00AEEF; margin-left: 10px;}
#main .logoos a { display:inline-block; text-align:center; padding: 5px; margin: 5px; }
#main .logoos img { max-height: 80px; margin:5px auto; }
#main .text {  }
#main .text >div { margin: 0 15px; }
/*#main .text.text1 {border:1px solid #f00;}*/
/*#main .text.text1 { padding-bottom:200px}*/
#main .text.text1 > div .callme {
	border-left:5px solid #DEAF3B;
	border-left:5px solid #AECA37;
	padding-left:10px; /*position: absolute; bottom: 20px;*/  }
#main .text.text1 > div .callme p { margin: 0; }
#expertise { background-color: #F4ECDF; margin:0 -15px; padding:10px 15px;line-height: 24px;}
#expertise ul { margin:0;}
#banner, #copyright { margin:0 -15px; text-align: center; font-size: 14px; font-weight: bold;}
#banner p, #copyright p { margin:0 0 5px;}

#menu { list-style: none; text-align: center; padding:20px 0 0; }
#menu > li { display: inline-block; }
#menu > li > a { display:block; padding:5px; margin: 0 5px; border:1px solid #AECA37; color:#AECA37; }
#menu > li > a:hover, #menu > li > a:focus { border:1px solid #3F3F3F; color:#3F3F3F; text-decoration: none; }

[class*='col'] {display:block; float:left; flex:none; }
.col12 {width:100%;}
.col9 { width:75%}
.col8 { width:66.6666666666%}
.col6 { width:50%;}
.col4 { width:33.3333333333%;}
.col3 { width:25%;}
.col2 { width:16.6666666666%;}
@media (min-width:480px){
	.container { width: 470px; }
/*	#header .vvster  { position: absolute; right: 30px; bottom: 10px; }
	#header .vvster > div img { width:100px; }*/
}
@media (min-width: 768px) {
	.container { width: 750px; }
	#header .vvster  { position: absolute; right: 30px; bottom: 10px; }
	#header .vvster > div img { width:100px; }
	h1 { letter-spacing: 0;}
	#header > div.welcome > div { border-top:1px solid #AECA37; width:90%; margin: 0 5%; padding: 10px 0; }

}
@media (min-width: 992px) {
	.container { width:970px; }
	#header .vvster  { position: absolute; right: 50px; bottom: 0px; }
	#header .vvster > div img { width:125px; }
}
@media (min-width: 1200px) {.container { width: 1100px; }}
@media (max-width: 768px) {
[class*='col'] {float:none; width:100%; }
/*#header [class*='col'] { width:50%; float: left;}*/
#main .row { display:block;}
#main .row [class*='col'] { flex:none;}
#main .text.text1 > div .callme { border-left:0; border-top:5px solid #DEAF3B; border-bottom:0px solid #DEAF3B; margin-bottom: 20px; padding-left:0px; padding-top:10px; padding-bottom: 20px; position:relative; bottom:0px; }
	
}