@import url("plugin.css");
@import url("responsive.css");
@import url("component.css");
@charset "utf-8";
body { font-family: "Open Sans", "Segoe UI light", Verdana, Tahoma, Helvetica, sans-serif; font-size:100%; margin:0; padding:0; border-top:#E9CB15 6px solid; color:#FFF; }
.cl { clear:both }
h1, h2, h3, h4, h5, h5, h6 { margin:2px 0; padding:0; color: #FFF; font-weight: 300; }
h2 { font-size: 16px; }
h3 { font-size: 24px; }
h4 { font-size:17px; margin: 0px; }
a:link { color: #FFF; text-decoration: underline; }
a:visited { text-decoration: none; color: #FFF; }
a:hover { text-decoration: underline; color: #999; }
a:active { text-decoration: none; color: #069; }
.logo { margin: 20px auto 5px auto; width: 195px; }
ul, ol { margin:0; padding:0; list-style:none }
.hide { display:none }
.fleft { float:left }
.fright { float:right }
a.link { text-decoration:none; color:#FFF; font-size:10px }
a.link:hover { color:#F00; }
.small_font { font-size:11px }
.topmenu { color: #E2E0E1; margin-top: 10px; margin-bottom: 10px; }
.topmenu li { float:left; list-style:none; display:block; margin-right: 10px; }
.topmenu li a { text-decoration: none; color: #FFF; font-size: 11px; padding:10px; display:block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #f26522; }
.topmenu li a:hover { background-color:#069; color:#FFF }
.topmenu li .current { color:#222; }
.box1 { background-color:#6950AB; }
.box2 { background-color:#509601; }
.box3 { background-color:#AA0055; }
.box4 { background-color:#FFF; }
.box5 { background-color:#EF3A5B; }
.box6 { background-color:#3C599F; }
.box7 { background-color:#F60; }
.box8 { background-color:#00B7B4; }
.color1{ background-color:#17004f !important;}
.color2{ background-color:#34A7D5 }
.color3{ background-color:#124d68 }
.color4{ background-color:#6962bc }
.color5{ background-color:#A40D3F}
.color6{ background-color:#3f601a }
.vilamparam li { font-size: 12px; display: block; clear: both; padding: 7px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #A6D2F0; height: 36px; overflow: hidden; }
.grid5.buyandsell, .grid5.vcarelogin { padding: 1%; }
.button { display: block; color: #333; text-decoration:none; border-radius:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; float: left; text-align: center; }
.button:hover { background-color:#3182B6; color:#FFF; border: solid 1px #333 }
.medium { font-size: 14px; padding: 3px 12px; }
.large { font-size: 14px; padding: 8px 12px; }
.yellowbtn { background:#FC0; border:solid 1px #F90; color: #000; }
.greenbtn { background:#8BA645; border:solid 1px #7b9025 }
.bluebtn { background:#6FC0D2; border:solid 1px #046B82 }
.login { height:25px }
input[type="text"], input[type=password], textarea { font-family: Arial, Helvetica, sans-serif; color:#5b5755; font-size:12px; vertical-align:middle; font-weight:normal; padding:5px 0 4px 0; margin:0; background:#fff; outline:none; border:none; width:100%; text-indent: 10px; border:1px solid #ADAEAE; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { box-shadow: 0 0 5px #CCCCCC; border:1px solid #3182B6; }
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover { box-shadow: 0 0 5px #CCCCCC; }
select { font-family: Arial, Helvetica, sans-serif; color:#5b5755; font-size:12px; vertical-align:middle; font-weight:normal; padding:6px 0; margin:0; background:#fff; outline:none; border:none; width:100%; border:1px solid #8EC940;}
.form-col-1-8, .form-col-2-8, .form-col-3-8, .form-col-4-8, .form-col-5-8, .form-col-6-8, .form-col-7-8, .form-col-8-8 { float:left; padding:0 1%; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; margin-top:10px }
.form-col-1-8 { width:12.5% }
.form-col-2-8 { width:25% }
.form-col-3-8 { width:37.5% }
.form-col-4-8 { width:50% }
.form-col-5-8 { width:62.5% }
.form-col-6-8 { width:75% }
.form-col-7-8 { width:87.5% }
.form-col-8-8 { width:100% }
hr { border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; height: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; opacity:.3 }
.clients { height: 100px; margin: 0 25px; overflow: hidden; }
p { font-size: 14px; color: #FFF; line-height: 20px; text-align: justify; margin: 0px; padding-bottom: 10px; }
.list1 li { font-size: 14px; background-image: url(../images/aero.png); background-repeat: no-repeat; background-position: 3px 3px; padding: 0 0 10px 15px; display: block; line-height: 20px; }
.pad10 { padding:10px }
.menu { margin: 0 0 10px; width: 98%; }
figure { margin:0; padding:0 }
img { border:0 }
figure img { height: auto; width: 100%; }
.wide { width:100%; padding: 8px 0; }
.social li a { background-image: url(../images/share.png); height: 24px; width: 24px; display: block; float: left; margin-left: 10px; }
.social li .social1 { background-position:0 0 }
.social li .social2 { background-position:-24px 0 }
.social li .social3 { background-position:-48px 0 }
.social li .social4 { background-position:-72px 0 }
.social li .social5 { background-position:-96px 0 }
.social li a:hover { opacity:.6 }
.mar5 { margin:5px }
.ht1 { height:125px}
.ht1a { height:145px}
.ht2 { height:280px }
.ht3 { height:125px}
.news-item a { font-size: 14px; color: #FFF; line-height: 20px; }
.icons { background-image: url(../images/icon.png); height: 72px; width: 72px; margin: 10px auto; }
.home { background-position:0 0}
.fb { background-position:0 -72px }
.vcare { background-position:0 -144px }
.nms { background-position:0 -216px }
.jo { background-position:0 -288px }
.expo { background-position:0 -360px }
.mobile { background-position:0 -432px }
.mm { background-position:0 -504px }
.dl { background-position:0 -576px }
.cfts { background-position:0 -648px }
.contact { background-position:0 -720px}
.hovereffect { position:relative; overflow:hidden; text-align:center}
.hovercon { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#AA0055; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }

.hovercon-or { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#FF6600; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }


.hovercon-bl { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#00B7B4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }


.hovercon-gr { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#509601; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }


.hovercon-db { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#3C599F; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }

.hovercon-wh { position:absolute; width:83%; height:83%; left: 0px; top: 0px; opacity:0; background-color:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding: 10%; color: #FFF; line-height:20px }

.hovereffect:hover .hovercon { opacity:.9; color: #FFF; text-decoration: none; }

.hovereffect:hover .hovercon-or { opacity:.9; color: #FFF; text-decoration: none; }
.hovereffect:hover .hovercon-bl { opacity:.9; color: #FFF; text-decoration: none; }
.hovereffect:hover .hovercon-gr { opacity:.9; color: #FFF; text-decoration: none; }
.hovereffect:hover .hovercon-db { opacity:.9; color: #FFF; text-decoration: none; }
.hovereffect:hover .hovercon-wh { opacity:.9; color: #F00; text-decoration: none; }

.hovereffect:hover .fb { opacity:1}
.dwn { background: url(../images/aero-l.png) no-repeat scroll center center transparent; display: block; float: left; height: 20px; width: 20px; padding:6px 0; }
.html5 { width:60px; float: right; margin-right: 10px; }
/*	* FLIP	*/
.thumb { display:block; width:100%; height:100%; position:relative; float:left; }
.thumb-wrapper { display:block; }
.thumb img { width:100%; height:100%; position:absolute; display:block; }
.thumb .thumb-detail { display:block; position:absolute; font-weight:bold; font-size:14px; top:-5px; left:-5px; right:-5px; bottom:-5px; }
.thumb .thumb-detail a { display:block; width:100%; height:100%; font-weight:bold; color:#FFF; text-decoration:none; font-size:14px;}



/*	* Without CSS3	*/
.thumb.scroll { overflow: hidden; }
.thumb.scroll .thumb-detail { bottom:0px; }
/*	* CSS3 Flip	*/	
	.thumb.flip { -webkit-perspective:800px; -moz-perspective:800px; -ms-perspective:800px; -o-perspective:800px; perspective:800px; }
.thumb.flip .thumb-wrapper { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform 1s; -ms-transition: -moz-transform 1s; -o-transition: -moz-transform 1s; transition: -moz-transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.thumb.flip .thumb-detail { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.thumb.flip img,  .thumb.flip .thumb-detail { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.thumb.flip .flipIt { -webkit-transform: rotateY(-179deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); }
@media only screen and (min-width: 768px) and (max-width: 995px) {
.ht1 { height:100px}
.ht1a { height:120px}
.ht2 { height:200px }
p { font-size: 12px; color: #FFF; line-height: 16px; text-align: justify; margin: 0px; }
body {font-size:88%;}
}
address { margin: 5px 0; }
.uc { background-image: url(../images/uc.png); background-repeat: no-repeat; background-position: center center; height: 300px; width: 100%; }