/***** WSCMAIN.CSS ******/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	margin: 0;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body{
	margin: 0;
	position: relative;
    -webkit-font-smoothing: antialiased;
 	/* font-family options: arial, arial black, comic sans, georgia, impact, Geneva, Helvetica */    
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Lato', sans-serif !important;	
	font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
	color: #555;
	/* color: #fff; */
	background-color: #fff;	
}
body.zero_top_padding {
  padding-top: 0px !important; 
}
p{
	margin: 0 0 10px;
	font-weight:normal;   /* options: lighter, normal, bold, bolder */
	color: white; 
	/* color options: aqua, fuchsia, gray,lime, maroon, navy, olive, orange, 
	purple, silver, teal, yellow */
	/* mint blue #a7cece */
}
p.blackfont{  /*use <p class="blackfont"> */
	color: black;
}
a{
	text-decoration: none; /*options: underline, overline, line-through, blink */
}
a:hover {
    text-decoration: none; 
}
a.gallery_menu{
	color: white;
	font-weight:bold;
}
a.gallery_menu:hover{
	color: pink;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small
	{
	font-weight: 400;
	line-height: 1;
	color: #999
}
h1,.h1,h2,.h2,h3,.h3 {
	margin-top: 20px;
	margin-bottom: 10px
}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small
	{
	font-size: 65%
}
h4,.h4,h5,.h5,h6,.h6 {
	margin-top: 10px;
	margin-bottom: 10px
}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small
	{
	font-size: 75%
}
h1,.h1 {
	font-size: 36px
}
h2,.h2 {
	font-size: 30px
}
h3,.h3 {
	font-size: 24px
}
h4,.h4 {
	font-size: 18px
}
h5,.h5 {
	font-size: 14px
}
h6,.h6 {
	font-size: 12px
}
/* invisible for desktop */
.mobile-visible{
	/* visibility:hidden; */
        display:none;
}
.notebook-visible{
	/* visibility:hidden; */
        display:none;
}


/*NOTEBOOK*/
@media ( max-width :767px) {
	.notebook-visible {
		visibility:visible;
		display:block;
		text-align:center;
	}
}

/*CELL*/
@media ( max-width :450px) {
	.mobile-visible {
		visibility:visible;
		display:block;
		text-align:center;
	}
}

/* invisible for mobile only */
.mobile-invisible{
	visibility:visible;
}
/*CELL*/
@media ( max-width :451px) {
	.mobile-invisible {
		display:none;
		text-align:center;
	}
}
/* invisible for mobile and notepads */
.mobile-pad-invisible{
	visibility:visible;
}
/*CELL*/
@media ( max-width :580px) {
	.mobile-pad-invisible {
		display:none;
		text-align:center;
	}
}
/**-- NAV CONTAINER --**/
.nav-container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
@media ( min-width :768px) {
	.nav-container {
	
		width: 750px;
		padding-left: 60px;
		padding-right: 60px
	
	}
}
@media ( min-width :992px) {
	.nav-container {
		width: 970px
	}
}

/**-- MAIN CONTAINER --**/
.main-container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
@media ( min-width :768px) {
	.main-container {	
		width: 750px;
		padding-left: 40px;
		padding-right: 40px
	
	}
}
@media ( min-width :992px) {
	.main-container {
		width: 970px
	}
}

/**** SKIP THIS OPTION
@media ( min-width :1200px) {
	.main-container {
		width: 1170px
	}
}
**/

.row {
	margin-left: -15px;
	margin-right: -15px
}

.twocol-img {
	float: left;
}

.towcol-img img {
	width:500px;
}

/*DESKTOP*/
@media ( min-width :850px) {
	.twocol-img img {
		margin-top:30px;
	   	width: 400px;
	}
}
/*IPAD or smaller */
@media ( max-width :768px) {
	.twocol-img img {
		width: 300px
	}
}
/*CELL*/
@media ( max-width :580px) {
	.twocol-img img {
		width: 250px;
		margin-top:0px;
		margin-left:-20px;
	}
}

/** COLUMNS **/
.col-one, .col-sm-1,.col-md-1, .col-sm-2,.col-md-2, .col-sm-3,.col-md-3, .col-sm-4,.col-md-4, .col-sm-5,.col-md-5, .col-sm-6, .col-md-6
	{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
/*IPAD*/
@media ( min-width :768px) {
	.col-one {
		float:none;
		width:100%;
	}
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6
		{
		float: left
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666666666667%
	}
	.col-sm-4 {
		width: 33.33333333333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.666666666666664%
	}
	.col-sm-1 {
		width: 8.333333333333332%
	}
}

/*DESKTOP*/
@media ( min-width :992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6
		{
		float: left
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666666666667%
	}
	.col-md-4 {
		width: 33.33333333333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.666666666666664%
	}
	.col-md-1 {
		width: 8.333333333333332%
	}
}

/** INPUT/OUTPUT **/
input[type=search] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
input[type=radio],input[type=checkbox] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}
input[type=radio]:focus,input[type=checkbox]:focus
	{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555
}

/** FORM RELATED **/
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}
.form-control:-ms-input-placeholder {
	color: #999
}
.form-control::-webkit-input-placeholder {
	color: #999
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control
	{
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}
textarea.form-control {
	height: auto
}
/*
.form-group {
	margin-bottom: 15px
}
*/
.radio,.checkbox {
	display: block;
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px
}
.radio label,.checkbox label {
	display: inline;
	font-weight: 400;
	cursor: pointer
}
.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{
	float: left;
	margin-left: -20px
}
.radio+.radio,.checkbox+.checkbox {
	margin-top: -5px
}
.radio-inline,.checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: 400;
	cursor: pointer
}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}
input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{
	cursor: not-allowed
}

