/*
Theme Name: govirtual
Theme URI: https://colorlib.com/wp/themes/sparkling/
Author: Paulius Ksivickis
Author URI: http://govirtual.space
Description: govirtual
Version: 1.0.1
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/

/* Fonts start */
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Product+Sans:400,400i,700,700i);
/* Fonts end */

.cartWindow{
  position: absolute;
  height: 30%;
  width: 50%;
  display: block;
  z-index: 99999;
  top: 0px;
  left: 0px;
  background-color: white;
}

/* page windows */

.pageWindow{
  background-color: white;
  position: absolute;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;

  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow-y: auto !important;
}

.button .product_type_simple .add_to_cart_button .ajax_add_to_cart{
  background-color: rgba(59, 89, 152, 1);
}

/* page windows end */

/* allProducts product button block start */
.allProducts{

  display: none;
  /*display: block;*/
  /*position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999999;*/
}



/* allProducts product button block end */




/* Style change */

#downArrow{
  /*background-color: black;*/
}

/* Style change end*/




/* not defined start */
.fluidMedia {
    /*display: none;*/
    position: relative;
    width: 100%;
    height: 100%;
}

.fluidMedia iframe {
  position: fixed;
   width: 100%;
   height: 100%;
}

.mainHome {
  border: none !important;
}

body.page header.page-header {
  display: none;
}

.container .main-content-area,
.home .main-content-area,
.home .entry-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.home .post-inner-content {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border: none;
}

.post-inner-content {
  border: none;
}

.page-template{
  /*background-color: black !important;*/
}

.container {
  /*background-color: black;*/
}
.post-inner-content, body.blog .post-inner-content, .post-inner-content:first-child {
    border-top: none;
}

.post-inner-content{
  background-color: transparent !important;
}


button {
  border-radius: 0px;
}

.btn {
  border: none !important;
  border-radius: 0px;
}

/* not defined end */


/* general css start */

body{
  background-color: transparent !important;
}

html{
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

body{
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

h1 {
  color: #F5F7FA;
line-height: 38px;
font-family: 'Oswald', sans-serif;
font-size: 25px;
letter-spacing: 1.5px;
line-height: 10px;
}

p, a, h1,.h1, h2, h3, h4, h5, h6,.h2, .h3, .h4, .h5, .h6 {
 /*color: white;*/
 font-weight: 700;
 font-family: 'Roboto Slab', serif;
 color: black;
}

/* general css end */

/* navbar start */

#masthead{
  margin: 0 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{

/*color: rgb(247, 126, 20)*/
/* Facebook blue*/
color: white;
/*Google blue*/
/*color: #4885ed;*/
/*color: white;*/
/*height: 2.7em;*/


  /* Or whatever color you want */
      /*text-decoration: none;*/


    }

    .navbar {
    	/*height : 70px;*/
     /* background-color: rgba(108, 127, 136, 0.1) !important; */
      background-color: rgba(0, 0, 0, 0.1);
      background-color: transparent;
    }


    .navbar.navbar-default {
      margin-bottom: 0;
      background-color: rgba(0, 0, 0, 0.1);
      background-color: transparent;

    }


    .navbar {
      transition: 0.4s all linear;
    	font-size: 12px;
    }



    .navbar.alt-color {
     /* background-color: rgba(100, 100, 100, 0.8) !important;*/
      /*background-color: rgba(0, 0, 0, 1);*/

      background-color: rgba(255, 255, 255, 1);
    }


    /* navbar*/

    .navbar-default .navbar-nav > li > a {
      /*color: #F5F7FA;*/
      /*line-height: 38px;*/
      /*text-transform: uppercase;
      font-family: 'Oswald', sans-serif;*/
      color: white;
      font-weight: 600;
    font-family: 'Roboto Slab', serif;
      font-size: 22px;

      /*letter-spacing : 1.5px;*/
    }

    .navbar-nav>li {
    padding-right: 10px;
    padding-left: 10px;
}

    .nav>li>a {
  text-transform: none;
}

.navbar-default .navbar-nav > li > a {
    text-transform: none;
}

    @media screen and (max-width: 999px) {

        .navbar-default .navbar-nav > li > a {
         font-size: 15px !important;
           line-height: 10px;
       }

    }


    .navbar-default .navbar-nav > li > a {

    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

    }


    .navbar-toggle{

        width: 50px;
        height: 40px;
      position: relative;
    float: right;
    padding: 5px;
    /*margin-top: 5px;*/
    /* margin-right: 15px; */
    /*margin-bottom: 5px;*/

    /*color: white;*/
    background-image: none;
    /*border: 1px solid black;*/
    border-radius: 4px;
    border-radius: 0px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    text-decoration: none;
    /*margin: 0px;*/
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    /*background-color: rgba(255, 255, 255, 0.8) !important;*/
    /* orange*/
    color: white;
    /*background-color: rgb(247, 126, 20);*/
    /*background-color: #4885ed;*/
    /*border-color: black !important;*/
    border-color: transparent !important;

    }

    .navbar-toggle: hover{
      background-color: rgba(0, 0, 0, 0.8);

    }


/* navbar end */

/* logo start */
#logo{
  line-height: 70px;
  max-height: 100px;
}

#logoImage{
  max-height: 50px;
max-width: 160px;
padding: 5px;
}

