12345678/*************************
*******Typography******
**************************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);
body {
font-family: 'Roboto', sans-serif;
background:#faf9f9;
position: relative;
font-weight:400px;
color:#7d7d7d;
}
img{
height: auto;
width: auto;
display: inline;
max-width: 100%;
text-align: center;
}
.required {
color:red;
}
table h2 { margin:0; }
ul li {
list-style: none;
}
a:hover {
outline: none;
text-decoration:none;
}
a:focus {
outline:none;
outline-offset: 0;
}
a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
h1, h2, h3, h4, h5, h6,{
font-family: 'Roboto', sans-serif;
}
h3, h4 {
text-transform: uppercase;
}
.containeer .row{
margin: 0px;
}
.btn.btn-info.btn-lg{ position:fixed; top:48%; left:0px; padding:0; background:none; border:none; z-index:99999;}
.btn:hover,
.btn:focus{
outline: none;
box-shadow: none;
}
.navbar-toggle {
background-color: #000;
}
a#scrollUp {
bottom: 0px;
right: 10px;
padding: 5px 10px;
background: #FE980F;
color: #FFF;
-webkit-animation: bounce 2s ease infinite;
animation: bounce 2s ease infinite;
}
a#scrollUp i{
font-size: 30px;
}
/*************************
*******Header CSS******
**************************/
.header_top {
background: none repeat scroll 0 0 #F0F0E9;
}
.contactinfo{ margin-left:15px;}
.contactinfo ul li:first-child{
margin-left:0;
}
.text_align{
text-align: center;
}
.contactinfo ul li a{
font-size: 12px;
color: #696763;
font-family: 'Roboto', sans-serif;
padding:12px 8px 10px 0;
}
.contactinfo ul li a:hover{
background:inherit;
}
.social-icons ul li a {
border: 0 none;
border-radius: 0;
color: #696763;
padding:0px;
}
.social-icons ul li{
display:inline-block;
}
/*************************categorys css *************************/
.product-category.product {
float: left !important;
list-style: outside none none !important;
margin: 10px !important;
text-align: center !important;
width: 30%;
min-height: 392px;
border: 4px solid rgba(255, 157, 56, 0);
//border: 2px solid #e2e1e1;
margin-bottom: -6px !important;
}
.product-category.product h3{
font-size: 16px!important;
//border: 2px solid #e2e1e1;
}
.product-category.product img {
border: 2px solid #e2e1e1;
padding: 10px;
}
.product-category.product:hover img{
background: none;
border: 2px solid hsl(30, 100%, 61%);
border-radius: 5px;
}
/*************************categorys css end *************************/
.social-icons ul li a i {
padding: 17px 10px;
transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
}
.social-icons ul li a i:hover{
color: #fff;
transition: all 0.9s ease 0s;
-moz-transition: all 0.9s ease 0s;
-webkit-transition: all 0.9s ease 0s;
-o-transition: all 0.9s ease 0s;
}
.fa-facebook:hover {
background: #0083C9;
}
.fa-youtube:hover {
background:#5BBCEC;
font-size:16px;
}
.fa-linkedin:hover {
background:#FF4518;
}
.fa-dribbble:hover {
background:#90C9DC;
}
.fa-google-plus:hover {
background:#CE3C2D;
}
.header-middle{ background:#fff;}
.header-middle .container .row {
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-top: 12px;
}
.header-middle .container .row .col-sm-4{
padding-left: 0;
}
.header-middle .container .row .col-sm-8 {
padding-right:0;
}
.usa {
border-radius: 0;
color: #B4B1AB;
font-size: 12px;
margin-right: 20px;
padding: 2px 15px;
margin-top: 10px;
}
.usa:hover {
background:#FE980F;
color:#fff;
border-color:#FE980F;
}
.usa:active, .usa.active {
background: none repeat scroll 0 0 #FE980F;
box-shadow: inherit;
outline: 0 none;
}
.btn-group.open .dropdown-toggle {
background: rgba(0, 0, 0, 0);
box-shadow: none;
}
.dropdown-menu li:hover a, .dropdown-menu li:focus a {
background-color: #FE980F;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
text-decoration: none;
}
.top-menu ul li {
display:inline-block;
border-right: 1px solid #056e99;
}
.top-menu ul li:last-child {
padding-right: 0;
border-rightn:none;
}
.top-menu ul li a {
background: #098ac0;
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
padding:16px 10px 14px 10px;
font-size: 16px;
border-right: 1px solid #1c9ed3;
transition:all ease-in-out 400ms;
}
.top-menu ul li a{}
.top-menu ul li:nth-child(2) a {
-webkit-animation-name: blinker; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
animation-name: blinker;
animation-duration: 2s;
animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes blinker {
0% {background-color:#06658d; }
50% {background-color:#f0a01a;}
100% {background-color:#06658d; }
}
/* Standard syntax */
@keyframes blinker {
0% {background-color:#06658d; }
50% {background-color:#f0a01a;}
100% {background-color:#06658d; }
}
.top-menu ul li a i{
margin-right:0px;
}
.top-menu ul li:last-child{ border:none;}
.top-menu ul li:hover a{
color:#fff;
background:#f0a01a;
}
.top-menu ul li:first-child:before {
border-left: 19px solid transparent;
border-right: 19px solid #098ac0;
border-top: 25px solid transparent;
border-bottom: 25px solid #098ac0;
content: "";
position: absolute;
left: -38px;
top: 0;
transition:all ease-in-out 400ms;
}
.top-menu ul li:first-child:hover:before {
border-right: 19px solid #f0a01a;
border-top: 25px solid transparent;
border-bottom: 25px solid #f0a01a;
}
.header-bottom {
background: #f0a01a;
padding-bottom: 0px;
padding-top: 0px;
position: relative;
z-index: 9;
}
.navbar-collapse.collapse{
padding-left: 0;
padding-right: 0;
}
.mainmenu ul li{
padding-right: 0;
padding-left: 0;
}
.mainmenu ul li:first-child{
padding-left: 0px;
}
.mainmenu ul li a {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: bold;
padding:6px 7px;
text-transform:uppercase;
}
.mainmenu ul li:last-child a{padding:6px;}
.mainmenu ul li a:hover, .mainmenu ul li a.active {
background:#22a4da;
color:#fff;
}
.top-menu ul li.active a, { font-weight:bold!important; color:#fe980f!important;
background:#fff;}
.mainmenu ul li li:hover a, .mainmenu ul li li.active a {
background:none;
color:#fff;
box-shadow:none;
}
.border-hover:hover{
border: 2px solid #ff0000 !important;
}
/*------------geothermal commercial page css-----------*/
.img1 {
width: 187px !important;
height: 225px !important;
margin-top: 28px;
}
.text {
font-size: 15px !important;
}
/*----------End of Css-----------*/
.search_box input {
background: #F0F0E9;
border: medium none;
color: #B2B2B2;
font-family: 'roboto';
font-size: 12px;
font-weight: 300;
height: 35px;
outline: medium none;
padding-left: 10px;
width: 155px;
background-image: url(../images/home/searchicon.png);
background-repeat: no-repeat;
background-position: 130px;
margin-top:2px;
}
/* Dropdown menu*/
.navbar-header
.navbar-toggle .icon-bar {
background-color: #fff;
}
.nav.navbar-nav > li:hover > ul.sub-menu{
display: block;
-webkit-animation: fadeInUp 400ms;
-moz-animation: fadeInUp 400ms;
-ms-animation: fadeInUp 400ms;
-o-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
ul.sub-menu {
position: absolute;
top: 41px;
left: 14px;
background: rgba(0, 0, 0, 0.6);
list-style: none;
padding: 0;
margin: 0;
width: 220px;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
display: none;
z-index: 999;
}
.dropdown ul.sub-menu li .active{
color: #FDB45E;
padding-left: 0;
}
.navbar-nav li ul.sub-menu li{
padding: 10px 20px 0 ;
}
.navbar-nav li ul.sub-menu li:last-child{
padding-bottom: 20px;
}
.navbar-nav li ul.sub-menu li a{
color: #fff;
}
.navbar-nav li ul.sub-menu li a:hover{
color: #FDB45E;
}
.fa-angle-down{
padding-left: 5px;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/*************************
*******Footer CSS******
**************************/
#footer {
background: #F0F0E9;
margin-top:30px;
}
.footer-top .container {
padding-bottom: 20px;
}
.companyinfo {
margin-top: 50px;
}
.companyinfo h2 {
color: #B4B1AB;
font-family: abel;
font-size: 27px;
text-transform: uppercase;
}
.companyinfo h2 span{
color:#FE980F;
}
.companyinfo p {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
}
.footer-top .col-sm-3{
overflow: hidden;
}
.video-gallery {
margin-top: 57px;
position: inherit;
}
.video-gallery a img {
height: 100%;
width: 100%;
}
.iframe-img {
position: relative;
display: block;
height: 61px;
margin-bottom: 10px;
border: 2px solid #fff;
border-radius: 3px;
}
.overlay-icon {
position: absolute;
top: 0;
width: 100%;
height: 61px;
background: #FE980F;
border-radius: 3px;
color: #FFF;
font-size: 20px;
line-height: 0;
display: block;
opacity: 0;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.overlay-icon i {
position: relative;
top: 50%;
margin-top: -20px;
}
.video-gallery a:hover .overlay-icon{
opacity: 1;
}
.video-gallery p {
color: #8C8C88;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 500;
margin-bottom:0px;
}
.video-gallery h2 {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 300;
text-transform:uppercase;
margin-top:0px;
}
.address {
margin-top: 30px;
position: relative;
overflow: hidden;
}
.address img {
width:100%;
}
.address p {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
left: 25px;
top: 29px;
}
.footer-widget {
margin-bottom: 68px;
}
.footer-widget .container {
border-top: 1px solid #FFFFFF;
padding-top: 15px;
}
.single-widget h2 {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 500;
margin-bottom: 22px;
text-transform: uppercase;
}
.single-widget h2 i{
margin-right:15px;
}
.single-widget ul li a{
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
padding: 5px 0 5px 17px;
transition:all ease-in-out 300ms;
background:url(../images/list-img.png) no-repeat 0px center;
}
.single-widget ul li a i {
margin-right: 18px;
}
.single-widget ul li a:hover, .single-widget ul li a:focus{
background:none;
color:#f0a01a;
padding-left:20px;
background:url(../images/list-img.png) no-repeat 3px center;
}
.searchform input {
border: 1px solid #DDDDDD;
color: #CCCCC6;
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin-top: 0;
outline: medium none;
padding: 7px;
width: 212px;
}
.searchform button {
background: #FE980F;
border: medium none;
border-radius: 0;
margin-left: -5px;
margin-top: -3px;
padding: 7px 17px;
}
.searchform button i {
color: #FFFFFF;
font-size: 20px;
}
.searchform button:hover,
.searchform button:focus{
background-color:#FE980F;
}
.searchform p {
color: #8C8C88;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
margin-top: 25px;
}
.footer-bottom {
background: #0d457a;
padding-top: 10px;
}
.footer-bottom p {
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
margin-left: 15px;
}
.footer-bottom p span a {
color: #fff;
font-style: italic;
text-decoration: underline;
}
/*************************
******* Home ******
**************************/
.section-box {
padding-bottom: 30px;
background:url(../images/bg-slider.jpg) no-repeat center center;
background-attachment:fixed;
background-size:cover;
}
.carousel-indicators li {
background: #C4C4BE;
}
.carousel-indicators li.active {
background: #FE980F;
}
.pricing {
position: absolute;
right: 40%;
top: 52%;
}
.girl {
margin-left: 0;
}
.item h1 {
color: #B4B1AB;
font-family: abel;
font-size: 48px;
margin-top: 115px;
}
.item h1 span {
color:#FE980F;
}
.item h2 {
color: #363432;
font-family: 'Roboto', sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 22px;
margin-top: 10px;
}
.item p {
color:#363432;
font-size:16px;
font-weight:300;
font-family: 'Roboto', sans-serif;
}
.get {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
margin-top: 23px;
}
.item button:hover {
background: #FE980F;
}
.control-carousel {
position: absolute;
top: 32%;
font-size: 60px;
color: #C2C2C1;
}
.control-carousel:hover{
color: #FE980F ;
}
.carousel-indicators {
bottom: -17px;
}
.right {
right: -1px;
}
.category-products {
border: 1px solid #F7F7F0;
margin-bottom: 35px;
padding-bottom: 20px;
padding-top: 15px;
}
.category-products .panel {
background-color: #FFFFFF;
border: 0px;
border-radius: 0px;
box-shadow:none;
margin-bottom: 0px;
}
.category-products .panel-default .panel-heading {
background: #cff0fe;
background-image: url(../images/plus-img.png);
background-repeat:no-repeat;
background-position:5px center;
border: 0 none;
color: #FFFFFF;
padding: 0 5px 0 25px;
box-shadow:none;
border:none;
transition:all ease-in-out 400ms;
border-radius:0;
}
.category-products .panel-default .panel-heading:hover{ background-position:10px center;}
.category-products .panel-default .panel-heading .panel-title a {
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
display:block;
padding:6px 0 5px 0;
transition:all ease-in-out 300ms;
}
.category-products .panel-default .panel-heading .panel-title a:hover{padding:6px 0 5px 5px;}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 0 none;
}
.category-products .badge {
background:none;
border-radius: 10px;
color: #696763;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 1;
min-width: 10px;
padding: 3px 7px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
.panel-body{ background:#fafafb}
.panel-body ul{
padding-left:0px;
}
.panel-body ul li a {
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 12px;
text-transform: uppercase;
padding:10px 5px 10px 11px;
background: url(../images/list-img2.png) no-repeat 0px 14px;
display:block;
border-bottom:1px solid #e8f1f7;
}
.panel-body ul li a:hover{ color:#1a9bd0}
.brands-name {
border: 1px solid #F7F7F0;
padding-bottom: 20px;
padding-top: 15px;
}
.brands-name .nav-stacked li a {
background-color: #FFFFFF;
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 14px;
padding: 5px 25px;
text-decoration: none;
text-transform: uppercase;
}
.brands-name .nav-stacked li a:hover{
background-color: #fff;
color: #696763;
}
.shipping {
background-color: #F2F2F2;
margin-top: 40px;
overflow: hidden;
padding-top: 20px;
position: relative;
}
.price-range{
margin-top:30px;
}
.well {
background-color: #FFFFFF;
border: 1px solid #F7F7F0;
border-radius: 4px;
box-shadow: none;
margin-bottom: 20px;
min-height: 20px;
padding: 35px;
}
.tooltip-inner {
background-color: #FE980F;
border-radius: 4px;
color: #FFFFFF;
max-width: 200px;
padding: 3px 8px;
text-align: center;
text-decoration: none;
}
.tooltip.top .tooltip-arrow {
border-top-color: #FE980F;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.padding-right {
padding-right: 0;
}
/*.features_items{
overflow:hidden;
}*/
.features_items .col-sm-4:first-child{ margin-left:0}
h2.title {
color: #FE980F;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 600;
margin: 30px 0;
text-transform: uppercase;
}
.documentation-links{
color:#F3760B !important;
font-size:14px;
padding:3px;
margin-left:10%;
margin-bottom:30px;
}
.documentation-links p{
color:#F3760B !important;
display:inline-block;
margin: 0% 5% 0% 5%;
}
.documentation-links p:hover{
text-decoration:underline;
}
.subcategory-wrapper{
border: none;
background-color:#FFF;
width: 40%;
display: inline-block;
margin: 3%;
padding: 3%;
box-shadow: 1px 2px 3px #ccc;
transition:all ease-in-out 300ms;
border: 12px solid #eee;
}
.subcategory-wrapper:hover{
border: 10px solid #eee;
border-radius: 25px;
box-shadow: 6px 9px 9px #ccc;
}
.subcategory-wrapper h3{
font-size: 16px;
color: #1a9bd0;
margin: 0 auto;
text-align:center;
font-weight:bold;
}
.subcategory-wrapper img{
margin: 0 auto;
padding:5%;
}
.subcategory-product-links{
margin: 3%;
font-size:12px !important;
font-family: 'Roboto', sans-serif;
text-align:center;
}
.subcategory-product-links h4{
font-weight:bold;
color:#999;
font-size:14px;
}
.subcategory-product-links p{
color:#1e9bd0 !important;
}
.subcategory-product-links p:hover{
text-decoration:underline;
}
.product-image-wrapper{
border:1px solid #F7F7F5;
overflow: hidden;
margin-bottom:30px;
min-height:400px!important;
box-shadow: 0px 5px 6px #9a9a9af7;
}
.carousel-inner .product-image-wrapper:hover .productinfo{
background:#1b71bb;
}
.product-image-wrapper:hover{border:1px solid #1b71bb;}
.single-products {
position: relative;
}
.new, .sale {
position: absolute;
top: 0;
right: 0;
}
.productinfo h2{
color: #1a9bd0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight:400;
text-transform:uppercase;
font-weight:bold;
}
.productinfo:hover h2{
color: #fff;
}
.product-overlay h2{
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 700;
}
.productinfo p{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color: #1a9bd0;
max-height: 85px !important;
}
.productinfo img{
border:4px solid #e2e1e1;
transition:all ease-in-out 300ms;
max-height: 180px !important;
}
.carousel-inner .productinfo img{
max-height: 100% !important;
}
.productinfo:hover img{
border:4px solid #1a9bd0
}
.related.products h2 {
font-size: 27px;
color: #249fd2;
}
.productinfo{
position:relative;
background: #fff;
padding: 15px;
transition:all ease-in-out 300ms;
}
.productinfo:hover{
position:relative;
/*background: #1a9bd0;
padding: 20px;*/
}
.product-overlay {
background:#FE980F;
top: 0;
display: none;
height: 0;
position: absolute;
transition: height 500ms ease 0s;
width: 100%;
display: block;
opacity:;
}
.single-products:hover .product-overlay {
display:block;
height:100%;
}
.product-overlay .overlay-content {
bottom: 0;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}
.product-overlay .add-to-cart {
background:#fff;
border: 0 none;
border-radius: 0;
color: #FE980F;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-bottom: 25px;
}
.product-overlay .add-to-cart:hover {
background:#fff;
color: #FE980F;
}
.product-overlay p{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color: #fff;
}
.add-to-cart {
background:#1a9bd0;
border: 0 none;
border-radius: 0;
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-bottom: 25px;
text-transform:uppercase;
}
.productinfo:hover .add-to-cart {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
}
.add-to{
margin-bottom: 10px;
}
.add-to-cart i{
margin-right:5px;
}
.add-to-cart:hover {
background: #FE980F;
color: #FFFFFF;
}
.choose {
border-top: 1px solid #F7F7F0;
}
.choose ul li a {
color: #B3AFA8;
font-family: 'Roboto', sans-serif;
font-size: 13px;
padding-left: 0;
padding-right: 0;
}
.choose ul li a i{
margin-right:5px;
}
.choose ul li a:hover{
background:none;
color:#FE980F;
}
.category-tab {
overflow: hidden;
}
.category-tab ul {
background: #40403E;
border-bottom: 1px solid #FE980F;
list-style: none outside none;
margin: 0 0 30px;
padding: 0;
width: 100%;
}
.category-tab ul li a {
border: 0 none;
border-radius: 0;
color: #B3AFA8;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.category-tab ul li a:hover{
background:#FE980F;
color:#fff;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FE980F;
border:0px;
color: #FFFFFF;
cursor: default;
margin-right:0;
margin-left:0;
}
.nav-tabs li a {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px 4px 0 0;
line-height: 1.42857;
margin-right:0;
}
.recommended_items {
overflow: hidden;
}
#recommended-item-carousel .carousel-inner .item {
padding-left: 0;
}
.recommended-item-control {
position: absolute;
top: 24px;
}
.recommended-item-control i {
background: none repeat scroll 0 0 #FE980F;
color: #FFFFFF;
font-size: 20px;
padding: 4px 10px;
}
.recommended-item-control i:hover {
background: #1a9bd0;
}
.recommended_items h2 {
}
.our_partners{
overflow:hidden;
}
.our_partners ul {
background: #F7F7F0;
margin-bottom: 50px;
}
.our_partners ul li a:hover{
background:none;
}
/*************************
*******Shop CSS******
**************************/
#advertisement {
padding-bottom: 45px;
}
#advertisement img {
width: 100%;
}
.pagination {
display: inline-block;
margin-bottom: 25px;
margin-top: 0;
padding-left: 15px;
}
.pagination li:first-child a, .pagination li:first-child span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 0;
}
.pagination li:last-child a, .pagination li:last-child span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus {
background-color: #FE980F;
border-color: #FE980F;
color: #FFFFFF;
cursor: default;
z-index: 2;
}
.pagination li a, .pagination li span {
background-color: #f0f0e9;
border: 0;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
margin-right: 5px;
color:#000;
}
.pagination li a:hover{
background:#FE980F;
color:#fff;
}
/*************************
*******Product Details CSS******
**************************/
.product-details{
overflow:hidden;
}
#similar-product {
margin-top: 40px;
}
#reviews {
padding-left: 25px;
padding-right: 25px;
}
.product-details {
margin-bottom: 40px;
overflow: hidden;
margin-top: 10px;
}
.view-product {
position: relative;
}
.view-product img {
border: 1px solid #F7F7F0;
height: 380px;
width: 100%;
}
.view-product h3 {
background: #FE980F;
bottom: 0;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
padding: 8px 20px;
position: absolute;
right: 0;
}
#similar-product .carousel-inner .item{
padding-left:0px;
}
#similar-product .carousel-inner .item img {
display: inline-block;
margin-left: 15px;
}
.item-control {
position: absolute;
top: 35%;
}
.item-control i {
background: #FE980F;
color: #FFFFFF;
font-size: 20px;
padding: 5px 10px;
}
.item-control i:hover{
background:#ccccc6;
}
.product-information {
border: 1px solid #F7F7F0;
overflow: hidden;
padding-bottom: 60px;
padding-left: 60px;
padding-top: 60px;
position: relative;
}
.newarrival{
position:absolute;
top:0;
left:0
}
.product-information h2 {
color: #363432;
font-family: 'Roboto', sans-serif;
font-size: 20px;
margin-top: 0;
}
.product-information p {
color: #696763;
font-family: 'Roboto', sans-serif;
margin-bottom: 5px;
}
.product-information span {
display: inline-block;
margin-bottom: 8px;
margin-top: 18px;
}
.product-information span span {
color: #FE980F;
float: left;
font-family: 'Roboto', sans-serif;
font-size: 30px;
font-weight: 700;
margin-right: 20px;
margin-top: 0px;
}
.product-information span input {
border: 1px solid #DEDEDC;
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 700;
height: 33px;
outline: medium none;
text-align: center;
width: 50px;
}
.product-information span label {
color: #696763;
font-family: 'Roboto', sans-serif;
font-weight: 700;
margin-right: 5px;
}
.share {
margin-top: 15px;
}
.cart {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-bottom: 10px;
margin-left: 20px;
}
.shop-details-tab {
border: 1px solid #F7F7F0;
margin-bottom: 75px;
margin-left: 15px;
margin-right: 15px;
padding-bottom: 10px;
}
.shop-details-tab .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
#reviews ul {
background: #FFFFFF;
border: 0 none;
list-style: none outside none;
margin: 0 0 20px;
padding: 0;
}
#reviews ul li {
display:inline-block;
}
#reviews ul li a {
color: #696763;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 14px;
padding-right: 15px;
}
#reviews ul li a i{
color:#FE980F;
padding-right:8px;
}
#reviews ul li a:hover{
background:#fff;
color:#FE980F;
}
#reviews p{
color:#363432;
}
#reviews form span {
display: block;
}
#reviews form span input {
background:#F0F0E9;
border: 0 none;
color: #A6A6A1;
font-family: 'Roboto', sans-serif;
font-size: 14px;
outline: medium none;
padding: 8px;
width: 48%;
}
#reviews form span input:last-child {
margin-left: 3%;
}
#reviews textarea {
background: #F0F0E9;
border: medium none;
color: #A6A6A1;
height: 195px;
margin-bottom: 25px;
margin-top: 15px;
outline: medium none;
padding-left: 10px;
padding-top: 15px;
resize: none;
width: 99.5%;
}
#reviews button {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.button{
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #ebe9eb;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
}
.button:hover{
background-color: #999;
}
.priceBox{
float: right;
margin-bottom:100px;
display:block;
width:100%;
}
.priceBox p{
text-align:right;
margin-right:10%;
color:#1a9bd0;
font-weight:bold;
}
.priceBox .button{
position: absolute;
right:12%;
width:25%;
max-width:200px;
max-height:20px;
padding:3% 4% 5% 3%;
border-radius:5px;
display:block;
background-color:#ff9d38;
color: #FFF;
}
.priceBox .button:hover{
background-color:#F3760B;
}
.priceBoxLeft{
float: left;
margin-bottom:70px;
display:block;
width:100%;
margin-top: 10px;
}
.priceBoxLeft1 {
float: left;
margin-bottom: 70px;
display: block;
width: 100%;
margin-top: 10px;
padding: 25px;
}
.priceBoxLeft p{
text-align: left;
margin-right:10%;
color:#1a9bd0;
font-weight:bold;
}
.priceBoxLeft .button{
position: absolute;
left:3%;
width:20%;
max-width:150px;
max-height:20px;
padding:3% 4% 5% 4%;
border-radius:5px;
display:block;
background-color:#ff9d38;
color: #FFF;
text-align:center;
}
.WSHP-img {
width: 100%;
padding: 90px 15px;
}
.WSHP-img1 {
padding: 41px 0px;
}
.priceBoxLeft .button2 {
position: absolute;
left: 3%;
/* width: 35%; */
/* max-width: 154px; */
/* max-height: 30px; */
padding: 3% 5% 3% 5%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
}
.priceBoxLeft .button3 {
position: absolute;
left: 3%;
/* width: 35%; */
/* max-width: 154px; */
/* max-height: 30px; */
padding: 2% 5% 2% 5%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
}
.priceBoxLeft1 .button3 {
position: absolute;
left: 3%;
/* width: 35%; */
/* max-width: 154px; */
/* max-height: 30px; */
padding: 2% 5% 2% 5%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
}
.priceBoxLeft .button-hydro {
position: absolute;
left: 3%;
/* width: 35%; */
/* max-width: 154px; */
/* max-height: 30px; */
padding: 4% 5% 4% 5%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
}
.button11 {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #fff;
background-color: #E49D26;
border: 0;
white-space: nowrap;
display: inline-block;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
}
.priceBoxLeft .button:hover{
background-color:#F3760B;
}
.priceBoxLeft .button1 {
position: absolute;
left: 3%;
width: 20%;
max-width: 130px;
max-height: 20px;
padding: 2% 1% 4% 1%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
}
.priceBoxLeft .button_co {
/* position: absolute; */
/* left: 66%; */
width: 31%;
/* max-width: 130px; */
max-height: 30px;
padding: 3% 1% 8% 1%;
border-radius: 5px;
display: block;
background-color: #ff9d38;
color: #FFF;
text-align: center;
float: right;
/* margin-bottom: 21px; */
}
.price-txt p {
color: #7d7d7d;
line-height: 20px;
float: right;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 20%;
padding: 16px;
border: 16px solid White;
background-color: white;
z-index:1002;
overflow: auto;
}
.closeOverlay{
position: absolute;
top: 0%;
right: 0%;
}
/*************************
*******404 CSS******
**************************/
.logo-404 {
margin-top: 60px;
}
.content-404 h1 {
color: #363432;
font-family: 'Roboto', sans-serif;
font-size: 41px;
font-weight: 300;
}
.content-404 img {
margin:0 auto;
}
.content-404 p {
color: #363432;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.content-404 h2 {
margin-top:50px;
}
.content-404 h2 a {
background: #FE980F;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 44px;
font-weight: 300;
padding: 8px 40px;
}
/*************************
*******login page CSS******
**************************/
#form {
display: block;
margin-bottom: 185px;
margin-top: 185px;
overflow: hidden;
}
.login-form {
}
.signup-form {
}
.login-form h2, .signup-form h2 {
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 300;
margin-bottom: 30px;
}
.login-form form input, .signup-form form input {
background: #F0F0E9;
border: medium none;
color: #696763;
display: block;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
height: 40px;
margin-bottom: 10px;
outline: medium none;
padding-left: 10px;
width: 100%;
}
.login-form form span{
line-height: 25px;
}
.login-form form span input {
width: 15px;
float: left;
height: 15px;
margin-right: 5px;
}
.login-form form button {
margin-top: 23px;
}
.login-form form button, .signup-form form button {
background: #FE980F;
border: medium none;
border-radius: 0;
color: #FFFFFF;
display: block;
font-family: 'Roboto', sans-serif;
padding: 6px 25px;
}
.login-form label{
}
.login-form label input {
border: medium none;
display: inline-block;
height: 0;
margin-bottom: 0;
outline: medium none;
padding-left: 0;
}
.or{
background: #FE980F;
border-radius: 40px;
color: #FFFFFF;
font-family: 'Roboto', sans-serif;
font-size: 16px;
height: 50px;
line-height: 50px;
margin-top: 75px;
text-align: center;
width: 50px;
}
/*************************
*******Cart CSS******
**************************/
#do_action {
margin-bottom: 50px;
}
.breadcrumbs {
position: relative;
}
.breadcrumbs .breadcrumb {
background:transparent;
margin-bottom: 75px;
padding-left: 0;
}
.breadcrumbs .breadcrumb li a {
background:#FE980F;
color: #FFFFFF;
padding: 3px 7px;
}
.breadcrumbs .breadcrumb li a:after {
content:"";
height:auto;
width: auto;
border-width: 8px;
border-style: solid;
border-color:transparent transparent transparent #FE980F;
position: absolute;
top: 11px;
left:48px;
}
.breadcrumbs .breadcrumb > li + li:before {
content: "Â ";
}
#cart_items .cart_info {
border: 1px solid #E6E4DF;
margin-bottom: 50px
}
#cart_items .cart_info .cart_menu {
background: #FE980F;
color: #fff;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
}
#cart_items .cart_info .table.table-condensed thead tr {
height: 51px;
}
#cart_items .cart_info .table.table-condensed tr {
border-bottom: 1px solid#F7F7F0
}
#cart_items .cart_info .table.table-condensed tr:last-child {
border-bottom: 0
}
.cart_info table tr td {
border-top: 0 none;
vertical-align: inherit;
}
#cart_items .cart_info .image {
padding-left: 30px;
}
#cart_items .cart_info .cart_description h4 {
margin-bottom: 0
}
#cart_items .cart_info .cart_description h4 a {
color: #363432;
font-family: 'Roboto',sans-serif;
font-size: 20px;
font-weight: normal;
}
#cart_items .cart_info .cart_description p {
color:#696763
}
#cart_items .cart_info .cart_price p {
color:#696763;
font-size: 18px
}
#cart_items .cart_info .cart_total_price {
color: #FE980F;
font-size: 24px;
}
.cart_product {
display: block;
margin: 15px -70px 10px 25px;
}
.cart_quantity_button a {
background:#F0F0E9;
color: #696763;
display: inline-block;
font-size: 16px;
height: 28px;
overflow: hidden;
text-align: center;
width: 35px;
float: left;
}
.cart_quantity_input {
color: #696763;
float: left;
font-size: 16px;
text-align: center;
font-family: 'Roboto',sans-serif;
}
.cart_delete {
display: block;
margin-right: -12px;
overflow: hidden;
}
.cart_delete a {
background:#F0F0E9;
color: #FFFFFF;
padding: 5px 7px;
font-size: 16px
}
.cart_delete a:hover {
background:#FE980F
}
.bg h2.title {
margin-right:0;
margin-left:0;
margin-top: 0;
}
.heading h3 {
color: #363432;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.heading p {
color: #434343;
font-size: 16px;
font-weight: 300;
}
#do_action .total_area {
padding-bottom: 18px !important;
}
#do_action .total_area, #do_action .chose_area {
border: 1px solid #E6E4DF;
color: #696763;
padding: 30px 25px 30px 0;
margin-bottom: 80px;
}
.total_area span {
float: right;
}
.total_area ul li {
background:#E6E4DF;
color: #696763;
margin-top: 10px;
padding: 7px 20px;
}
.user_option label {
color: #696763;
font-weight: normal;
margin-left: 10px;
}
.user_info {
display: block;
margin-bottom: 15px;
margin-top: 20px;
overflow: hidden;
}
.user_info label {
color: #696763;
display: block;
font-size: 15px;
font-weight: normal;
}
.user_info .single_field {
width: 31%
}
.user_info .single_field.zip-field input {
background: transparent;
border: 1px solid#F0F0E9
}
.user_info > li {
float: left;
margin-right: 10px
}
.user_info > li > span {
}
.user_info input, select, textarea {
background: #F0F0E9;
border:0;
color: #696763;
padding: 5px;
width: 100%;
border-radius: 0;
resize: none
}
.user_info select:focus {
border: 0
}
.chose_area .update {
margin-left: 40px;
}
.update, .check_out {
background: #FE980F;
border-radius: 0;
color: #FFFFFF;
margin-top: 18px;
border: none;
padding: 5px 15px;
}
.update{
margin-left: 40px;
}
.check_out {
margin-left: 20px
}
.data-table tr, th, td{
border: thin solid;
padding: 3%;
}
.text td {
padding: 12px;
}
/*************************
*******checkout CSS******
**************************/
.step-one {
margin-bottom: -10px
}
.register-req, .step-one .heading {
background: none repeat scroll 0 0 #F0F0E9;
color: #363432;
font-size: 20px;
margin-bottom: 35px;
padding: 10px 25px;
font-family: 'Roboto', sans-serif;
}
.checkout-options {
padding-left: 20px
}
.checkout-options h3 {
color: #363432;
font-size: 20px;
margin-bottom: 0;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
.checkout-options p {
color: #434343;
font-weight: 300;
margin-bottom: 25px;
}
.checkout-options .nav li {
float: left;
margin-right: 45px;
color: #696763;
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: normal;
}
.checkout-options .nav label {
font-weight: normal;
}
.checkout-options .nav li a {
color: #FE980F;
font-size: 18px;
font-weight: normal;
padding: 0
}
.checkout-options .nav li a:hover {
background: inherit;
}
.checkout-options .nav i {
margin-right: 10px;
border-radius: 50%;
padding: 5px;
background: #FE980F;
color:#fff;
font-size: 14px;
padding: 2px 3px;
}
.register-req {
font-size: 14px;
font-weight: 300;
padding: 15px 20px;
margin-top: 35px;
}
.register-req p {
margin-bottom: 0
}
.shopper-info p,
.bill-to p,
.order-message p {
color: #696763;
font-size: 20px;
font-weight: 300
}
.shopper-info .btn-primary {
background: #FE980F;
border: 0 none;
border-radius: 0;
margin-right: 15px;
margin-top: 20px;
}
.form-two, .form-one {
float: left;
width: 47%
}
.shopper-info > form > input,
.form-two > form > select,
.form-two > form > input,
.form-one > form > input {
background:#F0F0E9;
border: 0 none;
margin-bottom:10px;
padding: 10px;
width: 100%;
font-weight: 300
}
.form-two > form > select {
padding:10px 5px
}
.form-two {
margin-left: 5%
}
.order-message textarea {
font-size: 12px;
height: 335px;
margin-bottom: 20px;
padding: 15px 20px;
}
.order-message label {
font-weight:300;
color: #696763;
font-family: 'Roboto', sans-serif;
margin-left: 10px;
font-size: 14px
}
.review-payment h2 {
color: #696763;
font-size: 20px;
font-weight: 300;
margin-top: 45px;
margin-bottom: 20px
}
.payment-options {
margin-bottom:125px;
margin-top: -25px
}
.payment-options span label {
color: #696763;
font-size: 14px;
font-weight: 300;
margin-right: 30px;
}
#cart_items .cart_info
.table.table-condensed.total-result {
margin-bottom: 10px;
margin-top: 35px;
color: #696763
}
#cart_items .cart_info
.table.table-condensed.total-result tr {
border-bottom: 0
}
#cart_items .cart_info
.table.table-condensed.total-result span {
color: #FE980F;
font-weight: 700;
font-size: 16px
}
#cart_items .cart_info
.table.table-condensed.total-result
.shipping-cost {
border-bottom: 1px solid #F7F7F0;
}
/*************************
*******Blog CSS******
**************************/
.blog-post-area
.single-blog-post h3 {
color: #696763;
font-size: 16px;
font-family: 'Roboto',sans-serif;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 17px;
}
.single-blog-post > a {
}
.blog-post-area
.single-blog-post a img {
border: 1px solid #F7F7F0;
width: 100%;
margin-bottom: 30px
}
.blog-post-area
.single-blog-post p {
color: #363432
}
.blog-post-area
.post-meta {
display: block;
margin-bottom: 25px;
overflow: hidden;
}
.blog-post-area
.post-meta ul {
padding:0;
display: inline;
}
.blog-post-area
.post-meta ul li {
background:#F0F0E9;
float: left;
margin-right: 10px;
padding: 0 5px;
font-size: 11px;
color: #393b3b;
position: relative;
}
.blog-post-area
.post-meta ul li i {
background:#FE980F;
color: #FFFFFF;
margin-left: -4px;
margin-right: 7px;
padding: 4px 7px;
}
.sinlge-post-meta li i:after,
.blog-post-area
.post-meta ul li i:after {
content: "";
position: absolute;
width: auto;
height: auto;
border-color:transparent transparent transparent #FE980F;
border-width:4px;
border-style: solid;
top:6px;
left:24px
}
.blog-post-area
.post-meta ul span {
float: right;
color: #FE980F
}
.post-meta span{
float: right;
}
.post-meta span i{
color: #FE980F
}
.blog-post-area
.single-blog-post
.btn-primary {
background:#FE980F;
border: medium none;
border-radius: 0;
color: #FFFFFF;
margin-top: 17px;
}
.pagination-area {
margin-bottom:45px;
margin-top:45px
}
.pagination-area
.pagination li a {
background:#F0F0E9;
border: 0 none;
border-radius: 0;
color: #696763;
margin-right: 5px;
padding: 4px 12px;
}
.pagination-area
.pagination li a:hover,
.pagination-area
.pagination li .active {
background:#FE980F;
color: #fff
}
/*************************
*******Blog Single CSS******
**************************/
.pager-area {
overflow: hidden;
}
.pager-area .pager li a {
background:#F0F0E9;
border: 0 none;
border-radius: 0;
color: #696763;
font-size: 12px;
font-weight: 700;
padding: 4px;
text-transform: uppercase;
width: 57px;
}
.pager-area
.pager li a:hover {
background: #FE980F;
color: #fff
}
.rating-area {
border: 1px solid #F7F7F0;
direction: block;
overflow: hidden;
}
.rating-area ul li {
float: left;
padding: 5px;
font-size: 12px
}
.rating-area .ratings {
float: left;
padding-left: 0;
margin-bottom: 0
}
.rating-area
.ratings li i {
color:#CCCCCC
}
.rating-area .rate-this {
color: #363432;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.rating-area
.ratings .color,
.rating-area .color {
color: #FE980F
}
.rating-area .tag {
float: right;
margin-bottom: 0;
margin-right: 10px;
}
.rating-area .tag li {
padding: 5px 2px;
}
.rating-area .tag li span {
color: #363432;
}
.socials-share {
margin-bottom: 30px;
margin-top: 18px;
}
.commnets
.media-object {
margin-right: 15px;
width: 100%;
}
.commnets {
border: 1px solid #F7F7F0;
padding: 18px 18px 18px 0;
margin-bottom: 50px
}
.commnets .pull-left {
margin-right: 22px
}
.commnets p,
.response-area p,
.replay-box p {
font-size: 12px
}
.media-heading {
color: #363432;
font-size: 14px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px
}
.blog-socials {
margin-bottom: -9px;
margin-top: 14px;
}
.blog-socials ul {
padding-left: 0;
overflow: hidden;
float: left;
}
.blog-socials .btn.btn-primary{
margin-top: 0;
}
.blog-socials ul li {
float: left;
height: 17px;
margin-right: 5px;
text-align: center;
width: 17px;
}
.blog-socials ul li a {
color: #393B3B;
display: block;
font-size: 10px;
padding: 1px;
background:#F0F0E9;
}
.blog-socials ul li a:hover {
color: #fff;
background:#FE980F
}
.media-list .btn-primary,
.commnets .btn-primary {
background:#FC9A11;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
float: left;
font-size: 10px;
padding: 1px 7px;
text-transform: uppercase;
}
.response-area h2 {
color: #363432;
font-size: 20px;
font-weight: 700;
}
.response-area .media {
border: 1px solid #F7F7F0;
padding: 18px 18px 18px 0;
margin-bottom: 27px
}
.response-area .media img{
height: 102px;
width: 100%;
}
.response-area .media .pull-left {
margin-right: 25px
}
.response-area .second-media {
margin-left: 5%;
width: 95%;
}
.sinlge-post-meta {
overflow: hidden;
padding-left: 0;
margin-bottom: 15px
}
.sinlge-post-meta li {
background:#F0F0E9;
color: #363432;
float: left;
font-size: 10px;
font-weight: 700;
margin-right: 10px;
padding: 0 10px 0 0;
position: relative;
text-transform: uppercase;
}
.sinlge-post-meta li i {
background:#FE980F;
color: #FFFFFF;
margin-right: 10px;
padding: 8px 10px;
}
.sinlge-post-meta li i:after {
top: 7px;
border-width: 6px;
left: 27px;
}
.replay-box {
margin-bottom: 107px;
margin-top: 55px;
}
.replay-box h2 {
font-weight: 700;
font-size: 20px;
color: #363432;
margin-top: 0;
margin-bottom: 45px
}
.replay-box label {
background:#FE980F;
color: #FFFFFF;
margin-bottom: 15px;
padding: 3px 15px;
float: left;
font-weight: 400;
}
.replay-box span {
color: #FE980F;
float: right;
font-weight: 700;
margin-top: 21px;
}
.replay-box form input {
border: 1px solid #F7F7F0;
color: #ADB2B2;
font-size: 12px;
margin-bottom: 22px;
padding: 8px;
width: 100%;
}
.replay-box form input:hover,
.text-area textarea:hover {
border: 1px solid #FE980F;
}
.text-area {
margin-top: 66px
}
.text-area textarea {
background: transparent;
border: 1px solid#F7F7F0
}
.btn.btn-primary {
background:#FE980F;
border: 0 none;
border-radius: 0;
margin-top: 16px;
}
.blank-arrow {
position: relative;
}
.blank-arrow label:after {
content: "";
position: absolute;
width: auto;
height: auto;
border-style: solid;
border-width: 8px;
border-color:#FE980F transparent transparent transparent;
top: 25px;
left: 5px
}
/*************************
******* Contact CSS ********
**************************/
.contact-map {
width: 100%;
height: 385px;
margin-bottom: 70px
}
.contact-info .heading,
.contact-form .heading {
text-transform: capitalize;
}
.contact-form .form-group {
margin-bottom: 20px;
}
#contact-page
.form-control::-moz-placeholder {
color: #8D8D8D;
}
#contact-page .form-control {
background-color: #fff;
border: 1px solid #ddd;
color: #696763;
height: 46px;
padding: 6px 12px;
width: 100%;
font-size: 16px;
border-radius: 4px;
box-shadow:inherit;
}
#contact-page #message {
height:160px;
resize:none;
}
#main-contact-form .btn-primary {
margin-bottom: 15px;
margin-top: 20px;
}
#contact-page .form-control:focus,
#contact-page .form-control:hover {
box-shadow: inherit;
border-color: #FDB45E;
}
#contact-page .contact-info {
padding: 0 20px;
}
#contact-page .contact-info address {
margin-bottom: 40px;
margin-top: -5px;
}
#contact-page .contact-info p {
margin-bottom: 0;
color: #696763;
font-size: 16px;
line-height: 25px;
}
.social-networks{
overflow: hidden;
text-align: center;
}
.social-networks ul {
margin-top: -5px;
padding: 0;
display: inline-block;
}
.social-networks ul li {
float: left;
text-decoration: none;
list-style: none;
margin-right: 20px;
}
.social-networks ul li:last-child{
margin-right: 0;
}
.social-networks ul li a {
color: #999;
font-size: 25px;
}
.contact-info .social-networks ul li a i{
background: none;
}
.contact-info .social-networks ul li a:hover{
color: #FE980F;
}
.product-image-wrapper {
border: 1px solid #F7F7F5;
margin-bottom: 30px;
overflow: hidden;
background: #fff;
}
#footer{ background:url(../images/home/footer_bg.jpg) no-repeat #127198; background-size:cover;}
.carousel-inner{ margin-top:30px;}
.well, .category-products,.brands-name {box-shadow:-8px 8px 5px #ccc; background:#fff; padding:65px 20px 20px; z-index:-1; margin-top:-58px;}
.panel-group.category-products:after{ border-left: 19px solid #fff;
border-right: 19px solid #faf9f9 ;
border-top: 20px solid #faf9f9;
border-bottom: 20px solid #fff;
content: "";
position: absolute;
right: 15px;
top: 29px; }
.well li, .category-products .panel,.brands-name li{border-bottom:1px solid #CCCCCC;}
.bg_outer {
background: none repeat scroll 0 0 #FAFAFA;
padding-top:20px;
}
.category-products .panel-heading a,.brands-name ul li a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.category-products .panel-heading a:hover,.brands-name ul li a:hover { padding-left:5px}
body #header {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
body #header.fixed {
position: relative;
width: 100%;
left: 0;
top: 0;
}
body #header.fixed {
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
background: #fff;
z-index: 99999;
}
body #header.intelligent {
position: static !important;
}
body #header.intelligent {
position: fixed !important;
}
body #header.up {
top: -162px;
opacity: 0;
visibility: hidden;
}
body #header.down {
top: 0;
opacity: 1;
visibility: visible;
}
.top-m {
margin-top: 179px !important;
}
body #header.fixed.intelligent.fix .main-header {
position: relative;
}
.header {
position: relative;
z-index: 9999;
}
.primary-header {
background: #eaedf0;
position: relative;
}
.mail {
padding-top: 12px;
}
.mail span {
color: #2c3740;
display: inline-block;
margin-left: 9px;
vertical-align: middle;
font-size: 15px;
letter-spacing: 0.1px;
}
.mail span a {
color: #2c3740;
}
.social {
list-style-type: none;
overflow: hidden;
float: right;
padding-left: 24px;
font-size: 0;
margin-bottom:0;
}
.social li {
display: inline-block;
vertical-align: top;
border-left: 1px solid #cdd4da;
width: 51px;
text-align: center;
}
.social a {
display: block;
padding: 12px 0;
font-size: 18px;
color: #8e9ba7;
transition: 1s all ease;
-webkit-transition: 1s all ease;
}
.social a:hover {
color: #ffffff !important;
}
.request {
color: #ffffff !important;
font-size: 12px !important;
font-weight: bold;
text-align: center;
text-transform: uppercase;
float: right;
padding: 7px 0 7px !important;
width: 220px;
text-align: center;
position: relative;
transition: 1s all ease;
-webkit-transition: 1s all ease;
background:#f0a01a;
}
.request::after {
border-left: 20px solid transparent;
border-right: 20px solid #f0f0e9;
border-top: 50px solid transparent;
border-bottom: 50px solid #f0f0e9;
content: "";
position: absolute;
right: 0px;
top: 0;
}
.request {
position: relative;
z-index: 9;
overflow: hidden;
}
.request:hover{ background:#5f84ce;}.social::before {
content: "";
background: #ffffff;
height: 102%;
width: 1008%;
position: absolute;
right: -979.6%;
top: 0;
}
.logo {
display: block;
margin-top:0;
}
.call-us ul {
list-style-type: none;
line-height: 1.3;
padding: 3px 0;
}
.call-us ul li {
display: inline-block;
font-family: karla;
font-weight: bold;
padding: 0 1px;
vertical-align: top;
position: relative;
}
.call-us ul li:first-child:after {
content: "";
background: #d5dce4;
display: block;
position: absolute;
right: -15px;
top: 0;
width: 1px;
height: 43px;
}
.call-us ul li:last-child {
padding: 0 25px !important;
}
.transport {
float: right;
font-weight: bold;
font-size: 15px!important;
color: #2c3740;
font-family:"Roboto",sans-serif;
padding-top: 5px;
}
a.transport:hover{color:#098ac0!important;}
.homepage .transport {
font-size: 12px;
}
.transport > span {
display: block;
}
.call-us img {
margin-right: 12px;
vertical-align: top;
float: left;
margin-top: 7px;
}
.call-us ul li a {
font-size: 20px;
color: #2c3740;
line-height: 1;
transition: 1s all ease;
-webkit-transition: 1s all ease;
font-family:"Roboto",sans-serif;
margin: 3px 0;
display:block;
}
.call-us {
float: right;
}
.navigation {
list-style-type: none;
background: #0586bc;
position: relative;
margin-right: 27px;
padding-left: 38px;
float: right;
margin-top: 24px;
font-size: 0;
margin-bottom:0;
}
.navigation:before {
border-left: 19px solid #ffffff;
border-right: 19px solid transparent;
border-top: 25px solid #ffffff;
border-bottom: 25px solid transparent;
content: "";
position: absolute;
left: 0px;
top: 0;
}
.navigation > li:first-child:before {
border-left: 19px solid transparent;
border-right: 19px solid #0586bc;
border-top: 25px solid transparent;
border-bottom: 25px solid #0586bc;
content: "";
position: absolute;
left: -38px;
top: 0;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
}
.navigation > li:first-child:hover:before {
border-left-color: transparent;
border-right-color: #fdc260;
border-top-color: transparent;
border-bottom-color: #fdc260;
}
.navigation:after {
content: "";
background: #0586bc;
display: block;
width: 350%;
height: 100%;
right: -350%;
top: 0;
position: absolute;
}
.navigation > li {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
border-left: 1px solid #405667;
position: relative;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
}
.navigation > li:hover {
background: #fdc260;
}
.navigation li:first-child {
border-left: 0px;
}
.navigation li a {
display: block;
padding: 16px 24px 14px 22px;
color: #fff;
transition: 1s all ease;
-webkit-transition: 1s all ease;
outline: none;
text-decoration: none;
font-weight: 800;
}
.sub-menu {
position: absolute;
top: 49px;
z-index: 999;
padding: 0 0;
background: #2a3b48;
left: -17px;
list-style-type: none;
}
.sub-menu > li {
display: block !important;
border-bottom: 1px solid #314351;
}
.sub-menu > li:hover {
background: #263642;
}
.sub-menu a {
min-width: 150px;
padding: 10px 13px 10px 15px !important;
}
.nav-icon {
padding: 0 5px;
display: none;
}
.nav-icon span {
display: block;
width: 20px;
height: 2px;
margin-top: 7px;
background: #ffffff;
}
/*Homepage 2 Header css*/
.homepage-2 .navigation {
margin-top: 0;
padding-left: 0px;
background: #2c3740;
margin-right: 0;
float: none;
max-width: 850px;
}
.homepage-2 .navigation > li:first-child::before {
border-color: transparent #fdc260 #fdc260 transparent;
}
.homepage-2 .navigation::after, .homepage-2 .navigation::before {
display: none;
}
.quick-list {
float: left;
width: 50%;
}
.footer {
background: #127198;
padding: 91px 0 0px;
}
.footer h5 {
text-transform: uppercase;
color: #fff;
font-weight: 800;
position: relative;
padding-bottom: 15px;
margin-bottom: 37px;
letter-spacing: -0.5px;
}
.footer h5:after {
content: "";
background: #50b9ce;
width: 34px;
height: 1px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.quick-list ul {
list-style-type: none;
padding-right: 19px;
}
.quick-list li {
border-bottom: 1px solid #42505b;
}
.quick-list li:last-child {
border-bottom: 0px;
}
.quick-list li a {
display: block;
color: #99abb8;
text-transform: uppercase;
font-size: 14px;
padding: 12px 0 10px;
transition: 1s al ease;
-webkit-transition: 1s al ease;
}
.our-address h6 {
text-transform: uppercase;
color: #fff;
font-size: 15px;
margin-bottom: 8px;
}
.address {
font-size: 15px;
color: #8494a0;
padding-top: 13px;
}
.phone > span {
color: #ffffff;
display: block;
text-transform: capitalize;
letter-spacing: -0.6px;
margin-bottom: 2px;
}
.phone span a {
color: #8494a0;
text-transform: none;
}
.address address {
line-height: 1.7;
margin-bottom: 24px;
font-size: 15px;
}
.sign-up > p {
display: block;
padding-top: 11px;
}
.sign-up form {
margin-top: 31px;
position: relative;
}
.sign-up input[type="text"] {
background: #4f5f6c;
border: 0;
width: 100%;
padding: 13px 65px 13px 20px;
font-size: 15px;
-webkit-border-radius: 0;
}
.sign-up button {
width: 53px;
border: 0;
height: 47px;
color: #fff;
font-size: 23px;
position: absolute;
right: 0;
top: 0;
text-align: center;
transition: 1s all ease;
-webkit-transition: 1s all ease;
-webkit-border-radius: none;
padding: 0;
}
.copyright {
color: #8899a6;
font-size: 15px;
padding-top: 20px;
}
.copyright a {
color: #fff;
}
.footer-nav ul {
list-style-type: none;
background: #2c3740;
position: relative;
padding-left: 25px;
}
.footer-nav ul li {
display: inline-block;
}
.footer-nav ul a {
display: block;
color: #798995;
text-transform: capitalize;
font-size: 15px;
padding: 15px 11px;
transition: 1s all ease;
-webkit-transition: 1s all ease;
letter-spacing: -0.3px;
}
.footer-nav ul:before {
border-color: rgba(0, 0, 0, 0) #2c3740 #2c3740 rgba(0, 0, 0, 0);
border-style: solid;
border-width: 31px 20px;
content: "";
left: -40px;
position: absolute;
top: -1px;
}
.footer-nav ul:after {
background: #2c3740;
content: "";
display: block;
height: 100%;
position: absolute;
right: -251%;
top: 0;
width: 251%;
}
.custom-row {
margin-top: 74px;
}
figure {
overflow: hidden;
position: relative;
}
.date {
bottom: 0;
position: absolute;
right: 0;
text-align: center;
width: 49px;
background-color: #e04622;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 10px 0;
}
.date span {
display: block;
font-size: 18px;
line-height: 1;
}
.footer-nav {
padding-left: 106px;
}
.catalogue-btn{ position:fixed; right:-40px; top:22%; transition:all ease-in-out 300ms; z-index:999999}
.catalogue-btn:hover{right:-2px;}
.chat-btn{ position:fixed; left:0px; top:22%; transition:all ease-in-out 300ms; z-index:9999;
padding-right: 4px; background: url(../images/chat-now-toll-free.gif) no-repeat; width:111px; height:161px;}
.chat-btn:hover{left:10px; }
.img-full{ width:100%;}
.hilightbox{ background: url(../images/highlight-image.jpg) no-repeat center center; background-attachment:fixed; background-size:cover; padding:22px 11%;}
.hilightbox h1{ color:#fff; font-size:24px; font-weight:700; padding:30px; background:url(../images/trans-2.png); text-align:center;font-family: 'Roboto', sans-serif; text-transform:uppercase;color:#fff!important;}
.hilightbox h1 span{ font-weight:300; display:block; font-size:22px; color:#fff!important;}
.content-box{
background: #fff;
padding: 10px 25px 40px;
margin-bottom: 35px;
margin-top: 31px;
font-style: normal;
text-align: left;
}
.content-box h1{
margin: 42px 0 25px;
color: #ff9d38;
font-size: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: center;
}
.content-box p{
color: #7d7d7d;
line-height: 20px;
text-align: left;
}
.content-box .cart {text-align: right;}
.content-box .callbox{ text-transform: uppercase;
color: #005baa;
font-size: 38px;
text-align: center;
padding: 20px 0;
background: url(../images/have-questions-image.jpg) no-repeat center top;
height: 250px;
margin: 0 auto;
font-weight: 600;
text-indent: -99999px;}
.content-box span{ color:#595959; font-weight:300;}
/*.content-box img{transition: all .4s ease-in-out;}
.content-box img:hover{ border:none; transform: scale(2.1)}*/
.logo-footer{ margin:35px 0; display:block}
.social-footer li{ list-style:none; display:inline; margin:2px;}
.social-footer li a img{ transition: all ease-in-out 400ms; margin:0;}
.social-footer li a:hover img{ margin-top:-8px!important; padding:0;}
.left-sidebar{padding-top:28px;}
#accordion .left-sidebar h2{margin-top:0px!important; margin-bottom:4px!important;}
.left-sidebar h2{ background:#2b9dcc; color:#fff; text-transform:uppercase; font-weight:300; font-size:13px; padding:10px 10px 10px 30px; margin-bottom:0px; width: 89%;margin-left: -8px; line-height:20px; position:relative;}
.left-sidebar h2:after {
border-left: 19px solid #2b9dcc;
border-right: 19px solid transparent ;
border-top: 20px solid transparent;
border-bottom: 20px solid #2b9dcc;
content: "";
position: absolute;
right:-37px;
top: 0px;
z-index:9;
}
.left-sidebar h2 .img{ position:absolute; left: -1px; margin-top: 30px;}
.chat-now-btn{ display:block;}
.chat-now-btn img{ width:100%}
.video-outerbox{ margin-top:40px;}
.box-review{ padding:20px; background: url(../images/quote.png) no-repeat #fff 20px 30px; margin-top:40px;}
.box-review h1{ color:#1a9bd0; font-size:20px; font-weight:400; padding-left: 42px; font-family:}
.box-review p{ color:#777777;}
.innperpage{ margin-top:30px;}
.container.innerpage.text-right h1{ color:#fff; font-weight:300; margin:34px 15px 0 0;text-align: center;}
.map-outer{ border:1px solid #ccc; margin-top:30px; padding:0;}
.search-outer{ background:#e8e8df; border-radius:4px; box-shadow:0 1px 3px #c5c5be inset; border-radius:14px; height:27px;padding-left:10px; margin-top: 9px; margin-bottom: 9px;}
.search-outer input[type="text"]{ background:none;border:none; float:left; margin-top: 2px;}
.search-outer input[type="button"]{ background-image:url(../images/search-icon.png); background-repeat:no-repeat; width:30px; height:30px; background-color:transparent; border:none; float:right; margin-top: 5px;}
.top-menu ul li:last-child {
background: #098ac0;
border-radius:0 10px 0 0;
}
.top-menu .nav.navbar-nav li:last-child a {
border-radius: 8px;
margin: 9px;
padding: 6px 10px;
text-transform: uppercase;
background:#f0a01a;
font-size:14px;
font-weight:bold;
}
.top-menu .nav.navbar-nav li:last-child a:hover{ background:#db9217;}
.content-box h2 {
color: #1a9bd0;
font-family: "Roboto",sans-serif;
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
}
.content-box .callbox h2 {
color: #005baa;
font-size: 28px;
margin-top: 8px;
}
.form-control{ margin-bottom:7px;}
.form-signin-heading {font-size: 20px; margin-top: 0;}
.content-box ul{ margin:0; padding:0;}
.content-box ul li{ font-size: 14px;
margin: 16px 0;
background:url(../images/list-img.png) no-repeat left 6px;
/* background:url(../images/bullet.png) no-repeat left 1px;*/
padding-left:29px; color:#333;
list-style: none;
}
.link-btn {
background: #ff9d38;
border-radius: 5px;
box-shadow: 0 6px 1px #c48316;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 10px;
text-transform: uppercase;
margin:0px 0 20px 0;
text-align:center;
}
.link-btn:hover{ background:#f0a01a; box-shadow: 0 4px 1px #c48316; padding: 11px 10px 9px 10px; margin:1px 0 19px 0;}
@media (max-width: 1024px) {
.top-menu ul li a{ padding: 16px 5px 14px 5px;font-size:15px;}
.chat-btn{top:25%; width:300px}
.chat-btn img{width:100%; height:100%;}
.mainmenu ul li a{font-size:11px;}
.catalogue-btn{top:25%;}
.catalogue-btn img{ width:75%; height:75%;}
.request{width: 173px;}
}
.request > span {
display: block;
width: 100%;
}
#lhnChatButton {
height: 105px;
width: 300px;
}
#lhnChatButton > a {
display: block;
height: 105px;
width: 109px; z-index:99;
opacity:0;
}
.hilightbox.comingsoon h1{ font-size:24px; text-transform: capitalize}
.video-gallery .iframe-img{
height: 204px;
}
.row.row-modified.border-bottom{ padding:0 20px;}
.call-us ul li a.international-icon{ background: url(../images/international-icon.jpg) #fcfcfc no-repeat 13px bottom; text-transform:uppercase; color:#ccc; padding:15px 15px 15px 51px!important; font-size:12px; letter-spacing:4px; border-radius:7px; font-size:12px!important; font-weight:normal; margin:3px 10px 0 0; color:#694949; transition:all ease-in-out 400ms; box-shadow:0 3px 3px #f6f6f6 inset;}
.call-us ul li:hover a.international-icon{ background: url(../images/international-icon.jpg) #fcfcfc no-repeat 13px top; color:#098ac0 }
.call-us ul li a.trade-icon{ background: url(../images/trade-icon.png) #fcfcfc no-repeat 8px bottom; text-transform:uppercase; color:#ccc; padding:15px 17px 15px 53px!important; font-size:12px; letter-spacing:2px; border-radius:7px; font-size:12px!important; font-weight:normal; margin:3px 10px 0 0; color:#694949; transition:all ease-in-out 400ms; box-shadow:0 3px 3px #f6f6f6 inset;}
.call-us ul li:hover a.trade-icon{ background: url(../images/trade-icon.png) #fcfcfc no-repeat 8px 5px; color:#098ac0 }
.enter-outerbox{ background:#1fa0d7; padding:18px; margin:30px 0; transition:all ease-in-out 800ms;}
.enter-outerbox:hover{ background:#1b8cbc;}
.enter-outerbox .enter-innerbox{ border:1px solid #fff; padding:30px; text-align:center;}
.enter-outerbox .enter-innerbox .circlebox{ background:#1b8cbc; padding:30px; width:70%; border-radius:50%; margin:0 auto; transition:all ease-in-out 800ms;}
.enter-outerbox:hover .enter-innerbox .circlebox{background:#1fa0d7; }
.enter-outerbox .enter-innerbox .circlebox img{ margin:5%; width:80%; transition:all ease-in-out 2s;}
.enter-outerbox:hover .enter-innerbox .circlebox img{width:100%; margin:0;}
.enter-outerbox .enter-innerbox h1{ text-transform:uppercase; color:#fff; font-size:24px; min-height:100px; margin:20px 0;}
.enter-outerbox .enter-innerbox h1 span{ color:#ccc; font-weight:bold; font-size:18px; padding:10px 0; color:#5bcbfa; }
.enter-outerbox a{ background:#f1a01b; padding:10px; max-width:400px; color:#fff; font-size:18px; display:block; border-radius:7px; box-shadow:0 3px 3px #02467e; font-weight:bold; text-transform:uppercase;}
.enter-outerbox a:hover{ background:#f7a621;}
.inner-navigation ul
{
margin:0;
padding:0;
text-align: center !important;
}
.inner-navigation li {
margin-left: -20px !important;
margin-top: 18px !important;
display:inline-block;
background:none!important;
}
.inner-navigation li :hover
{
background:#F0A01A;
}
.inner-navigation li a
{
color:#fff;
font-size:16px;
background: #22a4da !important;
list-style: outside none none;
padding: 5px 19px !important;
border-radius:6px;
box-shadow: 0 4px 1px #145f7e;
transition: all ease-in-out 600ms;
}
.inner-navigation li a:hover{ background:#ff9d38!important; box-shadow: 0 4px 1px #9e5b17;}
.style42 {
text-align: center;
}
.content-box .row{ margin-right: 0;
margin-left: 0;}
.content-box iframe {
background: none;
padding: 0;
margin-top:25px;
width: 100%;/*
height: auto; */
}
.enter-outerbox a:hover{ background:#f7a621;}
.outerbox-app{ border:10px solid #eee; padding:20px; text-align:center; margin-bottom:30px;height: 425px;}
.outerbox-app img{ width:100%}
.categori-img{
background:#106d94;
padding: 15px;
margin:10px;
}
.content-box .categori-nav h2 {
color: #fff;
font-size: 19px;
font-weight:600;
}
.content-box .categori-nav > p {
color: #fff;
font-size: 14px;
}
.content-box .categori-nav li {
float:left;
padding: 18px 11px;
list-style-type:none;
background:none;
}
.inner-categories{
background:#098ac0;
margin-top: 41px;
}
.brand-button{
background: #106d94 none repeat scroll 0 0;
color: #fff;
font-size: 13px;
padding: 7px 45px;
}
.brand-button:hover{
background:#ff9d38;
}
.product-box
{
background:#fff;
border:11px solid #f0f0f0;
padding:12px;
margin-bottom:20px;
}
.inner-product{
border:1px solid #d2d4d5;
text-align:center;
line-height:30px;
padding:20px;
}
.inner-product h2
{
font-size:28px;
color:#ff9d38;
line-height: 58px;
}
.inner-product strong
{
color:#ff9d38;
font-size:14px;
}
.inner-product p
{
font-size:13px;
}
.content-box > iframe {
border: 10px solid #0b2b4f;
}
body.ss-base-body{padding:28px!important}
.filter-bg {
background: #2b9dcc;
padding: 13px 13px 52px;
}
.filter-bg h1
{
color:#fff;
text-align:center;
font-size:18px;
text-transform:uppercase;
margin:0;
padding:28px 0;
}
.filter-bg h2 {
background: #098ac0 none repeat scroll 0 0;
bottom: 2px;
color: #fff;
font-size: 15px;
font-weight: 600;
left: 51px;
padding: 10px;
position: absolute;
text-transform: uppercase;
width: 207px;
}
.filter-bg h2 img
{
left: 192px;
position: absolute;
top: 35px;
}
.product-bottom
{
margin-top:20px;
text-align:center
}
.filter-box
{
float:none;
display:inline-block;
}
.dnld-btn {
background: #005baa;
border-radius: 5px;
color: #fff;
font-size: 15px;
padding: 12px;
text-transform: uppercase;
}
@media (max-width:360px){
.container.innerpage.text-right h1{
font-size:22px;
}
.nav-pills > li {
float: left;
width: 100%;
}
.request {
width: 100%;
padding: 3px 10px;
}
.call-us ul li{
width:100%;
}
.transport{
float:none;
font-size:12px!important;
}
.call-us ul li a{
font-size:14px;
}
.top-menu ul li a{
font-size:14px;
}
.top-menu ul li{
display:inline-block;
width:100%
}
container innerpage text-right h1{
font-size:22px;
}
.category-products .panel-default .panel-heading .panel-title a{
font-size:13px;
}
.box-review h1{
font-size:16px;
}
.item p{
font-size:14px;
}
.content-box{
padding:10px 0 40px;
}
.hilightbox{
padding:13px 4%;
}
.hilightbox h1 span{
font-size:18px;
}
.hilightbox h1{
font-size:20px
}
.content-box h1{
font-size:20px;
}
.content-box p{
font-size:12px;
}
.embed-responsive-16by9{
height:350px !important;
}
.ss-form-title{
font-size:1.46rem;
}
.ss-form-entry input{
width:100%;
}
.ss-q-long{
width:100%;
}
.content-box h2{
font-size:16px;
}
.priceBox .button{
padding:4% 4% 4% 1%;
}
}
.sale_text
{
color:#000;
font-size:16px;
}
.note {
font-size: 15px;
padding-top: 14px;
}
.subcat_desc {
float: left;
width: 33.3%;
list-style: none;
font-size: 14px;
padding-left:10px;
font-weight:500;
//color:#060606 !important;
}
@media (max-width: 767px) {
.row.test .product-category.product {
margin-left: 10% !important;
width: 80% !important;
}
.new-column{width: calc(100% - 15px)!important;}
.new-column .new-size{font-size:18px}
.new-column .strong-size{font-size:20px}
.new-column img.browse-img{width:200px!important;}
.calltoact a {
width: 100%;
margin-bottom: 5px;}
}
div#widget_shopping_mini_cart-2-content{float:left!important; padding: 0px; margin-top: 5px; }
.dropdown-cart-button{background:url("../images/cart.png") no-repeat top left; background-size: 13%; min-height: 32px;}
a.cart-button{
background: url(http://heatpumpsuppliers.com/heat-pump-online-store/wp-content/plugins/woocommerce-dropdown-cart/images/cart.png) no-repeat 10px -2px #fff !important;
background: #fff;
padding: 0px 13px 0 47px;
color: #098ac0;
font-size: 13px;
border-radius: 20px;
line-height: 31px;
display: inline-block;
margin-top: 8px;
margin-bottom: 8px;
}
.hilightbox.fontnew{padding:10px!important; background:url(../images/highlight-image.jpg) no-repeat center center; line-height: 44px!important;background-attachment: fixed;
background-size: cover;}
.content-box .hilightbox.fontnew h1 b{font-size:42px!important; margin-bottom:10px!important;}
.content-box .hilightbox.fontnew h1{font-size:36px; margin:0px; line-height:44px; background:rgba(43, 157, 204, 0.9);}
.content-box h2.headingnew{
font-size: 36px;
line-height: 32px;
text-align: left;
width: 100%;
margin: 30px 0;
}
.content-box h2.headingnew b{text-transform:uppercase!important; font-size:39px!important; }
.text-btn-outer{display:block; position: fixed; right:0px; top:60%; z-index:99999}
.text-btn-outer .txt-btn-1{position: absolute;}
.text-btn-outer .txt-btn-2{animation: mybtn 3s linear infinite;}
@keyframes mybtn {
0% {opacity:0;}
10% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
100% {opacity:0;}
}
body.archive.tax-product_cat.term-aquaculture-heat-pumps.term-24.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Aquaculture-Heat-Pumps-online-store-top-image.jpg ) #fff no-repeat; padding-top:323px; background-size:100%;}
body.archive.tax-product_cat.term-geothermal-heat-pumps.term-11.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Geothermal-Heat-Pumps-hero-image.jpg ) #fff no-repeat; padding-top:323px; background-size:100%;}
body.archive.tax-product_cat.term-first-co-geothermal.term-149.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/instock_sign4_wide.png ) #fff no-repeat; padding-top:75px; background-size:auto; align-content:center;}
body.woocommerce .product_title.entry-title{text-align:left!important;}
/*Pool Heat Pump Pages*/
body.archive.tax-product_cat.term-gulfstream.term-379.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-heat-siphon.term-381.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-us-air-water-products.term-382.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-jandy.term-384.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-raypak.term-385.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-hayward.term-389.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-pentair.term-391.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:520px; background-size:100%; background-position:center bottom;}
body.archive.tax-product_cat.term-pool-heat-pump.term-380.woocommerce.woocommerce-page.single-author .content-box{background:url(http://heatpumpsuppliers.com/images/Pool-Guy-Bubble-online.png ) #fff no-repeat; padding-bottom:530px; background-size:100%; background-position:center bottom;}
/* Bounce In */
.hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
border:5px solid #005baa; padding:10px;
text-align:center; font-weight:bold; font-size:32px;
width:90%; padding:5%; text-transform:uppercase;background:#fff;
background: #1b71bb;
margin:0 5% ;
position: relative;
transition:all ease-in-out 800ms
}
.hvr-bounce-in img {
width: 100%;
transition: all ease-in-out 300ms;
padding: 20px;
background: #fff;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.1);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); box-shadow: 2px 15px 21px #a9a9a9;
border:1px solid #ffffff;
background: #2b9dcc;
z-index: 99999;
transition:all ease-in-out 800ms
}
/* Outline In */
.hvr-bounce-in img {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bounce-in img:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-bounce-in img:hover:before, .hvr-bounce-in img:focus:before, .hvr-bounce-in img:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}
.hvr-bounce-in h4 {
color: #fff;
font-weight: bold;
}
a.hvr-bounce-in span {
background: #e49d26;
padding: 10px 29px;
font-size: 14px;
color: #fff;
border: 3px solid #fff;
}
.content-box h2.heading-h2 {
color: #fff;
background: #1b71bb;
padding: 13px 20px;
text-align: center;
margin:0px;
}
.content-box h2.heading-h2 span{color: #fff!important; font-size:14px; display:block; padding-top:10px}
/* Bubble Bottom */
.content-box h2.heading-h2 {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transform: translateY(10px);
transform: translateY(10px);
width: 100%!important;
}
.content-box h2.heading-h2:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: -10px;
border-width: 10px 10px 0 10px;
border-color: #005baa transparent transparent transparent;
}
.button3d {
-webkit-transform-style: preserve-3d;
-webkit-perspective: 400;
text-align:center;
margin-Bottom:20px;
display: inline-block;
text-decoration: none;
color: #fff;
font-weight: bold;
background-color: #fb580b;
padding:11px 20px;
text-transform:uppercase;
font-size: 16px;
border: 1px solid #c7470b;
background-image: linear-gradient(bottom, rgb(251,86,10) 0%, rgb(253,192,39) 100%);
background-image: -o-linear-gradient(bottom, rgb(251,86,10) 0%, rgb(253,192,39) 100%);
background-image: -moz-linear-gradient(bottom, rgb(251,86,10) 0%, rgb(253,192,39) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(251,86,10) 0%, rgb(253,192,39) 100%);
background-image: -ms-linear-gradient(bottom, rgbrgb(251,86,10) 0%, rgb(253,192,39) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(251,86,10)),
color-stop(1, rgb(253,192,39))
);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0px -1px 0px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 6px 0px #87350b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 6px 0px #87350b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
box-shadow: 0px 6px 0px #87350b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform: rotateX(20deg);
width:100%;
}
.button3d:hover {
-webkit-box-shadow: 0px 2px 0px #87350b, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #87350b, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
box-shadow: 0px 2px 0px #87350b, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
background-image: linear-gradient(bottom, rgb(253,192,39) 0%, rgb(251,86,10) 100%);
background-image: -o-linear-gradient(bottom, rgb(253,192,39) 0%, rgb(251,86,10) 100%);
background-image: -moz-linear-gradient(bottom, rgb(253,192,39) 0%, rgb(251,86,10) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(253,192,39) 0%, rgb(251,86,10) 100%);
background-image: -ms-linear-gradient(bottom, rgb(253,192,39) 0%, rgb(251,86,10) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(253,192,39)),
color-stop(1, rgb(251,86,10))
);
-webkit-transform: translate(0, 4px) rotateX(20deg);
-moz-transform: translate(0, 4px);
transform: translate(0, 4px);
}
.content-box h1.heading-mrg{margin:14px 0; font-size: 40px;}
.video-outerbox {
margin-top: 40px;
background: #fff;
padding: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{color:#fff!important;background: #FE980F!important;border-radius: 6px;}
.content-box .productinfo.text-center a p { text-align: center!important;}
table {
max-width: 100%;
background-color: transparent;
color: #444;
border: #444;
}
.product-category.product img {
min-height: 248px;
}
.left-sidebar h2 span {
font-size: 7px!important;
line-height: 0px!important;
background: #06648c!important;
padding: 5px 6px!important;
border-radius: 3px!important;
}
.img-full-border{width:100%; border:1px solid #ccc;}
h1:after {
background: #ccc;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
}
h1:after {
left: 0;
}
pre{font-size: 14px; word-break: normal;
font-family: arial;}
h1:after {
height: 0px;
}
.row.app2 .outerbox-app {
padding: 5px;
min-height: 290px;
height: auto;
}
.row.app2 .outerbox-app .note { padding-top: 0px;}
.bluetext {
color: #1a9bd0!important;
padding: none;
}
.hydroroyal {
width: 75px;
height: 0px;
align: top;
}
.marcus-box {
font-size: 14px;
background: #ffffff!important;
padding: 10px;
}
.marcus-box2 {
font-size: 14px;
background: #ffffff!important;
padding: 10px;
box-shadow: 0 3px 7px #545454 inset;
}
.box-header {
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #1a9bd0!important;
}
.marcus-img {
box-shadow: 0px 16px 40px #7c8994;
border: 3px solid #fff;
margin-left: 15px;
margin-top: -56px;
}
.emaillink {
color: #428bca;
}
.calltoaction1 .emaillink {
font-family: "Roboto";
color: #428bca;
background: transparent;
padding: 0px 0px;
letter-spacing: 0px;
font-size: 14px;
border: 0px solid #fff;
font-weight: 700;
margin-left: 0px;
box-shadow: 0 0px 0px #6b3f06;
border-radius: 4px;
}
.calltoaction1 .emaillink a {
font-family: "Roboto";
color: #428bca;
background: transparent;
padding: 0px 0px;
letter-spacing: 0px;
font-size: 14px;
border: 0px solid #fff;
font-weight: 700;
margin-left: 0px;
}
.calltoact {
background: #ffffff;
margin-top: 30px;
box-shadow: 0px 5px 58px #ccc;
}
.calltoact .box-head {
background: #005baa;
color: #fff;
font-size: 20px;
padding: 35px 35px 40px;
text-align: center;
}
.calltoact a {
color: #fff;
background: #005baa;
font-size: 14px;
display: inline-block;
margin-right: 20px;
padding: 12px 20px;
}
.calltoact a:hover {
background: #e29b24
}
.contentbox {
padding: 50px 20px 20px 20px;
}
.new-section-box {
margin-bottom: 0px;
}
.new-column {
float: left;
background-color: #428bca;
color: white!important;
width: 32%;
padding-top: 20px;
margin: 5px;
border-color: white;
border-style: solid;
border-width: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.new-column:hover {
background-color: white;
color: black!important;
border-color: #428bca;
border-style: solid;
border-width: 10px;
}
.short {
width: 75px;
color: rgb(254, 152, 15);
margin-left: 10px;
border-width: 5px;
border-color: rgb(254, 152, 15);
}
.new-size {
font-size: 26px;
margin-left: 10px;
text-align: left;
}
.strong-size {
font-size: 34px;
margin-left: 10px;
text-align: left;
}
.browse-img {
max-width: 225px!important;
max-height: 200px!important;
}
hr + div h2 {
font-size: 17px;
color: #F50909;
}
a.blue-seal{float:left;width:241px;margin-right:22px!important;margin-top:-2px}
.container-new {
padding-left: 360px;
}