/* MARY'S CUSTOM CSS STYLING */

/***
HOME PAGE MEGATRON
***/
.slide_title {
	font-family: 'Open Sans', 'Segoe UI', sans-serif;
	font-weight: 300;
	color:#3f5862;
	text-transform: uppercase;
	font-size:47px;
}

.slide_desc {
	color:#7b8793;
	font-size:16px;
	line-height:24px;
	margin-left: 20px;
}

.slide_subtitle2 {
	font-family: 'Open Sans', 'Segoe UI', sans-serif;
	font-weight: 300;
	color:#7B8793;;
	font-size: 30px;
	margin-left: 20px;
}

.pic {
	position:relative;
	display: block;
}
.pic img{
	width: 100%;
	display: block;
}

a .img_overlay_play {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;	
	background-image: url(https://www.chronoscan.org/images/icons/iconPlayCircle70x70Blue.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1;    
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover .img_overlay_play {
	background: #333;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(https://www.chronoscan.org/images/icons/iconPlayCircle70x70.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
    z-index: 1;	
	}



/***
HOME THREE ITEMS SECTION
***/

.service-box .service-box-heading span {
	font-size: 30px;
	font-weight: 300;
}

.service-box .service-box-heading {
	padding: 5px 0px 12px 0px;
}
.service-box p {
	font-size: 15px;	
}


/***
HOME BIG FEATURES SECTION
***/
.quote-v1 {
	background-color: #999999;	
}

/***
HOME FEATURES SECTION
***/

.feature-block {
	padding: 20px;
	background-color: #fcfcfc;
	color: #333333;	
}

.feature-block:hover {
	background-color: #0da3e2;
	color: #ffffff;	
}

a.featureBlockLink {
	text-decoration: none;

}

/***
TESTIMONIALS
***/

.testimonials-v1 .item span.testimonials-slide {
	padding: 15px; 
	color: #8a8a8a;
	display: block;
	font-size: 20px;
	line-height: 1.5em;
	background: #f8f8f8 url(https://www.chronoscan.org/images/corners.png) no-repeat right bottom;
}

.smallTestimonial .item span.testimonials-slide {	
	font-size: 14px;
	line-height: 1.4em;	
}	

.testimonials-v1 .item span.testimonials-slide-small {
	padding: 15px; 
	color: #8a8a8a;
	display: block;
	font-size: 14px;
	line-height: 1.4em;
	background: #f8f8f8 url(https://www.chronoscan.org/images/corners.png) no-repeat right bottom;
}

/***
DOWNLOADS BOX SECTION
***/

.download-box-v1 {
    padding: 15px;
    text-align: center;
}
.download-box-v1 i {
    font-size: 45px;
	line-height: 45px;
    padding: 10px;
}
.download-box-v1 {
    background: none repeat scroll 0 0 #0DA3E2;
    transition: all 0.4s ease-in-out 0s;
}
.download-box-v1 i, .download-box-v1 p, .download-box-v1 h2, .download-box-v1 h3 {
    color: #FFFFFF;
}

.download-box-v1 h2 {
	margin-top: 10px;	
}

.download-box-v2 {
    padding: 15px;
	color: #FFFFFF;    
}
.download-box-v2 i {
    font-size: 60px;
	line-height: 60px;    
}
.download-box-v2 {
    background-color: #0DA3E2;
}

.download-box-v2 h2 {
	margin-top: 10px;
	font-size: 30px;
	font-weight: 300;
	color: #FFFFFF;	
}
.download-box-v2 h1 {	
	font-size: 36px;
	margin-top: 0px;
	padding-right: 10px;
}


/***
WHAT'S NEW AND FEATURES PAGES
***/

.bigHair {
	font-size: 24px; 
	color: #999; 
	font-weight: 300;	
}

.smallRequired {
	font-size: 12px; 
	color: #999; 
	font-weight: 300;
}

.blog-posts h2 {
	margin-top: 0;
	margin-bottom: 0;
}
.blog-posts h3 {
	margin-top: 0;
	font-size:16px;
}

a.carousel-control {
	color: #ffffff;
}

.carousel-control i {
	color: #ffffff;
}

/***
WHAT'S NEW BUILD LISTS AND FIX LISTS
***/

.buildListImg {	
	margin-left: 20px;
}

.fixList {
	color: #888888;
}

.dl-horizontal-build dt {
  float: left;
  clear: left;
}

.dl-horizontal-build dd {
  margin-left: 20px;
  font-size: 16px;
}

/***
TOP NAV
***/

#whats-new .header .nav li.nav-whats-new > a,
#casestudies .header .nav li.nav-case-studies > a,
#support .header .nav li.nav-support > a,
#docs .header .nav li.nav-docs > a,
#features .header .nav li.nav-features > a,
#downloads .header .nav li.nav-download > a,
#purchase .header .nav li.nav-purchase > a {
	color: #0da3e2;
	border-radius: 0;
	text-shadow: none;
	padding-top: 28px;
	box-shadow: none !important;
	border-top: solid 2px #0da3e2;
	background-color: #fcfcfc;	
}

#home .header .nav li.nav-home > a {
	color: #0da3e2;

}