@media screen and (max-width: 800px){
#logo {
    line-height: 40px;
}
}

#logo {
  max-width: 250px;
}

#logo {
 vertical-align: middle;
}

#logoTrusted{
  float:left;
  max-width: 200px;
}

@media screen and (max-width: 768px) {
    #logoTrusted {
		display: none;}
}

.empEmailImg{
  float: right;
}

@media screen and (max-width: 768px) {
    .empEmailImg {
		float: left;}
}

@media screen and (max-width: 968px) {
    #logo {
		max-width: 150px !important; }
}

@media screen and (max-width: 768px) {
    #logo {
		max-width: 120px !important;}
}

/* logo end */



/* modals windows start */

.closebtn {
  /*border: 1px solid white;*/
  background-color: rgba(0, 0, 0, 0.7) !important;
  /*border: 2px solid rgba(0, 0, 0, 0.5);*/
  border-radius: 2px !important;
  display: flex !important;
  height: 40px !important;
  width: 40px !important;
  justify-content: center !important;
  /*align-items: center;*/
  text-decoration: none !important;
  transition: 0.3s;
  color: white !important;
    position: absolute !important;
	  text-decoration: none;
	  z-index: 999999;
    top: 10px !important;
    right: 10px !important;
    font-size: 35px !important;
    line-height: 30px !important;
    font-weight: 500;
  font-family: 'Roboto Slab', serif;
    cursor: pointer;
    cursor: hand;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
}


.modal {
  border: none !important;
  width: 100%;
  margin: auto;
  text-align: center !important;
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999 !important;
  /* Sit on top */
  /*padding-top: 5px; /* Location of the box */
   left: 0;
  top: 0;
  /*width: 90% !important; /* Full width */

  /*height: 100%; /* Full height */
   overflow: hidden;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black w/ opacity */
}
/* Modal Content */

.modal-content {
  border: none !important;
  height: 95%;
  width: 100%;
  left: 0;
  top: 3%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  margin: auto;
  /*border: solid 2px black;*/
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

@media screen and (min-width: 800px){
.modal-content {
    width: 95%;
    /*top: 60px;*/
}
}


.modal-header {
  border: none !important;
  padding: 0px !important;
  min-height: 0px;
}
/* Add Animation */

@-webkit-keyframes fadeIn {
  from {
    /*top: -500px;*/
    opacity: 0
  }
  to {
    /*top: 45px;*/
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    /*top: -500px;*/
    opacity: 0
  }
  to {
    /*top: 45px;*/
    opacity: 1
  }
}
/* The Close Button */

.close {

  position: absolute;
  top: 0%;
  right: 0%;
  padding: 3px;
  -webkit-transform: translateY(0%) translateX(-2%);

  z-index: 99999 !important;
  float: none !important;
  opacity: 1 !important;
  color: white !important;
  text-align: center !important;
  font-size: 30px;
  font-weight: bold;
}

@media screen and (min-width: 650px) {
  .close {

    font-size: 50px;
    /*border: solid 5px white;*/
  }
}

.modal-header {
  border: none !important;
  border: none;
  padding-left: 5px !important;
  /*padding-left: 10px !important;*/
  /*padding-right: 10px !important;*/
  /*padding-top: 2px !important;*/
  /*padding-bottom: 2px !important;*/
  float: none !important;
  text-align: right !important;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}

.modal-footer {
  border: none !important;
  /*padding: 2px 16px;*/
  background-color: #5cb85c;
  color: white;
}

.modal-body {
  border: none !important;
  padding: 0px !important;
  margin:  0 !important;
  /*padding-top: 8px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 8px !important;*/

}

.modal-content {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

/* modals windows end */

/*instant message button start*/

#instantMessageButton  {

  opacity: 1 !important;
  display: none;
  position: fixed;
  bottom: 95px;
  right: 30px;
  border-radius: 0px;
  /*border: 1px solid black;*/
  height: 40px;
  width: 60px;
  /*background: white !important;*/
  /*color: black;*/
  color: white;
  background-color: rgb(247, 126, 20);
  background-color: #4885ed;
  /*opacity: .8;*/
  z-index: 999;
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

#instantMessageButton:focus {
outline: 0;
}


@media screen and (max-width: 768px) {
    #instantMessageButton { right: 20px;
	width: 50px;
  opacity: 1 !important;
}

}

