@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {	max-width: 100%}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%;}

body { margin: 0; /*font-size: 13px*/; /*line-height: 1.231;*/ line-height:2em; font-size: 62.5%; /* font-size 1em = 10px */}

#header, #logo, #menu, #nav ul li a, #featured, .column { transition: all 0.5s linear 0s;}
h1, h2, h3 { color:#0072bc }
/*h1 { font-size:2em; }
h2 { font-size:1.6em}
h3 {font-size:1.2em}*/

/*#text_block   {font-size:1.6em}*/
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	/*width: 87.36%;*/
	width: 100%;
	/*padding-left: 1.82%;
	padding-right: 1.82%;*/
}
/*#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#header {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	width: 100%;
	display: block;
	
	float: none;
	margin:0 auto;
	max-width:90%;
}
#logo {
	/*clear: both;
	float: left;
	margin-left: 0;*/
	width: 80%;
	display: block;
	cursor:pointer;
}

#menu1 {
	clear: both;
	float: left;
	margin-right:0;
	/*margin-left: 0;*/
	width: 100%;
	display: block;
	height:100%;
	
}

/*nav { max-height:100%;
		max-width:100%;
		margin:0 auto;
		float:left;}
		
nav ul {
	max-width:100%;
	width:100%;
}

nav ul li {
	display:inline-block;
	padding:1em 0.5em 1em 0.5em;
	background:none;
	}

nav ul li:hover {
	cursor:pointer;
	background:#0072bc;}

nav ul li a {
	font-size:1.6em;
	text-decoration:none;
	color:#39F;
	padding:1em 0.1em 1em 0.1em;
}
nav ul li a:hover {	color:#fff;}
#active a {	color:#fff;}	
#active {background:#0072bc;}*/
/*-----------header end------------------*/
#featured {clear: both; margin-left: 0;width: 90%; height:25%; display: block; margin:0 auto; float:none /*background:#F00;*/}
#featured img { width:100%}

#content_wrapper {clear: both;float: left;margin-left: 0;width: 100%;display: block;
	float: none; margin:0 auto;	max-width:90%; height:100%;
	border-top:#e0e0e0 solid 3px;
	}
	
#row {clear: both; display:block; float:none; margin:0 auto;
	max-width:100%;
	width:100%;
	height:auto;
	
	/*border:#000 dotted 1px;*/
	}
	
#text_block {clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;

text-align:center;
	}
	
#text_block h1 {font-size:1.4em; font-weight:lighter;}
#text_block p {font-size:1.3em; color:#000; font-weight:lighter}	

.columns {
    width: 100%;
	/*border:#0095da solid 1px;*/
}

.columns:after {
    clear: both;
    content: "";
    display: block;
}

.column {
	width:48%;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
	padding-top:1%; 
	vertical-align:top;
	float:left;
	height:auto;}
	
/*.column:hover { 
box-shadow:#e1e1e1 1px 1px 5px 4px;
-moz-box-shadow:#e1e1e1 1px 1px 5px 4px;
-ms-box-shadow:#e1e1e1 1px 1px 5px 4px;
-o-box-shadow:#e1e1e1 1px 1px 5px 4px;
-webkit-box-shadow:#e1e1e1 1px 1px 5px 4px;
cursor:pointer}*/
	
