/*
Simple Responsive Template v 1.2


primary styles
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

/* typography */
body{
	background:#fff;
	color:#373737;
	/*font-family:'Droid Serif', Arial, Helvetica, sans-serif;*/
    /*font-family:"Gotham SSm A","Gotham SSm B",Helvetica,Arial,sans-serif;*/
    font-family:"Roboto",Arial,sans-serif;	
	font-size:1em;
	line-height:1.6em; 
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:400;
    font-family:"Roboto",Arial,sans-serif;	
	line-height:1.6em;
	margin:.45em 0;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	color:#3D7595;
	/*color:#007CCC;*/
} 
/*h2{color:#ff8800;}*/
h1{padding-bottom:10px;}
/* links */
a,
a:visited,
a:active,
/*a:hover{color:#0099ff;text-decoration:none;}*/
a:hover{color:#FF6D02;text-decoration:none;}
a:hover{ text-decoration:none;}

ul {
    list-style-image: url('../images/list-bullet-normal2.png');
}

TD {padding-bottom:5px;padding-top:5px;padding-left:5px;padding-right:5px;border-bottom:1px solid #ccc;	text-align:left;}

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}
	
/* structure */   
.wrapper{
	width: 92%; 
	margin: 0 auto;
	/*margin: 0;*/
}
header{
	padding:0px 0;
	/* background:#4a4a4a;*/
	/*background:#5CBCFC;*/
    background:#3D7595;
	border-bottom:1px solid #CCC;
    /*background-image: url('../images/header-main.png');	*/
	/*background:#39B3F4;*/
}
#banner{ 
	text-align:center;
	padding-bottom:0px;
}	
#hero,
#page-header{
/*	background:#BADAFF;*/
/*	background:#373737;*/
/*	border-top:1px solid #ff8800;*/
	border-bottom:1px solid #ccc;
	padding:0px;
}
#page-header h1{
	margin:0;
}
.headerhomepage {
/*	background-color:#E6F0F6;*/
/*	background-color:#C1DBEA;*/
background-color:#3D7595;
    color:#666666;
	background-image: url('../images/bgdezign.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em; 
}
.headerdezign {
	background-color:#3d7595;
    color:#f1f1f1;
	background-image: url('../images/bgdezign.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em; 
}
.headercustomers {
	background-color:#007ccc;
	color:#ffffff;
	background-image: url('../images/header-customers-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
height:218px;
}

.headermodeling {
	background-color:#007ccc;
	color:#ffffff;
	background-image: url('../images/header-data-modeling-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
height:218px;
}

.headerdownload{
	background-color:#007ccc;
	color:#ffffff;
/*	background-image: url('../images/header-download-background.png');*/
	background-image: url('../images/header-company-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/* height:218px; */
}

.headergeneral{
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-general-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/* height:218px; */
}

.headerproducts{
/*	background:#5CBCFC;*/
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-products-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/*height:218px;*/
}
.headersupport{
/*	background:#5CBCFC;*/
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-support-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/*height:218px;*/
}

.headercompany{
/*	background:#5CBCFC;*/
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-company-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/*height:218px;*/
}

.headerupgrade{
/*	background:#5CBCFC;*/
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-upgrade-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/*height:218px;*/
}

.headerlegal{
/*	background:#5CBCFC;*/
	background-color:#3D7595;
	color:#ffffff;
	background-image: url('../images/header-legal-background.png');
	background-position: center top;
	background-repeat: no-repeat;
	font-size:1.6em;
	line-height:1.6em;
/*height:218px;*/
}

.headerdatadiff {
	background:#90C2FC;
	color:#ffffff;
	background-image: url('../images/header-datadiff-background.png');background-repeat: repeat;
	font-size:1.6em;
}
.headerschemadiff {
	background:#90C2FC;
	color:#ffffff;
	background-image: url('../images/header-schemadiff-background.png');background-repeat: repeat;
	font-size:1.6em;
}
.headerorder {
	background-color:#4B84A5;
/*	background:#90C2FC;*/
	color:#ffffff;
	background-image: url('../images/header-order-background.png');background-repeat: repeat-x;background-position: 10px 10px;
	font-size:1.6em;
}
.headerdatagenerator {
	background:#90C2FC;
	color:#ffffff;
	font-size:1.6em;
	background-image: url('../images/header-datagenerator-background.png');background-repeat: no-repeat;background-position: center top;
}
.headermultirun {
	background:#90C2FC;
	color:#ffffff;
	font-size:1.6em;
	background-image: url('../images/header-multirun-background2.png');background-repeat: repeat;	
}
.headerrepository {
	background:#90C2FC;
	color:#ffffff;
	font-size:1.6em;
	background-image: url('../images/header-repository-background.png');background-repeat: repeat;	
}

.headerbundles{
	background:#90C2FC;
	color:#ffffff;
	font-size:1.6em;
	background-image: url('../images/header-bundles-background.png');background-repeat: repeat;	
}

div.absolute {
    position: absolute;
    bottom: 10px;
    width: 50%;
    border: 3px solid #8AC007;
}

.flexslider{
	display:none;
}

.horizontal-padding{  
	padding-left:10px;
	padding-right:10px;
}
.standard-padding{  
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.standard-margin{  
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.inner-block {
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

/*
.element{
	width:200px;
	float:left;
	box-sizing:border-box;
}
*/
.element{
	/*background:#EEE;*/
	border:1px solid #ccc;
	margin-bottom:10px;
	width:100%;
	float:left;
	margin-right:10px;
	padding:10px;
	box-sizing:border-box;
	/*border-radius:5px;*/
}

#content,
aside,
.vertical-padding{  
	padding:10px 0;
}
p{ margin:0 0 1.5em;}
.border-right{
border-right:1px solid #666
}

.homepageheadermainline{font-weight:400;font-size:1.6em;padding-top:50px;padding-bottom:30px;line-height:1.1em;}

.pageheadermainline{font-weight:400;font-size:2.0em;padding-top:30px;padding-bottom:30px;}
.pageheadermainline2{font-weight:400;font-size:1.8em;padding-top:30px;padding-bottom:10px;}
.pageheadermainline3{font-weight:400;font-size:1.5em;padding-top:30px;padding-bottom:30px;}
.pageheadermainline4{font-weight:400;font-size:1.5em;padding-top:20px;padding-bottom:20px;}
.pageheaderprice{font-size:2.0em;text-decoration: bold;padding-top:5px;}
.pageheadersmalltext{font-size:0.9em}
.pageheadersubline1{font-weight:400;font-size:1.0em;padding-bottom:10px;}
.pageheadernormaltext{font-weight:400;font-size:0.7em;padding-bottom:10px;color:#f1f1f1;line-height:1.4em;}
.smalltext{font-size:0.8em}
.dezignheadernormaltext{font-weight:400;font-size:0.7em;padding-bottom:10px;color:#f1f1f1;line-height:1.4em;}


.imagebox{border:0px solid #ccc;position: relative;}

.textwithimage_image_left_image_80 {
padding-left:10px;
padding-right:10px;
float:left;
width:20%;
}
.textwithimage_image_left_text_80 {
padding-left:10px;
padding-right:10px;
float:left;
width:80%;
}
.textwithimage_image_left_image_70 {
padding-left:10px;
padding-right:10px;
float:left;
width:30%;
}
.textwithimage_image_left_text_70 {
padding-left:10px;
padding-right:10px;
float:left;
width:70%;
}
.textwithimage_image_left_image_50 {
padding-left:10px;
padding-right:10px;
float:left;
width:50%;
}
.textwithimage_image_left_text_50 {
padding-left:10px;
padding-right:10px;
float:left;
width:50%;
}
.textwithimage_image_left_image_30 {
padding-left:10px;
padding-right:10px;
float:left;
width:70%;
}
.textwithimage_image_left_text_30 {
padding-left:10px;
padding-right:10px;
float:left;
width:30%;
}


.textwithimage_image_right_image_80 {
padding-left:10px;
padding-right:10px;
float:left;
width:20%;
}
.textwithimage_image_right_text_80 {
padding-left:10px;
padding-right:10px;
float:left;
width:80%;
}
.textwithimage_image_right_image_70 {
padding-left:10px;
padding-right:10px;
float:left;
width:30%;
}
.textwithimage_image_right_text_70 {
padding-left:10px;
padding-right:10px;
float:left;
width:70%;
}
.textwithimage_image_right_image_50 {
padding-left:10px;
padding-right:10px;
float:left;
width:50%;
}
.textwithimage_image_right_text_50 {
padding-left:10px;
padding-right:10px;
float:left;
width:50%;
}
.textwithimage_image_right_image_30 {
padding-left:10px;
padding-right:10px;
float:left;
width:70%;
}
.textwithimage_image_right_text_30 {
padding-left:10px;
padding-right:10px;
float:left;
width:30%;
}





.imagewithtextblock20 {
padding-left:10px;
padding-right:10px;
float:left;
width:20%;
}


.image-left-of-block{
padding-left:10px;
padding-right:5px;
float:left;
width:20%;
}

.block-right-of-image{
padding-left:20px;
float:left;
width:80%;
}

.image-left-of-block-50{
padding-left:10px;
padding-right:5px;
float:left;
width:50%;
}

.block-right-of-image-50{
padding-left:20px;
float:left;
width:50%;
}

.image-right-of-block{
padding-left:5px;
padding-right:15px;
float:left;
width:20%;
}

.block-left-of-image{
padding-right:20px;
float:left;
width:80%;
}

.image-right-of-block-50{
padding-left:5px;
padding-right:15px;
float:left;
width:50%;
}

.block-left-of-image-50{
padding-right:20px;
float:left;
width:50%;
}

/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}

IMG.horizontalcentered {
    display: block;
    margin-left: auto;
    margin-right: auto; }


/* BUTTONS */

.button {
    /*background-color: #4CAF50; */
    border: none;
    color: white;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	border-radius: 5px;
}

.button IMG {
border:0px;
padding-right:10px;
}

a.button {color:#fff}
a.button:visited {color:#fff}
a.button:active {color:#fff}
a.button:hover {color:#fff}

.button-transparent-white {
    border:2px solid #fff;
	color:#fff;
}
.button-transparent-white:hover {
    background-color: #666;
    color:#fff;
}
.button-transparent-blue {
    border:2px solid #007CCC;
	color:#007CCC;
}
.button-transparent-blue:hover {
    background-color: #666;
    color:#fff;
}

.pricingtablebutton {
    background-color:#BADAFF; 
    color: #007CCC; 
    border: 2px solid #007CCC;
}

.pricingtablebutton:hover {
    background-color: #666;
    color: #fff;
}


.button1 {
    background-color:#128024; 
    color: white; 
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: #2A5E9D; 
    color: white; 
    border: 2px solid #0579CC;
}

.button2:hover {
    background-color: #0579CC;
    color: white;
}

.button3 {
    background-color: #FF5500;
    color: white;
    border: 2px solid #F88200;
}

.button-download {
    padding-left:30px;
    background-color: #FF5500;
	background-image: url('../images/bdownload.png');
	background-repeat: no-repeat;
	background-position: 10px center;
    color: white;
    border: 2px solid #F88200;
}

.button-download:hover {
    background-color: #F88200;
    color: white;
}

.button-buy {
    padding-left:30px;
	background-image: url('../images/bbuy.png');
	background-repeat: no-repeat;
	background-position: 10px center;
    background-color:#128024;
    color: white;
    border: 2px solid #4CAF50;
}

.button-buy:hover {
    background-color: #4CAF50;
    color: white;
}

.button-regular {
    background-color: Transparent;
    background-repeat:no-repeat;
    color: #3D7595;
    border: 2px solid #3D7595;
}

.button-regular:hover {
    background-color: #3D7595;
    color: white;
}

a.button-regular {color:#3D7595}
a.button-regular:visited {color:#3D7595}
a.button-regular:active {color:#3D7595}
a.button-regular:hover {color:#fff}

.button-white {
    background-color: Transparent;
    background-repeat:no-repeat;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}

.button-white:hover {
    background-color: #007CCC;
    color: white;
}

a.button-white {color:#FFFFFF}
a.button-white:visited {color:#FFFFFF}
a.button-white:active {color:#FFFFFF}
a.button-white:hover {color:#f1f1f1}

/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:#D9E7F4;
	color:#333;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#007CCC;
}

.srt-menu{
	display:none;
}
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;

}
.srt-menu li a {
	color:#333;
	background:#3D7595;
/*	background:#dadada;*/
	display:block;
	margin:1px 0;
	padding:10px;
	text-decoration:none;
	font-size:1.0em;
}
.srt-menu li a:hover{
	background:#007CCC;
	color:#fff;
}
.srt-menu li li a {
  width:240px;
	background:#3D7595;
/*	background:#e8e8e8;*/
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{
	background:#E6E6E6;
	color:#666;
	display:block;
	margin:5px 0;
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#5ec79e;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	/*margin-bottom:40px;*/
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/*FOOTER*/
footer{
	background:#3D7595;
	color:#f1f1f1;
	font-size:80%;
	padding:0px 0;
	border-top:1px solid #333;
	margin-top:20px;
}
.footerlastpart
{
	background:#f1f1f1;
	color:#333;
	border-top:1px solid #333;
	text-align:center;
}

ul.footermenu {
	margin:0 0 0 8%;
	padding:0;
    list-style-type:none;
    list-style-image:none;
	clear:both;
	color:#ccc;
	text-decoration:none;
	display:block;
	margin-left: 0;
}
.footermenu li a {
	color:#ccc;
    list-style-type:none;
    list-style-image:none;
}
.footermenu li a:hover{
	color:#fff;
	text-decoration:underline;
    list-style-type:none;
    list-style-image:none;
}


a.footer {color:#f1f1f1;}

.footer-menu-title
{
font-size:1.6em;
padding-top:10px;
padding-bottom:10px;
color:#fff;
}

.footer-menu-title a {
	color:#ccc;
}

.footer a {
	color:#fff;
}


/*Some more colored elements*/
a.buttonlink{ 
	background:#5ec79e; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.buttonlink:hover{
	background:#887dc2;
}
.customerquotesection{
	background:#B8CDD4;
	color:#666;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.customerquotetext {
    font-family:"Noto Serif",Arial,sans-serif;
	font-size:1.2em;
	line-height:1.6em;
}

.homepagecoloredsection1{
	background:#ffffff;
	/*background-image: url('../images/header-homepage1-background.png');
	background-position: center top;
	background-repeat: no-repeat;*/
}
.homepageblock1
{
/*color:#ffffff;*/
background:#F2F7FC;
border:1px solid #007CCC;
text-align:center;
}
.homepageblock1 a {
/*	color:#f1f1f1;
    list-style-type:none;
    list-style-image:none;
	*/
}
.homepageblock1 a:hover{
	color:#fff;
	text-decoration:underline;
    list-style-type:none;
    list-style-image:none;
}
.homepageblock1 H2{
/*	color:#ffffff;*/
}
.homepageblock1button {
    background-color: #DAECFF;
    border:2px solid #007ccc;
	color:#007ccc;
}
.homepageblock1button:hover {
    background-color: #666;
    color:#fff;
}
.homepageblock1_quote{
	/*background:#45494C;*/
	color:#f1f1f1;
	border:0px solid #ffffff;
	text-align:center;
	/*background-image: url('../images/icon-quotes.png');
	background-position: center top;
	background-repeat: no-repeat;*/
}
.homepagecoloredsection2{
	background:#F2F7FC;
}
.homepagecoloredsection3{
	background:#F2F7FC;
}
.homepagefeaturedproduct {
background-color:#90C2FC;
}

.homepageproduct {
border:1px solid #009CCC;
width:100%;
margin-bottom:0px;
text-align:center;
padding:0px;
}
.homepageproduct:hover{
background-color:#BADAFF;
}

.homepagefeaturedproduct:hover{
background-color:#BADAFF;
}
.homepagefeaturedproduct a, .homepagefeaturedproduct a:link, .homepagefeaturedproduct a:visited, .homepagefeaturedproduct a:active,.homepagefeaturedproduct a:hover{color:#373737;text-decoration:none;}
.homepagefeaturedproduct p{color:#373737;}

.coloredsection0{
	background:#FFFFFF;
/*	color:#fff;*/
}
.coloredsection0 button {
	background-color:#FFFFFF;
	}
.coloredsection1{
	background:#F2F7FC;
/*	color:#f1f1f1;*/
}
.coloredsection1 button {
	background-color:#F2F7FC;
	}

.coloredsection2{
	background:#F3F3F3;
/*	color:#fff;*/
}
.coloredsection2 button {
	background-color:#F3F3F3;
	}
.coloredsection3{
	background:#E6F0F6;
/*	color:#fff;*/
}
.coloredsection3 button {
	background-color:#E6F0F6;
	}
.coloredsection4{
	background:#C1DBEA;
/*	color:#fff;*/
}
.coloredsection4 button {
	background-color:#C1DBEA;
	}
.coloredsection5{
	background:#4B84A5;
	color:#f1f1f1;
}
.coloredsection5 button {
	background-color:#4B84A5;
	}
.coloredsection5 h3{
	color:#f1f1f1;
}
.coloredsection5 h2{
	color:#f1f1f1;
}
.coloredsection5 h1{
	color:#f1f1f1;
}
.coloredsection6{
	background:#303539;
	color:#f1f1f1;
}
.coloredsection6 button {
	background-color:#303539;
	}
.coloredsection6 h3{
	color:#f1f1f1;
}
.coloredsection6 h2{
	color:#f1f1f1;
}
.coloredsection6 h1{
	color:#f1f1f1;
}
.coloredsection6 a{
color:#BADAFF}

.relatedproductssection
{
border-top:1px solid #6A6D67;
border-bottom:1px solid #ccc;
	background-color:#545454;
}
/*
.relatedproductssection button {
	background-color:#BADAFF;
	}
	*/
.relatedproductssection h3{
color:#ccc;
padding-top:20px;
text-align:center;
}
.relatedproductssection a {
color:#f1f1f1;
}
.buttonrelatedproduct {
    background-color:#545454; 
    color: #ccc; 
    border: 1px solid #4A4A4A;
	border-radius: 5px;
    padding: 8px 16px;

}

.buttonrelatedproduct:hover {
    background-color: #f1f1f1;
    color: #007CCC;
}
.buttonrelatedproduct-image-container
{
padding-top:0px;
float:left;
}
.buttonrelatedproduct-text-container
{
padding-top:5px;
float:left;
}

.pricingtablesection
{
    border-top:1px solid #333;
	background:#BADAFF;
	background-image: url('../images/pricetablesectionbackground.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
}

.pricesection{
	background:#BADAFF;
/*	color:#fff;*/
}
.specssection{
	background:#f1f1f1;
/*	color:#fff;*/
}
.screenshotssection{
	background:#f1f1f1;
/*	color:#fff;*/
}
.gettrialsection{
	background:#4a4a4a;
	color:#ccc;
	text-align: center;
}	
.downloadtrialsection{
	background:#3D7595;
	color:#fff;
	text-align: center;
	/*background-image: url('../images/downloadsectionbackground.png');*/
	background-repeat: repeat;
}
.downloadtrialsection h2 {
	color:#fff;
}
.downloadtrialsection h1 {
	color:#fff;
}

.bundlessection{
	background:#303539;
	color:#f1f1f1;
	text-align: center;
	background-image: url('../images/bundlessectionbackground.png');
	background-repeat: repeat;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.bundlessection h2 {
	color:#fff;
}
.bundlessection h1 {
	color:#fff;
}

/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}



/****************************************
*****************************************
MEDIAQUERIES
*****************************************
****************************************/



/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
#banner{
	float:left;
	text-align:left;
	margin-bottom:-20px;/*this depends on the height of the logo*/
}
.menu-toggle{/*make menu float right, instead of sitting under the logo*/
	margin-top:10px; /*this depends on the height of the logo*/
	float:right;
}

} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {

.wrapper{
	max-width: 1100px; 
	margin: .75em auto;
}
header{
	padding:0;
}
#banner{ 
	float:left; 
	text-align:left;
	margin-bottom:0px;
	margin-top:5px;
}
#hero{
	padding:0;
}

#content {  
	float:left;
	width:65%;
}
#content.wide-content{
	float:none;
	width:100%;
}

.flexslider{
	display:block;
/*demo 1 slider theme*/	
margin: 0; 
}
.flex-control-nav {bottom: 5px;}


aside { 
	float:right;
	width:30%;
}

/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.srt-menu, .srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position:		absolute;
	display:none;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
	width:			100%;
}
.srt-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
	height:25px;
}
.srt-menu li li {
	margin-left:0px;
	height:auto;
}
.srt-menu a {
	display:		block;
	position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	left:			0;
	top:			42px; /* match top ul list item height */
	z-index:		99;
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO2 SKIN ***/
#topnav, .srt-menu {
	float:right;
	margin: .35em 0 0 0;
}
.srt-menu a {
	text-decoration:none;
}
.srt-menu li a{
	background:#3D7595;
/*	background:#4a4a4a;*/
	color:#ffffff;
	margin:0;
	padding:10px 20px;
	border-right:1px solid #ffffff;
}
/*.srt-menu li:last-child a {
	background:#4CAF50;
    margin-left: 10px;
	border-right:0px;
}
*/
.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.srt-menu li li a {
		border-top:		1px solid rgba(255,255,255,.2);
		background:		#333; /*fallback for old IE*/
		background:rgba(0,0,0,.6);
		color:	#fff;
		padding-left:20px;
}
/*.srt-menu li li:last-child a {
		border-top:		1px solid rgba(255,255,255,.2);
		background:		#333;
		background:rgba(0,0,0,.6);
		color:	#fff;
		padding-left:20px;
		margin-left:0px;
}
*/
.srt-menu li li a:visited{color:#fff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
	padding-left:20px;
	background:rgba(0,0,0,.6);
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
	color:#fff;
	background:#007CCC;
}
.srt-menu li li:hover > a{
	color:#fff;
	background:#007CCC;
}

/*GRID*/
/*
 & Columns : 12 

 */
 .row{
	 margin-left: -15px;
     margin-right: -15px;
}
 
.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: block;
}

.rightfloat{float:right;}
.csscenter{text-align:center;}
/* @notation inspired by tinyGrid, .row and percentage by Twitter Bootstrap
 */
 
#hero .grid_8 { 
	margin:0px 0 0px;
}

}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
#hero h1{ font-size:1.4em;}
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
#hero h1{ font-size:2em;}
} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.navprod{font-size:1.0em;line-height:1.6em;font-weight:normal; margin: 0px;margin-bottom: 0px;padding: 0px;padding-left: 0px;padding-bottom: 0px;padding-top: 0px;color:#fff;}
a.navprod, a.navprod:link, a.navprod:visited{padding: 1px;padding-left: 14px;padding-right: 14px;color: #fff;text-decoration: none;}
a.navprod:hover, a.navprod:active, a.navprod:focus{border-bottom: 3px solid #F88200;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;}
    
.navproddownload{font-size:1.0em;line-height:1.6em;font-weight:normal;margin: 0px;margin-bottom: 0px;padding: 0px;padding-left: 0px;padding-bottom: 0px;padding-top: 0px;color:#fff;border-radius: 5px;}
a.navproddownload, a.navproddownload:link, a.navproddownload:visited{margin:3px;border: 2px solid #F88200;background-color:#F88200;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}
a.navproddownload:hover, a.navproddownload:active, a.navproddownload:focus{margin:3px;border: 2px solid #F88200;background-color:#FF5500;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}

.navprodbuy{font-size:1.0em;line-height:1.6em;font-weight:normal;margin: 0px;margin-bottom: 0px;padding: 0px;padding-left: 0px;padding-bottom: 0px;padding-top: 0px;color:#fff;border-radius: 5px;}
a.navprodbuy, a.navprodbuy:link, a.navprodbuy:visited{margin:3px;border: 2px solid #4CAF50;background-color:#4CAF50;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}
a.navprodbuy:hover, a.navprodbuy:active, a.navprodbuy:focus{margin:3px;border: 2px solid #4CAF50;background-color:#128024;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}

.navprodpricing{font-size:1.0em;line-height:1.6em;font-weight:normal;margin: 0px;margin-bottom: 0px;padding: 0px;padding-left: 0px;padding-bottom: 0px;padding-top: 0px;color:#fff;border-radius: 5px;}
a.navprodpricing, a.navprodpricing:link, a.navprodpricing:visited{margin:3px;margin-left:18px;border: 1px solid #fff;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}
a.navprodpricing:hover, a.navprodpricing:active, a.navprodpricing:focus{margin:3px;margin-left:18px;border: 1px solid #fff;background-color:#F88200;padding: 1px;padding-left: 14px;padding-right: 14px;text-decoration: none;color:#fff;border-radius: 5px;}

.navprodactive{font-size:1.0em;line-height:1.6em;font-weight:normal;margin: 0px;margin-bottom: 0px;padding: 0px;padding-left: 0px;padding-bottom: 0px;padding-top: 0px;color:#fff;}
a.navprodactive, a.navprodactive:link, a.navprodactive:visited{border-bottom: 3px solid #F88200;padding: 1px;padding-left: 10px;padding-right: 10px;color: #fff;text-decoration: none;}
a.navprodactive:hover, a.navprodactive:active, a.navprodactive:focus{border-bottom: 3px solid #F88200;padding: 1px;padding-left: 10px;padding-right: 10px;text-decoration: none;color: #fff;}

.navprodname {font-size:1.1em;color:#f1f1f1;float:left;display: inline;margin-bottom:10px;border-bottom:0px solid #999;padding-bottom:0px;}
.navprodversion{font-size:0.7em;color:#666666;float:left}
#submenu{background:#4B84A5;border-bottom:1px solid #ccc;}
#navproductcontainer {font-size:1.0em;padding:0px 0px;float:right;display: inline;padding-bottom:10px;}
#nav {padding:0px 0px;}
#nav ul {margin:0;padding:0;list-style:none;}
#nav li {display:inline;margin:0;padding:0;}
#navproduct{
margin: 0px;
margin-bottom: 0px;
padding: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
#navproduct a, #navproduct a:link, #navproduct a:visited
{
padding: 1px;
padding-left: 1.2em;
padding-right: 1.2em;
color: #333;
text-decoration: none;
}
#navproduct a:hover, #navproduct a:active, #navproduct a:focus
{
border-bottom: 3px solid #ff8800;
padding: 1px;
padding-left: 1.2em;
padding-right: 1.2em;
text-decoration: none;
}
#navproduct li
{
padding-right: 1px;
display: inline;
}
#navproduct ul
{
margin: 0px;
padding: 0px;
}
#navproduct #active a {border-bottom: 3px solid #ff8800;}

#navproduct li:last-child a {
background:#FF5500;
color:#ffffff;
margin-left: 10px;
padding:10px;
border:1px solid #ccc;
}

#navnormal{
margin: 0px;
margin-bottom: 0px;
padding: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
#navnormal a, #navnormal a:link, #navnormal a:visited
{
padding: 1px;
padding-left: 1.2em;
padding-right: 1.2em;
color: #333;
text-decoration: none;
}
#navnormal a:hover, #navnormal a:active, #navnormal a:focus
{
border-bottom: 3px solid #ff8800;
padding: 1px;
padding-left: 1.2em;
padding-right: 1.2em;
text-decoration: none;
}
#navnormal li
{
padding-right: 1px;
display: inline;
}
#navnormal ul
{
margin: 0px;
padding: 0px;
}
#navnormal #active a {border-bottom: 3px solid #ff8800;}

.pricing-table-block {
border:1px solid #ccc;
background-color:#FFFFFF;
border-radius: 5px;
}
.pricing-table-header{
padding:25px;
text-align:center;
font-size:1.2em;
color:#333;
background-color:#eaf5fe;
background-image: url('../images/buybg.png');
}
.pricing-table-price {
padding-top:35px;
padding-bottom:35px;
font-size:2.0em;
color:#333333;
text-align:center;
}
.afterprice{padding-left:10px;font-size:0.5em;color:#333333;}

.pricing-table-price-text {
padding:0px;
font-size:0.9em;
text-align:center;
}
.pricing-table-numberoflicenses {
font-size:1.0em;
padding:0px;
text-align:center;
}
.pricing-table-buynow {
font-size:1.0em;
padding:0px;
text-align:center;
}
.pricing-table-upgrade {
padding:0px;
text-align:center;
}
.pricing-table-features {
padding:10px;
font-size:0.8em;
}
.pricing-table-extra-text {
font-size:0.8em;
padding:10px;
text-align:center;
}

ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}
li.issupported {
background: url('../images/li-issupported2.png') no-repeat left 9px;
padding-left: 20px;
padding-top:5px;
display: block;
border-bottom:1px solid #f1f1f1;
}
li.notsupported {
background: url('../images/li-notsupported.png') no-repeat left 9px;
color:#ccc;
padding-left: 20px;
padding-top:5px;
display: block;
border-bottom:1px solid #f1f1f1;
}
li.empty {
background: url('../images/li-empty.png') no-repeat left 9px;
padding-left: 20px;
padding-top:5px;
display: block;
border-bottom:1px solid #ffffff;
}

ul.ordersteps {
list-style-type: none;
padding: 0;
text-align:center;
padding-left:10%;
padding-right:10%;
margin-top:40px;
padding-bottom:40px;
clear:both;
}

li.orderstepsactive {
	padding-left: 10px;
	padding-bottom: 10px;
    float: left;
    width: 33%;
    list-style: none;
	text-align:center;
	font-size:140%;
	color:#007CCC;
}

li.orderstepsnotactive {
	padding-left: 10px;
	padding-bottom: 10px;
    float: left;
    width: 33%;
    list-style: none;
	text-align:center;
	color:#ccc;
	font-size:140%;
}

.orderstepsimage {
	padding-right:5px;
}

li.issupported {
background: url('../images/li-issupported2.png') no-repeat left 9px;
padding-left: 20px;
padding-top:5px;
display: block;
border-bottom:1px solid #f1f1f1;
}
li.notsupported {
background: url('../images/li-notsupported.png') no-repeat left 9px;
color:#ccc;
padding-left: 20px;
padding-top:5px;
display: block;
border-bottom:1px solid #f1f1f1;
}

.supporteddatabase {
border:1px solid #333;
padding:5px;
margin:5px;
background-color:#39B3F4;
color:#ffffff;
display: inline-block;
}

.polaroid {
/*  width: 80%;*/
display: inline-block;
border: 1px solid #ccc;
  background-color: #f1f1f1;
/*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
padding:1px;
  margin-bottom: 5px;
margin-left: auto;
    margin-right: auto;
}

IMG.polaroid {
border: 0px solid #ccc;
    display: block;
    margin-left: auto;
    margin-right: auto;
  /*background-color: white;*/
	}


.polaroidcontainer {
  text-align: center;
  padding-left:10px;
  padding-right:10px;
  /*padding: 10px 10px;*/
}

.container100 {
  justify-content: space-between;
  flex-direction: column;
  height: 250px;
  display: flex;
}
.container100 .btn-holder {
  justify-content: flex-end;
  display: flex;
}
.container140 {
  justify-content: space-between;
  flex-direction: column;
  height: 140px;
  display: flex;
}

.subtitle {
  color:#666;
  font-size:1.3em;
}
/* The Modal (background) */
.regionmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.regionmodal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.regionclose {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.regionclose:hover,
.regionclose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  background-color: #F3F3F3;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
/*  background-color: #39B3F4; */
border-bottom: 2px solid #39B3F4;

}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0px 0px;
  border: 0px solid #ccc;
  border-top: none;
  padding-top:20px;
}
.imgcontainer2 {
  position: relative; 
  max-width: 980px; /* Maximum width */
  margin: 0 auto; /* Center it */
  padding-bottom:20px;
  padding:5px;
  background: #f1f1f1;/*rgb(0, 0, 0); /* Fallback color */
  text-align:center;
  margin-bottom:15px;
}

div.imgcontainer2:hover {
  border: 1px solid #777;
}

.imgcontainer2 .imgcontent {
  position: relative; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: #f1f1f1;/*rgb(0, 0, 0); /* Fallback color */
  font-style: italic;
  text-align:center;
  /*background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #000; /* Grey text */
  width: 100%; /* Full width */
  padding: 1px; /* Some padding */
  border-bottom:1px solid #CCC;
}



ul.secnav {
	font-size:1.0em;
  list-style-type: none;
    list-style-image:none;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #F3F3F3;
}

.secnav li {
  float: left;
}

.secnav li a {
  display: block;
  color: #666666;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none;
}

.secnav li a:hover {
	text-decoration:underline;
}

.secnav li.current {
	font-weight:bold;
}

.navtabcontainer {
border-bottom: 1px solid #4B84A5;
	margin: 0 auto;
	padding-bottom:11px;
}

.navtab {
font-size:1.0em;
font-weight:normal;
padding: 14px;
color:#333;
border: 1px solid #ccc;
border-bottom: 0px solid #ccc;
background-color:#f1f1f1;
}

a.navtab, a.navtab:link, a.navtab:visited{
text-decoration: none;
color:#333;
}

a.navtab:hover, a.navtab:active, a.navtab:focus{
text-decoration: underline;
}

.navtabactive {
font-size:1.0em;
font-weight:normal;
padding: 14px;
color:#fff;
border: 1px solid #4B84A5;
border-bottom: 0px solid #4B84A5;
background-color:#4B84A5;
}

a.navtabactive, a.navtabactive:link, a.navtabactive:visited{
text-decoration: none;
color:#fff;
}

a.navtabactive:hover, a.navtabactive:active, a.navtabactive:focus{
text-decoration: none;
}

.border-highlight{
/*  border:2px dashed #ccc;  */
  padding:0.00em 0.25em;
  background-color: #c1dbea;
  color:#3d7595;
}

.border-highlight2{
/*  border:2px dashed #ccc;  */
  padding:0.00em 0.25em;
  background-color: #3D7595;
  color:#fff;
}