/*instant message button end*/

/*instant message modal window start*/

/* instant message*/
/* The mobileNavigation 1 (background) */
.mobileNavigation {
    /* Height & width depends on how you want to reveal the mobileNavigation (see JS below) */
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: white;
    overflow-x: hidden; /* Disable horizontal scroll */
	  overflow-y: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the mobileNavigation (height or width, depending on reveal) */
}

/* Position the content inside the mobileNavigation */
.mobileNavigation-content {
    position: relative;
    /*top: 60px;*/ /* 25% from the top */
    width: 100%; /* 100% width */
	  height: 100%;
    text-align: center; /* Centered text/links */
    /*margin-top: 30px;*/ /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the mobileNavigation */
.mobileNavigation a {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
    /*padding: 6px;*/
    text-decoration: none;
    font-size: 20px;
    /*color: #818181;*/
    /*display: block;*/ /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */

}

/* When you mouse over the navigation links, change their color */
.mobileNavigation a:hover, .mobileNavigation a:focus {
    color: white;
}



.menu{
  margin-left: 0px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .mobileNavigation a {font-size: 15px}
}



/* The mobileNavigation 1 (background) */
.messageBox {

  text-align: center;
  /*padding: 10px;*/
  text-transform: none;
  width: 100%;
  text-decoration: none;
  color: white;
  /*background-color: rgba(100, 100, 100, 0.8);*/
    /* Height & width depends on how you want to reveal the mobileNavigation (see JS below) */
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;

    /*background-color: rgba(0, 0, 0, 1); /* Black w/opacity */
    background-color: white;
    overflow-x: hidden; /* Disable horizontal scroll */
    /*overflow-y: auto;*/


	 /* Disable horizontal scroll */
    transition: 1s; /* 0.5 second transition effect to slide in or slide down the mobileNavigation (height or width, depending on reveal) */
}

@media screen and (min-height: 540px) {
    .messageBox {
          overflow-y: scroll;
    }
}

/* Position the content inside the mobileNavigation */
.messageBoxContent {

  /*background-color: black;*/
  background-color: white;
  color: white !important;
	padding-right: 20%;
	padding-left: 20%;
  position: relative;
  top: 40px; /* 25% from the top */
  width: 100%; /* 100% width */
  /*height: 100%;*/
  text-align: center; /* Centered text/links */
    /*margin-top: 30px;*/ /* 30px top margin to avoid conflict with the close button on smaller screens */
      /*overflow-y: scroll;*/
}

/* The navigation links inside the mobileNavigation */
.messageBox p {


	color: white;
  /*font-family: 'Oswald', sans-serif;*/
 font-size: 16px;
  letter-spacing : 1.5px;




}

/* When you mouse over the navigation links, change their color */
.messageBox a:hover, .mobileNavigation a:focus {
    color: white;

}




/*instant message modal window end*/

/*scroll to top button start*/

#scrollToTopButton {
    opacity: 1 !important;
    bottom: 50px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 30px;
    z-index: 999;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    width: 60px;
    border-radius: none;
    /*border: 1px solid black;*/
    height: 40px;
    width: 60px;
    /* background: white !important; */
    color: white;
    background-color: rgb(247, 126, 20);
    background-color: #4885ed;
    /* color: black; */
    z-index: 999;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

#scrollToTopButton:focus {
outline: 0;
}


@media screen and (max-width: 768px) {
    #scrollToTopButton { right: 20px;
      opacity: 1 !important;
	width: 50px;
}
}

/*scroll to top button end*/


/* scrollbar start */


::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
  /*background-color: transparent;*/

}
::-webkit-scrollbar-thumb {
  background-color: white;
  /*background-color: white;*/
  /*background-color: transparent;*/
  border: 0px none;
  /*border-radius: 50px;*/
}

