@font-face {
    font-family: 'capture_itregular';
    src: url('Capture_it-webfont.eot');
    src: url('Capture_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('Capture_it-webfont.woff') format('woff'),
         url('Capture-it.ttf') format('truetype'),
         url('Capture_it-webfont.svg#capture_itregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Underline From Center */
.hvr-underline-from-center {
  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;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #24AF0A;
  height: 10px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Float */
.hvr-float {
  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.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin-bottom: 20px;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Outline Out */
.hvr-outline-out {
  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-outline-out:before {
  content: '';
  position: absolute;
  border: #fff solid 4px;
  border-radius: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

body {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
}

.navbar-nav {
    font-size: 20px;
    font-family: 'capture_itregular';
}

button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}

div.hero {
    background: url(../img/Solar.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 510px;
margin-top:50px;
}

div.contact-row {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background-color:transparent;
    z-index: 999;
    color: #fff;
    font-size: 26px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
}

div.alfa-channel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: transparent;
    -webkit-box-shadow: inset 0px -7px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -7px 13px -1px rgba(0,0,0,0.75);
    box-shadow: inset 0px -7px 13px -1px rgba(0,0,0,0.75);
}

h1.hero-text {
    padding: 20px 0px;
    width: 100%;
    color: #fff;
    font-size: 2.4em;
    font-family: 'capture_itregular', arial;
    text-transform: uppercase;
    word-spacing: 12px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    background-color: rgba(37, 176, 11, 0.68);
    margin-bottom: 0px;
}

h2.hero-text {
    padding: 20px 0px;
    width: 100%;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    word-spacing: 12px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    background-color: rgba(37, 176, 11, 0.68);
    margin-top: 0px;
}

h1.catalog {
    font-family: 'capture_itregular', arial;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    color: #9e9e9e;
    font-size: 2.4em;
    letter-spacing: 2px;
    word-spacing: 15px;
}

div.light-bg {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding-top:25px;
}

.box-shadow {
-webkit-box-shadow: 5px 8px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 8px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 8px 5px 0px rgba(0,0,0,0.75);
}

.box-shadow-button {
-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
}


div.cont-custom {
    background: #24af0a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #fff, #24af0a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #fff, #24af0a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 15px ;
}

div.features-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.features-item {
    background-color: #fff;
    padding: 4px;
    margin-bottom: 20px;
    border: none;
    border-radius: 4px;
}

.features-item-h3 {
 color: #F68509;
 text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
 font-size: 26px;
}

div.item-ses-product {
    background: #24af0a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #fff, #24af0a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #fff, #24af0a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 20px 20px;
}

div.item-ses-product>table {
    font-size: 14px;
}

div.item-ses-product>h1 {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    letter-spacing: 1.6px;
}

div.item-ses-product>h2 {
    color: #ffb300;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    letter-spacing: 1.6px;
}

table.item-tab {
    background-color: #fff;
}

button.gold {
    width: 200px;
    height: 50px;
    padding: 10px 10px;
    background-color: #F68509;
    border: none;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 12px;
    margin-bottom: 25px;
}

div.banner {
    width: 100%;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24af0a;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    padding: 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.banner-h1 {
    padding: 30px;
    color: #fff;
    font-size: 26px;
}

.banner-h1:hover {
 color: #F68509;
}

div.alfa-contact {
    height: 100%;
    background-color: rgba(95, 95, 95, 0.72);
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding-top: 25px;
}

div.form-contact {
    display: flex;
    justify-content: center;
    align-items: baseline;
    /*background: url(../img/tab3.jpeg);*/
    background-size: cover;
    padding-bottom: 65px;
    padding-top:65px;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);
}

.form-contact-h1 {
    margin-left:50px;
}

.form-contact-h2 {
    margin-left: 50px;
    margin-right: 50px;
}

.brands-item {
    padding-right: 20px;
    padding-left: 20px;
}
#YMapsID {
    width: 100%;
    height: 600px;
}

.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-60px;right:-160px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:-35px;right:-135px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: -20px;right: -120px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/mini4.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}