.column h1 { font-size:1.3em; font-weight:normal; /*color:#585858;*/ color:#000; text-align:center; }
.column p { font-size:1.1em; text-align:justify; /*text-align:center;*/ padding:0 6%; color:#585858}
.icons { width:80%; height: 80%;  max-width:35%; float:none; margin:0 auto; text-align:center; }
/*.rect_img_box { width:90%; height: 90%;  max-width:100%; float:none; margin:0 auto; text-align:center;
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1)
}
.rect_img_box {box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);}*/
		
.rect_img_box1, .rect_img_box2, .rect_img_box3, .rect_img_box4 { /*width:100%; height: 100%;  max-width:100%;*/ float:none; margin:0 auto; text-align:center; /*width:256px;*/ /*height:151px;*/ max-width:180px;/* min-width:180px;*/ max-height:80px;/* min-height:100px;*/
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rect_img_box1 { background-image:url(images/prjt_1.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box2 { background-image:url(images/prjt_2.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box3 { background-image:url(images/prjt_3.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box4 { background-image:url(images/prjt_4.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover{
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
		/*background:#000;
		opacity: .5; filter:alpha(opacity=50);	cursor:pointer;*/
}

.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover, .info {
	opacity: 1;
	/*opacity: 0.2;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1) ;
	transform: scale(1);
	/*background:none;*/
	background:url(images/info_bg.png);
}

.rect_img_box1:after, .rect_img_box1:before {
    content: "";
    display: table;
}

.rect_img_box2:after, .rect_img_box2:before {
    content: "";
    display: table;
}

.rect_img_box3:after, .rect_img_box3:before {
    content: "";
    display: table;
}

.rect_img_box4:after, .rect_img_box4:before {
    content: "";
    display: table;
}

.info {
	overflow: hidden;
	color: #fff;
	font-size: 10px;
	text-align: center;
	  /* background: url(images/info_bg.png) 0 0 repeat;*/
   /* border-radius: 5% 5% 5% 5%;*/
	/*border-radius: 50% 50% 50% 50%;*/
    /*height: inherit;*/
    opacity: 0;
   /* top: 0;
    right: 0;
    left: 0;
    position: absolute;*//*bg
    -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
    -webkit-transition: ;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition:all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;*/
    /*width: inherit;*/
}

.info {overflow: hidden; }
.info:hover { opacity:1; }
.info .title {
	/*padding-bottom: 39px;*/
	padding-bottom:0;
	border-bottom: 1px solid #fff;
	/*font: 36px/44px 'Dosis', sans-serif;*/
	margin: 0 10px 18px;
	padding-top: 0;
	text-transform: uppercase;
}

.title { overflow:hidden }
.title:hover { overflow:visible}

.info  a {
	/*text-transform: uppercase;*/
	display: inline-block;
	color: #ec0606;
	/*margin-top: 9px;*/
}

.info a:hover {
	color: #999999;
}
		
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

span { float:left; color:#0072bc; width:100%; text-align:left; padding-left:5%; font-weight:lighter}
.line { width:100%; height:1em; background:#8faa2c; float:none; margin:0 auto; clear: both; display:block}

footer {
	clear: both;
	width: 100%;
	height:auto;
	display: block;
	
	float: none;
	margin:0 auto;
	max-width:100%;
	background:#6d777e;
	/*background:#777777;*/
}

footer #row h1 { color:#fff; text-align:left; margin-left:10%}
footer #row P { color:#fff}
footer #row P span1 { color:#6CF; font-weight:bold}
/*footer #row { color:#fff;}*/
footer #row ul{ display:block;}
footer #row ul li{ display:block; list-style:none; cursor:pointer}
footer #row ul li a { text-decoration:none; color:#000; font-weight:lighter; /*font-size:1.6em*/}
footer #row ul li a:hover { color:#fff}

.cnt_icons_box { width:70%; height: auto;  max-width:100%; float:left; text-align:center; margin-left:6% } 
.cnt_icons_box img { padding:0.1em; cursor:pointer; width:19%; height:20%; max-width:60%; }
.cnt_icons_box img:hover {opacity:0.5;	filter:Alpha(opacity=50); /* IE8 and earlier */}
#top_menu { clear: both; /*float: left;*/ margin-left: 0; width: 100%; display: block;

	float: none;
	margin:0 auto;
	max-width:100%;
	/*background:#8faa2c;*/
	background:#0072bc;
	height:3em;
	/*max-height:3em;*/
	
 }
 
#top_menu nav{  /*border:#F00 dotted 1px;*/ width:95%; margin:0 auto; float:none}
#top_menu nav ul { /*width:100%; max-width:40%;*/ /*border:#fff dotted 1px;*/ float:right; }
#top_menu nav ul li { display:inline-block;/* border:#000 dotted 1px;*/ margin:0.2em 0 0.2em 0.5em; float:right}
#top_menu nav ul li a { text-decoration:none; color:#fff; font-weight:normal; font-size:1.1em; }
#top_menu nav ul li a:hover { color:#000;}

/*software*/
.column_left { 
	width:100%; 
	height: auto;  
	max-width:100%; 

	float:none; 
	margin:0 auto;}

	
.column_rgt {/*border:#F00 solid 1px;*/
	width:100%; 
	height: auto;  
	max-width:100%; 

	float:none; 
	margin:0 auto;}
	
.column_left p {font-size:1.08em; padding:2%; /*background:#ececec*/ background:#eeeeee} 
.column_rgt p {font-size:1.08em; padding:1% 0}
.column_left h1 { font-size:1.9em; padding:0; width:80%;}
.column_rgt h1 { font-size:2em; padding:0 3%; width:80%}
.column_left h2, .column_rgt h2 { font-size:1.5em; padding:0 3%; margin:0.5em 0}
/*.column_left ul { background:#eeeeee }
.column_left ul li { list-style-image:url(images/arrow.png); }*/

.column_rgt ul {background:#f0f0f0; padding-top:0.5em; padding-bottom:0.5em}
.column_rgt ul li { font-size: 1.08em; color:#72912b;/* color:#e47421;*/ /*background:#f0f0f0;*/ background:#ececec; list-style-image:url(images/arrow.png)}

.content_navigation { float:left; height:auto}
#content_navigation ul {
	display: list-item;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content_navigation ul li {
	display: list-item;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#content_navigation ul li a {
	display: block;
	margin: 0px;
	padding: 0.6em;
	padding-left:0;
	font-size: 1.09em;
	color: #0C498F;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
}

#content_navigation ul li a:hover { color:#39F }


.content_footer {
border:3px solid #E0E0E0;
    clear: both;
    display: block;
	
    float: left;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
	height: 100%;
	
	background:#f0f0f0;
}
.content_footer img { width:100%; max-width:60%; height:auto}
.content_footer p { float:right; text-transform:uppercase; font-size:1.5em; width:32%; height:auto; line-height:1em}

.column_left_bnr { width:100%; max-width:100%; height:auto; float:left; border-bottom:#e6e6e6 solid 5px; margin-bottom:3em}
.column_left span6 { color:#000; font-weight:bold; float:right}
.column_left span7 { color:#000; font-size:0.9em; font-weight:lighter; float:right; color:#0CF; padding-top:0.5em}
.line8 { border:#CCCCCC dotted 0.1em}

/*contact form*/
form { color:#666666; font-size:1.2em; padding:2.5% 0 0 10%; /*border:#F00 dotted 1px*/ }
.form_field { color:#333; font-size:1.2em; padding:2.1% 0 0 0%;}

.input_field_1 {	width:80%;	height:2.2em;	padding-left:5px;	border:#CCC solid 1px; background:#f1efef}
.text_field_1 { width:97%; height:8em; float:left; padding:0.8em 0 0 0.8em; background:#f1efef; border:#CCC solid 1px;}

.btn_st { background:#ffba03;  padding:5.5px 26px; color:#FFF; float:right; margin-top: 0.7em; margin-left:0.5em; margin-right:0.2em;border:none;}
.btn_st:hover {	opacity: .5; filter:alpha(opacity=50);	cursor:pointer;}

span9 { color:#e4721d; font-weight:normal; font-size:1.5em}
span10 { color:#000}
span12 { color:#0072bc; font-weight:bold}
span14 a{ color:#e4721d; font-weight:bold; float:right; text-decoration:none }
span14 a:hover{ color:#F00; font-weight:bold}

#clnt_lg {}
#clnt_lg:hover { background:#e6e6e6}

#bg_404 { background:#09F }
#content_404 { width:100%; height:auto; font-weight:lighter; text-align:center; background:#09F; padding-bottom:17%; padding-top:8% }
#content_404 h1 { font-size:5em; color:#0072bc; text-align:center; position:relative; font-weight:normal; padding-top:5% }
#content_404 p { color:#ffffff; font-size:1.5em; }
#content_404 h2 a{ color:#000000; font-weight:lighter }
#content_404 h2 a:hover { color:#cccccc; }

h1 a { color:#ffffff; text-decoration:none }
h1 a:hover { color:#b2b2b2 }
#thnk { width:auto; height:auto; float:none; text-align:center; margin:0 auto; font-size:15px; padding-top:3em }

@media only screen and (min-width: 481px) {
.gridContainer {
	/*width: 90.675%;*/
	width: 100%;
	/*padding-left: 1.1625%;
	padding-right: 1.1625%;*/
}

#header {}

#logo {	width:250px; height:84px;  }

#menu1 {
	/*clear: both;
	float: left;
	margin-left: 0;*/
	clear:both;
	width: 100%;
	/*width:100%;*/
	float:left;
	display: block;
	/*border:#F00 dotted 1px;*/
}

/*nav { 
		max-width:100%;
		margin:0 auto;
		float:left;}
		
nav ul {
	max-width:100%;
	width:100%;
}

nav ul li {
	display:inline-block;
	padding:2.5em 0.7em 2.5em 0.7em;
	background:none;
	}

nav ul li:hover {
	cursor:pointer;
	background:#0072bc;}

nav ul li a {
	font-size:1.8em;
	text-decoration:none;
	color:#39F;
	padding:1.2em 0.1em 1.2em 0.1em;
}
nav ul li a:hover {	color:#fff;}
#active a {	color:#fff;}	
#active {background:#0072bc;}
*//*-----------header end------------------*/
#featured {}
#content_wrapper {}
#row {}

#text_block {}
#text_block h1 {font-size:1.8em}
#text_block p {font-size:1.6em;}	

.column {/*width:23.5%;*/ width:48%;}
.column h1 { font-size:1.6em;}
.column p { font-size:1.3em;}
.icons { width:80%; height: 80%;  max-width:30%;}
.line{ height:1em}

footer #row ul li a {font-size:1em}
.cnt_icons_box { width:50%; max-width:90%; margin-left:7% } 
.cnt_icons_box img { width:20%; height:20%; max-width:50%; }
#top_menu { clear: both; /*float: left;*/ margin-left: 0; width: 100%; display: block;

	float: none;
	margin:0 auto;
	max-width:100%;
	
	background:#0072bc;
	height:3em;
	/*max-height:4em;*/
 }
 
#top_menu nav{ /*float:right;*/  width:90%; margin:0 auto; float:none}
#top_menu nav ul { /*width:100%; max-width:40%;*/ float:right; }
#top_menu nav ul li { display:inline-block; margin:0.3em 0 0.2em 1.5em; float:right}
#top_menu nav ul li a { text-decoration:none; color:#fff; font-weight:normal; font-size:1.3em; }
#top_menu nav ul li a:hover { color:#000;}

/*software*/
.column_left {
	width:100%; 
	height: auto;  
	max-width:36%; 

	float:left; 
	margin:0 auto;}
	
.column_rgt {
	border-left: 1px solid #E6E6E6;
	width:100%; 
	height: auto;  
	max-width:62%; 

	float:right; 
	margin:0 auto;}
	
.column_left p {font-size:1.1em; padding:3%; } 
.column_rgt p {font-size:1.1em; padding:1% 3%}
.column_left h1 { font-size:1.9em; padding:0; width:80%;}
.column_rgt h1 { font-size:2em; padding:0 3%; width:80%}
.column_left h2, .column_rgt h2 { font-size:1.5em; padding:0 3%; margin:0.5em 0}

.column_rgt ul li { font-size: 1.1em}

.content_navigation { float:left; height:auto}
#content_navigation ul {
	display: list-item;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content_navigation ul li {
	display: list-item;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#content_navigation ul li a {
	display: block;
	margin: 0px;
	padding: 0.6em;
	padding-left:0;
	font-size: 1.09em;
	color: #0C498F;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
}



.content_footer {
border:3px solid #E0E0E0;
    clear: both;
    display: block;
	
    float: left;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
	height: 100%;
	
	background:#f0f0f0;
}
.content_footer img { width:100%; max-width:60%; height:auto}
.content_footer p { float:right; text-transform:uppercase; font-size:1.5em; width:32%; height:auto; line-height:1em; }

.column_left_bnr { width:100%; max-width:100%; height:auto; float:left; border-bottom:0; margin-bottom:0}
.column_left span6 { color:#000; font-weight:bold; float:right}
.column_left span7 { color:#000; font-size:0.9em; font-weight:lighter; float:right; color:#0CF; padding-top:0.5em}
.line8 { border:#CCCCCC dotted 0.1em}

/*contact form*/
form { color:#666666; font-size:1.2em; padding:2.5% 0 0 10%; /*border:#F00 dotted 1px*/ }
.form_field { color:#333; font-size:1.2em; padding:2.1% 0 0 2%;}

.input_field_1 {	width:80%;	height:2.2em;	padding-left:5px;	border:#CCC solid 1px; background:#f1efef}
.text_field_1 { width:97%; height:10em; float:left; padding:0.8em 0 0 0.8em; background:#f1efef; border:#CCC solid 1px;}

.btn_st { background:#ffba03;  padding:7px 30px; color:#FFF; float:right; margin-top: 0.7em; margin-left:0.5em; margin-right:0.2em;border:none;}
.btn_st:hover {	opacity: .5; filter:alpha(opacity=50);	cursor:pointer;}

span9 { color:#e4721d; font-weight:normal; font-size:1.5em}
span10 { color:#000}
span12 { color:#0072bc; font-weight:bold}

/*.rect_img_box { width:90%; height: 90%;  max-width:100%; float:none; margin:0 auto; text-align:center; 
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1)
}
.rect_img_box {box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);}*/
		
.rect_img_box1, .rect_img_box2, .rect_img_box3, .rect_img_box4 { /*width:100%; height: 100%;  max-width:100%;*/ float:none; margin:0 auto; text-align:center; /*width:256px;*/ /*height:151px;*/ max-width:256px;/* min-width:180px;*/ max-height:151px;/* min-height:100px;*/
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rect_img_box1 { background-image:url(images/prjt_1.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box2 { background-image:url(images/prjt_2.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box3 { background-image:url(images/prjt_3.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box4 { background-image:url(images/prjt_4.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover{
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
		/*background:#000;
		opacity: .5; filter:alpha(opacity=50);	cursor:pointer;*/
}

.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover, .info {
	opacity: 1;
	/*opacity: 0.2;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1) ;
	transform: scale(1);
	/*background:none;*/
	background:url(images/info_bg.png);
}

.rect_img_box1:after, .rect_img_box1:before {
    content: "";
    display: table;
}

.rect_img_box2:after, .rect_img_box2:before {
    content: "";
    display: table;
}

.rect_img_box3:after, .rect_img_box3:before {
    content: "";
    display: table;
}

.rect_img_box4:after, .rect_img_box4:before {
    content: "";
    display: table;
}

.info {
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	text-align: center;
	  /* background: url(images/info_bg.png) 0 0 repeat;*/
   /* border-radius: 5% 5% 5% 5%;*/
	/*border-radius: 50% 50% 50% 50%;*/
    /*height: inherit;*/
    opacity: 0;
   /* top: 0;
    right: 0;
    left: 0;
    position: absolute;*//*bg
    -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
    -webkit-transition: ;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition:all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;*/
    /*width: inherit;*/
}

.info {overflow: hidden; }
.info:hover { opacity:1; }
.info .title {
	/*padding-bottom: 39px;*/
	padding-bottom:10px;
	border-bottom: 1px solid #fff;
	/*font: 36px/44px 'Dosis', sans-serif;*/
	margin: 0 35px 18px;
	padding-top: 57px;
	text-transform: uppercase;
}

.title { overflow:hidden }
.title:hover { overflow:visible}

.info  a {
	text-transform: uppercase;
	display: inline-block;
	color: #ec0606;
	/*margin-top: 9px;*/
}

.info a:hover {
	color: #999999;
}

#clnt_lg { }
#clnt_lg:hover { background:#e6e6e6}
.rect_img_box img { margin-left:4em}

#content_404 h1 { font-size:9em; }
#content_404 p { font-size:1.7em; }
#thnk { width:400px; height:auto; float:none; text-align:center; margin:0 auto; font-size:20px; padding-top:5em }
}


@media only screen and (min-width: 769px) {
.gridContainer {
	/*width: 88.2%;
	max-width: 1232px;*/
	width: 100%;
	max-width: 1600px;
	/*padding-left: 0.9%;
	padding-right: 0.9%;*/
	margin: auto;
	/*border:#F00 dotted 1px;*/
}

#header { max-width:77%; height:100%; }

#logo {	width: 30%;	height:100%; min-width:30%}

#menu1 {
	float: right;
	margin-right: 0;
	width: 68%;
	margin-top:-10.5%;
}

/*nav { float:right;}
nav ul {}
nav ul li {
	padding:4.7em 1em 4.7em 1em;
	display:inline-block;
	position:static;
	vertical-align:bottom;
	}

nav ul li a {font-size:2em;	padding:2.5em 0.2em;}
nav ul li a:hover {	color:#fff;}
#active a {	color:#fff;}	
#active {background:#0072bc;}*/
/*-----------header end------------------*/

#featured {}
#content_wrapper {max-width:77%;}
/*#content_wrapper {max-width:980px; min-width:760px}*/
	
#text_block h1 {font-size:2em}
#text_block p {font-size:1.8em}	

#text_block h1 {font-size:1.8em}
#text_block p {font-size:1.8em;}	

.column {width:23.5%;}
.column h1 { font-size:2em;}
.column p { font-size:1.3em;}
.icons { width:100%; height: 100%;  max-width:50%;}
.line{ height:1em; }

footer #row h1 { margin-left:10%}
footer #row ul li a { text-decoration:none; color:#000; font-weight:lighter; font-size:1.2em}
.cnt_icons_box { width:60%; max-width:100%; margin-left:6%; } 
.cnt_icons_box img { padding:0.15em;}
#top_menu { clear: both; /*float: left;*/ margin-left: 0; width: 100%; display: block;

	float: none;
	margin:0 auto;
	max-width:100%;
	/*background:#8faa2c;*/
	background:#0072bc;
	height:3.5em;
}

#top_menu nav{ /*float:right;*/ width:77%; margin:0 auto; float:none}
#top_menu nav ul { /*width:100%; max-width:40%;*/ float:right; }
#top_menu nav ul li { display:inline-block; margin:0.55em 0 0.2em 2em; float:right;}
#top_menu nav ul li a { text-decoration:none; color:#fff; font-weight:normal; font-size:1.3em; }
#top_menu nav ul li a:hover { color:#000;}



/*software*/
.column_left {
	width:100%; 
	height: auto;  
	max-width:35%; 

	float:left; 
	margin:0 auto;}
	
.column_rgt {
	width:100%; 
	height: auto;  
	max-width:63%; 

	float:right; 
	margin:0 auto;
	
	border-left:#e6e6e6 solid 1px;
	}
	
.column_left p {font-size:1.3em; padding:3% } 
.column_rgt p {font-size:1.3em; padding:1% 3%}
.column_left h1 { font-size:2em; padding:0; width:80%;}
.column_rgt h1 { font-size:2em; padding:0 3%; width:80%}
.column_left h2, .column_rgt h2 { font-size:1.5em; padding:0 3%; margin:0.5em 0}

.column_rgt ul li { font-size: 1.3em}


.content_navigation { float:left; height:auto}
#content_navigation ul {
	display: list-item;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content_navigation ul li {
	display: list-item;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#content_navigation ul li a {
	display: block;
	margin: 0px;
	padding: 0.6em;
	padding-left:0;
	font-size: 1.3em;
	color: #0C498F;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
}

#content_navigation ul li a:hover { color:#39F }


#content_navigation ul li #active1 { color:#fff;}

/*why kp*/
.content_footer {
border:3px solid #E0E0E0;
    clear: both;
    display: block;
	
    float: left;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
	height: 100%;
	
	background:#f0f0f0;
}
.content_footer img { width:100%; max-width:60%; height:auto}
.content_footer p { float:right; text-transform:uppercase; font-size:2em; width:30%; height:auto; line-height:1em}

.column_left_bnr { width:100%; max-width:100%; height:auto; float:left; border-bottom:0; margin-bottom:0}
.column_left span6 { color:#000; font-weight:bold; float:right}
.column_left span7 { color:#000; font-size:0.9em; font-weight:lighter; float:right; color:#0CF; padding-top:0.5em}
.line8 { border:#CCCCCC dotted 0.1em}

/*contact form*/
form { color:#666666; font-size:1.3em; padding:2.5% 0 0 10%; /*border:#F00 dotted 1px*/ }
.form_field { color:#333; font-size:1.3em; padding:2.5% 0 0 3%;}

.input_field_1 {	width:80%;	height:2.5em;	padding-left:5px;	border:#CCC solid 1px; background:#f1efef}
.text_field_1 { width:97%; height:15em; float:left; padding:0.8em 0 0 0.8em; background:#f1efef; border:#CCC solid 1px;}

.btn_st { background:#ffba03;  padding:7px 30px; color:#FFF; float:right; margin-top: 0.7em; margin-left:0.5em; margin-right:0.2em;border:none;}
.btn_st:hover {	opacity: .5; filter:alpha(opacity=50);	cursor:pointer;}

span9 { color:#e4721d; font-weight:normal; font-size:1.5em}
span10 { color:#000}
span12 { color:#0072bc; font-weight:bold}

.line_a { width:100%; height:0.5em; background:#e6e6e6; margin-bottom:1%}

.rect_img_box { width:90%; height: 90%;  max-width:100%; float:none; margin:0 auto; text-align:center; /*width:256px; height:151px; max-width:256px; max-height:151px;*/ 
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1)
}
.rect_img_box:hover {box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
		
}
/* style="background-image:url(images/prjt_1.jpg); background-size:contain; background-repeat:no-repeat"*/

/*.rect_img_box1, .rect_img_box2, .rect_img_box3, .rect_img_box4 */

.rect_img_box1, .rect_img_box2, .rect_img_box3, .rect_img_box4 { /*width:100%; height: 100%;  max-width:100%;*/ float:none; margin:0 auto; text-align:center; /*width:256px;*/ /*height:151px;*/ max-width:256px;/* min-width:180px;*/ max-height:151px;/* min-height:100px;*/
overflow:hidden;
-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.65) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rect_img_box1 { background-image:url(images/prjt_1.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box2 { background-image:url(images/prjt_2.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box3 { background-image:url(images/prjt_3.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box4 { background-image:url(images/prjt_4.jpg); background-size:cover; background-repeat:no-repeat }
.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover{
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
		/*background:#000;*/
		/*opacity: .5; filter:alpha(opacity=50);	cursor:pointer;*/
}

.rect_img_box1:hover, .rect_img_box2:hover, .rect_img_box3:hover, .rect_img_box4:hover, .info {
	opacity: 1;
	/*opacity: 0.2;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1) ;
	transform: scale(1);
	/*background:none;*/
	background:url(images/info_bg.png);
}

.rect_img_box1:after, .rect_img_box1:before {
    content: "";
    display: table;
}

.rect_img_box2:after, .rect_img_box2:before {
    content: "";
    display: table;
}

.rect_img_box3:after, .rect_img_box3:before {
    content: "";
    display: table;
}

.rect_img_box4:after, .rect_img_box4:before {
    content: "";
    display: table;
}

.info {
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	text-align: center;
	  /* background: url(images/info_bg.png) 0 0 repeat;*/
   /* border-radius: 5% 5% 5% 5%;*/
	/*border-radius: 50% 50% 50% 50%;*/
    /*height: inherit;*/
    opacity: 0;
   /* top: 0;
    right: 0;
    left: 0;
    position: absolute;*//*bg
    -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
    -webkit-transition: ;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition:all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;*/
    /*width: inherit;*/
}

.info {overflow: hidden; }
.info:hover { opacity:1; }
.info .title {
	/*padding-bottom: 39px;*/
	padding-bottom:30px;
	border-bottom: 1px solid #fff;
	/*font: 36px/44px 'Dosis', sans-serif;*/
	margin: 0 10px 10px;
	padding-top: 57px;
	text-transform: uppercase;
}

.title { overflow:hidden }
.title:hover { overflow:visible}

.info  a {
	text-transform: uppercase;
	display: inline-block;
	color: #ec0606;
	/*margin-top: 9px;*/
}

.info a:hover {
	color: #999999;
}

#clnt_lg {}
#clnt_lg:hover { background:#e6e6e6}
.rect_img_box img { margin-left:0}
.column_rgt span10 { color:#666666; font-size:12px }

a#backToTop {
    width:45px;
    height:50px;
    /*opacity:0.5;*/
	opacity:0.9;
    position:fixed;
    bottom:25px;
	margin-right:20px;
    left:95%;
    display:none;
    text-indent:-10000px;
    outline:none !important;
	background-image:url(images/top.png);
    background-repeat: no-repeat;
}
a#backToTop:hover {opacity:0.8;}

#site_map {}
#site_map ul li ul li { color:#e57928; font-size:1.2em}

#content_404 { height:auto; padding-bottom:17%; padding-top:8% }
#content_404 h1 { font-size:15em; padding-top:5% }
#content_404 p {font-size:2em; }
#thnk { width:500px; height:340px; float:none; text-align:center; margin:0 auto; font-size:20px; padding-top:5em }
}