/* If you want to add your own CSS code, please do it in this file */
/*Results Table*/
table.resultsTable {
	
	width:380px;
	border: 1px sold black;
	font: .8em arial;
	float: none;
	}
.results tr{background-color:#CCC;}
table.resultsTable tr:nth-child (odd) {background:#FFC;}
table.resultsTable td.plColumn {
	width:20px;
	padding-right:2px;
	text-align:right;	
}
table.resultsTable tr.MWodd {
	background-color:#F9F;
}
table.resultsTable tr.MWeven {
	background-color:#F3F;}
table.resultsTable td.nameColumn {
	width:150px;
	padding-right:2px;
	text-align:left;	
}
table.resultsTable td.stateColumn {
	width:25px;
	padding-right:2px;
	text-align:left;	
}
table.resulsTable td.stateColumn {
	width:20px;
	padding-right:2px;
	text-align:center;	
}

table.resultsTable td.timeColumn {
	width:35px;
	padding-right:2px;
	text-align:center;	
}

table.resultsTable a		{ text-decoration:underline; }
table.resultsTable a:hover	{ text-decoration:underline; }
table.resultsTable a	{ color:#000; }
table.resultsTable .gtext {
    color: black;
    text-shadow: 2px 2px 5px blue;
    font-size: 140%;
}
	.SOodd {
		border: none !important; 
		margin: 25px 0 0 0 !important; 
		padding: 7px 10px !important; 
		background: #7DCC68 !important; 
		color: #fff; font-size: 12px; 
		}

		
		
	}
/*make ifram responsive*/
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: relative;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* font awesome */
.the-icons .span3 { float:left; width: 25%; font-size: 13px; line-height:18px; padding-bottom:10px;}
.the-icons .span3 .muted { color:#ccc;}
.the-icons .span3 [class^="icon-"], .span3 [class*=" icon-"] { color: #3E3E3E; font-size: 18px; width:23px; display:inline-block;}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.the-icons .span3 { width:33.333%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.the-icons .span3 { width:50%;}
}
@media only screen and (max-width: 479px){
	.the-icons .span3 { width:100%;}
}

/* #configurator */
#configurator { color:#213442 !important; background:#f9f9f9; width: 190px; position: fixed; left: -192px; top: 150px; z-index: 9000; color: #515E6C; line-height: 21px; font-size: 12px; text-transform:uppercase;}
#configurator form { margin-bottom:0; text-align:center;}
#configurator select { background:none; box-shadow:0 0 0; margin-bottom:10px; padding: 3px; color:#213442;}
#configurator .control { display:block; width:51px; height:51px; position:absolute; top:37px; right:-51px; background:#f9f9f9 url(../images/configurator/ico.png) no-repeat center; text-indent:-9999px;}
#configurator .inside { padding:10px;}
#configurator .header { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; font-size:18px;}

#configurator ul.image-select { margin-bottom:5px;}
#configurator ul.image-select li { display:block; float:left; }
#configurator ul.image-select li a { display:block; width:32px; height:32px; float:left; margin:5px;}
#configurator ul.image-select li:hover { border-color:#ccc;}

#configurator ul.select-color li a { text-indent:-9999px;}

#configurator ul.text-select { margin-bottom:15px; }
#configurator ul.text-select li { float:left; width:50%; font-size:14px; }
#configurator ul.text-select li:not(.active) a { color:#515E6C; }

#configurator p { line-height:16px; margin-bottom:5px;}

/* mobile only */
@media only screen and (max-width: 768px){
	#configurator { display:none;}
}

/* demo skins */
.color-blue .call-to-action 	{ background-color:#4095C9 !important;}
.color-orange .call-to-action	{ background-color:#E67E22 !important;}
.color-red .call-to-action		{ background-color:#EF5443 !important;}

/* Custom */
.help_section .faq h3 { font-size: 22px; line-height: 31px; margin-bottom: 25px; }
.homepage-faq .faq h3 { font-size: 26px; line-height: 30px; text-align: center; }
.section_ncm .one-second { margin-bottom: 0 !important; }
.center-icon-box { text-align: center; }
.center-icon-box .icon_box .icon_image i { display: inline-block; }
.border-call-to-action { border: 1px solid #262932; }

/* styles for slider in section */
.full-width-section .section_wrapper { width: 100% !important; }
.full-width-section .section_wrapper .one.column { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
/*#mfn-slider .swiper-title { color: #000000; }
#mfn-slider .swiper-desc { color: #000000; }
#mfn-slider .swiper-slide a.button { color: #000000; } */

/* Styles for fancy heading when no icon */
.padding-bottom { padding-bottom: 40px !important;}

#gallery-1 {
   
       margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
	
    border: 2px solid #FC6;
    padding: 5px 8px; 
    background: #ffffff;
    width: 250px;
    border-radius: 5px;

}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}