/****************************************************************************
 Author: nora
 Created on: 30 September 2014
***************************************************************************/



/****************************************************************************
  Font
 ***************************************************************************/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/



/****************************************************************************
  Product Details Page
 ***************************************************************************/
.product-view .product-img-box {width:auto;}
.product-view .product-shop {float:none; width:auto;}
.product-view .product-img-box .product-image {width: auto;}
.product-view .product-img-box .product-image .cloud-zoom-big {width:873px !important;}
.picture-thumbs a {position: relative;z-index: 2;}





/****************************************************************************
  style.css
 ***************************************************************************/
a {
    color: #3959a2 !important;
    text-decoration: none;
}

.page-title h1 {
    font-family: 'Open Sans', sans-serif !important;
}

button.button > span,
.page-sitemap .links a {
    background: #3959a2 !important;
}

.success-msg {
    color: #3959a2 !important;
    border-color: #c7d8ff !important;
    background-color: #eff4ff !important;
}
 
body {
    font-size: 12px;
    line-height: 18px;
    color: #777777;
    text-align: center;
    min-width: 320px;
    position: relative;
    background: url('//hosting.kyozou.com/technoempire/techno/footerimage.jpg') center bottom no-repeat fixed #000;
    font-family: 'Roboto Condensed', sans-serif;
}




/****************************************************************************
  Header
 ***************************************************************************/
.header .welcome-msg {
    color: #3959a2 !important;
}

.header .links li a:hover {
    color: #3959a2 !important;
}

.header .form-search button.button:hover span {
    background: #3959a2 !important;
}

.header-button.active > a {
    color: #3959a2 !important;
}


/******* View Type: Grid ********/

.products-grid .price-box .price {
    color: #3959a2 !important;
}

.products-grid .add-to-links li {
    color: #3959a2 !important;
}

/******* Type: List and Grid ********/

.products-list .product-name a:hover {
    color: #3959a2 !important;
}


/******* View Type: List********/
.products-list .price-box .price {
    color: #3959a2 !important;
}




/****************************************************************************
  Home Page
 ***************************************************************************/

.label-product > span {
    background: #3959a2 !important;
}

.banners a h6 {
    font-size: 39px !important;
    color: #000 !important;
}

.banners a h6 {
    font-size: 31px !important;
    color: #000 !important;
}

.banners .banner4 a h6 {
    font-size: 31px !important;
    line-height:54px;
}

.banners .banner4 a .inner {
    top:20%;
}

.banners a i {
    color: #3959a2 !important;
}

.banners a b strong {
    color: #fff;
    background: #3959a2;
}

.banners .banner4 a:hover b strong {
    background: #3959a2;
    color: #000;
}

.banners a:hover b strong {
    color: #000;
}

.banners .banner2 a h6 span {
    color: #3959a2 !important;
}



/****************************************************************************
  responsive.css
 ***************************************************************************/
.block-cart-header .empty {
    background: #3959a2 !important;
}

.block-cart-header:hover:before {
    color: #3959a2 !important;
}



/****************************************************************************
  superfish.css
 ***************************************************************************/
.nav-container {
    background: #3959a2 !important;
}

.sf-menu > li > a > span {
    font-size: 23px;
    padding: 15px 10px 21px;
}

.sf-menu li.parent {
    z-index: 999;
}

.sf-menu > li > a {
    border-top: solid 6px #3959a2 !important;
    color: #fff !important;
}

.sf-menu > li.parent.active > a:before {
    color: #3959a2 !important;
}

.sf-menu li li.active > a {
    color: #3959a2 !important;
}

.sf-menu-phone li a:hover {
    color: #3959a2 !important;
}

.sf-menu > li > a {
    border-top: solid 6px #2b437a;
}

.sf-menu > li {
    border-right: 1px solid #2b437a;
}

.sf-menu {
    border-left: 1px solid #2b437a;
}

.sf-menu > li.sfHover.parent > a:before, .sf-menu > li.parent > a:hover:before, .sf-menu > li.parent.active > a:before {
    color: #2b437a !important;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    border: 1px solid #0000A3;
}

/*.sf-menu li ul a span {
    color: #666666;
}*/

.sf-menu ul {
    width: 219px;
    background: #f1f1f1;
    border: 1px solid #3959a2;
}

.sf-menu li li a {
   background: url(../images/bullet.png) no-repeat center left;
   margin-left: 10px;
   padding: 6px 20px;
   color: rgb(102, 102, 102) !important;
}

/*.sf-menu li ul a span {
   color: rgb(102, 102, 102);

}*/

.sf-menu > li > a > span {
    font-family: 'Open Sans', sans-serif !important;
}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.active > a {
    background: #fff;
    color: #000 !important;
    border-color: #000;
}