.header .nav li.menu-search span.sep {
    background-color: transparent;
}

.dropdown-menu {
 	font-family: 'Open Sans', 'Segoe UI', sans-serif;	
}


/***
TITLE
***/
.pageTitle a {
color: #555555;
text-decoration: none;
}

/***
FEATURES PAGE
***/

.feature-head i {
	font-size: 60px;
	line-height: 60px;
}


.feature-head h1 {
	margin-top: 0px;
}

hr.features-sep {
	margin: 40px 0 10px 0;
}
.feature-items h3 {
	padding-top: 30px;	
}
.feature-items img {
	margin-bottom: 30px;	
}

/***
SIDEBAR FEATURES NAV
***/



.side-nav-list {
	padding: 0;
}

.side-nav-list > li  {
	border-bottom: 1px solid #efefef;
}

.side-nav-list > li > ul  {
	display: none;
}

.side-nav-list > li > a  {
    padding: 10px 4px;
}

.side-nav-list > li > a > span {
    color: #444444;
}

.side-nav-list > li > a:hover  {
	background-color: #f9f9f9;
}

#navigation ul.nav-features,
#refactoring ul.refactor-features,
#code-assist ul.assist-features,
#code-understand ul.understanding,
#tool-windows ul.windows,
#code-snippets ul.snippets,
#code-gen ul.generation,
#code-correct ul.correction,
#config ul.config  {
	display: block;
	margin-bottom: 20px;
}


/***
PURCHASE PAGE CSS
***/

.sidebarBox i {
    font-size: 40px;
	padding: 5px;	
}

.sidebarBox h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}


.blueBox { 
 	background-color: #0DA3E2;
}
.faqs li {
	margin-bottom: 20px;
}

ul.goodies  {
	margin-top: 20px;
}


.goodies li {
	margin-bottom: 15px;
}

.goody {
	background-color: #ffffff;
	padding: 10px;
	margin: 10px;
	text-align:center;	
}


.hilite label
{
	background-color: #FBFCFD; 
	padding: 10px; 
	margin: 20px;	
}

.hilite label:hover
{
	background-color: #f6faff; 
}

.hilite 
input[type="radio"],
.radioPurchase 
input[type="radio"],
.hilite 
input[type="text"]
{
	margin: 0;	
}

/*  Hilite buttons */

.btn.hilite {
  color: #168abb;  
  text-shadow: none;	
  background-color: #FBFCFD;
}
.btn.hilite:hover, 
.btn.hilite:focus, 
.btn.hilite:active,
.btn.hilite.active,
.btn.hilite[disabled],
.btn.hilite.disabled {  
  background-color: #f6faff !important;
  color: #0da3e2 !important;
  outline: none !important;
}

/*  Hilite buttons */

.btn.hilite2 {
  color: #168abb;  
  text-shadow: none;	
  background-color: #ffffff;
  border: 1px solid #f0f5f9;
}
.btn.hilite2:hover, 
.btn.hilite2:focus, 
.btn.hilite2:active,
.btn.hilite2.active,
.btn.hilite2[disabled],
.btn.hilite2.disabled {  
  background-color: #f0f5f9 !important;
  color: #0da3e2 !important;
  outline: none !important;
  border: 1px solid #c8d6e4;
}


/***
SUPPORT STYLES
***/


.supportBox i {
    font-size: 40px;
	padding: 5px;	
}

.supportBox h2 {
	margin-top: 0px;
}

.searchBox i {
    font-size: 30px;
	padding: 5px;	
}
.searchBox h2 {
	margin-bottom: 10px;	
}

.faq-header {
	text-transform:uppercase;
	font-weight:300;
	color: #444444;
}

.faqsList li {
	margin-bottom: 10px;
}

.faqsList ul {
	margin-bottom: 40px;
}

.faqsList i {
	margin-right: 5px;
}

/***
DOCS STYLES
***/

.docs ul  { 
	margin: 0;
	padding: 0;
}

