/************************ GENERAL ************************/

html {overflow-y:scroll;overflow-x:none;}

body {
	padding:0;
	font:17px/27px 'Quattrocento Sans', sans-serif;
	color:#333;
	-webkit-backface-visibility:hidden;  
	text-rendering:auto;
	width:100%;
	background-color:#FFF;
}

@font-face {
    font-family: "Mtcorsva";
    src: url(../fonts/mtcorsva.ttf) format("truetype");
}

.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.border {border:1px solid #CCC;padding:15px;}

.no-gutters {padding-left:0;padding-right:0;}


/************************ WRAPS ************************/

#contentWrap img {max-width:100% !important;height:auto !important;}

/************************ HEADINGS ************************/


h1 {color:#000;font-family: 'Quattrocento', serif;font-weight:700;}
h2 {color:#000;font-weight:600;}
h3 {color:#222;margin-bottom:15px;}
h4 {line-height:1.4em;}
h5 {color:#c4262e;font-family: 'Mtcorsva', serif;font-weight:400;}

#contentWrap  h1:first-child {text-transform:uppercase;}

h2.heading-black {
	font-family: 'Quattrocento', serif;font-weight:700;
	border-bottom:1px solid #666;
	background:#EEE;
	text-align:center;
	margin-bottom:30px;
}

/************************ LINKS ************************/

a, a:link, a:visited, a:active, a:focus, .navbar-default .navbar-brand {color:#c4262e;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}


/************************ HOMEPAGE SPECIFIC ************************/

.home-intro {
	text-align:center;
	background:#F9F9F9;
	margin:0;
	padding-bottom:30px;
}

.home-c2a1 {
  background: url(../images/generic-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.home-c2a2 {
  background: url(../images/generic-04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:right;
}

.home-c2a, .home-c2a1, .home-c2a2 {
	background-color:#c4262e;
}

.home-c2a h3 {font-family: 'Quattrocento', serif;font-weight:700;text-transform:uppercase;}

.home-c2a h3, .home-c2a h5 {
	color:#FFF !important;
}

/************************ PAGE SPECIFIC ************************/

#why-titano .panel-group .panel {margin-bottom:30px !important;}
#why-titano .panel-group .panel h4 {font-size:1.4em;font-weight:600;text-transform:uppercase;font-family: 'Quattrocento', serif;}


/************************ CONTENT ************************/

hr {
	margin: 20px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px solid #FFF;
}

hr.dark {border-top:1px solid #666;}

#contentWrap img.pull-right, #contentWrap img.right{margin:0 0 30px 30px;float:right;}
#contentWrap img.pull-left, #contentWrap img.left {margin:0 30px 30px 0;float:left;}
#contentWrap img.pull-rightmargin, #contentWrap img.rightmargin{margin:0 0 30px 30px;float:right;border:1px solid #000;}
#contentWrap img.pull-leftmargin, #contentWrap img.leftmargin {margin:0 30px 30px 0;float:left;border:1px solid #000;}


/************************ HEADER ***********************/

.navbar-brand {padding:0;}


/************************ MENU ***********************/

.navbar {
	background:#F9F9F9;
    margin-bottom:0;
}

.navbar-default {
    border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #c4262e;
	padding:7px 0;
	border-bottom:1px solid transparent;
}

.navbar-default .navbar-nav>li>a:hover {
	color:#000;
	border-bottom:1px solid #CCC;
}


/************************ TABLES ************************/

.table {border-bottom:1px solid #DDD;}
 
.table-specs tr td:first-child {white-space:nowrap;}
 
 
/************************ PANELS ************************/

.panel {border-radius:8px;}

.panel-primary {
    border-color: #c4262e;
}

.panel-primary>.panel-heading{
	background-color: #c4262e;
    border-color: #c4262e;
}

.panel-primary>.panel-body {
    padding:0;
}

.panel-primary>.panel-body  p{
    padding:15px;
	margin:0;
}

.panel-default>.panel-footer{
    text-align:center;
	font-weight:600;
	font-size:1.2em;
}

 /************************ MODAL FOR ADDITIONAL ACCORDION IMAGES ************************/

.modal-body {padding: 15px 60px;}
.modal-dialog {border-radius:10px;}
.modal-header {height:55px;font-weight:600;font-size:1.4em;background-color:#222;color:#FFF;}
.carousel-control {color:#c4262e !important;}
.carousel-control.left, .carousel-control.right {background-image:none;}
.carousel-control .glyphicon-chevron-right {margin-right:-100px;}
.carousel-control .glyphicon-chevron-left {margin-left:-100px;}
.carousel-control .glyphicon-chevron-right:hover, .carousel-control .glyphicon-chevron-right:hover {color:#000;}
.modal-footer {text-align:center;}
#myModal .close {
    float: none;
	text-align:center;
    font-size:1.2em;
    color: #c4262e;
    text-shadow:none;
    filter: alpha(opacity=100);
    opacity: 1;
}

/************************ ADDITIONS ************************/

.zoom {
	transform: scale(1.0);
    transition: transform .5s;
}

.zoom:hover {
    transform: scale(1.05);
}

.right-col img {max-width:100%;height:auto;}

.well {background-color:#c4262e;}
.well h3 {color:#FFF;line-height:1.4em;font-weight:600;}

/************************ FORMS ************************/

.form-horizontal .control-label {text-align:left;}

label {float:left;padding:0px;margin:0px;cursor:default;}

select, textarea, input[type="text"], input[type="password"], cfinput[type="datefield"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #fff;
	border: 1px solid #999;
	border-radius:2px;
}

input[type="checkbox"] {margin:0px;}
input[type="radio"] {line-height:34px;margin:10px 0 0 0;padding:0;}




/************************ BUTTONS ************************/

.btn {
	text-transform:uppercase;
	font-weight:700;
	border: 0;
	border-radius:3px;
	color:#FFF !important;
	cursor:pointer;
}

.btn-xs {padding:2px 8px 1px 8px;}


.btn-lg {
	border-radius:24px;
	line-height:24px;
	font-size:17px;
}

.btn-default, .btn-default:visited {background-color:#c4262e;}
.btn-default:hover {background-color:#000;color:#FFF;}
.btn-primary, .btn-primary:visited {background-color:#000;color:#FFF;}
.btn-primary:hover{background-color:#FFF;color:#000 !important;}

/*Global hover state*/



/************************ FOOTER ************************/

.footer {
    width: 100%;
    background-color:#555;
	padding:30px 0;
	border-top:1px solid #FFF;
}

.footer-logo {
	height:auto;
	width:60%;
	margin-bottom:6px;
	filter:invert(100%);
}

.footer a{color:#FFF;}
.footer a:hover {color:#CCC;}