
@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/oswald.eot');
    src: url('../fonts/oswald.eot') format('embedded-opentype'),
         url('../fonts/oswald.woff') format('woff'),
         url('../fonts/oswald.ttf') format('truetype'),
         url('../fonts/oswald.svg#OswaldRegular') format('svg');
		 font-weight:normal;
}



@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot') format('embedded-opentype');
   src: url('../fonts/Calibri.eot') format('embedded-opentype'),
         url('../fonts/Calibri.woff') format('woff'),
         url('../fonts/Calibri.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

 #chritto-slider { 
	/*overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:100;
}
#chritto-slider ul{
	list-style:none;
	margin:0;
	padding:0;
}
#chritto-slider .sl_images{
	width:100%;
	height:590px;
	overflow:hidden;
	position:relative;
}
#chritto-slider .sl_images a{
	color:transparent;
}

#chritto-slider .sl_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none;
}
#chritto-slider a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#chritto-slider  .thumbnails { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#chritto-slider  .thumbnails div{
	position:relative;
	float:left;
}
#chritto-slider .thumbnails a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left;
	border: 1px solid #e77817; 
	color: #d6d6d6; 
	text-indent: -4000px; 
	background-image:url("data:images/gif;base64,");
	position:relative;
	color:transparent;
}
#chritto-slider .ws_selbull { 
	background-color: #e77817; 
	color: #FFFFFF; 
}

#chritto-slider .thumbnails a:hover, #chritto-slider .ws_overbull { 
	background-color: #d6d6d6;
	color: #FFFFFF; 
}

#chritto-slider a.ws_next, #chritto-slider a.ws_prev {
	position:absolute;
	display:block;
	top:50%;
	margin-top:-30px;
	z-index:60;
	height: 67px;
	width: 32px;
	background-image: url(../images/arrows.png) ;
}
#chritto-slider a.ws_next{
	background-position: 0 0; 
	right:-7px;
}
#chritto-slider a.ws_prev {
	left:-7px;
	background-position: 0 100%; 
}
#chritto-slider a.ws_next:hover{
	background-position: 100% 0; 
}
#chritto-slider a.ws_prev:hover{
	background-position: 100% 100%; 
}
#chritto-slider .ws-title{
	position: absolute;
	bottom:7%;
	left: 0;
	margin-right:5px;
	z-index: 50;
	background-color:#FFF;
	color:#1E4553;
	padding:10px;
	opacity:0.7;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
}
#chritto-slider .ws-title div{
	padding-top:5px;
	font-size: 12px;
}
#chritto-slider  a.wsl{
	display:none;
}/* bottom center */
#chritto-slider  .thumbnails {
	bottom:0;
	left:50%;
}
#chritto-slider  .thumbnails div{
	left:-50%;
}
#chritto-slider ul{
	position:relative;
	width: 400%; 
	left:0%;
	animation: wsBasic 16s infinite;
	-moz-animation: wsBasic 16s infinite;
	-webkit-animation: wsBasic 16s infinite;
}
#chritto-slider ul li{
	float:left; 
}

#chritto-slider img{ width:100%
}
@keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

#chritto-slider .thumbnails  a img{
	text-indent:0;
	display:block;
	bottom:12px;
	left:-93px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
	max-width:none;
}
#chritto-slider .thumbnails a:hover img{
	visibility:visible;
}

#chritto-slider .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#chritto-slider .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:186px;
	background-color:#B8C4CF;
}
#chritto-slider  .thumbnails .ws_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
}
#chritto-slider .ws_bulframe span{
	position:absolute;
}

@media (max-width:768px) {
#chritto-slider .sl_images{
	width:100%;
	height:350px;
	overflow:hidden;
	position:relative;
}
.nav{ padding:0px !important;}
.nav > li a{ padding:0px 19px 10px !important}
.nav > li{ border-left:1px solid #ff8726; font-family:Calibri; border-right:1px solid #d64b06; text-transform:uppercase}
.nav > li:first-child{ border-left:0px; }
.nav > li:last-child{ border-right:0px; }
.nav > li a div{ display:none}

}






