/*
 * This file will override the css in css/bootstrap.css
 * Taken From "Overrides Mar31_2018-1 PartlyWorks.css" on Mar.31/2018 in order to remove the text from the carousel caption and leave only the "Read More" link in the caption.
 * Modified: TT Mar.31/2018 @ 2:00pm - This file includes all css from "carousel Mar29_2018-1.css", which must be at the beginning of this file otherwise the "Read More" link in the caption box stops resizing on mouseover!
*/

/* Beginning of all css from "carousel Mar29_2018-2.css": */
/* Line #6323 & #6328 of "bootstrap Oct22_2017.css" = line #6369 & #6374 of "bootstrap.css" */
/* Original: "left: 50%;" = TT Note: This is the position of the left chevron from the left edge of the browser window: */
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	left: 20%;
}

/* Original: "right: 50%;" = TT Note: This is the position of the right chevron from the right edge of the browser window: */
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	right: 20%;
}

/* Line #6348 of "bootstrap Oct22_2017.css" = line #6392 of "bootstrap.css" */
/* Original: "bottom: 10px;" = TT Note: This determines the height of the indicator dots above the bottom of the slider window when the page is <= 768px (See also line#6420): */
.carousel-indicators {
	bottom: -15px;
} /* "margin-left: -30%;" = TT Note: This is the lateral position of the indicator dots. */

/* Line #6357 of "bootstrap Oct22_2017.css" = line #6401 of "bootstrap.css" */
/* Original: "border: 1px solid #fff;" = TT Note: This is the border around the indicator dots: */
.carousel-indicators li {
	border: 2px solid #777;
}

/* Line #190 of index.html */
/* Line #6369 of "bootstrap Oct22_2017.css" = line #6413 of "bootstrap.css" */
/* Original: "background-color: #fff;" = TT Note: This is the fill color of the indicator dots: */
.carousel-indicators .active {
	background-color: #111;
}

.carousel img {
   /* min-width: 100%;*/
   margin-left: auto;
   margin-right: auto;
}

/* Shafeeq modified: */
.carousel-caption {
    right: 15%; /* right: 6%; Orig: right: 20%; But This is the position of the original text box: right: 7%;  */
    left: 60%; /* left: 54%; Orig: left: 51%; But This is the position of the original text box: left: 53%; */
    background-color: rgba(10, 10, 10, 0.0); /* Orig: background-color: rgba(10, 10, 10, 0.5); */
    border-radius: 15px;
    margin: 2px 5px;
    padding: 0px 0px; /* Orig: padding: 0px 10px; */ /* Top&Bottom=0px, Left&Right=10px*/ /* Note: If you use 4 fields, it will be padding order: Top,Right,Bottom,Left = CCW order. */
    top: 70%; /* top: 12%; Orig: top: 18.5%; */
	bottom: 12%; /* bottom: 12%; Orig: bottom: 17.5%; */
    box-sizing: border-box; /* Does not include margin. */
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
	text-align: right; /*TT Added: text-align: left; */
	margin-top: 5px; /* Orig: margin-top: 2px; */
	margin-bottom: 5px; /* Orig: margin-bottom: 1px; */
}

.carousel-caption a{
    color: Highlight;
	/* text-decoration:underline; */
    font-size: 16px; /* Shafeeq Added. */ /* Does not control the font size of the mouseover text in the "Read More" text. */
	/* align: center; // TT Added. Does NOT work. */
	/* text-align: center; // TT Added. Does NOT work. */
    /* align-content: center; // TT Added. Does NOT work. */
}

/*
.carousel-caption a:hover{
    font-size: 6px;
}
*/

/* TT added: */
.carousel-caption h1
{
    text-align: left;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
}

/* Shafeeq added: */
.carousel-caption h3
{
    text-align: left;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
}

/* TT Added Mar.31/2018: */
@media screen and (max-width: 199px)
{
	.carousel-caption{
		border-radius: 2px;
		padding: 2px 2px; /* Top&Bottom=0px, Left&Right=10px*/ /* Note: If you use 4 fields, it will be padding order: Top,Right,Bottom,Left = CCW order. */
		top: 60%;
        font-size: 4px;
	}
	.carousel-caption a{
		color: Highlight;
        font-size: 4px;
	}
	.carousel-caption a:hover {
		font-size: 5px;
	}
	.carousel-caption h1{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 6px;
	}
	.carousel-caption h3{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 5px;
	}
}

/* Shafeeq added: */
/* @media screen and (max-width: 399px) */
@media screen and (min-width: 200px) /* TT Changed. */
{
	/* TT Changed: */
	/* Shafeeq added: */
    /* .carousel-caption,
    .carousel-caption a */
	.carousel-caption{
		border-radius: 5px; /* TT Added. */
		padding: 2px 2px; /* TT Added. */ /* Top&Bottom=0px, Left&Right=10px*/ /* Note: If you use 4 fields, it will be padding order: Top,Right,Bottom,Left = CCW order. */
		top: 65%;
		font-size: 5px; /* Shafeeq added. */
	}
	/* TT Added: */
	.carousel-caption a{
		color: Highlight;
        font-size: 5px;
	}
	/* TT Added: */
	.carousel-caption a:hover {
		font-size: 7px;
	}
	/* TT Added: */
	.carousel-caption h1{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 8px;
	}
	/* Shafeeq added: */
	.carousel-caption h3{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 8px;
	}
}

