@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/sansserif-bold.woff2') format('woff2'),
         url('../fonts/sansserif-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SansSerifRegular';
    src: url('../fonts/SansSerifRegular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
body{ padding:0; margin:0;font-family: 'SansSerifRegular', sans-serif;}
.wrapper{ max-width:1024px; margin:0 auto; border:2px solid #000;padding-bottom: 15px;}
.wall{ background:url(../images/header-bg.jpg) no-repeat center top;}
.logo{ padding-top:4px; padding-bottom:1px; padding-left:6px;}
.navbar{ background-color:#b1b6ba; border:0; border-top:3px solid #000000; border-bottom:3px solid #000000; margin-bottom:0; border-radius:0;}
.navbar .navbar-collapse{ padding:0;}
.navbar .navbar-nav>li{font-family: 'SansSerifRegular', sans-serif; padding:14px 0}
.navbar .navbar-nav>li> a{ color:#000; font-weight:700; font-size:29px; border-right:2px solid #000000; padding-left: 15px; padding-right:15px; padding-top: 7px; padding-bottom: 7px; background:transparent !important; text-transform:uppercase;}
/*.navbar .navbar-nav>li:hover{background:#1d305d}
.navbar .navbar-nav>li:hover> a{ background:#1d305d}*/
.navbar .navbar-nav>li:last-child> a{ border:none;}
.navbar .navbar-nav>li:hover:nth-child(1)> a,
.navbar .navbar-nav>li.active:nth-child(1)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(1)> a{ color:#e44436;}
.navbar .navbar-nav>li:hover:nth-child(2)> a,
.navbar .navbar-nav>li.active:nth-child(2)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(2)> a{ color:#f2b820;}
.navbar .navbar-nav>li:hover:nth-child(3)> a,
.navbar .navbar-nav>li.active:nth-child(3)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(3)> a{ color:#39a153;}
.navbar .navbar-nav>li:hover:nth-child(4)> a,
.navbar .navbar-nav>li.active:nth-child(4)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(4)> a{ color:#507abd;}
.navbar .navbar-nav>li:hover:nth-child(5)> a,
.navbar .navbar-nav>li.active:nth-child(5)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(5)> a{ color:#dd4537;}
.navbar .navbar-nav>li:hover:nth-child(6)> a,
.navbar .navbar-nav>li.active:nth-child(6)> a,
.navbar .navbar-nav>li.current-menu-item:nth-child(6)> a{ color:#f2b820}
.navbar-toggle{margin-right: 5px;}
.navbar-toggle .icon-bar{ background-color:#434547; width: 25px;  height: 3px;}

.mainCo_area{ max-width:780px; margin:0 auto; }
.mainCo_area h1{font-family: 'SansSerifRegular', sans-serif; font-weight:400; text-align:center; border-bottom:1px solid #161515; font-size:33px; color:#000; padding-bottom:15px;margin-top: 30px;    margin-bottom: 6px;}
.mainCo_area p {font-family: 'SansSerifRegular', sans-serif; font-weight:400; color:#000; line-height:normal;  font-size:25px;}
.mainCo_area p a {font-family: 'SansSerifRegular', sans-serif; color:#000; line-height:normal;}
.mainCo_area h2 a {color:#000;}
.do-name i{ font-style:italic; font-weight:900;}
.do-name i:nth-child(1){ color:#dd4537}
.do-name i:nth-child(2){ color:#f2b820 }
.do-name i:nth-child(3){ color:#39a153}
.do-name i:nth-child(4){ color:#507abd}
.do-name i:nth-child(5){ color:#dd4537 }
.do-name i:nth-child(6){ color:#f2b820}
.do-name i:nth-child(7){ color:#39a153}
.do-name i:nth-child(8){ color:#507abd}
.do-name i:nth-child(9){ color:#dd4537}
.do-name i:nth-child(10){ color:#f2b820}
.do-name i:nth-child(11){ color:#39a153}
.do-name i:nth-child(12){color:#507abd;}

.tablink{ width:100%; text-align:center;}
.tablink img{ max-width:100%; height:auto}
.tablink h2{font-family: 'SansSerifRegular', sans-serif; font-weight:bold;  color:#000; font-size:33px; border-bottom:1px solid #000; display:inline-block; padding-bottom:7px; margin-bottom:15px;}
.tablink h2 span{ font-size:130%} 
.tablink h2 a{ color:#000; text-decoration:none !important;}
.tablink ul{ padding:0; margin:0; max-width:844px; margin:0 auto; overflow:hidden}
.tablink ul> li{ width:50%; min-height:450px; float:left; text-align:center; list-style:none;}
.tablink ul> li> a{ display:block;}
.tablink ul li> a img{ max-width:100%; height:auto;}
.tablink a.co-link{ background:url(../images/contact-link.jpg) no-repeat center top; width:100%; min-height:117px;display:block;}
.tablink a.co-link:hover{ background-position:center bottom} 

.list-label{ margin:0 0 50px 0; padding:0;}
.list-label li{font-size:23px; color:#000000; padding: 8px 0; list-style: none; }
.list-label li span{border-bottom:1px solid #000; display:inline-block;}
.list-label li a{ color: #000; }

.faq h2{ font-size:20px; color:#000000; border-top:1px solid #000; margin-bottom:20px; margin-top:15px; padding-top:15px;}
.faq p{ font-size:20px;}
.faq ul{ padding:0; margin:20px 0;}
.faq ul li{ font-family: 'SansSerifRegular', sans-serif; font-weight:700; list-style:none; font-size:20px; color:#000;}

ul.listnote{ padding:0; margin:0;}
ul.listnote li{ list-style:none; font-size:25px; color:#000; position:relative; padding-left:20px;}
ul.listnote li:before{ content:"-"; position:absolute; left:0}
.note{ color:#39a153 !important; font-size:25px; font-weight:bold !important;}


.unitcell{ max-width:800px; margin:20px auto 0; border-top:1px solid #000;}
.unitcell ul{padding:0; margin:0;  width:100%;}
.unitcell ul li{ float:left; width:50%; list-style:none; line-height:normal; border-bottom:1px solid #000; padding-bottom:20px;}
.unitcell li h2{font-family: 'SansSerifRegular', sans-serif; font-weight:700; color:#000; font-size:36px; margin-top:5px;}
.unitcell li h3{font-family: 'SansSerifRegular', sans-serif; font-weight:700; color:#39a153; font-size:17px; margin:0; margin-top:-13px; margin-bottom:3px;}
.unitcell li h3 span{ border-bottom:1px solid #000; }
.unitcell li h2 span{ font-size:50px;}
.units-package{ cursor:pointer; background:url(../images/units-package.png) no-repeat 100% center; width:356px; height:242px;
-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.units-package.package12{ background:url(../images/units-package12.png) no-repeat 100% center; }
.units-package.oneoff{ background:url(../images/units-package-oneoff.png) no-repeat 100% center; }
.unitcell li:hover .units-package{ background-position:6% center;-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.unitcell li:hover .package12{ background-position:5% center;}
.package-details{ background:url(../images/units-package-cover.png) no-repeat center left; height:100%; width:100%; position:relative; padding:5px; margin-left:-8px}
.package12 .package-details{ background:url(../images/units-package12-cover.png) no-repeat center left; height:100%; width:100%; position:relative; padding:5px}
.package-details .top-po{ position:absolute; top:5px; left:15px;}
.package-details .top-po h1{font-family: 'SansSerifRegular', sans-serif; font-weight:400; color:#000;  margin:0; font-size:27px;}
.package-details .pac-code{ font-family: 'SansSerifRegular', sans-serif; font-weight:700; color:#000; font-size:27px;}
.package-details .bottom-po{ position:absolute; bottom:5px; left:15px;}
.package-details .bottom-po span{ display:block; font-size:23px; color:#000;}
.package-details .bottom-po span.fixedwdt{ display:inline; padding-right:8px;}
.package-details .addtocart{ position:absolute; bottom:0px; right:0px;}
.note-add-ons{font-family: 'SansSerifRegular', sans-serif; font-weight:700; font-size:12px;line-height:15px; color:#000; margin-top:10px; display:block; max-width:357px; }
.large-head{ display:block; clear:both; text-align:center; color:#39a153; font-size:50px; border-bottom:1px solid #000; padding:15px 0; margin:0; font-weight:bold;}

.chnagesPackages{font-family: 'SansSerifRegular', sans-serif; font-weight:700;  text-align:center; padding-top:50px; border-top:1px solid #000; padding-bottom:100px;}
.chnagesPackages h2{font-family: 'SansSerifRegular', sans-serif; font-weight:700;  font-size:34px; color:#000; margin-bottom:20px; margin-top:0}
.chnagesPackages h2 span{ font-size:130%;}
.chnagesPackages h2 a{ color:#000; text-decoration:none !important;}
.packages-chnages{ max-width:524px; margin:0 auto; position:relative}
.packages-chnages:before{ content:""; background:url(../images/arrow-set.png) no-repeat center center; width:110px; height:77px;display: block; position: absolute;
    left: 0; top: 0;}
.tabelScroll{  overflow-y: auto;}
table.addons{ width:918px; max-width:918px;}
table.addons tr th{font-family: 'SansSerifRegular', sans-serif; font-weight:700; font-size:20px; color:#000; border-bottom:1px solid #000; padding:13px 0}
table.addons tr th:first-child, table.addons tr th:last-child{ border:0}
table.addons tr td{font-family: 'SansSerifRegular', sans-serif; font-weight:700; font-size:22px; color:#000; line-height:normal; padding:7px;}
table.addons tr td span{ display:block; font-size:16px;}
table.addons tr td.greenhead{ color:#39a153}
table.addons tr .text-right{ padding-right:0px !important; }
.entry-title { display:none; }
.send-order-top { border-bottom: 1px solid #000;  padding: 10px; text-align: center;}
.send-order-bottom { border-top: 1px solid #000;  padding: 10px; text-align: center;}
.send-order-top .btn, .send-order-bottom .btn {font-weight:bold; font-size:18px; text-transform:uppercase; }
#vecart .send-order-bottom {border-top: 0px;}
.addtocart-loader { position: absolute; right: 0; top: 8px;}
td.addtocart { position:relative; }
td.addtocart .addtocart-loader { position: absolute; right: 10px; top: 15px;}
table.vecart td, table.vecart th { padding: 7px 5px; }
table.vecart th { border-top: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 10px;  padding-top: 10px; }
table.vecart .align-right { text-align:right; }
table.vecart .align-left { text-align:left; }
table.vecart .qty input { max-width: 90px; text-align: center; margin: 0px; padding: 5px; height: auto; float: left; }
table.vecart .qty .remove-cart { padding: 0px 7px; margin-top:5px; }
table.vecart .totals td { padding-bottom: 10px; padding-top:10px; font-weight: bold; }
table.vecart .totals td.top { border-top: 1px solid #000; }
table.vecart .totals td.bottom { border-bottom: 1px solid #000; }

.contactForm{ max-width:400px; margin:15px auto}
.contactForm label{ display:block;    font-size: 14px;  margin-bottom: 5px;}
.contactForm label span{     color: #f00;  font-size: 30px;  height: 21px;  line-height: normal;  vertical-align: middle;  display: inline-block;margin-left: 6px;}
.contactForm label span.note{font-size: 14px; font-weight: bold; margin: 0px; color: #f00 !important; display: block; height: auto;}
.contactForm input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
  display:block; width:100%;    height: 40px;   padding: 10px;}
.contactForm textarea{display:block; width:100%; height:100px;}
.contactForm .row{  margin-bottom: 15px;}
.contactForm .note{ font-size: 16px;  font-weight: bold !important;}
.contactForm .btn-primary{ padding: 10px 35px; background-color: #507abd; margin-top: 5px;}

.mobCols{ border-bottom: 1px solid #000; display:none;}
.mobCols > div{ font-family: 'SansSerifRegular', sans-serif;   font-weight: 700;  color: #000;  padding:10px; text-align: center;  word-wrap: break-word;}

.tableCover{ overflow-y:auto;}
.tableCover > table{  min-width: 450px;}
.tableCover table{ width:100%; max-width:100%;}


.footer {text-align: center; padding-top: 30px;}
.footer a{ font-size: 14px; color: #000; text-decoration: underline;}