.sf-menu li li > a:hover,
.sf-menu li li.sfHover > a,
.sf-menu li li.active > a {  color: #3959a2 !important;}


/****************************************************************************
  Footer
 ***************************************************************************/
.footer-container {
    padding-bottom:0px;
}

.footer h4 {
    font-family: 'Open Sans', sans-serif !important;
}

.footer .block-subscribe .block-title strong {
    font-family: 'Open Sans', sans-serif !important;
}

.footer ul li a {
    color: #fff !important;
}

.footer .block-subscribe button.button span {
    color: #fff !important;
    height: 40px;
}

.footer .footer-col {

}

.footer h4 {
    font-family: sans-serif;
    font-weight: 100;
    padding: 19px;
}

.footer ul li {
    padding: 17px 19px 18px 30px;
}

.footer ul li a {
    font-family: sans-serif;
}

.footer ul li a:hover {
    color: #3959a2 !important;
}

.footer .block-subscribe .block-title strong {
    line-height: 57px;
}

.footer .social-icons li {
    text-align: left;
    line-height: 23px;
    font-size: 15px;
    opacity: 0.8;
    color: #fff;
}

.footer .social-icons li span {
    font-size: 13px;
}

.footer .social-icons li ul li {
    display: inline;
    padding: 0px;
    width: 55px;
}

.footer .block-subscribe .block-title strong span {
    font-family: sans-serif;
    font-weight: 100;
    margin-left: 18px;
}

.footer .footer-col {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    padding: 20px;
    box-shadow: 0px 0px 5px #B8B8B8;
}

.footer .social-icons li i {
    color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0%;
    border-radius: 0%;
    width: 27px;
}

.footer .social-icons li a:hover i {
background: none;
}

.footer .social-icons li .fa.fa-twitter {
    background: url(../images/tw.png) no-repeat;
}

.footer .social-icons li .fa.fa-facebook {
    background: url(../images/fb.png) no-repeat;
}

.footer .social-icons li .fa.fa-pinterest {
    background: url(../images/pin.png) no-repeat;
}

.footer .social-icons li .fa.fa-instagram {
    background: url(../images/insta.png) no-repeat;
}

address {
    line-height: 58px;
}

/*ContactInfo in footer*/
.contact-info {
    font-family: sans-serif;
    display: inline-block;
    font-size: 14px;
}

.tel {
    padding-bottom:20px;
}

.tel-local {
    padding-bottom:20px;
}

.hours {
    padding-bottom:20px;
}

.email {
    padding-bottom:20px;
}

.hours {
    display:inline-block;
}

.title {
    float:left;
}

.date {
    float:left;
    padding-left: 5px;
}

.workingdays {

}

.weenkend {

}

.day {
    float: left;
    text-align: left;
    width: 50px;
}

.time {
    float:left;
    padding-left: 5px;
}

.tel-icon {
    content:url(../images/phoneico.png);
}

.email-icon {
    content:url(../images/emailico.png);
}




/****************************************************************************
  camera.css
 ***************************************************************************/
.camera_prev:hover > span:before {
    color: #3959a2 !important;
}

.camera_next:hover > span:before {
    color: #3959a2 !important;
}


@media only screen and (max-width: 1650px) {
    .banners .banner4 a h6 {
        line-height: 44px !important;
        font-size: 20px !important;
        margin-bottom: 0px; 
    }

    .banners a h6 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1400px) {
    .banners .banner4 a .inner {
        top: 10%;
    }

    .banners .banner4 a h6 {
        line-height: 44px !important;
    }

    .banners .banner4 a b {
        padding-top: 25px;
    }
}

@media only screen and (min-width: 1201px) {
    #main-image {max-height: 578px; max-width: 868px;}
    .product-view .product-img-box .product-image {height:580px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #main-image {max-width: 695px; max-height: 463px;}
    .product-view .product-img-box .product-image {height:465px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sf-menu > li > a > span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .banners .banner4 a h6 {
        line-height: 30px !important;
    }

    .banners .banner4 a .inner {
        top: 15%;
    }
}

@media only screen and (max-width: 991px) {
    .sf-menu-phone {
        background: #f1f1f1;
        border: 1px solid #3959a2;
    }

    .sf-menu-phone li a {
        color: rgb(102, 102, 102) !important;
    }

    .date {
        padding-left: 0px;
    }

    .contact-info {
        font-size: 11px;
    }
}

@media only screen and (max-width: 970px) {
    .banners .banner4 a .inner {
        top: 7%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    #main-image {max-width: 530px; max-height: 353px;}
    .product-view .product-img-box .product-image {height:355px;}

    .page {
        min-height: 500px;
    }
}

@media only screen and (min-width: 768px) {
    .block-cart-header .summary strong, .block-cart-header .empty {
        background: #3959a2 !important;
    }

    .block-cart-header .summary strong, .block-cart-header .empty {
        color: #fff;
        background: #3959a2;
    }

    .sf-menu > li.sfHover.parent > a:before, .sf-menu > li.parent > a:hover:before, .sf-menu > li.parent.active > a:before {
        color: #3959a2;
    }
}

@media only screen and (max-width: 767px) {
    .page {
        min-height: 500px;
    }

    .banners .banner4 a .inner {
        top: 15%;      
    }

    .banners .banner4 a h6 {
        margin-bottom: 20px;
    }

    .contact-info {
        font-size: 14px;
    }

    .date {
        padding-left: 5px;
    }
}

@media only screen and (min-width: 727px) and (max-width: 767px) {
    #main-image {max-width: 100%; max-height: 418px;}
    .product-view .product-img-box .product-image {height:420px;}
}

@media only screen and (min-width: 640px) and (max-width: 726px) {
    #main-image {max-width: 100%; max-height: 366px; }
    .product-view .product-img-box .product-image {height:368px;}
}

@media only screen and (max-width: 670px) {
    .banners .banner4 a .inner {
        top: 10%;
    }

    .banners .banner4 a h6 {
        line-height: 44px !important;
    }

    .banners .banner4 a b {
        padding-top: 25px;
    }
}

@media only screen and (max-width: 550px) {
    .banners .banner4 a h6 {
        font-size: 20px;
        line-height: 30px !important;
        margin-bottom: 0;
    }

    .banners .banner4 a .inner {
        top: 12%;
    }

    .banners .banner4 a b {
        padding-top: 5px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    #main-image {max-width: 100%; max-height: 268px; }
    .product-view .product-img-box .product-image {height:270px;}
}

@media only screen and (max-width: 479px) {
    #main-image {max-width: 100%; max-height: 231px; }
    .product-view .product-img-box .product-image {height:233px;}
}

@media only screen and (max-width: 1024px) {
    .fancybox-nav, .fancybox-nav span { visibility: visible; }
}