/** IMPORTANT **/
.clearfix:before,.clearfix:after,.nav-container:before,.nav-container:after,.main-container:before,.main-container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after
{
	content: " ";
	display: table
}
.clearfix:after,.nav-container:before,.main-container:before,.main-container:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after
{
	clear: both
}
input[type="text"],input[type="submit"],textarea {
  font-family: 'Lato', Helvetica;
}
  
/* --- LOGO ------------------------------------------------------- */
.logo-main {
  z-index: 10000;
  position: fixed;
  top:0px;
  left:20px;
}
.logo-nonmain {
  z-index: 10000;
  position: fixed;
  top:0px;
  left:20px;
}
@media ( max-width :992px) {
	.logo-main img {
		height:80px;
	}
	.logo-nonmain img {
		height:80px;
	}
}

/* --- FOOTER ------------------------- */
#footer {
  min-height: 260px;
  margin-top: 20px;
  /* background-color: #252528; */
  /* color: #fff; */
  padding-top: 0px;
}

#footer .footer_header {
    /* color: #c4c4c4; */
    font-style: italic;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 0px;
    margin-left: 0px; 
}
#footer .message {
    color: #c4c4c4;
    font-style: normal;
    font-family: 'times roman';
    font-weight: 800;
    font-size: 16px;
    margin: 10px 0px 10px 10px;
    text-align: center;	
}
#footer .phone {
    /* color: #c4c4c4 !important; */
    font-style: normal;
    font-family: 'times roman';
    font-weight: 800;
    font-size: 24px;
    margin: 10px 0px 10px 10px;
    text-align: center;	
}
#footer .footer-contact {
    text-align: right; 
}
#footer .footer-contact .footer_header {
      text-align: left;
      margin-left: 15px; 
}
#footer .footer-contact input[type="text"], #footer .footer-contact textarea {
      border: none;
      /* background-color: #1f1f21; */
      background-color: #fff;
      /* color: #868687; */
      color: #000;
      padding: 8px 20px;
      border-radius: 3px;
      font-size: 14px;
      width: 95%;
      -webkit-transition: background-color .2s linear;
      -moz-transition: background-color .2s linear;
      margin-bottom: 10px; 
}
#footer .footer-contact input[type="text"]:focus, #footer .footer-contact textarea:focus {
        border: none;
        box-shadow: none;
        background-color: #fff; 
}
#footer .footer-contact input[type="text"]:moz-placeholder, #footer .footer-contact textarea:moz-placeholder {
        color: #868687; 
}
#footer .footer-contact input[type="text"]::-webkit-input-placeholder, #footer .footer-contact textarea::-webkit-input-placeholder {
        color: #868687; 
}
#footer .footer-contact input[type="text"]:-ms-input-placeholder, #footer .footer-contact textarea:-ms-input-placeholder {
        color: #868687; 
}
#footer .footer-contact input[type="submit"] {
      background-color: #3e3e40;
      border: none;
      color: #fff;
      border-radius: 4px;
      padding: 5px 20px;
      font-size: 14px;
      font-weight: bolder;
      -webkit-transition: background-color .2s linear;
      -moz-transition: background-color .2s linear; 
}
#footer .footer-contact input[type="submit"]:hover {
     background-color: #2190DB; 
}
        

/* --- RESPONSIVE ------------------------------------- */

@media (max-width: 991px) {
  body {
    padding-top: 0 !important; }
}

