@import url("http://fonts.googleapis.com/css?family=Roboto:300,400,700");

body { padding-top: 50px; height: 100%; font-family: "Roboto", sans-serif !important; line-height: 1.618; letter-spacing: 0.03em; font-size: 15px; font-weight: 400 }
.down3 { margin-top: 2% }
.box { margin-top: 15px; padding: 8px 10px }
.product-price { font-size: 28px; font-weight: bold }
.product-details { margin: 15px 0px 0px -15px; font-size: 1.1em }
.pdfobject-container { display: inline-block; border: 2px rgba(71, 71, 71, 1) solid; padding: 20px; height: 750px; width: 650px; background: #ccc; text-align: center }
.jumbotron h1 { color: #FFF }
.jumbotron .row { margin-top: 5%; vertical-align: middle }
.jumbotron p { font-size: 1.4em; display: inline-block; background-color: rgba(0, 0, 0, 0.8);
color: #fff; opacity: .5 }
.jumbotron h2 { font-size: 1.8em; display: inline-block; padding: 10px; background-color: rgba(0, 0, 0, 0.8);
color: #fff; opacity: .5 }
.jumbotron .btn {
border: 3px solid rgba(255, 255, 255, 1.0); padding: 8px 12px;
color: #FFF; margin-top: 10px; opacity: 1 }
.jumbotron .btn:hover { color: #000; background-color: rgba(255, 255, 255, 0.8) }
.jumbotron .animation.animated-item-1 {
-webkit-animation: fadeInDown 800ms linear 800ms both; -moz-animation: fadeInDown 800ms linear 800ms both;
-o-animation: fadeInDown 800ms linear 800ms both; -ms-animation: fadeInDown 800ms linear 800ms both;
animation: fadeInDown 800ms linear 800ms both }
.jumbotron .animation.animated-item-2 {
-webkit-animation: fadeInUp 800ms linear 1000ms both; -moz-animation: fadeInUp 800ms linear 1000ms both;
-o-animation: fadeInUp 800ms linear 1000ms both; -ms-animation: fadeInUp 800ms linear 1000ms both;
animation: fadeInUp 800ms linear 1000ms both }
.jumbotron .animation.animated-item-3 {
-webkit-animation: zoomInUp 800ms linear 1200ms both; -moz-animation: zoomInUp 800ms linear 1200ms both;
-o-animation: zoomInUp 800ms linear 1200ms both; -ms-animation: zoomInUp 800ms linear 1200ms both;
animation: zoomInUp 800ms linear 1200ms both }
.jumbotron .animation.animated-item-4 {
-webkit-animation: zoomInLeft 800ms linear 1400ms both; -moz-animation: zoomInLeft 800ms linear 1400ms both;
-o-animation: zoomInLeft 800ms linear 1400ms both; -ms-animation: zoomInLeft 800ms linear 1400ms both;
animation: zoomInLeft 800ms linear 1400ms both }

.animation.animated-item3 {
-webkit-animation: zoomInLeft 5000ms linear 1000ms both; -moz-animation: zoomInLeft 5000ms linear 1000ms both;
-o-animation: zoomInLeft 5000ms linear 1000ms both; -ms-animation: zoomInLeft 5000ms linear 1000ms both;
animation: zoomInLeft 5000ms linear 1000ms both
}
.boxblue { width: 65%; padding: 10px; color: #FFFFFF; background-color: #6699CC;
margin-left: auto; margin-right: auto }

.inner {
width: 100%; max-width: 1170px; margin: 0 auto;
padding: 40px 0; position: relative; z-index: 2 }

.knowtags .btn { margin: 0px 15px 10px 0px; padding-right: 10px !important }

#features { margin-bottom: 40px !important }
#features .inner { width: 100%; max-width: 1170px; padding: 20px 0 }
.featureimgleft { float: left; margin: 0px auto -40px; width: 49% }
.featureimgright { float: right; margin: 0px auto -40px; width: 49% }
.featuretext { text-align: left; width: 50%; font-weight: 300; font-size: 1.3em; color: #2a2a2a; margin: 0 0 25px 0 }
.featuretext2 { text-align: left; font-weight: 300; font-size: 1.3em; color: #2a2a2a; margin: 0 0 25px 0 }
#features h2 { padding-bottom: 30px; font-size: 32px; color: #4C4C4C }

/* Shop item */

#shopitem h2 { margin: 5px 0px 10px 0px }
#shopitem .options { font-size: 14px; margin: 0px }
#shopitem .product-price { font-size: 28px; font-weight: bold }
#shopitem .product-rating { margin: 15px 0px }
#shopitem .product-rating a i { color: rgb(153, 153, 153); line-height: 20px; font-size: 20px }
#shopitem .product-rating a i.rated, #shopitem .product-rating a i:hover { color: rgb(255, 102, 51) }
#shopitem .product-details { margin-top: 15px }
#shopitem .discount, #related-products .discount {
position: absolute; left: 20px; top: 20px; width: 50px; height: 50px; font-size: .9em;
text-align: center; background-color: #A70C11; color: #FFF; padding: 12px; line-height: 14px;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% }
#shopitem .shopthumbs { text-align: center; margin-top: 25px }
#shopitem .shopthumbs img { width: 120px; height: auto; transform-style: preserve-3d; transition: all 1s ease-in-out }
#shopitem .shopthumbs img:hover {
z-index: 50; box-shadow: 0px 0px 4px #000; transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2); -ms-transform: transform: scale(1.2, 1.2); -o-transform: transform: scale(1.2, 1.2) }

#shopitem-comments .author-thumbnail { float: left; margin: 0px 10px; width: auto }
#shopitem-comments .author-thumbnail img { max-width: 60px }

#shopitem .cart-wrap .qty { line-height: 18px; padding: 4px 0 6px 0; text-align: center;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
#shopitem .cart-wrap a.cart-arrow-up { padding: 7px; width: 30px }
#shopitem .cart-wrap a.cart-arrow-down { padding: 7px; width: 30px }

.tab-content { padding: 24px 0px }
.nav-tabs.nav {
border-bottom-color: rgb(52, 152, 219); border-bottom-width: 2px; border-bottom-style: solid }
.nav-tabs.nav > li { width: 33.33%; margin-bottom: 0px }
.nav-tabs.nav > li > a { border-radius: 0px; border: currentColor; color: rgb(58, 58, 58);
font-weight: 600 }
.nav-tabs.nav > li:last-child > a { margin-right: 0px }
.nav-tabs.nav > li.active > a { background: rgb(52, 152, 219); border-radius: 0px;
border: currentColor; color: rgb(255, 255, 255); outline: none }

/* SimpleCart */

.cartnav { background: #272727; left: 0px; top: 0px; width: 100%; text-align: center;
color: rgb(255, 255, 255); overflow: hidden; font-size: 12px; margin-top: -44px;
border-top-color: rgb(23, 23, 23); border-bottom-color: rgb(23, 23, 23);
border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
position: fixed; z-index: 1001; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .2) }
.cartnav ul { list-style: none; margin: 0px; padding: 10px 0px 0px; width: auto;
height: 32px; display: inline-block }
.cartnav ul li { padding: 0px 10px; height: 22px; line-height: 22px; border-right-color: rgb(0, 0, 0);
border-left-color: rgb(71, 71, 71); border-right-width: 1px; border-left-width: 1px;
border-right-style: solid; border-left-style: solid; float: left }
.cartnav ul li.first { border-left-color: currentColor; border-left-width: medium; border-left-style: none }
.cartnav ul li.last { border-right-color: currentColor; border-right-width: medium; border-right-style: none }
.cartnav strong { color: rgb(204, 204, 204) }
.cartnav a { color: #FFF; text-transform: uppercase }
.cartnav a:hover { color: #BDDEFF }
.cartnav .simpleCart_checkout .show { display: block }
.cartnav .simpleCart_checkout .hide { display: none }
.cartnav .simpleCart_checkout:hover, .cartnav .simpleCart_checkout:active { opacity: 1 }

#cart { background-color: #6699CC; padding: 10px 0px; width: 100%; display: none }
#cart::after { height: 0px; clear: both; display: block; visibility: hidden; content: "." }
#cart { display: inline-block }
* html #cart { height: 1% }
#cart { display: none }

.cartmeta { display: inline-block }
.simpleCart_items { margin: 0px auto; width: 80%; text-align: center }
.simpleCart_items table { margin-left: auto; margin-right: auto; padding: 8px }
.simpleCart_items th { height: 20px; border-bottom: 1px solid #F0F0F0; padding: 15px }
.simpleCart_items td { border-bottom: 1px solid #F0F0F0; padding: 12px }
.simpleCart_items table td { text-align: left }

/* Order site item */

#checkout { margin-top: 50px }
#checkout .checkouthead { font-size: 16px; font-weight: 700; background-color: rgb(52, 152, 219);
color: rgb(255, 255, 255); padding: 10px 0px }
#checkout .simpleCart_shelfItem div { font-size: 15px }
#checkout .simpleCart_shelfItem { padding: 15px 0px; border-bottom: 1px solid #EDEDED }
#checkout .simpleCart_shelfItem:hover { background-color: #F2F2F2 }

#action4 { margin: -50px 0px 80px 0px; background-color: rgba(51, 153, 204, 1) }
.action4 { text-align: center; padding: 30px 0; margin-bottom: 40px }
.action4 h1, .action4 h1 a { margin: 0; font-size: 28px; color: white; text-shadow: none }
.action4 p { width: auto; display: inline-block; margin: 20px 7px 5px; padding: 6px 18px;
border: 1px solid white; background: transparent; font-size: 30px; color: #FFF; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; transition: all 0.3s }

#testimonialslide { margin: 0; padding: 25px 0 }
.testimonial2 { background: url(../images/testimonial.jpg) repeat-y center top fixed; -webkit-background-size: cover; background-size: cover }
.testimonial2 .container { height: 270px; overflow: hidden; line-height: 30px; width: 90% }
.testimonial2 .carousel-inner { overflow: visible; display: inline-table; background: transparent }
.testimonial2 i { font-size: 28px; color: #FFFFCC }
.testimonial2 .carousel-caption { position: inherit; width: 75%; margin: 0 auto }
.testimonial2 .carousel-caption p { color: #FFF; font-size: 17px; font-weight: 300 }
.testimonial2 .carousel-caption span { font-size: 16px; text-transform: uppercase;
padding: 5px 0; display: inline-block; color: #EEE; border-top: 1px solid #EEE }
.testimonial2 .carousel-indicators { bottom: 18px; z-index: 15; text-align: center; list-style: none }
.testimonial2 .carousel-indicators li { display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 0; text-indent: -99999px; cursor: pointer; border: 2px solid #FFF; border-radius: 100%; visibility: visible; position: relative }
.testimonial2 .carousel-indicators li:first-child { margin-left: 0 }
.testimonial2 .carousel-indicators li:last-child { margin-right: 0 }
.testimonial2 .carousel-indicators .active { width: 17px; height: 17px; background-color: #FFF; visibility: visible }
.testimonial2 .carousel-control .icon-prev, .testimonial2 .carousel-control .icon-next { font-size: 75px; top: 75% }
@media (max-width: 767px) {
#testimonialslide { margin-top: 40px; padding: 25px 0 }
.testimonial2 .carousel-caption p { font-size: 16px; font-weight: 300 }
}

/* Pricerange */

.pricerange { width: 100%; height: 100%; font-weight: normal }
.pricerange:hover { border: 3px solid #003366 }
.pricerange .col { margin: 0; line-height: normal }
.pricerange h4 { color: #6C774B; padding: 5px 0; font-size: 54px;
font-weight: 300; background: #D9ECFF; border-bottom: solid 1px #f5f9e7 }
.pricerange h4 span { display: block; margin-top: 5px; font-size: 14px; font-style: italic }

/* Pricetables */

.pricetable {
width: 100%; height: 100%; font-weight: normal
}
.pricing {
position: relative; margin-bottom: 15px; border: 3px solid #eee;
}
.pricing-active {
border: 3px solid #003366; margin-top: -10px; box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}
.pricing:hover { border: 3px solid #003366;
}
.pricing:hover h4 { color: #E6AC00 }
.pricing-head { text-align: center;
}
.pricing-head h3, .pricing-head h4 {
margin: 0; line-height: normal;
}
.pricing-head h3 span, .pricing-head h4 span {
display: block; margin-top: 5px;
font-size: 14px; font-style: italic;
}
.pricing-head h3 { font-weight: 300; color: #EEEEEE; padding: 12px 0;
font-size: 27px; background: #003366; border-bottom: solid 1px #000066;
}
.pricing-head h4 { color: #E6E9DC; padding: 5px 0; font-size: 54px;
font-weight: 300; background: #0070E0; border-bottom: solid 1px #f5f9e7
}
.pricing-head-active h4 { color: #F5FAFF }
.pricing-head h4 i {
top: -8px; font-size: 28px; font-style: normal; position: relative;
}
.pricing-head h4 span { top: -10px; font-size: 14px; font-style: normal; position: relative;
}

.pricing-content li { color: #888; font-size: 12px; padding: 7px 15px; border-bottom: solid 1px #f5f9e7;
}
.pricing-content li i { top: 2px; color: #003366; font-size: 16px; margin-right: 5px; position: relative;
}

.pricing-footer { color: #777; font-size: 11px; line-height: 17px; text-align: center; padding: 0 20px 19px;
}

.price-active, .pricing:hover { z-index: 9 }
.price-active h4 { color: #003366; }
.no-space-pricing .pricing:hover { transition: box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
color: #003366; padding: 15px 0;
font-size: 80px; transition: color 0.5s ease-in-out;
}

/* FAQ and Accordions */

#faq a:hover, #faq a:focus { text-decoration: none; outline: none }
#faq .panel { border: none; border-radius: 0; box-shadow: none; margin-bottom: -5px }
#faq .panel-heading { padding: 0; border: none; border-radius: 0 }
#faq .panel-title a { display: block; padding: 15px 70px 15px 20px; background: #fff;
font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #e6720d; border-bottom: 1px solid #1d2e3b; position: relative }
#faq .panel-title a.collapsed { color: #1d2e3b }
#faq .panel-title a.collapsed:hover { color: #e6720d }
#faq .panel-title a:before, #faq .panel-title a:after {
content: ""; width: 3px; height: 10px; background: #e6720d; font-size: 15px;
position: absolute; top: 20px; right: 35px; transform: rotate(-45deg); transition: all 0.3s ease-in-out 0s }
#faq .panel-title a:after{ right: 29px; transform: rotate(45deg) }
#faq .panel-title a.collapsed:before { transform: rotate(45deg); background: #1d2e3b }
#faq .panel-title a.collapsed:after{ transform: rotate(-45deg); background: #1d2e3b }
#faq .panel-title a.collapsed:hover:before, #faq .panel-title a.collapsed:hover:after { background: #e6720d }
#faq .panel-body { padding: 10px 20px; background: #1d2e3b; border-top: none; font-size: 16px;
color: #fff; line-height: 25px }