@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Oswald:400,500,600,700|Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,100,600,700');

body{ padding:0; margin:0; font:400 12px/14px "Roboto",sans-serif; color:#000; background:#fff;}
*{ box-sizing:border-box; padding:0; margin:0;}
img{ max-width:100%; vertical-align:middle;}
div:after{ clear:both; content:""; display:table;}
.container img{ max-width:100%; vertical-align:middle;}
body a:link, body .g-novisited a:visited{ text-decoration:none !important;}
.ess_background ul, .ess_background ol, #footer-section ul , ul, ol{ list-style-type:none; padding:0; margin:0;}
.ess_background div:after, ess_background ul:after, .ess_background ol:after, #footer-section ul:after, #footer-section div:after , ul:after, ol:after, div:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}
.container { width:1200px; margin:0 auto; vertical-align:top;}
.pagecontainer > table > tbody > tr > td > table+table{    margin: 0 auto;    width:1200px; max-width:100%}
#top-section{ overflow:hidden; width:100%; display:block; background:url() no-repeat 50% 0; padding:0 0 15px; background-size:cover;}
#CentralArea > p {    color: black;    font-size: 14px;    margin-right: 10px;    padding: 22px 0 0;    text-align: justify;}

#header{ background:#232222; padding:14px 0 0;}
#logo{ float:left; padding:0 0 24px;}
#search {float:right;overflow: hidden;position: relative;width:230px; height:40px;  border:solid 1px #aaaaaa; border-radius:5px; margin:10px 0 0;}
#search input[type="text"] {background: #fff;border: 0 none;font:400 14px/40px "Roboto",sans-serif;height:40px;text-indent: 10px;width:calc(100% - 40px); color:#000000; }
#search input[type="submit"], #search input[type="button"] {background:#fff url(../image/icon9.png) no-repeat scroll 50% 50%;border: 0 none;height:40px;position: absolute;right: 0;top: 0;width: 40px; cursor:pointer; font-size:0;}
.call_action{ width:28%; float:right; position:relative; padding:5px 0 0 51px; font:400 13px/18px "Roboto",sans-serif; color:#fff;}
.call_action+.call_action{ width:20%;}
.call_action span{ font-size:18px;}
.call_action img{ position:absolute; left:0; top:2px;}
.top_white{ background:#f1992a;}


#nav-btn{ display:none;}
#navigation-panel{ position:relative; clear:both; background:#f1992a; box-shadow:0 0 4px #340101;}
#navigation-panel ul{ margin-bottom:0;}
#navigation-panel ul li{ float:left; position:relative;  -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); transform:skew(-20deg);}
#navigation-panel ul li+li{}
#navigation-panel ul li a{ display:block; color:#fff;font:400 16px/59px 'Roboto Condensed', sans-serif; text-transform:uppercase; padding:0 30px;  -webkit-transform:skew(20deg); -moz-transform:skew(20deg); -o-transform:skew(20deg);transform:skew(20deg); }
#navigation-panel ul li a img{ margin:0 8px 0 0;}
#navigation-panel ul li ul li a{ padding:0 15px;}
#navigation-panel ul li:hover, #navigation-panel ul li:focus{ color:#fff; background:#232222; }
#navigation-panel ul li:first-child{ color:#fff; background:#232222; }
#navigation-panel ul li.hasmenu > a{ background-image:url(); background-repeat:no-repeat; background-position:calc(100% - 15px) 50%; cursor:pointer;}
#navigation-panel ul li .submenu{ display:none;}
#navigation-panel ul ul{ position:absolute; left:0; top:100%; background:#3c1706; min-width:230px; display:none; border-radius:0 0 4px 4px; z-index:
99;}
#navigation-panel ul ul ul{ position:absolute; left:100%; top:0; background:#682303; box-shadow:0 0 5px #000;}
#navigation-panel ul ul li{ float:none; padding:1px 0 0;}
#navigation-panel ul ul li a{ white-space:nowrap; font:400 17px/40px 'Roboto', sans-serif;}
#navigation-panel input[type="checkbox"]{ display:none;}
#navigation-panel input[type="checkbox"]:checked+ul{ display:block;}

#banner{ margin:10px auto 0; text-align:center;}
#banner img{ max-width:100%;}
.gap-top{ padding-top:25px;}
.gap-bottom{ padding-bottom:25px;}
.gap{ padding-bottom:25px; padding-top:25px;}

.fifty{ width:49%; float:left; margin:0 0 0 2%;}
.fifty:nth-child(2n+1){ clear:left; margin-left:0;}

.tab-box{}
.tab-box > h3 {background: #272727 none repeat scroll 0 0;color: #fff;font-family: 'Roboto', sans-serif;font-size: 19px;font-weight: 500;height: 44px;line-height: 42px;text-transform: uppercase;}
.tab-box > h3 span {background: #f58220 none repeat scroll 0 0;display: inline-block;height: 45px;margin-right: 18px;position: relative;top: -2px;width: 48px;}
.tab-box > h2{ font:400 30px/34px 'Roboto', sans-serif; color:#000; padding:15px 0 0; text-transform:uppercase;}
.tab-box > h5{ font:400 15px/18px 'Roboto', sans-serif; color:#000; padding:10px 0 0;}
.price{ padding:10px 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; margin:15px 0 0; font:400 30px/32px  'Roboto', sans-serif; color:#c90908;}
.price strike{ font-size:20px; line-height:22px; color:#000; margin:0 0 0 10px;}
.garunte{ width:49.5%; float:left; padding:0 0 0 60px; position:relative; margin:0 0 30px 1%;}
.garunte:nth-child(2n+1){ clear:left; margin-left:0;}
.garunte img{ position:absolute; left:0; top:0;}
.garunte p{ font:400 15px/20px "Raleway",sans-serif; color:#000000; padding:10px 0 0;}
.red_text{ background:#c90908; text-align:center; font:500 19px/35px 'Roboto', sans-serif; color:#fff; margin:11px 0; }
.left_box{ width:50%; float:left; padding-right:15px;}
.left_box+.left_box{ padding-left:15px; padding-right:0; border-left:solid 1px #999;}
.client{ position:relative; background:#d6d6d6; padding:11px 10px 9px; border-radius:5px; margin:0 0 15px; min-height:75px;}
.client::after{ position:absolute; right:25px; bottom:-11px; width:15px; height:11px; content:""; background:url(../image/comnt.jpg) no-repeat 0 100%;}
.client p{ font:400 14px/16px 'Roboto', sans-serif; color:#000;}
.client p span{ font:700 italic 14px/16px 'Roboto', sans-serif; color:#c90908; display:block; padding:11px 0 0;}
.img_box{ width:49%; float:left; margin:0 0 15px 2%; border:solid 1px #ccc;}
.img_box:nth-child(2n+1){ clear:left; margin-left:0;}
.text_box{ border:solid 1px #ccc; padding:0 17px 17px; border-top:none;}
.text_box p{ font:400 14px/22px 'Roboto', sans-serif; color:#000; padding:15px 0 0;}
.details{}
.details > div{ position:relative;background:#ececec;}
.details > div strong{ background:url(../image/icon26.png) no-repeat 0 50%; font-weight:700; padding:0 0 0 15px;}
.details div div {float: left; font: 400 14px/18px "Roboto",sans-serif;padding: 10px 0;position: relative;text-align: center;width: 50%;  color:#464545; }
.details > div:nth-child(even) {background:#fff;color: #464545;}
.payment{}
.payment p{ font:400 14px/22px 'Roboto', sans-serif; color:#000; padding:15px 0 0;}
.customer_sec{ padding:25px 0 0; border-top:solid 1px #ccc; margin:25px 0 0;}
.customer_sec div{ float:left; width:32.3%; margin:0 0 0 1%; text-align:center; background:#1d1d1d; padding:15px 0; min-height:140px;}
.customer_sec div:nth-child(3n+1){ clear:left; margin-left:0;}
.customer_sec p{ font:400 15px/17px "Raleway",sans-serif; color:#fff; padding:15px 0 0;}
.red_ftr{ background:#940000; padding:36px 0 30px; margin:30px 0 0;}
.red_ftr h3{ font:400 20px/22px 'Roboto', sans-serif; padding:22px 0 0; text-transform:uppercase; color:#fff;}
.red1{ width:25%; float:left;}
.red2{ width:50%; padding:0 10%;float:left; background:url(../image/divider.jpg) no-repeat 0 0, url(../image/divider.jpg) no-repeat 100% 0; min-height:230px;}
.red3{ width:25%;float:left; padding:0 0 0 5%;}
.red1 ul{ padding:10px 0 0;}
.red1 ul li a{ font:400 16px/20px 'Roboto', sans-serif; color:#bababa; padding:0 0 5px; display:block;}
.subscibe{ background:url(../image/sub_icon.png) no-repeat 0 20px; padding:20px 0 10px 60px; font:400 16px/20px 'Roboto', sans-serif; color:#bababa; display:block;}
a.subbtn{ font:400 16px/41px 'Roboto', sans-serif; color:#000; padding:0 30px; display:inline-block; margin:15px 0 0; border-radius:25px; background:#fff;}
.card{ padding:15px 0 0;}
.ftr-botm{ background:#000; padding:15px 0; text-align:center; color:#fff; font:400 14px/16px 'Roboto', sans-serif;}

@media only screen and (max-width: 1198px) {
.container { width:1000px;}
#navigation-panel ul li a {    padding: 0 13px;}
}


@media only screen and (max-width: 990px) {
.container { width:750px;}
#navigation-panel ul li a {    padding: 0 5px;}
#logo{}
.call_action + .call_action{ width:29%;}
.call_action{ width:36%;}
#navigation-panel ul li a img{ margin:0 1px 0 0;}
#navigation-panel ul li a{ font-size:13px;}
.details div div{ font-size:13px;}
}


@media screen and (max-width: 767px) {
.container { width:auto; width:98%;}
#header{ padding:14px 0;}
#logo{ float:none; text-align:center; padding:0 0 4px;}
.call_action{ width:60%; float:none; margin:10px auto; display:table;}
.call_action + .call_action{ width:60%; margin:0 auto;  display:table;}

#navigation-panel{ padding:0;  position:relative; z-index:99;}
#nav-btn{ display:block; background:url(../image/navigation.png) no-repeat 0 50%; font-size:18px; height:32px; color:#fff; text-transform:uppercase; cursor:pointer; border-radius:4px; line-height:32px; text-align:right; }
#navigation-panel ul{ width:100%; display:none; padding:0; background:#666; box-shadow:0 0 4px #323232; position:absolute; right:0; top:100%;}
#navigation-panel ul li, #navigation-panel ul li:last-child{ float:none; text-align:left; transform:skew(0deg);}
#navigation-panel ul li, #navigation-panel ul li+li{ background:none; border-top:solid 1px #323232; padding:0; border-left:none;}
#navigation-panel ul li a{ line-height:40px;transform:skew(0deg); font-size:15px;}
#navigation-panel ul li.hasmenu > a{ display:block;}
#navigation-panel ul li.hasmenu .submenu{ background:url() no-repeat 50% 50%; width:14px; height:14px; display:block; position:absolute; top:10px; right:5px; display:block;}
#navigation-panel ul li.hasmenu > a{ background-image:none;}
#navigation-panel ul ul{ position:relative; width:auto; min-width:inherit; top:auto; left:auto; background:#57250e; margin:0 4px; border-radius:4px;}
#navigation-panel ul ul ul{ position:relative; left:auto; top:auto;}
.fifty{ width:100%; float:none; margin:0 0 10px;}
.customer_sec div{ width:100%; float:none; margin:0 0 5px;}
.red1{ width:100%; float:none;}
.red2{ width:100%; float:none; padding:0; background-image:none; min-height:inherit;}
.red3{width:100%; float:none; padding:0;}
.garunte:nth-child(2n+1){ clear:none;}
.garunte{ width:100%; float:none; margin:0 0 30px;}

}



@media only screen and (max-width: 550px) 

}



@media only screen and (max-width: 490px) {
.client{ width:100%; float:none;}

}