::-webkit-scrollbar-thumb:active {
  background-color: white;
}
::-webkit-scrollbar-track {
  background-color: black;
  border: 0px none ;
  /*border-radius: 50px;*/
}

::-webkit-scrollbar-corner {
  background-color: transparent;
  background: transparent;
}
/*scrollbar end*/

/* #services #portfolio #faq */

#services{

  /*background-color: rgba(0, 0, 0, 1);*/
  /*background-color: rgba(255, 255, 255, 1);*/
  background-color: white;
  outline: 0;
  text-align: center;
  -webkit-text-align: center;
  /*color: white;*/
  color: black;
  padding-top: 60px;
  padding-left: 0px;
  padding-right: 0px;
}

#servicesColumn{
  padding-left: 10px;
  padding-right: 10px;
}


#about-us{

  outline: 0;
  text-align: center;
  /*display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;*/
  /*color: white;*/
  color: black;
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  /*background-color: rgba(0, 0, 0, 1);*/
  background-color: white;
  /*background-color: rgba(255, 255, 255, 1);*/

}

#services:focus {
outline: 0;
}

#portfolio{
  padding-top: 60px;
  /*background-color: rgba(0, 0, 0, 1);*/
  background-color: white;
  outline: 0;
  text-align: center;
  /*display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;*/
  /*color: white;*/
  color: black;
  padding-left: 10px;
  padding-right: 10px;
}

#portfolio:focus {
outline: 0;
}

/* faq start */

#faq{

  padding-top: 60px;
  /*background-color: rgba(0, 0, 0, 1);*/
  background-color: white;
  /*outline: 0;*/
  /*text-align: center;*/
  color: black;

}

/*faq en*/
.faq_item {
	background: white;

	/*border: 1px solid #666;*/
  border: none;
	cursor: pointer;
	margin-bottom: 20px;
}

.faq_q {
    background-color: #4885ed;
    /*color: #ffffff;*/
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#faqconc_1_4_3_faq-en{
  color: white;
  font-weight: 700;
  font-family: 'Roboto Slab', serif;
}

/* faq end */

/* contact-us start */

#contact-us-img{
  padding-top: 30px;
}

#contact-us{
  padding-top: 60px;
  /*background-color: rgba(0, 0, 0, 1);*/
  background-color: white;
  outline: 0;
  text-align: center;
  /*display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;*/
  /*color: white;*/
  color: black;
}

#contact-us:focus {
outline: 0;
}

#contact-us-form{
  padding-top: 45px;
  padding-bottom: 40px;
}

#contact7Field > p{
  width: 100%;
  font-family: 'Roboto Slab', serif;
  /*color: white;*/
  color: black;
  font-weight: 700;
}

#contact7Field {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  border: none;
  border-radius: 0px;
}

.wpcf7-form-control-wrap{
  padding-top: 10px;
  padding-bottom: 10px;
}

input{
  border-radius: !important 0px;
  /*height: auto !important;*/
  width: 100% !important;
  font-family: 'Roboto Slab', serif;
  color: black;
  font-weight: 700;
  resize: none;
}

textarea {
    /*height: auto !important;*/
    /*width: 100% !important;*/
    height: 120px;
    font-family: 'Roboto Slab', serif;
    color: black;
    font-weight: 700;
    resize: none;
}


/* contact-us end */

/* site content blocks end */

/* woocommerce start */

.btn.btn-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  /*background: white !important;*/
  /*background: rgb(247, 126, 20);*/
  /*background: rgb(247, 126, 20);*/
  background-color: rgba(59, 89, 152, 1);
  /*background-color: transparent;*/
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

  color: white;
  /*border: 1px solid black;*/
}

/* checkout start */
.woocommerce form .form-row label {
  color: black;
  /*color: white;*/
}

.woocommerce-billing-fields{
  /*color: white;*/
  color: black;
}

.woocommerce table.shop_table {
  /*color: white;*/
  color: black;
}
/* checkout end */

/* cart start */



.woofc-wrapper{
  height: 70px;
  top: 0px;
  right: 0px;
  box-shadow: none !important;
}

.woofc-header{
  /*height: 10%!important;*/
  height: 40px !important;

}
.woofc-body{
  /*height: 80%!important;*/
}

.woofc-footer{
  width: 100% !important;
  top: 0px !important;
  height: 40px !important;
  background-color: transparent !important;

}

.woofc-checkout {
  line-height: 40px !important;
      height: 40px !important;
      right: 0px !important;
      /*width: 100% !important;*/
}