/* TT Added Mar.31/2018: */
@media screen and (min-width: 300px)
{
	.carousel-caption{
		border-radius: 5px;
		padding: 2px 2px; /* Top&Bottom=0px, Left&Right=10px*/ /* Note: If you use 4 fields, it will be padding order: Top,Right,Bottom,Left = CCW order. */
        font-size: 7px;
	}
	.carousel-caption a{
		color: Highlight;
        font-size: 7px;
	}
	.carousel-caption a:hover {
		font-size: 8px;
	}
	.carousel-caption h1{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 9px;
	}
	.carousel-caption h3{
		margin-top:2px;
		margin-bottom: 1px;
		font-size: 8px;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 400px)
{
 /*   .carousel-caption,
    .carousel-caption a{
        font-size: 8px;
	}
*/
	.carousel-caption{
		top: 70%;
	}
	.carousel-caption a{
		color: Highlight;
        font-size: 8px;
	}
	.carousel-caption a:hover {
		font-size: 9px;
	}
	.carousel-caption h3{
		margin-top: 5px;
		margin-bottom: 2px;
		font-size: 14px;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 600px)
{
/*    .carousel-caption,
    .carousel-caption a {
		font-size: 11px;
	}
*/
	.carousel-caption a{
		color: Highlight;
        font-size: 10px;
	}
	.carousel-caption a:hover {
		font-size: 11px;
	}
    .carousel-caption h3{
        font-size: 15px;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 800px)
{
/*	.carousel-caption {
		right: 10%; 
		left: 51%; 
	}
*/
	/* Shafeeq added Mar.25/2018: */ 
/*	.carousel-caption,
    .carousel-caption a {
		font-size: 16px;
	}
*/
	.carousel-caption a{
		color: Highlight;
        font-size: 12px;
	}
	.carousel-caption a:hover {
		font-size: 13px;
	}
	/* TT Added: */
	.carousel-caption h1{
		font-size: 34px; /* Orig: font-size: 24px; */
        margin-top: 5px; /* margin-top: 15px; */
        margin-bottom: 10px; /* margin-bottom: 10px; */
    }
    .carousel-caption h3{
        font-size: 24px;
        margin-top: 5px; /* margin-top: 15px; */
        margin-bottom: 10px; /* margin-bottom: 10px; */
    }
}

/* Shafeeq added: */
@media screen and (min-width: 1000px)
{
/*	.carousel-caption {
		right: 14%; 
		left: 51%; 
		font-size: 18px;
	}
*/
	.carousel-caption a{
		color: Highlight;
        font-size: 13px;
	}
	.carousel-caption a:hover {
		font-size: 14px;
	}
	.carousel-caption h3{
		font-size: 26px;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 1200px)
{
	.carousel-caption {
		right: 18%;
		left: 51%;
	}
}
@media screen and (min-width: 1300px)
{
	.carousel-caption {
		right: 20%;
		left: 51%;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 1400px)
{
	.carousel-caption {
		right: 22%;
		left: 51%;
	}
}
@media screen and (min-width: 1500px)
{
	.carousel-caption {
		right: 24%;
		left: 51%;
	}
}
@media screen and (min-width: 1600px)
{
	.carousel-caption {
		right: 26%;
		left: 40%;
	}
}

/* Shafeeq added: */
@media screen and (min-width: 1700px)
{
	.carousel-caption {
		right: 28%; 
		left: 40%; 
	}
}
/* End of all css from "carousel Mar29_2018-2.css". */


/* Beginning of all css from "Overrides Mar21_2018 CommentedMar28_2018.css". */
a {
	background-color: transparent;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
	/* color: #4D4E4F; */
	color: black;

}
/*a:active,*/
 a:hover {
	outline: 0;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
	/* color: inherit; */ /* Original */
	/* color: #4D4E4F; */ /* Dark Grey */
	color: #0287A9; /* darkblue; */ /* Color of the text links when moused-over. */
	text-decoration: none;
	
}
.icon-bar {
	background-color: black;
}
.NavLinkHeight {
	padding-top: 50px;
	display: block;
}

/* Line #947 of "bootstrap Oct22_2017.css" & line #1084 of "bootstrap.css": */
/* TT Note: Removed following lines of code from "body": */
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
/* font-size: 14px; */
/* line-height: 1.42857143; */
/* color: #333; */
 body {
	background-color: #fff;
	
}

/* Line #955 of "bootstrap Oct22_2017.css" & line #1091 of "bootstrap.css": */
/* TT Do not use this: input[type=text], */
/* TT Origin: "font-size: inherit;": */
input,
button,
select,
textarea {
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f7f7f7;
    color: black;
    box-sizing: border-box;
    padding: 7px 7px;
    margin: 5px 15px;
}
/* "font-family: inherit;" */
/* "line-height: inherit;" */
/* Omitted from "bootstrap Oct22_2017.css":	width: 100%; = TT Note: Text box and buttons will fill the horizontal width of the table cell */
/* "border: 1px solid #ccc;" = Border thickness and color. Can also use: border: 2px solid black; */
/* "border-radius: 6px;" = How much the corners are rounded */
/* "background-color: #f7f7f7;" = Color of the text area and buttons */
/* "color: black;" = Color of the text that is typed into the box */
/* "box-sizing: border-box;" = Add the pixel size of the border and padding to the overall height & width of the text box */
/* "padding: 7px 7px;" = 1st value is padding above&below text, 2nd value is padding on left & right of text */
/* "margin: 5px 15px;" = 1st value is padding above&below outside of box, 2nd value is padding on left & right of outside of box */


/* TT Stopped here = line #1002 of "bootstrap Oct22_2017.css" = line #1103 of "bootstrap.css" */

/* TT Stopped here = line #1200 of "bootstrap Oct22_2017.css" = line #1289 of "bootstrap.css" */

/* Some css that controls the carousel was taken from here. */

/* From: "http://divtable.com/converter/" */
/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
/* This already exists below:
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
*/
.divTableCell, .divTableHead {
	/* Orig: border: 1px solid #999999; */
	display: table-cell;
	/* Orig: padding: 3px 10px; */
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/* End of From: "http://divtable.com/converter/" */

/* Does Nothing, From: "https://smepals.com/development/how-convert-old-html-tables-responsive-web-design"
@media only screen and (max-width: 991px) {
	.small-business-ideas table tr td{
    display:block;
    clear:both;
    width: 95%;
    }
} 
*/

/* ".carousel img" css that controls the carousel was taken from here. */

.nav > li > a
{
	/* color: #0287A9; */ /* darkblue; */
	/* color: #000; */ /* Black: Color of the nav links when moused-over. */
	color: black;
	font-size: 16px;

}


.nav > li > a:hover, .nav > li > a:focus
{
	background-color: white;
	/* color: black; */
	color: #0287A9; /* darkblue; */ /* Color of the nav links when moused-over. */
	/* color: #4D4E4F; */ /* Dark Grey */

}

/* ".carousel-caption" and ".carousel-caption a" css that controls the carousel was taken from here. */

#logo{
    position:absolute;
    left: 10px;
	top: 0px;
}

nav{
	margin-top:50px;
	margin-bottom:5px;
}

nav li a {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

/* Line #6323 & #6328 of "bootstrap Oct22_2017.css" = line #6369 & #6374 of "bootstrap.css" */
/* Original: "left: 50%;" = TT Note: This is the position of the left chevron from the left edge of the browser window: */


/*! Line #190 of index.html */
/* Line #6420 of "bootstrap Oct22_2017.css" = line #6458 of "bootstrap.css" */
/* Original: "bottom: 20px;" = TT Note: This determines the height of the bottom indicator dots above the bottom of the slider window when the page is larger than 768px (See also line#6348): */


/* Line #6348 of "bootstrap Oct22_2017.css" = line #6392 of "bootstrap.css" */
/* Original: "bottom: 10px;" = TT Note: This determines the height of the indicator dots above the bottom of the slider window when the page is <= 768px (See also line#6420): */

/* "margin-left: -30%;"	= TT Note: This is the lateral position of the indicator dots. */


/* Line #6357 of "bootstrap Oct22_2017.css" = line #6401 of "bootstrap.css" */
/* Original: "border: 1px solid #fff;" = TT Note: This is the border around the indicator dots: */



/*! Line #190 of index.html */
/* Line #6369 of "bootstrap Oct22_2017.css" = line #6413 of "bootstrap.css" */
/* Original: "background-color: #fff;" = TT Note: This is the fill color of the indicator dots: */


/* @media (max-width: 850px) */
/* @media (max-width: 900px) */
@media (max-width: 930px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top:-40px;
        margin-bottom:40px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	
/* Added comment by TT */	
}

/* Following Section From: https://stackoverflow.com/questions/22269803/how-to-set-link-on-image-using-maplink-in-responsive-theme */
/* Doesn't work with carousel:
div.map {
    position: relative;
}

div.map > img {
    display: block;
    max-width: 100%;
}

div.map > a {
    display: block;
    position: absolute;
}

div.map > a:hover {
    background-color: rgba(255, 0, 0, .0);
}

div.map > a.a {
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

div.map > a.b {
    top: 0;
    left: 50%;
    width: 20%;
    height: 50%;
}

div.map > a.c {
    bottom: 20%;
    right: 8%;
    width: 10%;
    height: 10%;
}
/* End of section. */

/* Added Dec.30/2017: */
hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 3px solid #0287A9;
}

label.control-label {
	/*padding-right: 0;
    padding-left: 30px;*/
font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif; 
font-size: 18px;

}

/* # is for ids , class has .*/
form#InquiryForm1 .form-group div
{
	margin-left:-15px;
	margin-right:15px;
}

.optionaltext
{
	font-size: 16px;
}

@media (max-width: 768px) {
    
    #logo{
       max-width:70%;
    }
    
}