.docs li {
	background-image:  url(https://www.chronoscan.org/images/wiki/page.png);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 14px;
}


/***
FOOTER LINKS
***/
.footerLinks > li > a {
    color: #FFFFFF;
}

.footerLinks > li > i {
    color: #FFFFFF;
}

.footerLinks > li {
	color: #FFFFFF;
    margin-bottom: 8px;
	
}


/***
MISC CUSTOM CSS
***/

a.btn-transparent:visited {
	color: white;
}

a.theme-btn:visited {
	color: white;
}

a:visited {
	color:#2a6496;
}

.larger {
	font-size: 16px;	
}
.smaller {
	font-size: 12px;
}
.med {
	font-size: 14px;
}

.thinner {
	font-weight: 300;
}


.white-well {
	background-color: #ffffff;
	box-shadow: none; 
}

.well {
	box-shadow: none; 
}

.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-50 {
	margin-left: 50px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}



.quoteBlock {
	margin: 30px 0;
	font-size: 14px;
}

.quoteBlock span {
	font-weight: bold;
	color: #666666;
		
}
.quotePrice {
	color: #C30;
	font-size: 24px;	
}


.formTitle {
	font-size: 16px;
	font-weight: 300;
	color: #3A87AD;
}


.table-bordered-blue th {
	background-color: #D9EDF7;
	color: #3A87AD;
	font-size: 16px;
	font-weight: 300;
}

ol.largeNumbered li {
  font-size: 14px;
  margin-bottom: 20px;

}

.spacey li {
	margin-bottom: 10px;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.imgDropShadow {
	-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
     box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
		
}

.imgGrayBorder
{
	border: 1px solid #eeeeee;
	padding: 20px;	
}

.boxed {
	border: 1px solid #eeeeee;
	padding: 20px;
	margin-top: 40px;
}

.boxed2 {
	border: 1px solid #eeeeee;
	padding: 10px;
	margin-top: 20px;
}
.boxed2 h2 {
  	margin: 0px 0px 30px 0px;	
}

.boxed2 h3 {
  	margin-bottom: 0px;
}

.boxed2 h4 {
  	margin-top: 0px;
	
}

.callout {
    border-left: 5px solid #0DA3E2;
	background-color: #FCFCFC;
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
}
.callout h4 {
    margin-top: 0;
}
.callout p:last-child {
    margin-bottom: 0;
}

.callout-danger {
    background-color: #FCF2F2;
    border-color: #DFB5B4;
}
.callout-warning {
    background-color: #FEFBED;
    border-color: #F1E7BC;
}
.callout-info {
    background-color: #F0F7FD;
    border-color: #D0E3F0;
}

.header {
	box-shadow: none;	
}

.footer {
	background-color: #666666;	
}

.address a {
	color: #0DA3E2;
}

.copyright {
	background-color: #424242;	
}

.sourcelinksBox {
	margin: 30px 20px;
	padding: 20px;
	border: 1px solid #0DA3E2;	
}

.table-bordered-blue th,
.table-bordered-blue td {
	border: 1px solid #EEF6FE;
	vertical-align:top;
	font-size: 13px;
}

.table-bordered-blue th {
	background-color: #FBFCFD;
}

.sidebarBox h3 {
	margin-top: 0px;
}
.sidebarBox i {
	font-size: 36px;

}

/***
PURCHASE PAGE BUY DIVS
***/

.tableCell {
	display: table-cell;

}

.tableRow {
	display: table-row;
}

div.edition:hover, div.edition-active  {
	background-color: #FBFCFD;
}

span.editionPrice {
	color: #cc3300;
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0 0 0;
}

.edition h3 {
	margin: 20px 0 0 0;
}

.edition h4 {
	margin: 0 0 20px 0;
}

.pad-left-10 {
	padding-left: 10px;
}
.getField {
	width: 160px;	
}

.getProductField {
	width: 80px;	
}

.priceField {
	width: 60px;	
}

.fieldTop {
	vertical-align: top;
	padding-top: 5px;
}
	

/***
BLUE BOX SECTION
***/

.blue-box-v1 {
    padding: 15px;
    text-align: center;
}

.blue-box-v1 {
    background: none repeat scroll 0 0 #0DA3E2;
    transition: all 0.4s ease-in-out 0s;
}
.blue-box-v1 i, .blue-box-v1 p, .blue-box-v1 h2, .blue-box-v1 h3, .blue-box-v1 h4, .blue-box-v1 a {
    color: #FFFFFF;
	text-decoration: none;
}

.blue-box-v1 i.smallish  {
	font-size: 12px;	
}

.blue-box-v1 i.mediumish  {
	font-size: 16px;	
}

.blue-box-v1 i.largish  {
	font-size: 20px;	
}

.blue-box-v1 h2 {
	margin-top: 10px;	
}

/* Tooltip styles */
.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2;
	background: #eeeeee; 
	margin-left: -100px;
    padding: 3px; 
    border: 1px solid #cccccc;
}

/* form styles */
.input-text-mod {
	background-color: #FFFFFF;
    border: 1px solid #b5b5b5;
	padding: 6px;
}

form input[type=text] {
	background-color: #FFFFFF;
    border: 1px solid #b5b5b5;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
}
.form-control {
	background-color: #FFFFFF;
    border: 1px solid #b5b5b5;
}

.form-horizontal .form-group {
	margin-left: 0px;	
}

/* end form styles */

.cellTop {
	vertical-align: top;	
}

.cellRight {
	text-align: right;
}

.well {	
	background-color: #FBFCFD;
	border: 1px solid #EEEEEE;
	
}

.service-box-heading span {
	text-transform: uppercase;
}

/*  Dark Red Button */
.btn.dark-red {
  color: white;  
  text-shadow: none;	
  background-color: #bb2413;
}
.btn.dark-red:hover, 
.btn.dark-red:focus, 
.btn.dark-red:active, 
.btn.dark-red.active,
.btn.dark-red[disabled], 
.btn.dark-red.disabled {    
  background-color: #d84a38 !important;
  color: #fff !important;
  outline: none !important;
}

.color-light-blue {
	color: #f0f4f8;	
}

.service-box .service-box-heading [class^="fa-"],
.service-box [class*=" fa-"] {
  display: inline-block;
  text-align: center;
}

.service-box .service-box-heading i.color-blue {
	color: #0da3e2;
	border:1px solid #0da3e2;
}

/***
Social Icons
***/
.social-icons {
  padding: 0;
  margin: 0;
}

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}