.woofc-undo .woofc-visible{
  position: relative;
  left: 0px !important;
      /* right: 20px; */
      float: left !important;
      width: 100% !important;
}


.woofc-inner{
  height: 90% !important;
  width: 40%!important;
  top: 90px!important;
  right: 0px!important;
  margin: 0px!important;
  border-radius: 0px!important;
  max-width:none!important;
  max-height:none!important;
}

.woofc-spinner-three-bounce .woofc-spinner-child
.woofc-spinner-bounce1{
  background-color: rgba(59, 89, 152, 1) !important;
}


.woofc-trigger-cart-icon{
  left: 65% !important;
}

.woofc-trigger .woofc-count{
  width: 20px !important;
  height: 20px !important;
}

.woofc-trigger-close-icon{
left: 55% !important;
}

.woofc-pos-bottom-right .woofc-inner a.woofc-checkout, .woofc-pos-top-right .woofc-inner a.woofc-checkout, .woofc-pos-top-left .woofc-inner a.woofc-checkout {
     margin: 0px !important;
}




.woofc-trigger{
  position: fixed !important;
  right: 30px !important;
  top: 0px !important;
  height: 40px!important;
  width: 60px!important;
  background-color: rgba(59, 89, 152, 1);
}

#cartIcon{
  padding-left: 16px;
    font-size: 30px;
  color: white;

}


@media screen and (max-width: 800px) {

  #cartIcon{
    padding-left: 12px;
      font-size: 30px;
    color: white;

  }

  .woofc-trigger-cart-icon{
    left: 55% !important;
  }

  .woofc-inner{
    height: 90% !important;
    width: 100%!important;
    top: 60px!important;
    right: 0px!important;
    margin: 0px!important;
    border-radius: 0px!important;
    max-width:none!important;
    max-height:none!important;
  }

  .woofc-trigger{
    position: fixed !important;
    right: 20px !important;
    top: 0px !important;
    height: 40px!important;
    width: 50px!important;
    background-color: rgba(59, 89, 152, 1);
  }

}

.woofc-spinner-three-bounce .woofc-spinner-child
.woofc-spinner-bounce1{
  background-color: rgba(59, 89, 152, 1) !important;
}



/* cart end */

/* Cart Page start */
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 150px;
    box-shadow: none;
}

.btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background-color: rgba(59, 89, 152, 1) !important;
}
/* cart page end */



