* { margin: 0; padding: 0; outline: 0; }

body, html {}

body {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif, arial, sans-serif;
    color: #3d3d3d;
    background: #ff4401 url(../images/fire01.jpg) top center no-repeat;
    min-width: 956px;
}
h1, h2, h3, h4{font-family: 'Alef', sans-serif; font-weight:700}
a { color: #47a1c4; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { padding-top:5px; }

.shell { margin: 0 auto; width: 956px; }
.container { 
	background: #fff;  
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header { padding: 10px 20px 16px;  }
#logo { width: 149px; float: left; }
#logo a { height: 48px; display: block; background: url(../images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { height: 35px; line-height: 35px;}
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 2px; background: url(../images/navigation-border.png) no-repeat right 0; }
#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #a3442d !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #a3442d !important; }
#navigation ul li a { color: #fff; float: left; padding: 0 76px; border: 1px solid #a3442d; border-left: 0; border-right: 0; background: url(../images/navigation.png) repeat 0 0; font-size:14px; text-transform:uppercase}
#navigation ul li a:hover,
#navigation ul li.active a { background: url(../images/navigation-a.png) repeat 0 0; color: #fff; text-decoration: none; }

#navigation ul li a span { background: url(../images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; }

#navigation ul li ul { display: none; float: none; line-height: 28px;  position: absolute; top: 35px; left: 0; width: 100%; background: #e1efff; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
#navigation ul li:hover ul { display: block; }

#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; } 
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #bdd7f4; }
#navigation ul li.last ul li a {  padding: 0 18px !important;  float: none; display: block;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li ul li.last { float: none; display: block; }
#navigation ul li ul li.last a { border-radius: 0px 0px  5px 5px; -moz-border-radius: 0px 0px  5px 5px; -webkit-border-radius: 0px 0px  5px 5px; -o-border-radius: 0px 0px  5px 5px; }

#navigation ul li ul li.first a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li.first ul li a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}

.main h3 { color: #293237; font-size: 19px; line-height: 21px; font-weight: normal; }
.main h3 a { color: #293237; }

.flexslider { width: 916px; height: 290px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom:10px; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { width: 916px; height: 331px; float: left; }
.flexslider ul li img { width: 916px; height: 331px; }
.flexslider ul li .slide-cnt { width: 340px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 { font-size: 42px; font-weight: bold; color: #fff; line-height: 53px;  text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;  padding-bottom: 17px; }
.flexslider ul li .slide-cnt p { color: #fff; line-height:32px; font-size:20px; }
.flexslider ul li  a.slider-btn { position: absolute; bottom: 0; left: 50%; min-width: 176px; height: 34px; margin-left: -88px; background: #fff; border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; color: #1e3d51; font-size: 19px; font-weight: bold; text-align: center; line-height: 36px; 
}

.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(../images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section { padding:15px 20px; }
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols { background: url(../images/cols.png) repeat-x 0 bottom; }
.cols h3 { padding-bottom: 14px;  }
.cols p { padding-bottom: 10px;  }
.cols .col { width: 212px; float: left; }
.cols .col+.col { padding-left: 14px; }
input[type="submit"], a.col-btn { background: url(../images/col-btn.png) repeat 0 0; float: left; border: 1px solid #890202; height: 25px; line-height: 25px; text-align: center; padding: 0 15px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;}
input[type="submit"]{width:auto!important}
.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }

.box { background: url(../images/box.png) repeat 0 0; padding: 19px 20px 29px 20px; position: relative; height: 100%;  }
.box span.shadow-t { width: 956px; height: 11px; background: url(../images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.box span.shadow-b { width: 956px; height: 11px; background: url(../images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
.box h3 { float: left; }

.products { padding-top: 13px; }
.products .entry {width: 282px; float:left;}
.products .entry ul{ list-style:none;}
.products .entry ul li{ background:url(../images/arrow_list.gif) 0 5px no-repeat; padding:0 5px 0 20px; display:block; color:#ffffff}
.products .entry ul li a{ color:#ffffff}
.products .entry + .entry { margin-left: 17px; }


/*.entries { padding-top: 24px; }*/
.entries .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1; width:150px; float: left; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; margin-right:12px; margin-bottom:20px}
.entries .entry a img { width: 150px; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.entries .entry span.shadow { background: url(../images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.clients .list{width:167px; float: left; position: relative; margin-right:16px; margin-bottom:20px; text-align:center; font-size:16px;}
.clients .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1; width:167px; float: left; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; margin-bottom:5px; }
.clients .entry a img { max-width:100%; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.clients .entry span.shadow { background: url(../images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.product .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1;position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.productContr{position: relative; padding:0 20px; clear:both;}
.productContr span.btnshadow{ background: url(../images/product_shadow_bottom.png) no-repeat 0 0; width: 100%; height: 51px; position: absolute; bottom: -51px; left: 5px; display: block; }
.product .entry a img { max-width:100%; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.product .entry span.shadow { background: url(../images/entry-shadow_product.png) no-repeat 0 0; width: 100%; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }
.productDetail{border:1px solid #dadada; background:#fff; padding:0 20px 15px}

.services { border-top: 3px solid #fff; background: url(../images/services.png) repeat-x 0 0; padding-top: 23px; }
.services h3 { padding-bottom: 14px; }
.services p { padding-bottom: 15px; }
.services .widget { float: left; width:673px; }
.services .widget ul { list-style: none; list-style-position: outside; }
.services .contact-widget { width: 200px; } 

.services .widget + .widget { padding-left: 19px; }
.services .socials-widget { width: 160px;  }
.services .socials-widget a { width: 27px; height: 27px; background: url(../images/socials.png) no-repeat 0 0; float: left; margin-right: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer { padding: 18px 0 64px 0;  }
.footer-nav { float: left; }
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px;  }
.footer-nav ul li { float: left; padding-right: 33px; }
.footer-nav ul li a { color: #fff; }
.footer-nav ul li a:hover { color: #a00101; text-decoration: none; }
.footer p.copy { float: right; font-size: 11px; color: #fff; }
.footer p.copy a { color: #fff; text-decoration: underline; }
.footer p.copy a:hover { color: #a00101; text-decoration: none; }



.about { border-top: 3px solid #fff; background: url(../images/services.png) repeat-x 0 0; padding-top:15px; }
.about h3, .products .entry h4 { padding-bottom: 5px; color:#952308}
.about p { padding-bottom: 0px; }
.about .widget { float: left; width: 660px; }
.about .widget ul { list-style: none; list-style-position: outside; }
.about .contact-widget { width: 213px; } 
.about .contact-widget ul li { margin-bottom:10px;} 
input[type="text"], textarea{ padding:5px; width:80%}
.about .widget + .widget { padding-left: 19px; }
.txtWht{ color:#fff!important;}
.fR{ float:right!important}
#breadcrumb{display: block; margin-left:13px}
#breadcrumb ul{ list-style: none; }

.crumbs { display: block; }
.crumbs li {  display: inline; }
.crumbs li.first { padding-left: 8px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -13px; padding: 2px 17px 5px 25px; position: relative; text-decoration: none; }

.crumbs li a { background-image: url('../images/bg-crumbs.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li.last a { background-image:none;  background-repeat: no-repeat; background-position: 100% 0; position: relative; cursor:default!important; color:#870404}
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }



.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{position:relative;min-height:1px;}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11{float:left;}

.col_1{width:8.333333333333332%;}
.col_2{width:16.666666666666664%;}
.col_3{width:25%;}
.col_4{width:33.33333333333333%;}
.col_5{width:41.66666666666667%;}
.col_6{width:50%;}
.col_7{width:58.333333333333336%;}
.col_8{width:66.66666666666666%;}
.col_9{width:75%;}
.col_10{width:83.33333333333334%;}
.col_11{width:91.66666666666666%;}
.col_12{width:100%;}
.contr{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;}
.row{margin-left:-20px;margin-right:-20px;}
.clearfix:after { content: " ";visibility: hidden; display: block; height: 0; clear: both;}
.pL0{ padding-left:0px}
.pL20{ padding-left:20px;}
.pR20{ padding-right:20px;}
.pB15{ padding-bottom:15px}
.mT10{ margin-top:10px}
.mB20{ margin-bottom:20px}
img{ max-width:100%}
.form li {margin: 3px 0 5px; overflow: hidden; padding-bottom: 3px; width: 100%;}
.form label {display: inline; float: left; font-weight: bold; padding: 5px 5px 3px 0; width:150px}
.form label.label {display: block;font-weight: bold; width:100%}
.form input, textarea{display: inline; float: left; line-height: 100%; width:160px}

.clients .list {font-size: 16px; text-align: center;}
input[type="text"], input[type="password"]{ border: 1px solid #d0d0d0; color: #798fa1; display: inline-block; height: 29px; line-height: 29px; margin: 0; padding: 1px 10px 0; vertical-align: top;box-shadow: 2px 2px 2px 0 #dddddd inset;}
input[type="checkbox"]{display: inline; float: left; line-height: 100%; width:auto; margin-right:5px;}
select { border: 1px solid #d0d0d0; color: #798fa1; display: inline-block; height: 29px; line-height: 29px; margin: 0; padding: 1px 10px 0; vertical-align: top;display: inline; float: left; width:183px}
textarea { border: 1px solid #d0d0d0; color: #798fa1; display: inline-block; height: 70px; margin: 0; padding: 5px 10px 0; vertical-align: top;box-shadow: 2px 2px 2px 0 #dddddd inset;}
.required {color: #ff0000;}
.clrDrkGry{ color:#3d3d3d;}
.mTN3{ margin-top:-3px;}
.w100Pcnt{ width:100%}
.w300{ width:300px;}
.mT30{ margin-top:30px;}
.mT20{ margin-top:20px}
h4{ font-size:16px; font-weight:normal;}
.mB50{ margin-bottom:50px;}
ul.listing{list-style-type: none;padding: 0;margin: 0;}
ul.listing li{background: url(../images/tick.png) 0 0 no-repeat; padding-left:30px; margin-bottom:5px}
.mT5{ margin-top:5px;}
.mB10{ margin-bottom:10px}
.h89{ height:89px;}
.tC{ text-align:center}
.validate {color: #FF0000; float: left; font-size: 11px; font-style: italic; padding-left: 8px;}
.w94Pcnt{ width:94%}
.alert-success {color: #3c763d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);border-radius: 4px; margin-bottom: 20px;  padding: 15px; font-size:16px}


.fade{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.9;
  background: #222;
  z-index: 40000;
  top:0;
  left: 0;
  overflow: hidden;

  animation-name: fadeIn_Container;
  animation-duration: 1s;
  
}
.modal{
  display:none;
  top: 0;
  min-width: 350px;
  width: 80%;
  height: 600px;
  margin: 0 auto;
  position: fixed;
  z-index: 40001;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #000;
  margin-top: 30px;
  margin-left: 10%;

  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
 
}

.modal .content{
  width: 100%;
  height: 250px;
}

.modal .cancel{float:right; font-weight:800; font-size:30px; color:#f00}


@media screen and (min-width: 600px){

  .modal{
    width: 700px;
    height: 400px;
    margin-left: calc(50vw - 350px);
    margin-top: calc(50vh - 200px);
  }


  
 .modal .content{
    width: 100%;
    height: 190px;
  }

 
}

/*LARGE SCREEN*/
@media screen and (min-width: 1300px){

}

/****ANIMATIONS****/

@keyframes fadeIn_Modal {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes fadeIn_Container {
  from{
    opacity: 0;
  }
  to{
    opacity: 0.9;
  }
}