.social-icons:after {    
  clear: both;
}

.social-icons li {
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, 
a.social-icon {
  width:40px;
  height:40px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -53px;
}

.social-icons-color li a {
  opacity: 1;
  background-position:0 -53px !important;
}

.social-icons-color li a:hover {
  opacity: 0.7;
}

/*.social-icons .facebook {background: url(https://www.chronoscan.org/images/icons/facebook40.png) no-repeat;}*/
.social-icons .googleplus {background: url(https://www.chronoscan.org/images/icons/googleplus40.png) no-repeat;}
/*.social-icons .linkedin {background: url(https://www.chronoscan.org/images/icons/linkedin40.png) no-repeat;}*/
/*.social-icons .youtube {background: url(https://www.chronoscan.org/images/icons/youtube40.png) no-repeat;}*/
.social-icons .vsgallery {background: url(https://www.chronoscan.org/images/icons/vsgallery40.png) no-repeat;}
.social-icons .rss {background: url(https://www.chronoscan.org/images/icons/rss40.png) no-repeat;}

.social-icons .facebook {background: url(https://www.chronoscan.org/images/icons/svg/facebook.svg) no-repeat;}
.social-icons .linkedin {background: url(https://www.chronoscan.org/images/icons/svg/linkedin.svg) no-repeat;}
.social-icons .youtube {background: url(https://www.chronoscan.org/images/icons/svg/youtube.svg) no-repeat;}

.display-block {
	display: block;
}
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
	position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.btn, .btn-transparent {
	/*
	padding: 10px 20px;
    outline: none;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: .5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 600;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 5px 0 rgb(54 100 175 / 30%) !important;
	box-shadow: 0 3px 5px 0 rgb(54 100 175 / 30%) !important;
	*/
	border-radius: 4px !important;
	font-weight: 400;
    font-size: 1.6rem;
    /* color: #d84a38;*/
    background: transparent;
    /*border: 2px solid #d84a38;*/
    padding: 1rem 3rem;
    text-align: center;
    margin: 2rem 0;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 1;
    transition: all .2s 0s cubic-bezier(.4,0,.2,1);
    cursor: pointer;
}

.monitor {
	width:515px;
	height: 300px;
	/*overflow-y:scroll;*/
	border: solid 1em #f1f1f1;
	border-radius:.5em !important;
  }
  /*
  .stand:before {
	content:"";
	display:block;
	position:relative;
	background: #f1f1f1;
	width: 150px;
	height: 30px;
	top:330px;
	left:185px;
  }
  .stand:after {
	 content:"";
	 display:block;
	 position:relative;
	 background:#f1f1f1;
	 border-top-left-radius:.5em;
	 border-top-right-radius:.5em;
	 width: 300px;
	 height: 15px;
	 top: 30px;
	 left: 110px;
  }
  */

.btn.border-radius-oright {
	border-radius: 0px 6px 6px 0px !important;
}

.position-relative {
	position: relative!important;
	width: 100%;
}
.shape {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: -2px;
    left: 0;
}
.bg-soft-light, .text-light {
    color: #eeeeee!important;
}
.shape>svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    width: 100%;
    height: auto;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.frame-desc-lists {
	font-size: 15px;
	line-height: 28px;
}

.hover_shadow {
	border-radius: 12px !important;
	border: 1px solid transparent;
}
.hover_shadow:hover {
	-webkit-transition: all .3s;
    transition: all .3s;
	-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%) !important;
	box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%) !important;
	border: 1px solid rgba(0,0,0, 0.1);
	background-color: #ffffff;
}

/***
End Custom Styles
***/