.fa {
padding: 6px;
font-size: 24px !important;
width: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
   border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
	color:#fff; text-decoration:none
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.nav{ padding-left:35px !important}
.nav > li a{ padding:4px 40px 4px !important/*10px 19px 10px !important*/}
.nav > li {
    border-left: 1px solid #98c41c;
    border-right: 1px solid #ace40d;
    text-transform: uppercase;
    font-family: OswaldRegular;
    font-size: 14px;
    letter-spacing: 1px;
}
.nav > li:first-child{ border-left:0px; }
.nav > li:last-child{ border-right:0px; }

.nav .fa{ padding:0px !important}

.navbar {
	position: relative;
	min-height: 38px;
	margin-bottom:0px !important;
	border: 1px solid transparent
}

.footer-color{ color: #fff;
font-size: 14px !important;
padding-top: 5px;
font-family: Calibri;}
.footer-color a{ color:#ABCF45; font-size:14px !important}
.footer-color a:hover{ color:#fff}

.content h2{     font-family: OswaldRegular;
    color: #fff;
    background: #ABCF45;
    padding: 1px 5px;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 2.2px;
}
.content {  font-size: 16px;
font-family: Calibri;
letter-spacing: 0.5px;}

 



.content1 {
  position: relative;
/*  width: 66%;
  max-width: 25%;*/
  margin: auto;
  padding:5px;
  overflow: hidden;
}
.content1 img{ border:1px solid #000; padding:5px; width:100%}

.content12 img{ border:1px solid #abcf45; padding:5px; width:100%}
.content1 .content-overlay ,.content1 .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 99%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content1:hover .content-overlay, .content12:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content1:hover .content-details, .content12:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.request-quote1{ padding:10px 10px 8px; background:rgba(0,0,0,0.2)}

.request-quote1 input {
    border: 1px solid #dfdfdf;
    color: #6d6d6d;
    height: 29px;
    margin: 5px 5px 0 0;
    padding: 4px;
    width: 213px;
}.
request-quote1 input.sub:hover {
    background-color:green;
    border-radius: 2px 2px;
    color: #000000;
}
.request-quote1 input.sub {
    cursor: pointer;
    background:#ABCF45;
    color: #FFFFFF;
    width: 88px;
    height: 38px;
    border: #FFFFFF 2px solid;
    margin-bottom: 15px;
}
input.sub:hover {
    background: #333;
    border-radius: 2px 2px;
    color: #fff;
}
 
@media (min-width:5000px){ 
.desktop-slider{display:none !important;}
.laptop-slider{display: block !important;}
 
 }
 
 @media (min-width:1500px){ 
.desktop-slider{display:none !important}
.laptop-slider{display: block !important;}
 
 }
 
@media (max-width:1367px){ 
.desktop-slider{display:block !important}
.laptop-slider{display: none !important;}

 }
 @media (min-width:1400px){ 
.desktop-slider{display:block !important}
.laptop-slider{display: none !important;}

 }
 
@media (min-width:1399px){ 
.desktop-slider{display:none !important}
.laptop-slider{display: block !important;}

 }

@media (max-width:1366px){ 
.desktop-slider{display:none !important}
.laptop-slider{display: block !important;}

 }
 @media (max-width:768px){ 
.desktop-slider{display:none !important}
.laptop-slider{display: none !important;}

 }
 @media (max-width:768px){ 
.desktop-slider{display:none !important}
.laptop-slider{display: none !important;}

 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*Plugin CSS*/
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}

.yellow .fa:hover{ color:rgba(0,0,0,1); background-image: radial-gradient(circle, #ffe700, #ffec00, #fff200, #fff700, #fffd00);}
.yellow {background: url(../images/gold.png) 0px 25px no-repeat;
width: 50px;
height: 77px;
float: left;
display: block;}
.one1{ border-bottom:1px solid rgba(204,204,204,0.5); margin-bottom:5px; background:rgba(204,204,204,0.2)}
.one1 ol{ margin:15px 15px; padding:0px}
.silver{ background: url(../images/silver.png)0px 25px no-repeat; 
width: 50px; 
height: 77px;
float: left;
display: block;}

.loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15 px;
}

.error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15 px;
    font-weight: 600;
}

.sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15 px;
    font-weight: 600;
}

button[type="submit"] {
    border: 0;
    padding: 10px 32px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
    border: 2px solid #98c41c;
    background: #98c41c;
}