/*myAccount my account start */
.myAccount{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
font-size: 20px;

  width: 100%;
  height: 70%;
  /*position: absolute;*/
  top:100px;
  left: 0px;
  z-index: 99999;
background-color: rgba(0, 0, 0, 1);
}
.myAccount a{
  color: white;
  font-weight: 600;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.myAccount a:hover{
  color: rgba(247, 126, 20, 1);
}
.backgroundPhotosphere{
  z-index: 999;
}

.woocommerce-MyAccount-navigation{
  font-size: 23px;
  list-style-type: square;
  background-color: rgba(247, 126, 20, 0.6);
}

.woocommerce-MyAccount-navigation ul li{

  list-style-type: square;
  /*list-style-type:circle;*/
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
/*myAccount my account end */

/* woocommerce end */




/* .cartIcon addToCart Icon start */

/* basket */
.cartIcon{
  padding: 2px;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

.cartIcon img {
  /*padding-bottom: 10px;*/
}

/* .cartIcon addToCart Icon end */

/*.xoo-wsc-basket woocommerce side basket start*/
.xoo-wsc-basket{
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
  background-color: rgb(247, 126, 20);
  background-color: #4885ed;
  background-color: transparent;
  margin: 0px;
  color: white;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  position: fixed;
  top: 85px;
  right: 30px;
  /*border: 1px solid rgba(0, 0, 0, 0.7);*/
  width: 60px;
  /*border-radius: 2px;*/
  height: 40px;
  padding: 0px;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

@media screen and (max-width: 800px) {
  .xoo-wsc-basket {
    top: 55px;
  }
}

@media screen and (max-width: 800px){
.xoo-wsc-basket {
    width: 50px;
    right: 20px;
    width: 50px;
    opacity: 1;
}
}

.xoo-wsc-items-count{
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.4);
  color: black;
  top: 25px;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
line-height: 25px;
}

.xoo-wsc-items-count span{

  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-bki{
  color: white;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-container{
  background-color: rgba(0, 0, 0, 1);
  background-color: white;
  /*border: 2px solid rgba(0, 0, 0, 0.5);*/
  color: white;
  color: black;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-header {
  color: white;
  color: black;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-sum-col a{
  color: white;
  color: black;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-img-col a{
  color: white;
  color: black;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-footer{
  background-color: rgba(0, 0, 0, 1);
  background-color: white;
  border: none;
  color: white;
  color: black;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
}

.xoo-wsc-footer a{
  background-color: rgba(247, 126, 20, 1);
  background-color: #4885ed;
  border: none;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.xoo-wsc-footer a:hover{
  color: white;
  background-color: rgba(247, 126, 20, 0.7);
  border: none;
  font-weight: 500;
font-family: 'Roboto Slab', serif;
color: black;
}

.xoo-wsc-body{
  font-weight: 500;
font-family: 'Roboto Slab', serif;
color: black;
  /*background-color: rgba(0, 0, 0, 0.7);*/
}

.xoo-wsc-close {
    cursor: pointer;
    position: absolute;
    color: black;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
}

/*.xoo-wsc-basket woocommerce side basket end*/


/*.productWindow product window modal start*/

/* The Modal (background) */
.productWindow {
  margin: 0px;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    /*padding-top: 70px; /* Location of the box */
    left: 0px;
    top: 74px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-y: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0); /* Fallback color */

    color: white;
    background-color: rgba(0,0,0,0.3);
    border: none;
}

@media screen and (max-width: 800px) {
  .productWindow {
    top: 50px;
  }
}

/* Modal Content */
.productWindow-content {
    position: relative;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 80%;
    left: 10%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s

    color: white;
    background-color: black;
    vertical-align: middle;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.productWindow-header {
  margin: 0px;
  padding: 0px;
  padding: 5px;
    /*padding: 2px 16px;*/
    /*background-color: #5cb85c;*/
    color: white;
}

.productWindow-body {
  margin: 0px;
  padding: 0px;
  padding: 5px;
  color: white;
  background-color: black;
}

.productWindow-footer {
  margin: 0px;
  padding: 0px;
  padding: 5px;
    /*padding: 2px 16px;*/
    /*background-color: #5cb85c;*/
    color: white;
}

/*.productWindow product window modal end*/


/* copyright block start*/

#copyrightBox{
  text-align: center;
  padding: 10px;
  text-transform: none;
  width: 100%;
  text-decoration: none;
  color: black;
  background-color: white;
}


.copyrightInfo{
  color:black;
}

.copyright{
  display: none;
}

.copyrightBox {
    /* Height & width depends on how you want to reveal the mobileNavigation (see JS below) */
    height: 0%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;

    /*background-color: rgba(35, 35, 35, 1) !important; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    /*overflow-y: scroll;*/
    background-color: white;


	 /* Disable horizontal scroll */
    transition: 1s; /* 0.5 second transition effect to slide in or slide down the mobileNavigation (height or width, depending on reveal) */
}

@media screen and (min-height: 540px) {
    .copyrightBox {
          /*overflow-y: scroll;*/
    }
}

/* Position the content inside the mobileNavigation */
.copyrightBoxContent {

  z-index: 99999;
	padding-right: 5%;
	padding-left: 5%;
  position: relative;
  top: 80px; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */

    /*margin-top: 30px;*/ /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.copyrightBoxContent p{
  text-align: justify;
}
/* The navigation links inside the mobileNavigation */
.copyrightBox p {

	color: black;
  /*font-family: 'Oswald', sans-serif;*/
 font-size: 16px;
  letter-spacing : 1.5px;

}

#copyrightBox:hover{
   background-color: 	black;
   background-color: 	white;
}

/* When you mouse over the navigation links, change their color */
.copyrightBox a:hover, .mobileNavigation a:focus {
    color: black;
}

/* copyright block start*/





/* footer start*/


#footer-area a h4 {
    color: white !important;
}

#footer-area{
  background-color: #ffffff;
}

#footer-area {
  background-color: rgba(59, 89, 152, 1) !important;
}

.footerBox h4{
  color: white;
  width: 100%;
  height: 20px;
  display: block;
  text-align: center;
}

.footerClass:focus {
outline: 0;
}

#copyrightBox:focus {
outline: 0;
}

#footer-area {
    position: absolute;
    width: 100%;
    display: block;

}
/* remember to define focus styles! */
#footer-area:focus {
outline: 0;
}

#colophon{
  display: block;
padding: 0px;
    border: none;

}

/* footer end*/

/* gallery */
/*.gallery{
  padding-top: 0px !important;
  margin: auto !important;

}*/