font-family: "Lato Sans", "PT Sans", "Arial", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
text-rendering: geometricPrecision;




.skill-bar-item {
    line-height: 16px;
    margin-bottom: 7px;
    overflow: hidden;  
}

.skill-bar-item > span {
    display: block;
    margin-bottom:6px;   font-size:14px; margin-top:5px
}

  .margins .col-lg-6 {
  padding-left: 0px;

}
  .boxe .col-md-6 {
  padding-left: 15px;
  padding-right:15px; margin-top:60px
	
}
  .boxe .col-md-6:first-child {
  padding-left: 0px;
  padding-right:10px; margin-top:60px
	
}

.phight{
	 min-height:160px!important
}




@media screen and (min-width: 990px) {
 .hid{ display:none}

   }
@media screen and (min-width: 990px) {
 .hid2{ display:none}
   }




@media screen and (min-width:992px) {
.s-up{ display:none}
.s-down{ display:block; }
}
.social-s{text-align:right!important}
@media screen and (max-width:991px) {
.s-up{ display:block; text-align:center;padding-bottom:10px}
.social-s{text-align:left!important}

.s-down{ display:none;}
}
   
@media screen and (max-width:520px) {
.btn-primary{width:100%}
}



.single-pricing-table {
  text-align: center;
}
.single-pricing-table .plan-heading {
  font-size: 28px;
}
.single-pricing-table .plan-content {
  width: 100%;
  margin: 10px auto;
  padding: 0px 0px 0px 0px ;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;  
}
.single-pricing-table .price {
  font-size: 22px;
  line-height: 2.3;
  font-weight: normal;
}
.single-pricing-table .price .currency {
  position: absolute;
  top: 53px;
  font-size: 2em;
}
.single-pricing-table .price .number {
  font-size: 5em;
  font-weight: 700;
  padding-left: 25px; 
}
.single-pricing-table .price .duration {
  margin-left: -20px;
}
.single-pricing-table .plan-detail-list {
  text-align: left;
  margin-bottom: 40px;margin-top:70px
}
.single-pricing-table .plan-detail-list > li {
  margin-bottom: 10px;
}
.single-pricing-table .plan-detail-list > li i {
  color: #ce0001;
  margin-right: 5px;
}
.single-pricing-table .btn strong {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 24px;
}
.single-pricing-table .btn span {
  display: block;
  font-size: 0.7em;
  color: #7ea1cc;
}
@media screen and (max-width: 768px) {
  .single-pricing-table .plan-content {
    width: 100%;
  }
  .single-pricing-table .price {
    font-size: 18px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .single-pricing-table .plan-detail-list {
    text-align: center;
  }
  
 .buy{
	 display:none
}
 
  
  
  
}



.tags{ padding-right:30px; text-align:left}










.pad0{
padding-left:0px
}

@media screen and (max-width: 768px) {
 .dropdown-menus {
    right: 0px!important; left:auto!important
   }
}


.subscribe-form input, .subscribe-form .btn3 {
    border: 0 none;
    margin: 9px 0 0px 11px!important;
   width: 168px!important;
    right:0px !important; 

}

.username{
color:white!important; list-style:none
}
	.ads{margin-top:10px; margin-bottom:20px; width:100%}	
	.ads2{margin-top:0px; margin-bottom:20px; width:100%}	
.full-screen{
  margin-bottom:20px; width:100%
}
.full-screen2{
  margin-bottom:20px; width:80%
}

.toool{
 	text-align: left;
    background-color: #cc0001;
    padding-top: 2px;
    padding-bottom: 3px;
    color: white;
    margin-bottom: 30px;
    margin-top: -4px;
    min-height: 30px;
    font-size:15px; color:white; 
    	
}
 
.active2{color:#cc0001!important;}  
.active2 a span{color:#cc0001!important;}  
  .font15{
	font-size:16px
} 
.small-f{
    font-size: 11px;
    color: #949494; 
}
.small-f2{
    font-size: 13px;
    color: #949494; display:block; cursor: default
}





.small-f2 a{


    display: inline-table!important;
    padding: 0 0!important;;
    border-bottom: 0px solid #eaeaea!important;;
}

.small-f2 a:hover{
    color: #ce0001!important;
 
}

.category-list li  {

  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
 
}




.head{
	float:right
}


/* ----------------------------------------------------- */
/* NAVBAR
/* ----------------------------------------------------- */
/* top bar */
.topbar2-white{background-color:white!important;margin-bottom:2px!important;}
.topbar2 {
  text-align: right;
  /*padding-top: 18px;
  margin-bottom: 5px;*/
  background-color:#cc0001;

  padding-top:1px;
  padding-bottom:6px; color:white; margin-bottom:36px; margin-top:-4px;  min-height:38px ; 
}





.titl{
	margin:0px 0px 10px 0px
}
.topbar2 .top-nav,
.topbar2 .searchbox {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.topbar2 .top-nav {
  margin-bottom: 0;
}
.topbar2 .searchbox {
  margin-left: 0px;
}
.topbar2 a {
  color: #fff;
  font-size: 12px;
}
.topbar2 a:hover, .topbar a:focus {
  color: #fff;
}
.topbar2 .btn-link:hover, .topbar .btn-link:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .topbar2 {
 
    margin-bottom: 10px;
  }
  .topbar2 .searchbox {
    display: none;
  }
  
  
 

  
  
}


@media screen and (min-width: 950px) {
 
  
  .topbar2 {
  
  padding-right:50px;
 
}

  
  
}


@charset "UTF-8";
/*
*	############################################################################
*	
*	Repute - Responsive Multipurpose Bootstrap Theme
*	---------------------------------------------------------------------
*
*	Version		1.3
*	Author		The Develovers
*	Copyright	Copyright 2015 The Develovers
*
*	############################################################################
*/
/* ----------------------------------------------------- */
/* GENERAL STYLES
/* ----------------------------------------------------- */
body .container p {text-align:justify}
body ul li{text-align:justify}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #3e3e3e;
  line-height: 1.6; 
}
body.layout-boxed {
  background-image: url('../img/gray_jean.png?1353438653');
  background-repeat: repeat;
  background-color: #ccc;
}
 h2, h3, h6, h8 {
  margin-top: 5px;
  
  color: #656565;
}
h2 span{
	 display:block; font-size:18px; color:#3e3e3e; margin-top:5px
}
 h5 {
  margin-top: 5px;
  font-family: "Roboto Condensed", sans-serif;
  color: #de3130;
}
h1 {
    margin-top: 5px;
  font-family: "Roboto Condensed", sans-serif;
color: #cc0001;
}

section {
  margin-bottom: 40px;
}

a {
  color: #ce0001;
}
a:hover, a:focus {
  color: #cc0001;
  text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important;
}

hr {
  border-color: #eaeaea;
}

/* wrapper */
.wrapper {
  background: #fff;
}

.full-width-section {
  padding: 100px 0;
  background-color: #ce0001;
}

.layout-boxed .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 5px #ccc;
}

.widget-title {
  font-size: 18px;
}

.section-heading {

  font-size: 29px; color:#ce0000;   text-transform:uppercase;  text-align:center;  
  
  

}

h2.section-heading2 {

  font-size: 22px; color:#ce0000;   text-transform:uppercase;  text-align:center;  
  
  
 padding:6px 0px 6px 0px; margin:0px 0px 25px 0px; font-weight:bold;
}



h2.section-heading {

  font-size: 29px; color:#ce0000;   text-transform:uppercase;  text-align:center;  
  
  
 padding:6px 0px 6px 0px; margin:0px 0px 25px 0px; font-weight:bold;
}

.section-heading:after {
  display: block;
  content: ' ';
  color: #ce0001;
  font-weight: 300;
}

h2.section-heading2{  font-size: 24px!important; color:white;  background-color:transparent; font-weight:500; text-transform:none }

.section-heading2:after {
  display: block;
  content: ' ';
  color: white;
  font-weight: 300; 
}




.section-heading.panel-title:after {
  display: none;
}

/* social background color */
.facebook-bg {
  background-color: #3b59ab;
}

.twitter-bg {
  background-color: #2b97f0;
}

.googleplus-bg {
  background-color: #dd4b39;
}

.rss-bg {
  background-color: #ff6600;
}

/* page header */
.page-header {
  padding: 5px 0;
  margin: 0;
  border-bottom: 1px solid #eaeaea;
}
.page-header .container {
  position: relative;
}
.page-header .breadcrumb {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -18px;
}
.page-header .page-title {
  margin: 20px 0;
  font-size: 24px; text-transform:uppercase
}
@media screen and (max-width: 768px) {
  .page-header .breadcrumb,
  .page-header .page-title {
    float: none !important;
   /* text-align: center;*/
  }
  .page-header .breadcrumb {
    position: inherit;
    top: inherit;
    right: inherit;
  }
}
.page-header.one-column {
  padding: 20px 0;
}
.page-header.one-column .breadcrumb {
  position: relative;
  padding: 15px 0 0 0;
  right: 0;
}
.page-header.has-intro {
  padding: 40px 0;
}
.page-header.has-intro .left {
  width: 50%;
}
.page-header.has-intro .page-title {
  margin: 10px 0 15px 0;
}
.page-header.has-background-image {
  padding: 40px 0;
  background-image: url('../img/page-header-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
.page-header.has-background-image0 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg.png?1445263834');
  background-repeat: no-repeat;
  background-position: center;
}
.page-header.has-background-imagecc {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-cc.jpg?1445263834');
  background-repeat: no-repeat;
  background-position: center;
}


.page-header.has-background-image-1n {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-n1.jpg');
  background-repeat: no-repeat;
  background-position: center;
}



.page-header.has-background-image2 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg2a.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

.page-header.has-background-image2w {
  padding: 40px 0;
  background-image: url('../img/page-header-bg2.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

.page-header.has-background-image3 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-n3.jpg');
  background-repeat: no-repeat;
  background-position: center;
}



.page-header.has-background-image4 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg4.jpg');
  background-repeat: no-repeat;
  background-position: center;
}


.page-header.has-background-image5 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg5.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
.page-header.has-background-image5n {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-n5.jpg');
  background-repeat: no-repeat;
  background-position: center;
}


.page-header.has-background-image-m {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-n2.jpg');
  background-repeat: no-repeat;
  background-position: center;
}


.page-header.has-background-image0 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg0.jpg');
  background-repeat: no-repeat;
  background-position: center;
}



.page-header.has-background-image6 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg-n6.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

.page-header.has-background-image7 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg7.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

.page-header.has-background-image8 {
  padding: 40px 0;
  background-image: url('../img/page-header-bg8.jpg');
  background-repeat: no-repeat;
  background-position: center;
}




.page-header.has-background-pattern {
  padding: 40px 0;
  background-image: url('../img/pattern-geometry.png?1375820517');
  background-repeat: repeat;
}


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

.has-background-image, .has-background-image0, .has-background-image1, .has-background-image2, .has-background-image3, .has-background-image4, .has-background-image5, .has-background-image6, .has-background-image7, .has-background-image8{


background-size: cover; height:180px;    padding: 30px 0;}

}







@media screen and (max-width: 768px) {
  .page-header.has-intro {
    text-align: center;
  }
  .page-header.has-intro .left {
    width: 100%;
    margin-bottom: 15px;
  }
  .page-header.has-intro .breadcrumb {
    margin-bottom: 0;
  }
}

.page-content {
  margin: 30px 0;
}

.animation-delay-1 {
  -moz-animation-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}

.animation-delay-2 {
  -moz-animation-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}

.animation-delay-3 {
  -moz-animation-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}

.animation-delay-4 {
  -moz-animation-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}

.animation-delay-5 {
  -moz-animation-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}

.animation-delay-6 {
  -moz-animation-delay: 0.6s !important;
  -webkit-animation-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}

.animation-delay-7 {
  -moz-animation-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
  animation-delay: 0.7s !important;
}

.animation-delay-8 {
  -moz-animation-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}

.animation-delay-9 {
  -moz-animation-delay: 0.9s !important;
  -webkit-animation-delay: 0.9s !important;
  animation-delay: 0.9s !important;
}

.animation-delay-10 {
  -moz-animation-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
  animation-delay: 1s !important;
}

.animation-delay-11 {
  -moz-animation-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
  animation-delay: 1.1s !important;
}

.animation-delay-12 {
  -moz-animation-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
  animation-delay: 1.2s !important;
}

.animation-delay-13 {
  -moz-animation-delay: 1.3s !important;
  -webkit-animation-delay: 1.3s !important;
  animation-delay: 1.3s !important;
}

.animation-delay-14 {
  -moz-animation-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
  animation-delay: 1.4s !important;
}

.animation-delay-15 {
  -moz-animation-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
  animation-delay: 1.5s !important;
}
@media screen and (max-width: 768px) {
  footer .container {
    padding: 30px 15px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url('../img/bx_loader.gif?1377966586') center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "fontawesome";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "fontawesome";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.multiselect-container .input-group {
  margin: 5px;
}

.multiselect-container > li {
  padding: 0;
}

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}

.multiselect-container > li > label.multiselect-group {
  margin: 0;
  padding: 3px 20px;
  height: 100%;
  font-weight: 700;
}

.multiselect-container > li > a {
  padding: 0;
}

.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  margin: 0;
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker td.day.disabled {
  color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
  color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *color: #fff;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  }

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker td span:hover {
  background: #eeeeee;
}

.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *color: #fff;
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);/* Darken IE7 buttons by default so they stand out more given they won't have borders */
  }

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}

.datepicker td span.old {
  color: #999999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs > div {
  float: left;
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .ranges label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #434343;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

/* ----------------------------------------------------- */
/* NAVBAR
/* ----------------------------------------------------- */
/* top bar */
.topbar {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 5px;
}
.topbar .top-nav,
.topbar .searchbox {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.topbar .top-nav {
  margin-bottom: 0;
}
.topbar .searchbox {
  margin-left: 10px;
}
.topbar a {
  color: #777;
  font-size: 12px;
}
.topbar a:hover, .topbar a:focus {
  color: #333;
}
.topbar .btn-link:hover, .topbar .btn-link:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .topbar {
    text-align: right;
    margin-bottom: 10px;
  }
  .topbar .searchbox {
    display: none;
  }
}

.searchbox {
  width: 15%;
}

.country-selection > li > a {
  font-size: 12px;
}

/* navigation bar */
.navbar {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  border-left: none;
  border-right: none;
}
.navbar .container {
  position: relative;
}
@media screen and (min-width: 992px) {


  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .navbar .dropdown-menu > .dropdown:hover > .dropdown-menu {
    display: block;
  }
  

  
  
}

.navbar-collapse {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-brand {
  padding: 12px 15px;
}
.navbar-brand > img {
  width: 100px;
}
.navbar-brand.navbar-logo-bigger {
  padding: 0 0 0 10px;
}
.navbar-brand.navbar-logo-bigger > img {
  position: relative;
  top: -36px;
  width: 100%;
}

.navbar-toggle {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #ce0001;
  padding: 5px 10px;
}

.navbar-default {
  background-color: #fff;
  border-bottom: 2px solid #e7e7e7;
  border-top: none;
}
.navbar-default .navbar-toggle {
  border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #cc0001;
}
.navbar-default .navbar-toggle i {
  color: #fff;
  font-size: 21px;
  line-height: 25px;
}
.navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus {
  background-color: #6A737E;
}
.navbar-default .navbar-collapse {
  border: none;
}

.navbar-default .navbar-nav {
  margin-right: -25px;
}
.navbar-default .navbar-nav > li > a {
  font-weight: 600;
  color: #656565;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #cc0001;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #cc0001;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #cc0001;
  background-color: transparent;
}
.navbar-default .navbar-nav .dropdown-toggle i {
  margin-left: 3px;
  color: #b8b8b8;
}

/* navigation bar, dark theme */
.navbar-default.navbar-dark {
  background-color: #49494b;
  border-bottom: none;
}
.navbar-default.navbar-dark .topbar a {
  color: #fff;
}
.navbar-default.navbar-dark .navbar-nav .active > a, .navbar-default.navbar-dark .navbar-nav .active a:hover, .navbar-default.navbar-dark .navbar-nav .active a:focus {
  color: #fff;
  background-color: #444446;
}
.navbar-default.navbar-dark .navbar-nav > li > a {
  color: #fff;
  font-weight: 600;
}
.navbar-default.navbar-dark .navbar-nav > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li > a:focus {
  background-color: #444446;
}
.navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a {
  color: #fff;
}
.navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus {
  background-color: #444446;
}
.navbar-default.navbar-dark .dropdown-menu {
  background-color: #49494b;
}
.navbar-default.navbar-dark .dropdown-menu .dropdown-menu {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-left: 1px solid #444446;
}
.navbar-default.navbar-dark .btn-link {
  color: #fff;
}
.navbar-default.navbar-dark .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #444446;
}
.navbar-default.navbar-dark .searchbox .btn i {
  color: #49494b;
}
.navbar-default.navbar-dark .mega-menu-content .menu-heading {
  color: #fff;
}
.navbar-default.navbar-dark .mega-menu-content .list-menu > li > a {
  color: #fff;
}
.navbar-default.navbar-dark .mega-menu-content .list-menu > li > a:hover, .navbar-default.navbar-dark .mega-menu-content .list-menu > li > a:focus {
  color: #fff;
  background-color: #fd4f57
}
.navbar-default.navbar-dark .mega-menu-content .list-menu > li.active > a {
  color: #fff;
}

.navbar-default.navbar-transparent {
  width: 100%;
  position: absolute;
  top: 20px;
  border-bottom: none;
  background-color: transparent;
  z-index: 1;
}
.navbar-default.navbar-transparent .navbar-nav > li > a {
  color: #fff;
  font-weight: 600;
}
.navbar-default.navbar-transparent .navbar-nav > li > a:hover, .navbar-default.navbar-transparent .navbar-nav > li > a:focus {
  color: #a2a2a2;
  background-color: transparent;
}
.navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li > a {
  color: #a2a2a2;
}
.navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li > a:focus {
  color: #ce0001;
  background-color: #fff;
}
.navbar-default.navbar-transparent .navbar-nav > li .dropdown-menu > li.active > a {
  color: #ce0001;
  background-color: #fff;
}
.navbar-default.navbar-transparent .dropdown-menu {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.95);
  border-top-color: #fff;
}
.navbar-default.navbar-transparent .dropdown-menu .dropdown-menu {
  border: none;
  border-left: 1px solid #fff;
}
.navbar-default.navbar-transparent .mega-menu-content .menu-heading {
  color: #a2a2a2;
}
.navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a {
  color: #a2a2a2;
}
.navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a:hover, .navbar-default.navbar-transparent .mega-menu-content .list-menu > li > a:focus {
  color: #ce0001;
  background-color: #fff;
}
.navbar-default.navbar-transparent .mega-menu-content .list-menu > li.active > a {
  color: #ce0001;
}

.navbar-fixed-top.shrinkable, .navbar-fixed-top.shrinkable .navbar-brand img {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.navbar-fixed-top.shrink-active {
  top: -42px;
}
.navbar-fixed-top.shrink-active .navbar-brand > img {
  width: 90px;
}
.navbar-fixed-top .navbar-nav {
  margin-right: -10px;
}

.fullscreen-slider .navbar-fixed-top {
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.navbar-nav .dropdown-menu {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
  padding-top: 10px;
  padding-bottom: 10px;
  top: 99%;
  border: none;
  border-top: 2px solid #cc0001;
}
.navbar-nav .dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 13px;
}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
  background-color: #cc0001;
  color: #fff; 
}
.navbar-nav .dropdown-menu > li > a i {
  position: absolute;
  right: 11px;
  top: 11px;
}
.navbar-nav .dropdown-menu .dropdown.open > a,
.navbar-nav .dropdown-menu .dropdown.open > a:hover,
.navbar-nav .dropdown-menu .dropdown.open > a:focus {
  color: #fff;
  background-color: #6A737E;
}
.navbar-nav .dropdown-menu .dropdown-menu {
  top: -12px;
  left: 100%;
  border: 1px solid #E8E8E8;
  border-left: 1px solid #6A737E;
  min-width: 197px;
}
.navbar-nav .dropdown-menu .dropdown-menu li {
  display: block;
}

.label-main-nav {
  position: relative;
  top: -2px;
}

/* mega menu */
.navbar-mega-menu .mega-menu {
  position: static;
}
.navbar-mega-menu .mega-menu .mega-menu-container {
  left: 0;
  right: 0;
}

.mega-menu-content {
  padding: 25px 20px;
}
.mega-menu-content .menu-heading {
  margin: 20px 0 25px 0;
  padding: 0 10px;
  font-size: 18px;
}
.mega-menu-content .list-menu {
  margin-bottom: 25px;
}
.mega-menu-content .list-menu > li {
  cursor: text;
}
.mega-menu-content .list-menu > li > a {
  display: block;
  color: #3e3e3e;
  font-size: 13px;
  padding: 7px 12px;
}
.mega-menu-content .list-menu > li > a:hover, .mega-menu-content .list-menu > li > a:focus {
  color: #fff;
  background-color: #cc0001; 
}
.mega-menu-content .list-menu > li i {
  font-size: 14px;
  min-width: 20px;
}
.mega-menu-content .list-menu > li.active > a {
  color: #fff;
}



.min-h-d{min-height:258px}

@media screen and (max-width: 1200px) {
  .mega-menu-content { min-width: 700px;}
  .min-h-d{min-height:335px}

}
@media screen and (max-width: 992px) {
 .min-h1{ min-height:1px}
.min-h2{ min-height:1px}
.min-h3{ min-height:1px}
.min-h-d{min-height:1px}
  #bottom3{display:none}

  
  .mega-menu-content .menu-heading {
    margin-top: 0;
  }
  
.wh{ min-height: 0px!important;} 

  .boxe .col-md-4 {
  padding-left: 0px;
  padding-right:0px; margin-top:60px
	
}

}



@media screen and (max-width: 768px) {
  .mega-menu-content {
    min-width: auto;
  }
  
  .navbar-brand.navbar-logo-bigger > img {
  position: relative;
  top: -20px;
  width: 86%;
}

  
}

@media screen and (min-width: 993px) {
  .navbar-default.navbar-transparent .navbar-nav > li > a:hover, .navbar-default.navbar-transparent .navbar-nav > li > a:focus {
    color: #fff;
  }
  .navbar-default.navbar-transparent .navbar-nav .dropdown-toggle i {
    color: #fff;
  }
}
@media screen and (max-width: 992px) {
  .navbar-toggle {
    display: block;
    margin-right: 0;
  }

  .navbar-collapse.collapse {
    display: none !important;
    border: none;
  }

  .navbar-collapse.collapse,
  .navbar-collapse.collapsing {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
    overflow-y: auto !important;
  }

  .navbar-header,
  .navbar-nav,
  .navbar-nav > li {
    float: none !important;
  }

  .navbar-default .navbar-nav {
    margin-right: 0;
  }
  .navbar-default .navbar-nav a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .navbar-default .navbar-nav li > a > i {
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 18px;
  }
  .navbar-default .navbar-nav li.mega-menu ul.list-menu > li > a > i {
    position: relative;
    right: 0;
    top: 0px;
    font-size: 14px;
  }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active.open > a:focus {
    background-color: #ce0001;
    color: #fff;
  }

  .navbar-default .navbar-nav .open .dropdown-menu {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
    color: #3e3e3e;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
    color: inherit;
    background-color: #E7E7E7;
  }

  .navbar-default.navbar-dark .navbar-nav > .open > a,
  .navbar-default.navbar-dark .navbar-nav > .open > a:hover,
  .navbar-default.navbar-dark .navbar-nav > .open > a:focus {
    color: #fff;
  }
  .navbar-default.navbar-dark .navbar-nav > .active > a, .navbar-default.navbar-dark .navbar-nav > .active > a:hover, .navbar-default.navbar-dark .navbar-nav > .active > a:focus,
  .navbar-default.navbar-dark .navbar-nav > .active.open > a, .navbar-default.navbar-dark .navbar-nav > .active.open > a:hover, .navbar-default.navbar-dark .navbar-nav > .active.open > a:focus {
    color: #fff;
  }
  .navbar-default.navbar-dark .navbar-nav .open .dropdown-menu > li.active > a {
    color: #fff;
    background-color: #444446;
  }
  .navbar-default.navbar-dark .navbar-nav > .active > a, .navbar-default.navbar-dark .navbar-nav > .active > a:hover, .navbar-default.navbar-dark .navbar-nav > .active > a:focus,
  .navbar-default.navbar-dark .navbar-nav > .active.open > a, .navbar-default.navbar-dark .navbar-nav > .active.open > a:hover, .navbar-default.navbar-dark .navbar-nav > .active.open > a:focus {
    background-color: #444446;
    color: #fff;
  }

  .navbar-default.navbar-transparent .navbar-nav {
    background-color: rgba(255, 255, 255, 0.95);
  }
  .navbar-default.navbar-transparent .navbar-nav > li > a,
  .navbar-default.navbar-transparent .navbar-nav > .open > a, .navbar-default.navbar-transparent .navbar-nav > .open > a:hover, .navbar-default.navbar-transparent .navbar-nav > .open > a:focus {
    color: #a2a2a2;
  }
  .navbar-default.navbar-transparent .navbar-nav > .active > a, .navbar-default.navbar-transparent .navbar-nav > .active > a:hover, .navbar-default.navbar-transparent .navbar-nav > .active > a:focus,
  .navbar-default.navbar-transparent .navbar-nav > .active.open > a, .navbar-default.navbar-transparent .navbar-nav > .active.open > a:hover, .navbar-default.navbar-transparent .navbar-nav > .active.open > a:focus {
    color: #a2a2a2;
    background-color: #ececec;
  }

  .dropdown-menu .dropdown .dropdown-menu {
    display: block;
    padding-left: 12px;
  }
  .dropdown-menu .dropdown a > i {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .navbar-brand {
    margin-top: 0;
  }

  .navbar-default .navbar-nav {
    margin-left: 0;
  }
  .navbar-default .navbar-nav .dropdown-menu .dropdown a {
    background-color: inherit;
  }
  .navbar-default .navbar-nav .dropdown-menu .dropdown i {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .navbar-toggle {
    margin-right: 15px;
  }

  .navbar > .container .navbar-brand {
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -10px;
  }
}
/* ----------------------------------------------------- */
/* HERO UNIT 
/* Types: slider with animated object, default slider
/* ----------------------------------------------------- */
.hero-unit-animated {
  padding: 100px 0;
  color: #fff;
  background-image: url('../img/hero-unit-bg.png?1420789489');
  background-repeat: no-repeat;
  background-position: center -75px;
}
.hero-unit-animated .hero-heading {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 42px;
  font-weight: 300;
  color: #fff;
}
.hero-unit-animated .lead {
  font-size: 24px;
}
.hero-unit-animated .hero-button {
  padding: 10px 40px;
  margin-top: 24px;
  background-color: #ce0001;
  border: none;
}
.hero-unit-animated .hero-button:hover, .hero-unit-animated .hero-button:focus {
  background-color: #848484;
}
@media screen and (max-width: 1200px) {
  .hero-unit-animated .hero-left {
    max-width: 100%;
    float: none !important;
    text-align: center;
  }
  .hero-unit-animated .hero-heading {
    font-size: 36px;
  }
  .hero-unit-animated .lead {
    font-size: 18px;
  }
  .hero-unit-animated .hero-right {
    display: none;
  }
}

.hero-left {
  max-width: 50%;
}

/* carousel */
.carousel-control {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  bottom: inherit;
  width: 45px;
  height: 45px;
  background: #777;
}
.carousel-control:hover {
  background: #6a6a6a;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.carousel-control .fa {
  line-height: 45px;
}

.carousel-indicators {
  bottom: -90px;
}
.carousel-indicators > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.carousel-indicators > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* hero unit slider */
.hero-unit-slider {
  /* hero unit with slick carousel */
}
.hero-unit-slider .carousel-inner > .item {
  overflow: hidden;
}
.hero-unit-slider .carousel-caption {
  bottom: inherit;
  top: 8em;
  text-shadow: none;
}
.hero-unit-slider .hero-heading {
  font-size: 50px;
  color: #fff;
}
.hero-unit-slider .hero-button {
  border: 3px solid #fff;
  color: #fff;
}
.hero-unit-slider .hero-button:hover, .hero-unit-slider .hero-button:focus {
  background: #ce0001;
  color: #fff;
}
.hero-unit-slider .carousel-indicators {
  bottom: 0;
}
.hero-unit-slider .carousel-control {
  background: rgba(0, 0, 0, 0.2);
}
.hero-unit-slider .carousel-control:hover {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .hero-unit-slider .carousel-caption {
    top: 10em;
  }
  .hero-unit-slider.slider-responsive .carousel-caption {
    top: 3em;
  }
}
@media screen and (max-width: 1200px) {
  .hero-unit-slider .carousel-inner > .item > img {
    max-width: inherit;
  }
  .hero-unit-slider.slider-responsive .slick-dots {
    display: none !important;
  }
  .hero-unit-slider.slider-responsive .carousel-caption {
    top: 2em;
  }
  .hero-unit-slider.slider-responsive .hero-heading {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .hero-unit-slider .carousel-caption {
    top: 11em;
  }
  .hero-unit-slider .hero-heading {
    font-size: 28px;
  }
  .hero-unit-slider .lead {
    font-size: 16px;
  }
  .hero-unit-slider .hero-button {
    font-size: 13px;
  }
  .hero-unit-slider.slider-responsive .slick-dots {
    display: none !important;
  }
  .hero-unit-slider.slider-responsive .carousel-caption {
    top: 0;
  }
}
@media screen and (max-width: 480px) {
  .hero-unit-slider.slider-responsive {
    margin-bottom: 30px;
    /* slider image can has enough height and keeping the center focal point */
  }
   .hero-unit-slider.slider-responsive .slick-slide img {
    max-width: 100%;
    position: relative; 
 
  } 
  .hero-unit-slider.slider-responsive .hero-heading {
    font-size: 24px;
  }
  .hero-unit-slider.slider-responsive .hero-button {
    font-size: 11px;
  }
}
.hero-unit-slider .slick-carousel .slick-slider {
  margin-bottom: 0;
}
.hero-unit-slider .slick-carousel .slick-prev, .hero-unit-slider .slick-carousel .slick-next {
  top: 50%;
  margin-top: -22.5px;
  width: 45px;
  height: 45px;
}
.hero-unit-slider .slick-carousel .slick-prev:hover, .hero-unit-slider .slick-carousel .slick-prev:focus, .hero-unit-slider .slick-carousel .slick-next:hover, .hero-unit-slider .slick-carousel .slick-next:focus {
  background: rgba(0, 0, 0, 0.3);
}
.hero-unit-slider .slick-carousel .slick-prev {
  left: 0;
}
.hero-unit-slider .slick-carousel .slick-dots {
  position: absolute;
  bottom: 20px;
}
.hero-unit-slider .slick-carousel .slick-dots button {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.hero-unit-slider .slick-carousel .slick-dots .slick-active button {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* fullscreen hero unit */
html.fullscreen,
html.fullscreen body,
html.fullscreen .wrapper {
  height: 100%;
}

.hero-unit-fullscreen {
  position: relative;
  height: 100%;
  font-size: 2em;
  text-align: center;
  color: #fff;
  background-image: url('../img/fullscreen-bg.jpg?1444716816');
  background-repeat: no-repeat;
  background-position: center;
}
.hero-unit-fullscreen .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #57a3ff;
}
.hero-unit-fullscreen .container {
  position: relative;
}
.hero-unit-fullscreen .left {
  width: 100%;
  position: relative;
  top: 7em;
}
.hero-unit-fullscreen .hero-heading {
  margin-bottom: 20px;
  font-size: 3em;
  font-weight: 300;
  color: #fff;
}
.hero-unit-fullscreen .lead {
  font-size: 24px;
  margin-bottom: 60px;
}
.hero-unit-fullscreen .hero-button {
  padding: 15px 30px;
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.hero-unit-fullscreen .hero-button:hover, .hero-unit-fullscreen .hero-button:focus {
  background-color: #4E98F3;
  border-color: #4E98F3;
}
.hero-unit-fullscreen .down-arrow {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  text-align: center;
  display: none;
}
@media screen and (min-width: 1200px) {
  .hero-unit-fullscreen .down-arrow {
    display: block;
    bottom: 1em;
  }
}
.hero-unit-fullscreen .down-arrow a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  border: 2px solid #fff;
}
.hero-unit-fullscreen .down-arrow a:hover, .hero-unit-fullscreen .down-arrow a:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
@media screen and (max-width: 480px) {
  .hero-unit-fullscreen .lead {
    font-size: 18px;
    font-weight: 400;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .hero-unit-fullscreen .left {
    top: 4em;
  }
}
@media screen and (max-width: 768px) {
  .hero-unit-fullscreen .hero-heading {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .hero-unit-fullscreen .left {
    top: 12em;
  }
}
@media screen and (min-width: 992px) {
  .hero-unit-fullscreen {
    text-align: left;
  }
  .hero-unit-fullscreen .left {
    top: 10em;
  }
}
@media screen and (min-width: 1200px) {
  .hero-unit-fullscreen {
    font-size: 2.2em;
  }
}

/* fullscreen hero slider */
body.fullscreen-slider .navbar {
  z-index: 2;
}

.hero-unit-fullscreen-slider .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(155, 155, 155, 0.9);
}
.hero-unit-fullscreen-slider .slide-content {
  color: #fff;
  top: 50%;
  position: relative;
  margin-top: -12em;
}
.hero-unit-fullscreen-slider .hero-heading {
  font-size: 6em;
  color: #fff;
}
.hero-unit-fullscreen-slider .lead {
  font-size: 36px;
  margin-bottom: 50px;
}
.hero-unit-fullscreen-slider .btn-hero {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  padding: 14px 28px;
}
.hero-unit-fullscreen-slider .arrow-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -30px;
}
.hero-unit-fullscreen-slider .arrow-nav a {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  text-align: center;
  line-height: 75px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.hero-unit-fullscreen-slider .arrow-nav a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.hero-unit-fullscreen-slider .arrow-nav .arrow-left {
  left: 15px;
}
.hero-unit-fullscreen-slider .arrow-nav .arrow-right {
  right: 15px;
}
.hero-unit-fullscreen-slider .arrow-nav i {
  font-size: 36px;
}
.hero-unit-fullscreen-slider .pager {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
}
.hero-unit-fullscreen-slider .pager a {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 5px solid rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  display: inline-block;
  text-indent: -9999px;
  margin: 0 3px;
}
.hero-unit-fullscreen-slider .pager a.activeSlide {
  border-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1200px) {
  .hero-unit-fullscreen-slider .hero-heading {
    font-size: 4.5em;
  }
  .hero-unit-fullscreen-slider .lead {
    font-size: 30px;
  }
  .hero-unit-fullscreen-slider .slide-content {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 992px) {
  .hero-unit-fullscreen-slider .hero-heading {
    font-size: 3.5em;
  }
  .hero-unit-fullscreen-slider .lead {
    font-size: 28px;
  }
  .hero-unit-fullscreen-slider .slide-content {
    padding-left: 70px;
    padding-right: 70px;
  }
  
}
  
}
@media screen and (max-width: 768px) {
  .hero-unit-fullscreen-slider .hero-heading {
    font-size: 2em;
  }
  .hero-unit-fullscreen-slider .lead {
    font-size: 22px;
  }
  .hero-unit-fullscreen-slider .slide-content {
    text-align: center;
    margin-top: -7em;
  }
  

}



div.mc-image {
  z-index: 0 !important;
  /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
   	If you are using fading transitions, use 'opacity: */
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  /*If you are using horizontal slide transitions, use the following CSS:
  -webkit-transition: left 1s ease-in-out; 
  -moz-transition: left 1s ease-in-out; 
  -o-transition: left 1s ease-in-out; 
  transition: left 1s ease-in-out;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

/* ----------------------------------------------------- */
/* BOOTSTRAP UI ELEMENTS 
/* All styles that override bootstrap elements
/* ----------------------------------------------------- */
/* button */
.btn {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn:active, .btn.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary {
  background-color:#cc0001; border:0px
 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
.btn-primary .open > .dropdown-toggle.btn-primary {
  background-color: #ffd400;
  border-color: #cc0001; 
}


.btn-primary2 {
  background-color:white; border:0px; color:#ce0001; width:90%; float:right; max-width:300px
 
}
.btn-primary2:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
.btn-primary2 .open > .dropdown-toggle.btn-primary {
  background-color: #ffd400;
  border-color: #cc0001; 
}


.btn-group.open .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* outline buttons */
.btn-outline {
  background-color: transparent !important;
  border-width: 2px;
  color: #3e3e3e;
}
.btn-outline:hover, .btn-outline:focus {
  color: inherit;
}
.btn-outline:active, .btn-outline.active {
  color: inherit !important;display:none
}
.btn-outline:active:focus, .btn-outline:active.focus, .btn-outline.active:focus, .btn-outline.active.focus {
  color: inherit !important;
}
.btn-outline.btn-default:hover {
  background-color: #b3b3b3;
}
.btn-outline.btn-primary:hover {
  background-color: #ce0001;
}
.btn-outline.btn-info:hover {
  background-color: #5BC0DE;
}
.btn-outline.btn-success:hover {
  background-color: #ce0001;
}
.btn-outline.btn-warning:hover {
  background-color: #F0AD4E;
}
.btn-outline.btn-danger:hover {
  background-color: #D9534F;
}
.btn-outline.btn-outline-disabled, .btn-outline [disabled] {
  border: 2px solid #ccc;
  color: #ccc;
}
.btn-outline.btn-outline-disabled:hover, .btn-outline [disabled]:hover {
  color: #ccc;
}

/* remove button transition effect */
.btn-no-transition {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

/* rounded and no rounded buttons, default: rounded 2px */
.btn-rounded-2x {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn-rounded-3x {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.btn-rounded-4x {
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}

.btn-no-rounded {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* input groups */
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.form-control,
.input-group-addon {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-group-addon .fa {
  min-width: 14px;
}

/* control label */
.form-horizontal.left-aligned .control-label {
  text-align: left;
}

/* tabs */
.nav-tabs > li > a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #ce0001;
    color: #fff;
  }
}

.nav .open > a, .nav .open a:hover, .nav .open a:focus {
  border-color: #fff;
}

.nav-pills > li > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #ce0001;
}

.nav-tabs.tabs-iconized > li i,
.nav-pills.tabs-iconized > li i {
  position: relative;
  margin-right: 3px;
  top: 3px;
  font-size: 20px;
}

.custom-tabs-left {
  border-bottom: none;
}
.custom-tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ccc;
  border-bottom: none;
}
.custom-tabs-left > .nav-tabs > li {
  float: none;
}
.custom-tabs-left > .nav-tabs > li a {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  min-width: 74px;
  margin-right: -1px;
}
.custom-tabs-left > .nav-tabs > li a:hover, .custom-tabs-left > .nav-tabs > li a:focus {
  background: transparent;
  border-color: transparent;
}
.custom-tabs-left > .nav-tabs .active a, .custom-tabs-left > .nav-tabs .active a:hover, .custom-tabs-left > .nav-tabs .active a:focus {
  border: 1px solid #ccc;
  border-right-color: #fff;
  color: inherit;
  background-color: #fff;
}
.custom-tabs-left .tab-content {
  padding-top: 5px;
}

.custom-tabs-line {
  text-align: center;
}
.custom-tabs-line ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.custom-tabs-line ul > li {
  float: left;
}
.custom-tabs-line ul > li a {
  color: #a1a1a1;
}
.custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
  color: #3e3e3e;
  background-color: transparent;
}
.custom-tabs-line.tabs-line-top {
  border-top: 1px solid #ccc;
}
.custom-tabs-line.tabs-line-top ul > li {
  margin-top: -1px;
}
.custom-tabs-line.tabs-line-top a {
  border-top: 1px solid transparent;
}
.custom-tabs-line.tabs-line-top .active a {
  border-top-color: #ce0001;
}
.custom-tabs-line.tabs-line-bottom {
  border-bottom: 1px solid #ccc;
}
.custom-tabs-line.tabs-line-bottom ul > li {
  margin-bottom: -1px;
}
.custom-tabs-line.tabs-line-bottom a {
  border-bottom: 1px solid transparent;
}
.custom-tabs-line.tabs-line-bottom .active a {
  border-bottom: 1px solid #ce0001;
}
.custom-tabs-line.left-aligned {
  text-align: left;
}
.custom-tabs-line.right-aligned {
  text-align: right;
}

.tab-content {
  padding: 15px 8px;
}

.tab-pane.text-center img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* accordion, collapsible content */
.panel-group .panel .panel-title > a i {
  font-size: 18px;
}
.panel-group .panel .panel-title > a i.icon-collapsed {
  display: none;
}
.panel-group .panel .panel-title > a.collapsed .icon-expanded {
  display: none;
}
.panel-group .panel .panel-title > a.collapsed .icon-collapsed {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: baseline;
}

/* alerts */
.alert {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

div[class*="col-"] > .form-group {
  margin-left: 0;
  margin-right: 0;
}

/* add contextual color for badges */
.badge-primary {
  background-color: #ce0001;
}

.badge-info {
  background-color: #5BC0DE;
}

.badge-success {
  background-color: #ce0001;
}

.badge-warning {
  background-color: #F0AD4E;
}

.badge-danger {
  background-color: #D9534F;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
  color: #ce0001;
}
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #5281bb;
  border-color: #ce0001;
  color: #fff;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #5281bb;
  border-color: #ce0001;
  color: #fff;
}
.pagination > .active > a, .pagination > .active > span {
  background-color: #ce0001;
  border-color: #cc0001;
}
.pagination.borderless > li > a,
.pagination.borderless > li > span {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-color: transparent;
  margin: 0 1px;
}
.pagination.borderless > li:first-child > a,
.pagination.borderless > li:first-child > span, .pagination.borderless > li:last-child > a,
.pagination.borderless > li:last-child > span {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.pagination.borderless > li.active > a,
.pagination.borderless > li.active > span {
  color: #fff;
  background-color: #ce0001;
}
.pagination.borderless > li.active > a:hover, .pagination.borderless > li.active > a:focus,
.pagination.borderless > li.active > span:hover,
.pagination.borderless > li.active > span:focus {
  color: #fff;
  background-color: #ce0001;
}

.pager li > a:hover, .pager li > a:focus {
  background-color: #ce0001;
  border-color: #848484;
  color: #fff;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  border-color: #ddd;
}

/* ----------------------------------------------------- */
/* UI ELEMENTS 
/* All styles related with custom UI elements, overrides
/* plugin styles
/* ----------------------------------------------------- */
.btn-toggle,
.btn-toggle.focus {
  background-color: #eaeaea;
  color: #a8a8a8;
  border-color: #d7d7d7;
}
.btn-toggle.active,
.btn-toggle.focus.active {
  background-color: #F0AD4E;
  border-color: #EEA236;
  color: #fff;
}
.btn-toggle.active:hover,
.btn-toggle.focus.active:hover {
  color: #fff;
}

.btn-toggle:hover {
  color: #808080;
}

.form-horizontal.label-left .control-label {
  text-align: left;
}

/* slick plugin */
.slick-carousel {
  position: relative;
}

.slick-slide {
  outline: none;
  height: auto;
}

.slick-next,
.slick-prev {
  position: absolute;
  right: 0;
  top: -47px;
  left: inherit;
  width: 30px;
  height: 30px;
  background-color: #ce0001;
  color: #fff;
}
.slick-next:hover, .slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
  background-color: #cc0001;
}

.slick-prev {
  right: 31px;
  z-index: 9;
}
.slick-prev:before {
  content: '\f104';
}

.slick-next:before {
  content: '\f105';
}

.slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 15px;
}
.slick-dots li {
  width: 12px;
  height: 12px;
}
.slick-dots li button {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #e8e8e8;
}
.slick-dots li button:before {
  font-family: initial;
  font-size: 0;
}
.slick-dots li.slick-active button {
  background-color: #c2c2c2;
}

/* boxed content */
.mouse{
	cursor:pointer
}
.mouse:hover{
	color:#ce0001
}
.boxed-content {
  text-align: center;
  margin-bottom: 35px;
}
.boxed-content > i {
  font-size: 7em;
  color: #ce0001;
}
.boxed-content .boxed-content-title {
  font-size: 22px!important;
  font-weight: 700; text-transform:uppercase
}
.boxed-content.left-aligned {
  text-align: left;
}
.boxed-content.left-aligned .boxed-content-title {
  margin-bottom: 10px;
  line-height: 28px;
  font-weight: normal;
}
.boxed-content.left-aligned i {
  float: left;
  margin-right: 10px;
  font-size: 2em;
}
.boxed-content.left-boxed-icon i {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  width: 60px;
  height: 60px;
  background: #ce0001;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.boxed-content.left-boxed-icon .boxed-content-title,
.boxed-content.left-boxed-icon p {
  padding-left: 80px;
}

/* testimonial */
.testimonial-body {
  position: relative;
  margin: 0 auto;
}
.testimonial-body p {
  font-size: 1.5em;
  font-style: italic;
  font-weight: 300;
  color: #717171;
}
.testimonial-body.smaller-font p {
  font-size: 14px;
}

.testimonial-author {
  padding-top: 20px;
}
.testimonial-author img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.testimonial-author .author-name {
  font-weight: 700;
}
.testimonial-author em {
  display: block;
}

.testimonial-fancy i {
  position: absolute;
  top: -12px;
  font-size: 3em;
  color: #ce0001;
  z-index: 1;
}
.testimonial-fancy .testimonial-body {
  width: 80%;
}
.testimonial-fancy .testimonial-author {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .testimonial-fancy .testimonial-body {
    width: 100%;
  }
}

.testimonial.slick-carousel .slick-prev, .testimonial.slick-carousel .slick-next {
  top: auto;
  bottom: 0;
  background-color: #eaeaea;
}
.testimonial.slick-carousel .slick-prev:before, .testimonial.slick-carousel .slick-next:before {
  color: #3e3e3e;
}
.testimonial.slick-carousel .slick-prev:hover, .testimonial.slick-carousel .slick-next:hover {
  background-color: #dddddd;
}
.testimonial.slick-carousel .testimonial-body {
  padding: 0 1px;
  /* fix truncated testimonial body by slick */
}

.testimonial-bubble {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  padding: 15px 15px 15px 54px;
  margin: 10px;
  background: #ebebeb;
}
.testimonial-bubble:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50px;
  border-width: 20px 0 0 20px;
  border-style: solid;
  border-color: #ebebeb transparent;
}
@media screen and (max-width: 480px) {
  .testimonial-bubble {
    padding: 15px 20px;
  }
}

.testimonial-with-bg {
  padding: 45px 0 50px 0;
  background-image: url('../img/careers.jpg');
  background-attachment: fixed;
  background-position: center center;
  color: #fff; margin-bottom:-74px
}
.testimonial-with-bg .testimonial-body p {
  color: #fff;
  font-style: normal;
  font-size: 1.8em;
}
.testimonial-with-bg .testimonial {
  margin-bottom: 0;
}
.testimonial-with-bg .testimonial.slick-carousel .slick-next, .testimonial-with-bg .testimonial.slick-carousel .slick-prev {
  background-color: transparent;
}
.testimonial-with-bg .testimonial.slick-carousel .slick-next:before, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:before {
  color: #fff;
}
.testimonial-with-bg .testimonial.slick-carousel .slick-next:hover, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

.mobile .testimonial-with-bg {
  background-attachment: inherit;
  background-position: center -35em;
}

@media screen and (max-width: 480px) {
  .testimonial-with-bg .testimonial-body p {
    font-size: 1.3em;
  }
}
/* client logo list */
.list-client-logo {
  text-align: justify;
  margin-bottom: 0;
}
.list-client-logo:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.list-client-logo:before {
  content: '';
  display: block;
}
@media screen and (max-width: 768px) {
  .list-client-logo img {
    width: 85px;
  }
}

/* call to action */
.call-to-action {
  background-color: #f0f0f0;
  padding: 25px 0;
  margin-bottom: 0;
}
.call-to-action .section-heading {
  margin: 0;
  font-size: 36px;
  line-height: 45px;
}
.call-to-action .section-heading:after {
  display: none;
}
.call-to-action span {
  position: relative;
  top: 13px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .call-to-action {
    text-align: center;
  }
  .call-to-action .pull-left, .call-to-action .pull-right {
    width: 100%;
    float: none !important;
  }
  .call-to-action .btn {
    margin-top: 10px;
  }
  .call-to-action span {
    top: 7px;
  }
}

/* social connect icons */
ul.social-icons li a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: 60px;
  height: 60px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
ul.social-icons li a.facebook-bg:hover, ul.social-icons li a.facebook-bg:focus {
  background-color: #344f98;
}
ul.social-icons li a.twitter-bg:hover, ul.social-icons li a.twitter-bg:focus {
  background-color: #138bee;
}
ul.social-icons li a.googleplus-bg:hover, ul.social-icons li a.googleplus-bg:focus {
  background-color: #d73925;
}
ul.social-icons li a.rss-bg:hover, ul.social-icons li a.rss-bg:focus {
  background-color: #e65c00;
}
ul.social-icons li a i {
  position: relative;
  top: 8px;
}

/* newsletter form */
.newsletter-form {
  margin-top: 20px;
}
.newsletter-form .form-control {
  font-size: 14px;
}
.newsletter-form .input-group-lg > .form-control,
.newsletter-form .input-group-lg > .input-group-btn > .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;color:white
}
.newsletter-form .input-group-lg > .form-control {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #414143;
  outline: none;
}
.newsletter-form .input-group-lg > .form-control:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.newsletter-form .input-group-lg > .input-group-btn > .btn {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ce0001;
  font-size: 14px;
  padding: 10px;
  min-width: 93px;
}
.newsletter-form .input-group-lg > .input-group-btn > .btn:hover, .newsletter-form .input-group-lg > .input-group-btn > .btn:focus {
  background-color: #cc0001;
}
.newsletter-form .input-group-lg > .input-group-btn > .btn i {
  display: none;
}
.newsletter-form .input-group-lg > .input-group-btn > .btn.loading i {
  display: inline;
}
.newsletter-form .input-group-lg > .input-group-btn > .btn.loading span {
  display: none;
}
.newsletter-form .input-group-lg .input-group-btn:last-child > .btn {
  margin-left: 0;
}
.newsletter-form .alert {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 5px;
  border: none;
  font-size: 12px;
  background: transparent;
  color: #fff;
  font-weight: 600;
}
.newsletter-form .alert.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.newsletter-form .alert.alert-danger {
  color: #DF6967;
}
.newsletter-form .alert.alert-success {
  color: #69C76A;
}
.newsletter-form .alert a {
  color: #fff;
  text-decoration: underline;
}
.newsletter-form .alert a:hover, .newsletter-form .alert a:focus {
  text-decoration: none;
}

.widget {
  margin-bottom:25px; margin-top: 38px;
}

/* sharing tools */
.sharing-tools > li {
  padding-left: 3px;
  padding-right: 3px;
}
.sharing-tools > li > a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

/* bootstrap multiselect */
.input-group.input-group-lg > .input-group-btn > .multiselect + .btn-group > .btn {
  height: 46px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  line-height: 24px;
}

/* sidebar navigation */
ul.sidebar-nav {
  padding-left: 0;
}
ul.sidebar-nav li {
  padding: 0;
}
ul.sidebar-nav li a {
  display: block;
  padding: 10px 15px;
  color: #3e3e3e;
}
ul.sidebar-nav li a:hover {
  color: #ce0001;
}
ul.sidebar-nav li.current a {
  color: #ce0001;
  font-weight: 700;
}
ul.sidebar-nav .list-group-item.active,
ul.sidebar-nav .list-group-item.active:hover,
ul.sidebar-nav .list-group-item.active:focus {
  background-color: #fff;
  border-color: #ddd;
}
ul.sidebar-nav li.has-submenu:after {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  right: 10px;
  top: 11px;
  font-family: "FontAwesome";
  content: '\f105';
  color: #3e3e3e;
}
ul.sidebar-nav li.has-submenu.active {
  background-color: #fff;
  border-color: #ddd;
}
ul.sidebar-nav li.has-submenu.active:after {
  content: '\f107';
}
ul.sidebar-nav li.has-submenu.active > a,
ul.sidebar-nav li.has-submenu.active li.active > a {
  color: #ce0001;
  font-weight: 700;
}
ul.sidebar-nav ul.submenu {
  padding-left: 10px;
}
ul.sidebar-nav ul.submenu li:first-child a {
  padding-top: 0;
}

/* breadcrumb */
.breadcrumb {
  background-color: transparent;
}
.breadcrumb > li.active {
  color: #ce0001;
}
.breadcrumb a {
  color: #3e3e3e;
}
.breadcrumb a:hover, .breadcrumb a:focus {
  text-decoration: none;
  color: #ce0001;
}
.breadcrumb.link-accent > li.active {
  color: inherit;
}
.breadcrumb.link-accent a {
  color: #ce0001;
}
.breadcrumb.link-accent a:hover, .breadcrumb.link-accent a:focus {
  text-decoration: none;
  color: #cc0001;
}
.breadcrumb.separator-arrow > li + li:before {
 
  font-family: "FontAwesome";
  content: '\f105';
}

/* google maps */
.google-map > div {
  height: 350px;
}

/* fancy checkbox and radio button */
.fancy-checkbox {
  display: block;
}
.fancy-checkbox input[type=checkbox] {
  display: none;
}
.fancy-checkbox input[type=checkbox] + span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  margin-right: 10px;
}
.fancy-checkbox input[type=checkbox] + span:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  bottom: 1px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  content: "";
  border: 1px solid #ccc;
}
.fancy-checkbox input[type=checkbox]:checked + span:before {
  font-family: FontAwesome;
  content: '\f00c';
  font-size: 11px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  background: #ce0001;
  border: 1px solid #ce0001;
}

.fancy-radio {
  display: block;
}
.fancy-radio input[type=radio] {
  display: none;
}
.fancy-radio input[type=radio] + span {
  display: block;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
  font-size: 13px;
}
.fancy-radio input[type=radio] + span > i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  bottom: 1px;
  content: "";
  border: 1px solid #ccc;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.fancy-radio input[type=radio]:checked + span > i:after {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: relative;
  top: 3px;
  left: 3px;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #ce0001;
}

/* switch checkbox and radio */
.switch-input {
  display: block;
  position: relative;
  line-height: 1;
  margin-bottom: 4px;
  padding: 10px 60px 0 0;
  cursor: pointer;
}
.switch-input input {
  position: absolute;
  left: -9999px;
}
.switch-input input:checked + i {
  border-color: #ce0001;
}
.switch-input input:checked + i:before {
  right: 33px;
}
.switch-input input:checked + i:after {
  content: attr(data-swon-text);
  text-align: right;
  color: #777;
}
.switch-input i {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 50px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background: #fff;
  font-style: normal;
}
.switch-input i:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  background-color: #ce0001;
}
.switch-input i:after {
  content: attr(data-swoff-text);
  position: absolute;
  top: 2px;
  right: 8px;
  left: 8px;
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
  color: #aaaaaa;
}

/* date picker */
.datepicker > div {
  padding: 5px 20px;
}
.datepicker th, .datepicker td {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.datepicker td.active:active, .datepicker td.active.active {
  background-image: none;
  background-color: #ce0001;
  border-color: #cc0001;
  color: #fff;
}
.datepicker td.active:hover {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker td.active:hover:active, .datepicker td.active:hover.active {
  background-image: none;
  background-color: #ce0001;
  border-color: #cc0001;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 14px;
}
.datepicker .switch {
  text-align: center;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active [disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #ce0001;
  border-color: #cc0001;
}

/* date range picker */
.daterangepicker .calendar-date {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.daterangepicker th .input-mini, .daterangepicker th li, .daterangepicker td .input-mini, .daterangepicker td li,
.daterangepicker .ranges .input-mini,
.daterangepicker .ranges li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #ce0001;
  border-color: #cc0001;
}
.daterangepicker td.in-range {
  background: #e8eef6;
}

.number-info p {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 0;
}
.number-info p span {
  font-size: 0.5em;
}
.number-info.horizontal i {
  font-size: 30px;
  line-height: 1.2;
}
.number-info.horizontal p {
  padding-left: 40px;
  line-height: 1;
  text-align: left;
}
.number-info.horizontal p span {
  display: block;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .number-info.horizontal {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  .number-info.horizontal i {
    float: none !important;
  }
  .number-info.horizontal p {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding-left: 0;
  }
 
  
}
@media screen and (max-width: 480px) {
  .number-info.horizontal i {
    float: none !important;
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .number-info.horizontal p {
    text-align: center;
  }
}
.number-info.vertical {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.number-info.vertical i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60px;
  margin-bottom: 5px;
  font-size: 36px;
}
.number-info.vertical p span {
  display: block;
}
@media screen and (max-width: 768px) {
  .number-info.vertical {
    margin-bottom: 30px;
  }
}
.number-info.info-big p {
  font-size: 4em;
}

.info-chart {
  text-align: center;
}
.info-chart .chart-title {
  display: block;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .info-chart .chart-title {
    margin-bottom: 50px;
  }
}

.pie-chart {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  width: 180px;
  margin-bottom: 20px;
}
.pie-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.pie-chart .percent {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 180px;
  z-index: 2;
  font-size: 36px;
  font-weight: 300;
}
.pie-chart .percent:after {
  margin-left: 0.1em;
}

/* parsley erorr list */
.parsley-errors-list {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
.parsley-errors-list li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
}
.parsley-errors-list li {
  color: #D9534F;
  font-size: 0.9em;
  margin-top: 3px;
}

/* latest news */
.news-item img {
  width: 140px;
}
.news-item .right {
  padding-left: 150px;
}
.news-item .news-title {
  margin-bottom: 5px;
  margin-top: 0;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.news-item p {
  font-size: 12px;
}
.news-item a {
  color: inherit;
}
.news-item a:hover, .news-item a:focus {
  color: #ce0001;
}

.news-featured img {
  width: 100%;
  margin-bottom: 15px;
}
.news-featured .news-title {
  font-size: 22px;
  width: 100%;
}
.news-featured p {
  font-size: inherit;
}
.news-featured .news-meta {
  font-size: 11px;
  color: #777;
}

.see-all-news {
  border: 1px solid #e4e4e4;
  font-size: 16px;
  text-align: center;
}
.see-all-news a {
  display: block;
  padding: 30px 0;
}

@media screen and (max-width: 480px) {
  .news-item img {
    float: none !important;
    width: 100%;
    margin-bottom: 10px;
  }
  .news-item .right {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .news-item .news-title {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .news-featured {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .news-item img {
    width: 110px;
  }
  .news-item .right {
    padding-left: 120px;
  }
  .news-item.news-featured img {
    width: 100%;
  }
}
/* main features */
.main-features {
  padding: 40px 0;
  margin-bottom: 60px;
  text-align: center;
  background-color: #cc0001;
  color:white;
}
.main-features i {
  font-size: 5em;
  margin-bottom: 28px;
}
.main-features div[class^="col-"]:after {
  content: '';
  border-right: 1px dashed #6894ca;
  position: absolute;
  height: 80px;
  top: 50%;
  right: 0;
  margin-top: -40px;
}
.main-features div[class^="col-"]:last-child:after {
  border-right: none;
}

.feature-heading {
  margin: 0;
  color:white;
  font-weight: 300;
  font-size: 18px;
}

@media screen and (max-width: 992px) {
  .main-features div[class^="col-"] {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .main-features div[class^="col-"]:after {
    display: none;
  }
}
/* ----------------------------------------------------- */
/* PORTFOLIO 
/* Portfolio carousel, portfolio list, single portfolio
/* ----------------------------------------------------- */
/* general portfolio item with hovered caption */
.portfolio-item {
  position: relative;
}
.portfolio-item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(100, 100, 100, 0.9);
}
.portfolio-item .info {
  position: absolute;
  top: 50%;
  margin-top: -49px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.portfolio-item .media-wrapper {
  overflow: hidden;
}
.portfolio-item .title {
  font-family: inherit;
  color: #fff;
}
.portfolio-item .brief-description {
 text-align:center;  padding:4px; color:white; margin-bottom:8px
}
.portfolio-item .overlay, .portfolio-item .info {
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.portfolio-item img {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  max-width: 100%;
}
.portfolio-item:hover img {
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.portfolio-item:hover .overlay, .portfolio-item:hover .info {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
.portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
  color: #fff;
}
.portfolio-item .btn {
  background-color: #cc0001;
  border: 1px solid #cc0001;
}
.portfolio-item .btn:hover, .portfolio-item .btn:focus {
  color: #fff;
  background-color: #ce0001;
}

.portfolio-nospace .portfolio-item {
  margin-bottom: 0;
}

.portfolio-static {
  margin: 0 10px;
}
.portfolio-static .portfolio-item {
  margin-left: -10px;
  margin-right: -10px;
}

/* portfolio with slick carousel */
.slick-carousel .portfolio-item {
  width: 500px;
}

/* portfolio list with isotope filter */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  -webkit-transition-property: height, width;
  transition-property: height, width;
}

.isotope, .isotope .isotope-item {
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.isotope .isotope-item {
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item,
.isotope .isotope-item.no-transition {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

/* portfolio isotope filters */
.portfolio-item-filters {
  text-align: center;
  margin-bottom: 30px;
}
.portfolio-item-filters li {
  padding: 0;
  margin-left: -2px;
  margin-right: -2px;
}
.portfolio-item-filters li:first-child {
  margin-left: 0;
}
.portfolio-item-filters li a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  padding: 7px 14px;
  color: inherit;
}
.portfolio-item-filters li a:hover, .portfolio-item-filters li a:focus {
  text-decoration: none;
  outline: none;
  color: #ce0001;
}
.portfolio-item-filters li a.active {
  background-color: #ce0001;
  color: #fff;
}

/* portfolio items */
.portfolio-item-wrapper {
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  margin-bottom: 30px;
}

.portfolio-item-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.portfolio-item-list li {
  padding: 0;
  overflow: hidden;
}
.portfolio-item-list li img {
  max-width: 100%;
  width: 100%;
}
.portfolio-item-list.spaced {
  width: auto;
}
.portfolio-item-list.spaced li {
  padding: 0 5px;
}
.portfolio-item-list.list-col-4 li {
  width: 25%;
}
.portfolio-item-list.list-col-3 li {
  width: 33.333333%;
}
.portfolio-item-list.list-col-2 li {
  width: 50%;
}
@media screen and (max-width: 548px) {
  .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
    width: 100%;
  }
}
@media screen and (min-width: 548px) and (max-width: 1024px) {
  .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
    width: 50%;
  }
}

/* single portfolio item */
.portfolio-media img {
  width: 100%;
  max-width: 100%;
}
.portfolio-media .slick-dots {
  position: absolute;
  margin-bottom: 25px;
}
.portfolio-media .slick-dots li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  margin: 0 3px;
}
.portfolio-media .slick-dots li button {
  width: 10px;
  height: 10px;
  background-color: #fff;
}
.portfolio-media .slick-dots li.slick-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.portfolio-media .slick-dots li.slick-active button {
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.portfolio-media .slick-next, .portfolio-media .slick-prev {
  background-color: rgba(210, 210, 210, 0.19);
  top: 18px;
}
.portfolio-media .slick-next:hover, .portfolio-media .slick-prev:hover {
  background-color: rgba(210, 210, 210, 0.6);
}
.portfolio-media .slick-next {
  right: 7px;
}
.portfolio-media .slick-prev {
  right: 40px;
}

.project-detail-list {
  margin-bottom: 25px;
}
.project-detail-list > li {
  margin-bottom: 15px;
}
.project-detail-list strong {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 80px;
}

.portfolio-related {
  margin-top: 50px;
}

/* ----------------------------------------------------- */
/* BLOG 
/* Blog list, blog single item
/* ----------------------------------------------------- */
/* blog list */
.blog a:hover, .blog a:focus {
  text-decoration: none;
}
.blog .entry-title {
 
}

.blog .entry-title a {
  color: inherit; text-transform:uppercase
}
.blog .entry-title a:hover, .blog .entry-title a:focus {
  color: #ce0001;
}
.blog .entry-header {
  margin-bottom: 15px;
}
.blog h2 {
  font-size: 23px; color:#cc0001
}
.blog .meta-line {
  color: #adadad;
}
.blog .meta-line span {
  margin-right: 15px;
}
.blog .meta-line .post-comment {
  margin-right: 0;
}
.blog .meta-line a {
  color: inherit;
  font-weight: 600;
}
.blog .meta-line a:hover, .blog .meta-line a:focus {
  color: #ce0001;
}
.blog .featured-video,
.blog .featured-image {
  margin-bottom: 20px;
}
.blog .featured-image img {
  max-width: 100%;
}
.blog .featured-video iframe {
  border: none;
}
.blog .featured-video .post-date-info {
  z-index: 9999;
}
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper {
  position: relative;
  height: 0;
  padding-top: 1px !important;
  padding-bottom: 70%;
}
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog .post-date-info {
  position: absolute;
  padding: 7px 0;
  width: 60px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 300;
}
.blog .post-date,
.blog .post-month,
.blog .post-year {
  display: block;
  text-align: center;
}
.blog .post-date {
  font-size: 20px;
}
.blog .post-month,
.blog .post-year {
  font-size: 11px;
  line-height: 1.3;
}
.blog hr {
  margin: 35px 0;
}
@media screen and (max-width: 768px) {
  .blog .meta-line > div {
    display: block;
    float: none !important;
  }
}
@media screen and (max-width: 480px) {
  .blog .post-tags {
    display: none;
  }
}

/* latest posts, recent posts */
.blogposts, .recent-comments {
  margin-bottom: 0;
}
.blogposts li, .recent-comments li {
  margin-bottom: 20px;
}
.blogposts li:last-child, .recent-comments li:last-child {
  margin-bottom: 0;
}

.blogposts .post-title {
  margin-bottom: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.6;
}
.blogposts span {
  font-size: 11px;
}

/* recent comments */
.recent-comments img {
  width: 40px;
  height: 40px;
}
.recent-comments .media-heading {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.3;
}

.category-list li a {
  display: block; color: inherit;
  font-weight: 600;
}


.category-list li a:hover, .category-list li a:focus {
  color: #ce0001;
}

.sub-category-list {
  padding-left: 10px;
  list-style: none;
}

/* tag list */
.tag-list {
  padding-left: 5px; 
}
.tag-list li {
  padding-right: 0;float:none
}
.tag-list li a {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  margin-bottom: 5px;
  padding: 4px 10px;
  background-color: #ce0001;
  color: #fff;
  border: 1px solid transparent;
}
.tag-list li a:hover, .tag-list li a:focus {
  background-color: #fff;
  border-color: #777;
  color: #3e3e3e;
}

/* blog single item */
.blog.single .section-heading {
  margin-top: 0;
  font-family: inherit;
  font-size: 21px;
  font-weight: 600;
}

.social-sharing .section-heading {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 18px !important;
  margin-bottom: 0;
  margin-right: 10px;
  line-height: 22px;
  font-weight: normal !important;
}
.social-sharing .section-heading:after {
  display: none;
}

.sharing-tools {
  margin-bottom: 0;
}

.author-info .author-name {
  font-size: 18px;
}

/* related post */
.related-post-list img {
  width: 275px;
  max-width: 100%;
}
.related-post-list a {
  display: block;
}
.related-post-list .post-title {
  margin-top: 10px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .related-post-list li {
    margin-bottom: 30px;
  }
  .related-post-list li:last-child {
    margin-bottom: 0;
  }
  .related-post-list img {
    width: 100%;
  }
}

/* comments */
.comments .media-left {
  float: left;
}
.comments .avatar {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 45px;
  height: 45px;
}
.comments .avatar.anonymous {
  font-size: 22px;
  background-color: #ccc;
  color: #8c8c8c;
  text-align: center;
  line-height: 45px;
}
.comments .comment-author {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
  font-family: inherit;
  font-size: 16px;
}
.comments .comment-by-author {
  padding: 5px;
  background: #FCF7D9;
}

/* --------------*/
/* TYPOGRAPHY 
/* -------------*/
.text-body-color {
  color: #3e3e3e !important;
}

.text-white-color {
  color: #fff;
}

.text-dashed {
  border-bottom: 1px dashed #3e3e3e;
}

.text-accent-color {
  color: #ce0001;
}

.dropcap {
  float: left;
  min-width: 31px;
  padding: 5px 0;
  margin: 5px 8px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  background-color: #ce0001;
  color: #FFF;
}
.dropcap.dropcap-big {
  min-width: 50px;
  padding: 8px 0;
  margin: 5px 10px 0 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 36px;
}

.list-iconed i {
  font-size: 15px;
}

.heading-center {
  text-align: center;
  margin-bottom: 50px;
  padding-top: 30px;
}
.heading-center .section-heading {
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 300;
}
.heading-center .section-heading:after {
  display: none;
}
.heading-center .lead {
  color: #adadad;
}
.heading-center hr {
  width: 80px;
  margin-top: 40px;
  border-color: #ce0001;
}

.contact-info.contact-half {
  margin-left: 2.5em;
}
.contact-info.contact-half li {
  font-size: 18px;
  margin-bottom: 30px;
}
.contact-info.contact-half i {
  font-size: 21px;
  line-height: 21px;
}

/*------------------------------------------------*/
/*	Page: FAQ
/*------------------------------------------------*/
.panel-group-faq.top-faq .panel-heading .number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  background-color: #ce0001;
}

 .fa2 {
  display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    /* font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 17px; padding:0px 8px 0px 0px }

.panel-group-faq2 {
  margin-bottom: 10px!important;
}

.panel-group-faq {
  margin-bottom: 20px;
}
.panel-group-faq .panel-heading {
  padding-left: 0;
}
.panel-group-faq .panel-minimal .panel-heading + .panel-collapse > .panel-body {
  margin-top: 0;
}
.panel-group-faq .panel-title {
  font-family: inherit;
  font-size: 16px!important;
  line-height: 1.6;
}
.panel-group-faq .panel-body {
  padding-left: 0;
}
.panel-group-faq.top-faq .panel-heading {
  padding: 15px 0;
}
.panel-group-faq.top-faq .panel-heading .number2 {

  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;

  margin-right: 6px;
  color: #ce0001;
  line-height: 1.1;
  text-align: center;
 padding-top: 3px;     
   
}
 

.fa2a {
    font-size: 15px!important;
}

.panel-group .panel .panel-title > a i




.panel-group-faq.top-faq .panel-title {
  font-size: 18px;
}
.panel-group-faq.top-faq .panel-body {
  padding-left: 40px;
}

.faq-footer {
  position: relative;
  margin-top: 15px;
  padding: 5px 8px;
  background-color: #e7e7e7;
  font-size: 11px;
}
.faq-footer .share {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  right: 8px;
}
@media screen and (max-width: 768px) {
  .faq-footer {
    font-size: 13px;
  }
  .faq-footer .share {
    display: block;
    position: relative;
    right: 0;
  }
}

.faq-further-links-list {
  margin: 30px 0;
}
.faq-further-links-list > li {
  width: 20em;
}

/*------------------------------------------------*/
/*	Page: Search Results
/*------------------------------------------------*/
.page-search-result h2 {
  font-size: 1.8em;
  margin-bottom: 30px;
  margin-top: 0;
}
.page-search-result h2 .search-result-info {
  font-size: 0.5em;
}
.page-search-result ul.list-results li {
  margin: 30px 0;
}
.page-search-result ul.list-results li h3 {
  margin: 0;
  font-size: 1.5em;
}
.page-search-result ul.list-results li h3 a:hover, .page-search-result ul.list-results li h3 a:focus {
  text-decoration: underline;
}
.page-search-result ul.list-results li .result-url {
  color: #008000;
}
.page-search-result ul.list-results li p {
  margin-bottom: 0;
}
.page-search-result ul.list-results li.type-document i {
  font-size: 6em;
  line-height: 1;
}
.page-search-result ul.list-results li.type-image img {
  width: 140px;
}
@media screen and (max-width: 480px) {
  .page-search-result ul.list-results li.type-image img {
    width: 110px;
  }
}
.page-search-result ul.list-results li.type-portfolio img {
  width: 150px;
}
/*------------------------------------------------*/
/*	Page: Error Page
/*------------------------------------------------*/
.page-error {
  padding: 2em 0 6em 0;
}
.page-error h1 {
  font-size: 12em;
  line-height: 1;
}

/*------------------------------------------------*/
/*	Page: Suppport
/*------------------------------------------------*/
.form-knowledge-search {
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .form-knowledge-search input[type=search] {
    font-size: 0.9em;
  }
}

.knowledge h2 {
  border-bottom: 1px solid #ccc;
  line-height: 30px;
  font-size: 20px;
}
.knowledge h2 span {
  font-weight: normal;
}
.knowledge h2 a {
  text-decoration: none;
}
.knowledge ul li {
  line-height: 30px;
}
.knowledge ul li a {
  color: #3e3e3e;
  display: block;
  padding-left: 20px;
}
.knowledge ul li a:hover {
  text-decoration: underline;
}
.knowledge ul li i {
  font-size: 14px;
  line-height: 29px;
}

.knowledge-recent-popular {
  margin-top: 50px;
}
.knowledge-recent-popular ol {
  padding-left: 20px;
}
.knowledge-recent-popular ol li {
  line-height: 30px;
}

ul.nav-categories {
  margin-bottom: 30px;
}
ul.nav-categories > li {
  border: 1px solid #ccc;
}
ul.nav-categories > li:first-child {
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
ul.nav-categories > li:last-child {
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
ul.nav-categories > li:not(:first-child) {
  border-top: none;
}
ul.nav-categories > li + li {
  margin-top: 0;
}
ul.nav-categories > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #3e3e3e;
}
ul.nav-categories > li > a:hover {
  background-color: #e6e6e6;
}

.ticket-box {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 15px;
}

/*------------------------------------------------*/
/*	Page: Contact Us
/*------------------------------------------------*/
.contact-info {
  margin-left: 1.7em;
}
.contact-info > li {
  margin-bottom: 8px;
}

.sidebar-map > div {
  height: 260px;
}

/*------------------------------------------------*/
/*	Page: About Us
/*------------------------------------------------*/
.team-member {
  margin-bottom: 60px;
}
.team-member.media > .pull-left {
  margin-right: 30px;
  padding-right: 0;
}
.team-member .team-name {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 5px;
  line-height: 1.6;
  color: #fff;
  background-color: #ce0001;
}
.team-member strong {
  display: block;
  font-size: 0.9em;
}
.team-member hr {
  width: 50px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-left: 0;
}
.team-member .social-icon > li {
  padding-right: 12px;
}
.team-member .social-icon > li > a {
  color: #989898;
  font-size: 18px;
}
.team-member .social-icon > li > a:hover, .team-member .social-icon > li > a:focus {
  color: #797979;
}
@media screen and (max-width: 480px) {
  .team-member {
    text-align: center;
  }
  .team-member.media > .pull-left {
    display: inline;
    float: none !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .team-member hr {
    margin: 20px auto;
    float: none !important;
  }
}

@media screen and (max-width: 480px) {
  .team {
    padding-bottom: 0;
  }
}
/* ----------------------------------------------------- */
/* HELPERS
/* ----------------------------------------------------- */
.inline-img {
  float: left;
  margin: 0 10px 10px 0;
  width: 50%;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.margin-bottom-30px {
  margin-bottom: 30px !important;
}

.margin-bottom-50px {
  margin-bottom: 50px !important;
}

.body-text-bg {
  background-color: #3e3e3e !important;
}

.control-inline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: auto;
}

.hide-first {
  display: none;
}

/* list icons */
.list-icons-demo li {
  margin-bottom: 20px;
}
.list-icons-demo li i {
  font-size: 24px;
}

@media screen and (max-width: 480px) {
  .inline-img {
    float: none;
    width: 100%;
  }
}




/*
# Subscribe
--------------------------------------------------------------*/
.subscribe {
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  padding: 30px 0 0;
  background-color: #6f6f6f;  margin-bottom: 75px;
}
.subscribe,
.subscribe h1, .subscribe h2,
.subscribe h3, .subscribe h4,
.subscribe h5, .subscribe h6 {
  color: #ffffff;
}
.subscribe .section-header {
  margin-bottom: 35px;
}
.subscribe .section-header .section-title {
  font-size: 2.2em;
  margin-bottom: 8px;
}
.subscribe .section-header {
  padding: 0;
}
.subscribe .section-header::after {
  display: none;
}

.subscribe-form {
  margin-bottom: 5px;
}
.subscribe-form input,
.subscribe-form .btn {
  border: 0 none;
  margin: 0 0 15px; max-width:300px;
}
.subscribe-form input {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid #f0f0f0;
  height: 22px;
  width: 90%;
  padding: 7px 20px 9px; ;color:white!important; 
}
.subscribe-form input:focus {
  border: 1px solid #f0f0f0;color:white!important; 
}


.input placeholder {
 color:white
}
 

.app-bg {
   background-image:url('../img/barcode.png'); background-repeat:no-repeat; background-position:0px 0px; width:60px; height:60px
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder { /* Firefox 18- */
  color: white;
}

/*Scroll Top*/
.scroll-top {
  background-color: #ce0001;
  position: fixed;
  right: 30px;
  bottom: -200px;
  color: #FFFFFF;
  display: block;
  height: 40px;
  width: 40px;
  font-size: 1.2em;
  text-align: center;
  line-height: 40px;
  z-index: 999;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.scroll-top:hover, .scroll-top:focus, .scroll-top:active {
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.sticky-nav .scroll-top {
  bottom: 30px;
  opacity: 1;
}








/*
 * ----------------------------------------------------------------------------------------
 *  16.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-section { background: #fffff ; margin-top:-30px}
.pricing-content {
    border: 1px solid #e8e8e9;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 *  16.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

/* account-box, applied to login and register */
.account-box {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 14px 0px 0px 0px;
  
 

}
.account-box h1 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 30px;
}
.account-box a {
  color: #3e3e3e;
  text-decoration: underline;
}
.account-box a:hover, .account-box a:focus {
  text-decoration: none;
}

/* shop login form */
.login-box .text-right {
  padding-top: 5px;
}






/*
# Blog
--------------------------------------------------------------*/



.post-no:hover {
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15)!important;
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15)!important;
  -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15)!important;
  -o-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15)!important;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15)!important;
  
}


.post {
  margin-bottom: 40px;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.post:hover {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}
.post .post-tags {
  margin-top: 30px;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 600;
  letter-spacing: .1em;
}
.post .post-tags a {
  padding: 3px 10px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #424242;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.post .post-tags a:hover {
  background-color: #ce0001;
  color: #FFFFFF;cd0001
}

.entry-content blockquote {
  border-left: 3px solid #ce0001;
  font-size: 1.1em;
  font-style: italic;
}

.media-container {
  display: block;
  overflow: hidden;
}

.post-desc {
  padding: 20px;
}
.post-desc1 {
  padding:0px 20px 20px  20px;
}

.post-title {
  font-size: 1.2em;
  font-weight: 700;
 
  text-transform: uppercase;
}

.post-title2 {
  font-size: 1.2em;
  font-weight: 700;
 
text-align:center; color:#3e3e3e
}
.post-title2a {
  font-size: 1.1em;
  font-weight: 700;
  letter-spacing: .1em;
  color:#3e3e3e
}


.post-title a {
  color: #656565;
}
.post-title a:hover {
  color: #ce0001;
}

.post-info {
  margin-bottom: 10px;
}

.fp-more {
  color: #cc0001;
  font-weight: 400;
  font-size: .9em;
  text-transform: uppercase;
}
.fp-more::after {
  content: '\f3d6';
  font-family: ionicons;
  margin-left: 5px;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

    
    
.fp-more:hover::after {
  margin-left: 12px;
}

.post-gallery {
  position: absolute;
}
.post-gallery .owl-nav .owl-prev,
.post-gallery .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  font-size: 1.2em;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #ce0001;
  color: #FFFFFF;
  text-align: center;
  opacity: .4;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.post-gallery .owl-nav .owl-prev:hover,
.post-gallery .owl-nav .owl-next:hover {
  opacity: 1;
}
.post-gallery .owl-nav .owl-prev {
  left: 5px;
}
.post-gallery .owl-nav .owl-next {
  right: 5px;
}

.blog-listing .post-title {
  font-size: 1.4em;
  font-weight: 700;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.blog-listing .post-info {
  margin-bottom: 20px;
}
.blog-listing .fp-more {
  margin-top: 20px;
}
.blog-listing .post-desc {
  padding: 30px;
}

.post-wrapper {
  margin-bottom: 20px;
}

.fp-pagination {
  display: block;
  margin: 60px 0 40px;
  width: 100%;
}
.fp-pagination .pagination-meta {
  margin-top: 7px;
  float: right;
}
.fp-pagination a,
.fp-pagination .current {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 28px;
  text-align: center;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.fp-pagination a {
  color: #999999;
}
.fp-pagination a:hover {
  border-color: rgba(0, 0, 0, 0.3);
  color: #424242;
}
.fp-pagination .current {
  background-color: #ce0001;
  border-color: #ce0001;
  color: #FFFFFF;
}

.content-block {
  padding: 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.content-block:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.content-block .block-title {
  margin-bottom: 30px;
}

.author-bio::before, .author-bio::after {
  content: '';
  display: table;
  visibility: hidden;
}
.author-bio::after {
  clear: both;
}
.author-bio .author-avatar {
  height: 120px;
  width: 120px;
  float: left;
  margin-right: 20px;
}
.author-bio .author-desc {
  overflow: hidden;
}
.author-bio .name {
  margin-bottom: 7px;
}
.author-bio .social-links {
  margin-top: 12px;
  font-size: .9em;
}
.author-bio .social-links a {
  padding: 0;
  margin-right: 15px;
  color: #999999;
}
.author-bio .social-links a:hover {
  color: #424242;
}

 
/*Aspect Ratio*/
.ratio-4-3,
.ratio-16-9 {
  position: relative;
  display: block;
}
.ratio-4-3::after,
.ratio-16-9::after {
  display: block;
  content: '';
}
.ratio-4-3 .ratio-inner,
.ratio-16-9 .ratio-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ratio-16-9::after {
  padding-top: 56.25%;
}

.social-links a {
  font-size: 1.7em;
  line-height: 1;
  padding: 2px 8px;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.social-links a:hover {
  color: #ce0001;
}

.social-links.brand-color a.facebook {
  color: #3b5998;
}
.social-links.brand-color a.twitter {
  color: #55acee;
}
.social-links.brand-color a.g-plus {
  color: #dc4e41;
}
.social-links.brand-color a.linkedin {
  color: #e68523;
}
.social-links.brand-color a.pinterest {
  color: #bd081c;
}
.social-links.brand-color a.youtube {
  color: #cd201f;
}
.social-links.brand-color a.tumblr {
  color: #3b5998;
}
.social-links.brand-color a.instagram {
  color: #3f729b;
}

.social-links.brand-bg a {
  color: #ffffff !important;
}
.social-links.brand-bg a.facebook {
  background-color: rgba(59, 89, 152, 0.8);
}
.social-links.brand-bg a.facebook:hover {
  background-color: #3b5998;
}
.social-links.brand-bg a.twitter {
  background-color: rgba(85, 172, 238, 0.8);
}
.social-links.brand-bg a.twitter:hover {
  background-color: #55acee;
}
.social-links.brand-bg a.g-plus {
  background-color: rgba(220, 78, 65, 0.8);
}
.social-links.brand-bg a.g-plus:hover {
  background-color: #dc4e41;
}
.social-links.brand-bg a.linkedin {
  background-color: rgba(230, 133, 35, 0.8);
}
.social-links.brand-bg a.linkedin:hover {
  background-color: #e68523;
}
.social-links.brand-bg a.pinterest {
  background-color: rgba(189, 8, 28, 0.8);
}
.social-links.brand-bg a.pinterest:hover {
  background-color: #bd081c;
}
.social-links.brand-bg a.youtube {
  background-color: rgba(205, 32, 31, 0.8);
}
.social-links.brand-bg a.youtube:hover {
  background-color: #cd201f;
}
.social-links.brand-bg a.tumblr {
  background-color: rgba(59, 89, 152, 0.8);
}
.social-links.brand-bg a.tumblr:hover {
  background-color: #3b5998;
}
.social-links.brand-bg a.instagram {
  background-color: rgba(63, 114, 155, 0.8);
}
.social-links.brand-bg a.instagram:hover {
  background-color: #3f729b;
}

.social-links.brand-hover-color a:hover.facebook {
  color: #3b5998;
}
.social-links.brand-hover-color a:hover.twitter {
  color: #55acee;
}
.social-links.brand-hover-color a:hover.g-plus {
  color: #dc4e41;
}
.social-links.brand-hover-color a:hover.linkedin {
  color: #e68523;
}
.social-links.brand-hover-color a:hover.pinterest {
  color: #bd081c;
}
.social-links.brand-hover-color a:hover.youtube {
  color: #cd201f;
}
.social-links.brand-hover-color a:hover.tumblr {
  color: #3b5998;
}
.social-links.brand-hover-color a:hover.instagram {
  color: #3f729b;
}

.social-links.brand-hover-bg a.facebook:hover {
  background-color: #3b5998;
}
.social-links.brand-hover-bg a.twitter:hover {
  background-color: #55acee;
}
.social-links.brand-hover-bg a.g-plus:hover {
  background-color: #dc4e41;
}
.social-links.brand-hover-bg a.linkedin:hover {
  background-color: #e68523;
}
.social-links.brand-hover-bg a.pinterest:hover {
  background-color: #bd081c;
}
.social-links.brand-hover-bg a.youtube:hover {
  background-color: rgba(205, 32, 31, 0.1);
}
.social-links.brand-hover-bg a.tumblr:hover {
  background-color: rgba(59, 89, 152, 0.1);
}
.social-links.brand-hover-bg a.instagram:hover {
  background-color: rgba(63, 114, 155, 0.1);
}





/* ************** 	START HEADER 	*********************** */
/* ******************************************************** */

/* top-bar *****************************/
#newedge-top-bar{
	border-bottom: 1px solid #e9eaed;
}
.newedge-date{
	color : #b9b9b9;
	padding-right: 20px;
}
.top-right{
	display: table;
	float: right;
	height: 65px;
}
.top-right>div{
	display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #e9eaed;
}
.newedge-login{
	font-size: 18px;
    padding: 0 3px; 
}


.newedge-login .fa span{

font-family:  Arial, Helvetica, sans-serif;  margin-left:2px

}



.newedge-login a{
 color:#ce0001; 
}
.newedge-language{
	font-size: 16px;
	color: #b9b9b9;
}
.newedge-search{
	padding: 0 20px;
}
.newedge-search .search-icon-wrapper{
	font-size: 18px;
    color: #b9b9b9;
    -webkit-transition: all .3s;
    transition: all .3s;  
}
.newedge-search .search-icon-wrapper:hover{
	cursor: pointer;
}
.search-wrapper{
	display: none;
    position: absolute;
    top: 0;
    right: 15px;
    width: 90%;
    height: 100%;
    background: #fff;
    z-index: 999;
}
.search-wrapper input {
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 65px;
    padding: 6px 12px;
    position: absolute;
    border-right: solid 1px #e9eaed;
    border-left: solid 1px #e9eaed;
}
.search-wrapper input:hover,
.search-wrapper input:focus{
    border-right: solid 1px #e9eaed;
    border-left: solid 1px #e9eaed;
}
.search-wrapper #search-close{
	position: absolute;
	top: 0;
	right: 20px;
	line-height: 65px;
	font-size: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.search-wrapper #search-close:hover{
	cursor: pointer;
}





/* ************** 	 START POPUP LOGIN 	 ***************** */
/* ******************************************************* */
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.newedge-login .modal-content{
  border-radius: 0;
  background: #fafafa;
  padding: 30px;
  text-align: center;
  font-size: 14px;
}
.newedge-login .modal-header {
  border: none;
  font-size: 24px;
}
.newedge-login .modal-body input[type=text] {
  margin-bottom: 20px;
}
.newedge-login .modal-body .remember-wrap {
  text-align: left;
  margin: 20px 0 30px;
}
.newedge-login .modal-body .remember-wrap label {
  margin-left: 10px;
  font-weight: 400;
  vertical-align: middle;
}
.newedge-login .button-wrap .btn{
	padding: 0 30px;
}
.newedge-login .modal-body p {
  font-size: 14px;
 
  margin-left: 30px;
}
.newedge-login .modal-content a{
	color: #ce0001;
}
.newedge-login .modal-content a:hover{
	color: #000000;
}
.newedge-login .modal-header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #a9a9a9;
  border: 1px solid;
  padding: 5px 8px;
  border-radius: 30px;
  transition: all .3s;
  webkit-transition: all .3s;
}
.newedge-login .modal-header .close i {
  margin-right: 0;
}
.newedge-login .modal-body{
	margin-bottom: 10px;
}
.newedge-login  .modal-footer{
	text-align: center;
}
/* ************** 	 END:: POPUP LOGIN 	 ***************** */
/* ******************************************************* */


.redish{ background-color:#cc0001!important; color:white!important;}
.red{ color:#cc0001!important; }









/*

RESPONSTABLE 2.0 by jordyvanraaij
  Designed mobile first!

If you like this solution, you might also want to check out the 1.0 version:
  https://gist.github.com/jordyvanraaij/9069194

*/ 
.responstable2 {  width: 100%!important}

.responstable {
  margin: 1em 0;
  width: 75%;
  overflow: hidden;
  background: #FFF;

  border-radius: 10px;
  border: 1px solid #cc0001;  background-color:#fcfcfc
}
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
  background-color: #f0f0f0;
}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #cc0001;
  color: #FFF;
  padding: 1em;
}
.responstable th:first-child {
  display: table-cell;
  
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
 
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }
}
.responstable th, .responstable td {
  text-align: left;
  margin: .5em 1em;
}
@media (min-width: 320px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: .7em;
  }
}


h1 {
  font-family: Verdana;
  font-weight: normal;
  color: #024457;
}
h1 span {
  color: #cc0001;
}
.txt-big{
	font-size:15px
}
.bold{font-weight:bold}
.pt-1{ display:block; padding-top:1px;}
.pt-10{ display:block; padding-top:8px;}
.pt-11{ display:block; padding-top:11px;}
.pt-20{ display:block; padding-top:20px;}
.text-l{text-align:left!important}
H10{margin-top: 20px;color: #ce0001; font-weight:bold; font-size:16px;display: block;}
H11{margin-top: 0px;color: #ce0001; font-weight:bold; font-size:17px;display: block; margin-bottom:3px}
.map{height:300px;}
.h8,h8{
	font-size:17px; margin-bottom:15px;  clear:both; display:inline-table
}
.ml-50{
	margin-left:50px;
}
.border{
	 width:100%;border-bottom:1px dotted #dddddd; border-top:1px dotted #dddddd; padding:2px 0px 2px 0px; display:inline-table
}

.border2{
	 width:100%;border-bottom:1px dotted #dddddd;  padding:2px 0px 2px 0px; display:inline-table
}


.tit1{
	 font-weight:bold; display:block; margin:6px 0px 3px 0px
}
.small-b{
	 margin:13px 0px 0px 0px; font-size:12px
}

.ml-40{
	margin-left:42px; margin-bottom:20px
}

.squar{
  list-style-type:square
}

.mt-m20{
  margin-top:-45px;  display:block; padding-top:15px; 
}



.ml-20{
	margin-left:20px; list-style-type:square
}
.mld-20{
	margin-left:-22px;  list-style:decimal; line-height:22px
}

.mld-20b{
	margin-left:-22px;  line-height:22px; list-style:none
}

.mld-20A{
	margin-left:-22px;  list-style: upper-latin; line-height:22px
}

.mld-15{
	margin-left:-22px;list-style-type: square;line-height:18px
}
.mld-15 li{
 margin-top:5px
}

.mld-16{
	margin-left:-39px;list-style-type: none;line-height:18px; font-size:13px; font-weight:500
}
.mld-16 li{
 margin-top:6px
}

.pop{
	position:inherit!important; margin-top:5px; display:inline-table
}
.img-rt{float:left; width:75%}
.img-rt2{float:left; width:50%}
.f-left{float:left}
.m-right{margin-right:30px}
.img-res{ height:auto; max-width:100%}

@media (max-width:730px) {
.img-rt{float:none; width:100%}
.img-rt2{float:none; width:100%}
.responstable {  width: 100%;}

}



.section-heading2 {
   background-color:#fff; margin:8px 0px 15px 0px;    border-radius: 0px 0px 10px 10px }


.price-w{ width:100px
	
}

.news{
	font-size:17px; color:#cc0001;  font-weight:bold; 
}
.blocke{

}
.small-t{
 display:block; font-weight:bold;   padding:2px 0px 0px 0px; font-size:14px; color:#ce0001
}
.pad-top-15{
	padding-top:15px
}

.pad-top{
	padding-top:0px!important
}
.center{
	text-align:center
}
.mb10{
	 margin-bottom:10px
}

.wh{
	    min-height: 166px;
}











/* ************** 	START FOOTER 	*********************** */
/* ******************************************************** */


.footer-wrapper  p {
    font-size: 14px;
}
 .footer-wrapper
h1, h2, h3, h4, h5, h6, p {
    margin: 0; color:#434343
}
.footer-wrapper p {
    margin: 0 0 10px;
}
.footer-wrapper 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-wrapper p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.footer-wrapper #bottom1 {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}
 .footer-wrapper {
    background-color: #262424;
    color: #fff;
    margin: 50px 0 -50px 0;
}

 .footer-wrapper  a:hover, a:focus {
    outline: none;
    text-decoration: none;
    color: #000;}


tags .tag-name:hover {
    background: rgba(0,0,0,.5);
}

.tags .tag-name {
    display: inline-block;
    padding: 0 15px;
    background-color: rgba(0,0,0,0.08);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    border-radius: 2px;
    margin: 10px;
}

.tags :hover, a:focus {
    outline: none;
    text-decoration: none;
    color: #000;
}
.tags a:focus, a:hover {
    color: #ce0001;
    text-decoration: underline;
}
.tags a:active, a:hover {
    outline: 0;
}


footer .footer-wrapper >.container{
  background-color: #ce0001;
}
.copyright-wrapper a{
  color: #ce0001;
}
.copyright-wrapper a:hover {
  color: #c61017;
}
footer .h3{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}



footer{
	margin-top: 74px;
}
.footer-wrapper{
	background-color: #262424;
    color: #fff;
    margin: 50px 0 -50px 0;
}
footer a,
footer p{
	color: #fff; font-size:14px
}
footer .footer-wrapper >.container{
	background-image: url(../img/bottom-bg.png);
    background-size: cover;
    padding: 0px 0 30px 50px;
    position: relative;
    top: -50px;
}
#bottom1{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.footer-logo{
	margin-bottom:25px;
}
.footer-info{
	margin-bottom: 15px;
}
.footer-contact span{
	color: white; font-weight:bold
}
.footer-contact p{
	margin-bottom: 5px;
}
footer .title{
	text-transform: none;
    font-size: 22px;
    margin-bottom: 20px; color:white;
    margin-top:45px
}
footer .menu>li{
	margin-bottom: 10px;
}
.social-wrapper{
	margin-left: 50px;
}
.tags{
	margin: -12px;
}
.tags .tag-name{
	display: inline-block;
    padding: 0 10px;
    background-color: rgba(0,0,0,0.08);
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    border-radius: 2px;
    margin: 8px;
}
.tags .tag-name:hover {
    background: rgba(0,0,0,.5); color:white
}

/*copyright-wrapper*/
.copyright-wrapper{
 
    font-size: 12px;
    line-height: 20px;
	padding: 10px 0 0  0;
	 background-color:#262424
}
.copyright-wrapper p{
	font-size: 12px;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px; margin-left:-37px}
/* ************** 	END:: FOOTER 	*********************** */
/* ******************************************************** */

/* -------------------------
   20. our pricing table
----------------------------*/

.pricing-table-single.two{
  display:block;
  overflow:hidden;
  transition:.3s;
  background: #ce0001; margin-bottom:13px
}
.table-content {
  margin-bottom: 30px;
  margin-right: 30px;
  padding: 25px;
}
.pricing-table-single.two h6 {
font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  margin: 25px 0 25px 32px;
  }
 
.table-content {
  background: #fff none repeat scroll 0 0;
  transition:.4s;
}
.price-category h1 {
  color: #ce0001;
  font-size: 46px;
  font-weight: 900;
  margin: 0;
}
.price-category h1 span {
  color: #999999;
  font-size: 12px;
  font-weight: 900;
  margin-left: 7px;
  text-transform: uppercase;
}
.price-list > ul {
  padding-bottom: 20px;
  padding-top: 25px;
}
.price-list li:first-child {
  padding-top: 0;
}
.price-list > ul li {
  display: block;
  padding: 7px 0;
}
.price-list > ul li a {
  color: #606060;
  cursor: unset;
  font-size: 14px;
  font-weight: 400;
}
.price-list > ul li a i {
  margin-right: 10px;
}
.two .order-button > a {
  border: 1px solid #ddd;
  background:#f0f0f0;
}
.two .cabl > a {
 
  background:#fcce01 
}

 
.pricing-table-single.two:hover{background:#fff;box-shadow:none;}
.pricing-table-single.two:hover .table-content {  box-shadow: 2px 2px 4px 2px #ddd;}

.pricing-table-single.two:hover .order-button > a{
    background: #fcce01;
    color: #e40613;
    border-color: #fff;}






.pricing-table-single.two:hover h6{color:#ce0001;}
.pricing-table-single.two:hover .table-content{background:#ce0001;color:#fff;border-color:#ce0001;}
.pricing-table-single.two:hover .price-category h1,
.pricing-table-single.two:hover .price-category h1 span,
.pricing-table-single.two:hover .price-list > ul li a{color:#fff;} 
.two .order-button > a:hover{background:#ce0001;color:#fff;border-color:#fff;}



 .order-button > a {
    border: 1px solid #ddd;
    background: #fff;
}

.order-button > a {
    border-top: 1px solid #ddd;
    color: #ce0001;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 15px 0;
    transition: .3s;

  
  
}

.fa2 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.title-c{
	color: #ce0001;
    font-size: 18px;
    margin-bottom: 14px;
    display: inline-table;
}

.text-muted2 {
   display:inline-table; margin-top:10px; 
}


.mapping {
    color: #ce0001;
    cursor: pointer;    }

 


/* -------------------------
   21. Blog Style
----------------------------*/


.img-icon-box {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:before {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  display: block;
}
.img-icon-box i,
.img-icon-box .img-icon-box h3 {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box .img-icon-details {
  position: relative;
  min-height: 330px;
}
.img-icon-box .img-icon-details i {
  color: #FFF;
}
.img-icon-box .img-icon-content {
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.img-icon-box:hover i {
  font-size: 0;
}
.img-icon-box:hover .img-icon-content {
  opacity: 1;
}
/* -------- Icon Box Services ---------- */
.service-icon-box {
  margin-bottom: 30px;
  overflow: hidden;
}
.service-icon-box a {
  background: #eeeeee;
  color: #fff;
  display: inline-block;
  height: 70px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 70px;
}
.service-icon-box a i {
  font-size: 28px;
}
.service-icon-box:hover a i {
  color: #fff;
}
/* -------- Features Services -------
--- */
.feature-icon-box {
  border: 1px solid #ededed;  background-color:#f1f1f1; margin:0px 0px 15px 0px; position:relative
}
.feature-icon-box .feature-icon {
  border: 4px solid #f1f1f1;
  padding: 10px 15px;
  position: absolute;
  top: -30px; 
}

.bg-theme-colored {
  background-color: #ce0001 !important;
}
.p-30 {padding: 30px !important}
.p-30aa {padding: 30px !important}
 
.font-30 {
  font-size: 30px !important; 
}
.text-uppercase{text-transform:uppercase}

.text-white {
  color: #fff !important;
}
h6,
.h6 {
  font-size: 12px;
}
.feature-icon-box h6 {
  
  font-weight: 600;
  line-height: 1.42857143;
  color: #333333;
}
 

.feature-icon-box .t-15 {
    margin-top: 15px !important;
}
.mar-t{
	margin-top:40px;
}
 .boxed-content-title2 {
      margin-top: 10px!important;
    margin-bottom: 10px;
    color: #656565;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    font-size: 17px!important;
line-height:18px; display:inline-block
 }

.feature-icon-box p{
 text-align:justify; line-height:20px
}


 .min-h1{ min-height:316px}




.min-h3{ min-height:316px}
.min-h5{ min-height:390px}
 .min-h6{ min-height:388px}
 
 .min-ha2{ min-height:100px}
.min-ha3{ min-height:300px}

 
@media screen and (max-width: 1200px) {
 .min-h1{ min-height:451px}
.min-h2{ min-height:1px}
.min-h3{ min-height:452px}
 .min-h4{ min-height:1px}
.min-h5{ min-height:523px}
.min-h6{ min-height:523px}


.min-ha2{ min-height:100px}
.min-ha3{ min-height:379px}

  }

@media screen and (max-width: 990px) {
 .min-h1{ min-height:1px}
.min-h2{ min-height:1px}
.min-h3{ min-height:1px}
 .min-h4{ min-height:1px}
.min-h5{ min-height:1px}
.min-h6{ min-height:1px}



  }






/*  5. Course Area
/*----------------------------------------*/
.course-area .section-title-wrapper {margin-bottom: 122px;}
.single-item-image a { ;}
.single-item-image {
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -35px; 

}


.single-item-image img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: top;
}


.overlay-effect a {position: relative}
.overlay-effect a:before {
  background: rgba(45, 62, 80, 0.2) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  width: 100%;
}
.single-item:hover .overlay-effect a:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #ce0001;
    padding: 20PX 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 28px;
}
.single-item:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}
.single-item-text h4 {font-size: 18px; padding-top:0px; color:#ce0001}
.single-item-text h4 a, .single-item-text h4 {color:#ce0001}
.single-item-text-info span {
    color: #696969;
    font-family: "montserratregular";
    margin-right: 11px;
}
.single-item-text-info span span {color: #2d3e50;}
.single-item-text > p {color: #3e3e3e; text-align:justify}
.single-item-content {
    margin-bottom: 12px;
    overflow: hidden;
    padding-top: 12px;
}
.single-item-text-info {margin-bottom: 18px; padding-top: 5px;}
.single-item-comment-view span {
    color: #696969;
    display: inline-block;
    font-family: "montserratregular";
    font-size: 12px;
    margin-right: 17px;
}
.single-item-comment-view span:last-child {margin-right: 0}
.single-item-comment-view > span i {font-size: 14px; margin-right: 8px;}
.single-item-comment-view, .single-item-rating {display: inline-block;}
.single-item-rating {
    color: #f3c30b;
    float: right;
    font-size: 16px;
}
.single-item-rating i {margin-left: 3px;}
.single-item .button-default {padding: 8px 33px; background-color:#CE0001;padding: 8px 33px;color:white; font-size:14px; text-transform:uppercase}
.button-bottom {margin-bottom: -19.5px; text-align: center;}
.single-item:hover .button-default {background: #3e3e3e none repeat scroll 0 0;}
.button-large.button-default {
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.2);
    font-size: 18px;
    margin-top: 83px;
    padding: 12px 18px;
    text-transform: capitalize;
}
.shortcode .button-large.button-default {margin-top: 40px}
.button-default.button-large:hover {background: #2d3e50 none repeat scroll 0 0;}
.button-large.button-default i {
    font-size: 28px;
    line-height: 20px;
    margin-left: 11px;
    position: relative;
    top: 4px;
}

.mar-top {
    margin-bottom: 56px;
}




@media screen and (max-width: 768px) {
 .single-item {
    margin-bottom: 75px;
}
  }
  
  







/* ========================= Elements ========================= */

.affa-feature-icon {
	text-align:center;
	margin-bottom:40px;
}
	.affa-feature-icon > .ion {
		color:#d0d0d0;
		font-size:56px;
		line-height:1;
		margin-bottom:20px;
	}
	.text-white .affa-feature-icon > .ion { color:#FFF; }
	.affa-feature-icon.feature-icon-bg > .ion {
		display:inline-block;
		width:80px;
		height:80px;
		color:#FFF;
		font-size:52px;
		line-height:80px;
		background-color:#00d27f;
		border-radius:50%;
	}
	.text-white .affa-feature-icon.feature-icon-bg > .ion {
		color:#303030;
		background-color:#FFF;
	}
	.bg-color.text-white .affa-feature-icon.feature-icon-bg > .ion { color:#00d27f; }
	.affa-feature-icon.feature-icon-border > .ion {
		display:inline-block;
		width:90px;
		height:90px;
		font-size:48px;
		line-height:86px;
		border:2px solid #e0e0e0;
		border-radius:50%;
	}
	.text-white .affa-feature-icon.feature-icon-border > .ion { border-color:#FFF; }
	.affa-feature-icon > h4 {
		font-size:20px;
		line-height:30px;
		margin:0px;
	}
	.affa-feature-icon > p { margin:20px 0px 0px; }
	.affa-feature-icon > a {
		display:inline-block;
		font-family:Montserrat, Arial, sans-serif;
		font-size:14px;
		line-height:20px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin-top:20px;
	}
		.affa-feature-icon > a .ion { margin-left:7px; }
		
.affa-feature-icon-left {
	position:relative;
	min-height:48px;
	padding-left:75px;
	margin-bottom:40px;
}




.affa-feature-icon-left.feature-icon-bg { min-height:54px; }
	.affa-feature-icon-left > .ion {
		position:absolute;
		top:0px;
		left:0px;
		width:48px;
		color:#d0d0d0;
		font-size:48px;
		line-height:1;
		text-align:center;
	}
	.text-white .affa-feature-icon-left > .ion { color:#FFF; }
	.affa-feature-icon-left.feature-icon-bg > .ion {
		width:48px;
		height:48px;
		color:#FFF;
		font-size:30px;
		line-height:22px;
		background-color:#00d27f;
	  color:#ce0001;
 
 
    padding: 13px 12px;
 
 
	}
	.text-white .affa-feature-icon-left.feature-icon-bg > .ion {
		color:#303030;
		background-color:#ce0001;
	}
	.bg-color.text-white .affa-feature-icon-left.feature-icon-bg > .ion { color:white; }
	.affa-feature-icon-left > h4 {
		font-size:20px;
		line-height:30px;
		margin:0px;
	}
	.affa-feature-icon-left > p { margin:10px 0px 0px; }
	.affa-feature-icon-left > a {
		display:inline-block;
		font-family:Montserrat, Arial, sans-serif;
		font-size:14px;
		line-height:20px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin-top:12px;
	}
		.affa-feature-icon-left > a .ion { margin-left:7px; }
		

	.affa-feature-icon-left2 { margin-bottom:40px; }
	.affa-feature-icon-left2 > h4 {
		position:relative;
		font-size:18px;
		line-height:28px;
		min-height:28px;
		padding-left:65px;
		margin:0px;
	}
	
	
	
	
	
	@media screen and (max-width: 480px) {
  
.affa-feature-icon-left {
 	padding-left:50px;
	margin-bottom:40px;

    
    }
.pad { padding:0px}

.affa-feature-icon-left.feature-icon-bg > .ion {
    width: 40px;
    height: 40px;
    color: #FFF;
    font-size: 25px;
    line-height: 17px;
    background-color: #00d27f;
    color: #ce0001;
    padding: 13px 12px;  

}

  }

	
	
	
	
	
	
	.affa-feature-icon-left2 > h4 .ion {
			position:absolute;
			top:1px;
			left:0px;
			width:65px;
			color:#c0c0c0;
			font-size:28px;
			line-height:1;
			text-align:center;
		}
		
		
	.min-h-none{
	min-height:0px!important; padding-left:34px!important
}	
		
		
		
		
		.affa-feature-icon-left2.feature-icon-dark > h4 .ion { color:#303030; }
		.affa-feature-icon-left2.feature-icon-color > h4 .ion { color:#00d27f; }
		.text-white .affa-feature-icon-left2 > h4 .ion { color:#FFF; }
	.affa-feature-icon-left2 > p { margin:15px 0px 0px }
	
.affa-feature-icon-box {
	text-align:center;
	padding-top:40px;
	margin-bottom:40px;
}
	.affa-feature-icon-box .feature-icon-box-wrap {
		position:relative;
		color:#777;
		background-color:#f9f9f9;
		padding:65px 30px 30px;
		border-bottom:3px solid #EEE;
		border-radius:3px;
	}
	.bg-grey .affa-feature-icon-box .feature-icon-box-wrap {
		background-color:#FFF;
		border:0px;
		box-shadow:0px 1px 7px rgba(0,0,0,.08);
	}
	.text-white .affa-feature-icon-box .feature-icon-box-wrap {
		background-color:#FFF;
		border:0px;
	}
		.affa-feature-icon-box .feature-icon-box-wrap  > .ion {
			position:absolute;
			top:-40px;
			left:50%;
			width:80px;
			height:80px;
			color:#FFF;
			font-size:48px;
			line-height:80px;
			background-color:#00d27f;
			margin-left:-40px;
			border-radius:50%;
		}
		.bg-color.text-white .affa-feature-icon-box .feature-icon-box-wrap  > .ion { background-color:#303030; }
		.affa-feature-icon-box .feature-icon-box-wrap > h4 {
			color:#303030;
			font-size:18px;
			line-height:26px;
			text-transform:uppercase;
			letter-spacing:.5px;
			margin:0px;
		}
		.affa-feature-icon-box .feature-icon-box-wrap > p { margin:15px 0px 0px; }
		.affa-feature-icon-box .feature-icon-box-wrap > a {
			display:inline-block;
			font-family:Montserrat, Arial, sans-serif;
			color:#00d27f;
			font-size:14px;
			line-height:20px;
			font-weight:700;
			text-transform:uppercase;
			letter-spacing:.5px;
			margin-top:20px;
		}
		.affa-feature-icon-box .feature-icon-box-wrap > a:hover { color:#303030; }
		.text-white .affa-feature-icon-box .feature-icon-box-wrap > a:hover { opacity:1; }
			.affa-feature-icon-box .feature-icon-box-wrap > a .ion { margin-left:7px; }
			
.affa-feature-icon-box2 {
	overflow:hidden;
	position:relative;
	height:300px;
	color:#777;
	text-align:center;
	background-color:#f9f9f9;
	margin-bottom:40px;
	border-bottom:3px solid #EEE;
	cursor:pointer;
	border-radius:3px;
	-webkit-transition:background .2s ease, border .2s ease, box-shadow .2s ease;
	transition:background .2s ease, border .2s ease, box-shadow .2s ease;
}
.bg-grey .affa-feature-icon-box2 {
	background-color:#FFF;
	border:0px;
	box-shadow:0px 1px 7px rgba(0,0,0,.08);
}
.text-white .affa-feature-icon-box2 {
	background-color:#FFF;
	border:0px;
}
.affa-feature-icon-box2:hover {
	color:#FFF;
	background-color:#00d27f;
	border-color:#00d27f;
	box-shadow:none;
}
.bg-color.text-white .affa-feature-icon-box2:hover { background-color:#303030; }
	.affa-feature-icon-box2 .feature-icon-box-wrap {
		position:absolute;
		top:50%;
		right:0px;
		left:0px;
		padding:0px 30px;
		margin-top:-65.5px;
		-webkit-transition:color .2s ease, margin .2s ease;
		transition:color .2s ease, margin .2s ease;
	}
	.affa-feature-icon-box2:hover .feature-icon-box-wrap { margin-top:-112px; }
		.affa-feature-icon-box2 .feature-icon-box-wrap > .ion {
			display:inline-block;
			width:80px;
			height:80px;
			color:#FFF;
			font-size:48px;
			line-height:80px;
			background-color:#00d27f;
			margin-bottom:25px;
			border-radius:50%;
			-webkit-transition:color .2s ease, background .2s ease;
			transition:color .2s ease, background .2s ease;
		}
		.affa-feature-icon-box2:hover .feature-icon-box-wrap > .ion {
			color:#00d27f;
			background-color:#FFF;
		}
		.bg-color.text-white .affa-feature-icon-box2:hover .feature-icon-box-wrap > .ion { color:#303030; }
		.affa-feature-icon-box2 .feature-icon-box-wrap > h4 {
			color:#303030;
			font-size:18px;
			line-height:26px;
			font-weight:700;
			text-transform:uppercase;
			letter-spacing:.5px;
			margin:0px;
			-webkit-transition:color .2s ease;
			transition:color .2s ease;
		}
		.affa-feature-icon-box2:hover .feature-icon-box-wrap > h4 { color:#FFF; }
		.affa-feature-icon-box2 .feature-icon-box-wrap .feature-icon-box-desc {
			visibility:hidden;
			margin-top:15px;
			opacity:0;
			-webkit-transition:visibility .2s ease, opacity .2s ease-in-out;
			transition:visibility .2s ease, opacity .2s ease-in-out;
		}
		.affa-feature-icon-box2:hover .feature-icon-box-wrap .feature-icon-box-desc {
			visibility:visible;
			opacity:1;
		}
			.affa-feature-icon-box2 .feature-icon-box-wrap .feature-icon-box-desc p { margin:0px; }
			
.affa-feature-img { margin-bottom:40px; }
	.affa-feature-img > figure {
		overflow:hidden;
		margin-bottom:20px;
		border-radius:3px;
	}
	.affa-feature-img > h4 {
		font-size:22px;
		line-height:30px;
		margin:0px;
	}
	.affa-feature-img > p { margin:12px 0px 0px; }
	.affa-feature-img > a {
		display:inline-block;
		font-family:Montserrat, Arial, sans-serif;
		font-size:14px;
		line-height:20px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin-top:20px;
	}
		.affa-feature-img > a .ion { margin-left:7px; }
		
.affa-feature-list { margin-bottom:40px; }
	.affa-feature-list > .ion {
		color:#d0d0d0;
		font-size:96px;
		line-height:1;
		margin-bottom:25px;
	}
	.affa-feature-list > figure {
		overflow:hidden;
		margin-bottom:20px;
		border-radius:3px;
	}
	.affa-feature-list > h4 {
		font-size:18px;
		line-height:26px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin:0px;
	}
	.affa-feature-list > p { margin:15px 0px 0px; }
	.affa-feature-list > ul {
		padding:0px;
		margin:15px 0px 0px;
	}
		.affa-feature-list > ul li {
			position:relative;
			list-style-type:none;
			padding-left:30px;
			margin-bottom:10px;
		}
		.affa-feature-list > ul li:last-child { margin-bottom:0px; }
			.affa-feature-list > ul li .ion {
				position:absolute;
				top:0px;
				left:0px;
				width:18px;
				color:#00d27f;
				font-size:18px;
				line-height:26px;
				text-align:center;
			}
			.text-white .affa-feature-list > ul li .ion { color:#FFF; }
			
.row-feature-col > div { padding:0px; }
.affa-feature-col {
	overflow:hidden;
	position:relative;
	height:370px;
	color:#FFF;
	background-color:#00d27f;
	padding:80px 100px 0px;
	-webkit-transition:all ease .2s;
	transition:all ease .2s;
}
.affa-feature-col.feature-col-2 { background-color:#05dc87; }
.affa-feature-col.feature-col-3 { background-color:#0ce790; }
.affa-feature-col:hover {
	background-color:#303030;
	padding-right:120px;
	padding-left:80px;
}
	.affa-feature-col .feature-icon {
		position:absolute;
		top:-25%;
		left:-10%;
		font-size:300px;
		opacity:.2;
		-webkit-transition:opacity .2s ease-in-out;
		transition:opacity .2s ease-in-out;
	}
	.affa-feature-col:hover .feature-icon { opacity:.1; }
	.ie .affa-feature-col .feature-icon { display:none; }
	.affa-feature-col h4 {
		color:#FFF;
		font-size:20px;
		line-height:28px;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin-bottom:20px;
	}
	.affa-feature-col p {
		font-weight:400;
		margin-bottom:30px;
	}
	.affa-feature-col .feature-num {
		position:absolute;
		right:20px;
		bottom:15px;
		color:#FFF;
		font-size:60px;
		line-height:1;
		letter-spacing:1px;
		opacity:.3;
		-webkit-transition:opacity .2s ease-in-out;
		transition:opacity .2s ease-in-out;
	}
	.affa-feature-col:hover .feature-num { opacity:.15; }
	.ie .affa-feature-col .feature-num { display:none; }
.affa-feature-col-img {
	overflow:hidden;
	height:370px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.affa-col-half { position:relative; }
	.affa-col-half .col-img {
		position:absolute;
		top:0px;
		right:50%;
		bottom:0px;
		left:0px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;  
	}
	
.affa-col-half2 { position:relative; }
	.affa-col-half2 .col-img {
		position:absolute;
		top:0px;
		right:50%;
		bottom:0px;
		left:0px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;  
	}
	
.affa-col-half3 { position:relative; }
	.affa-col-half3 .col-img {
		position:absolute;
		top:0px;
		right:30%;
		bottom:0px;
		left:0px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;  
	}
	
	@media screen and (max-width: 988px) {
 .affa-col-half .col-img{ display:none}
  .affa-col-half2 .col-img{ display:none}
    .affa-col-half3 .col-img{ display:none}
}

	
	.affa-col-half.col-img-right .col-img {
		right:0px;
		left:50%;
	}
	.affa-col-half > .container > .row { margin:0px -60px; }
		.affa-col-half > .container > .row > div {
			padding-right:60px;
			padding-left:60px;
		}
		
.affa-portfolio {
	overflow:hidden;
	color:#777;
	background-color:#FFF;
	margin-bottom:40px;
	border-radius:3px;
}
.bg-grey .affa-portfolio { box-shadow:0px 2px 4px rgba(0,0,0,.05); }
.carousel-slider .affa-portfolio { margin-bottom:5px; }
	.affa-portfolio a:hover { opacity:1; }
	.affa-portfolio .post-item-thumbnail, .affa-portfolio .post-item-thumbnail .overlay-masked { border-radius:3px 3px 0px 0px; }
	.affa-portfolio .post-item-txt {
		text-align:center;
		padding:30px 25px;
		border-right:1px solid #f0f0f0;
		border-bottom:4px solid #f0f0f0;
		border-left:1px solid #f0f0f0;
		border-radius:0px 0px 3px 3px;
	}
	.bg-grey .affa-portfolio .post-item-txt, .bg-dark .affa-portfolio .post-item-txt, .bg-color .affa-portfolio .post-item-txt { border:0px; }
		.affa-portfolio .post-item-txt a { color:#00d27f; }
		.affa-portfolio .post-item-txt a:hover { color:#303030; }
	.affa-portfolio .post-item-title {
		font-size:20px;
		line-height:28px;
		margin:0px;
	}
		.text-white .affa-portfolio .post-item-title, .affa-portfolio .post-item-title a { color:#303030; }
		.affa-portfolio .post-item-title a:hover { color:#00d27f; }
	.affa-portfolio .post-item-meta {
		color:#c0c0c0;
		font-family:Montserrat, Arial, sans-serif;
		font-size:12px;
		line-height:18px;
		font-weight:500;
		text-transform:uppercase;
		letter-spacing:.5px;
		margin:10px 0px 0px;
	}
		.affa-portfolio .post-item-meta a { color:#c0c0c0; }
		.affa-portfolio .post-item-meta a:hover { color:#303030; }
		.affa-portfolio .post-item-meta span { margin:0px 3px; }
		
.affa-post {
	overflow:hidden;
	color:#777;
	background-color:#FFF;
	margin-bottom:40px;
	border-radius:3px;
}
.bg-grey .affa-post { box-shadow:0px 2px 4px rgba(0,0,0,.05); }
.carousel-slider .affa-post { margin-bottom:5px; }
	.affa-post a:hover { opacity:1; }
	.affa-post .post-item-thumbnail, .affa-post .post-item-thumbnail .overlay-masked { border-radius:3px 3px 0px 0px; }
	.affa-post .post-item-txt {
		padding:30px 25px 0px;
		border-right:1px solid #f0f0f0;
		border-bottom:4px solid #f0f0f0;
		border-left:1px solid #f0f0f0;
		border-radius:0px 0px 3px 3px;
	}
	.bg-grey .affa-post .post-item-txt, .bg-dark .affa-post .post-item-txt, .bg-color .affa-post .post-item-txt { border:0px; }
		.affa-post .post-item-txt a { color:#00d27f; }
		.affa-post .post-item-txt a:hover { color:#303030; }
	.affa-post .post-item-title {
		font-size:20px;
		line-height:28px;
		margin:0px;
	}
		.affa-team2 {
	text-align:center;
	margin-bottom:40px;
}
	.affa-team2 img {
		width:160px;
		border-radius:50%;
		margin-bottom:25px;
	}
	.affa-team2 .team-heading:after {
		display:block;
		width:40px;
		content:'';
		margin:20px auto 0px;
		border-bottom:3px solid #00d27f;
	}
	.affa-col-half {
    position: relative;
}

.text-white {
    color: #FFF;
}

.bg-color {background-color: #f0f0f0 ; margin:20px 0px 30px 0px}
 


    
    .pad{
	margin:40px 5px 40px 5px; color:#3e3e3e
}
    
    
    .pad2a{
margin: 29px 5px 32px 5px;
    color: #3e3e3e;  padding:0px
}
    .pad2a  .affa-feature-icon-left {
    position: relative;
    min-height: 48px;
    padding-left: 75px;
    margin-bottom: 30px;
    
    }
    
  .b-b{
	  font-weight:bold;font-size:15px;     line-height: 1.9;
} 
  .red-b{
	color:#ce0001; font-weight:bold;font-size:15px;     line-height: 1.9;
}  
     .buy .single-item-text{
	  color:#646263; font-size:13px; font-weight:600; line-height:1.4;     position: relative;     margin-top: 25px;
    margin-bottom: 14px; 
}


.buy  img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: top;
    
      overflow: hidden;
    position: relative;
    text-align: center;
    top: 20px;  display:inline-table; margin-bottom:10px
}
.buy .single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #ffd503;
    padding: 0 0px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 28px; margin-left:-3px
}

.buy .single-item .button-default {padding: 8px 33px; background-color:#ffd503;padding: 8px 33px;color:#ce0001; font-size:14px; font-weight:700}
/*  .buy .single-item .button-default:hover {background-color:#ce0001;color:white; text-decoration:none}*/


*/

 .buy .single-item {background-color:#ce0001;color:white; text-decoration:none}

.buy .head{
	background-color:#CE0000; width:100%; padding:2px 10px 2px 14px; color:white; font-size:18px; font-weight:600; text-align:center
}


.buy .pad2{
  padding:10px 15px 0px 15px
}

.buy{
	 padding-right: 1px; max-width:269px
}








    .buy2 .single-item-text{
	  color:#646263; font-size:13px; font-weight:600; line-height:1.4;     position: relative;     margin-top: 25px;
    margin-bottom: 14px; 
}


.buy2  img {
    max-width: 50%;
    height: auto;
    border: 0;
    vertical-align: top;
    
      overflow: hidden;
    position: relative;
    text-align: center;
    top: 20px;  display:inline-table; margin-bottom:10px; margin:0 auto;height:auto;  
}
.buy2 .single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #ffd503;
    padding: 0 0px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 28px; margin-left:-3px
}

.buy2 .single-item .button-default {padding: 8px 33px; background-color:#ffd503;color:#ce0001; font-size:14px; font-weight:700}
.buy2 .single-item .button-default:hover {background-color:#ce0001;color:white; text-decoration:none}



.buy2 .head{
	background-color:#CE0000; width:100%; padding:2px 10px 2px 14px; color:white; font-size:19px; font-weight:600
}


.buy2 .pad2{
  padding:10px 15px 0px 15px
}

.buy2{
	 padding-right: 1px; 
}







/*
================================================
19. Tabs
================================================
*/
div.tabs-wrapper {
	padding: 55px 0 60px;
}
.tabs-wrapper h2 {
	margin: 0 0 20px;
}
/* Default Tabs */
.nav-tabs {
	border-bottom-color: #cccccc;
	font-size: 0;
	margin: 0;
	padding: 0;
}
.nav-tabs li {
	display: inline-block;
	float: none;
}
.nav-tabs li:last-child a {
	margin-right: 0;
}
.nav-tabs li a {
	font-size: 14px;
	margin-right: 1px;
	border-radius: 0;
}




.inner-wrapper-main .nav-tabs li a {
    background: #e4e4e4}

.nav-tabs li a, .nav-tabs li a:hover {
	background: #ffd503 none repeat scroll 0 0;
	border-color: #cccccc #cccccc -moz-use-text-color;
	 	color: #000;
}
.nav-tabs li a:hover {
	border-bottom-color: rgba(0, 0, 0, 0);
  background-color:#ce0001;
	box-shadow: none; color:white
}
.nav-tabs li a:active, .nav-tabs li a:focus {
	border-bottom: 0 none;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
	background: #ffffff none repeat scroll 0 0;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	
	border-radius: 0;
	border-bottom: none;
	color: #353535;  font-weight:bold; background-color:#ce0001; color:white
}
.tab-content {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 0 none #cccccc;
	border-bottom: 1px solid #cccccc;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-image: url('') none;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 25px 15px 22px 15px;
}
.nav-tabs.nav-right {
	text-align: right;
}
/* Default Tabs2 */
.tabs.tabs-second {
	margin: 0 0 20px;
	padding: 0;
}
.tabs.tabs-second .tab-content {
	border-bottom: 0 none;
	border-top: 1px solid #cccccc;
}
.tabs.tabs-second .nav-tabs {
	border-bottom: medium none;
	border-top: 1px solid #cccccc;
}
.tabs.tabs-second .nav-tabs li {
	margin-bottom: 0;
	margin-top: -1px;
}
.tabs.tabs-second .nav-tabs li:last-child a {
	margin-right: 0;
}
.tabs.tabs-second .nav-tabs li a {
	font-size: 14px;
	margin-right: 1px;
	border-radius: 0;
}
.tabs.tabs-second .nav-tabs li a, .tabs.tabs-second .nav-tabs li a:hover {
	border-bottom: 3px solid #ffd503;
	border-top: 1px solid #f4f4f4;
}
.tabs.tabs-second .nav-tabs li a:hover {
	border-bottom: 3px solid #ce0001;
	border-top: 1px solid #f4f4f4;
}
.tabs.tabs-second .nav-tabs li.active a, .tabs.tabs-second .nav-tabs li.active a:hover, .tabs.tabs-second .nav-tabs li.active a:focus {
	border-bottom: 3px solid #ce0001;
	border-top-color: rgba(0, 0, 0, 0);
}
/* Tab Vertical */
.tabs-vertical {
	border-top: 1px solid #cccccc;
	display: table;
	padding: 0;
	width: 100%;
}
.tabs-vertical .tab-content {
	display: table-cell;
	vertical-align: top;
}
.tabs-vertical .nav-tabs {
	border-bottom: medium none;
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top;
}
.tabs-vertical .nav-tabs > li {
	display: block;
}
.tabs-vertical .nav-tabs > li a {
	display: block;
	padding-top: 10px;
}
.tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus {
	border-bottom: medium none;
	border-top: medium none;
}
.tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus {
	border-top: medium none;
}
/* Tab Left */
.tabs-left {
	padding: 0;
}
.tabs-left .tab-content {
	border-left: medium none;
}
.tabs-left .nav-tabs > li {
	margin-right: -1px;
}
.tabs-left .nav-tabs > li:last-child a {
	border-bottom: 1px solid #cccccc;
}
.tabs-left .nav-tabs > li a {
	border-left: 3px solid #ffd503;
	border-right: 1px solid #f4f4f4;
	margin-left: -3px;
	margin-right: 1px;
}
.tabs-left .nav-tabs > li a:hover {
	border-left-color: #ce0001;
}
.tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus {
	border-left: 3px solid #ce0001;
	border-right-color: #ffffff;
}
/* Tabs Right */
.tabs-right {
	padding: 0;
}
.tabs-right .tab-content {
	border-right: medium none;
}
.tabs-right .nav-tabs > li {
	margin-left: -1px;
}
.tabs-right .nav-tabs > li:last-child a {
	border-bottom: 1px solid #cccccc;
}
.tabs-right .nav-tabs > li a {
	border-left: 1px solid #f4f4f4;
	border-right: 3px solid #ffd503;
	margin-left: 1px;
	margin-right: 1px;
}
.tabs-right .nav-tabs > li a:hover {
	border-right-color: #ce0001;
}
.tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus {
	border-left: 1px solid #ffffff;
	border-right: 3px solid #ce0001;
	
	 
}

.inner-wrapper-main .col-sm-12{ margin:8px 0px 20px 0px; padding:0px}

    
img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0px;
	-ms-interpolation-mode:bicubic;
}

figure { margin:0px; }
	figure img { width:100%; }
	figure iframe {
		overflow:hidden;
		width:100% !important;
		background-color:#f4f4f4;
		border:0px;
	}
	
.tex-jus{
	 text-align:justify; padding-top:0px
}


.tex-jus p{
	  margin-top:15px
}
.mar-top20 {
    margin-top:23px;
}

.mar-top10 {
    margin-top:10px;
}



.padding-bottom60 { padding-bottom:60px !important; }

.padding-bottom60 {
    padding-bottom: 60px !important;
}

.padding-top100 {
    padding-top: 100px !important;
}

.text-white {
    color: #FFF;
}

.bg-dark-overlay90 {
    background-color: rgba(26,26,26,.9);
}

.affa-feature-icon-left2 h8{
	 margin-bottom:0px
}
.dad p{
	 margin-top:0px
}
.dad {
	 margin-bottom:16px!important;  text-align:justify; margin:0px 0px 0px 0px
}

.ion2a {
	   font-size: 19px!important; margin:0px -10px 0px 0px ; padding-left:-20px
} 


.ion2a p{margin:-15px!important; padding:-100px} 




.text-white .affa-feature-icon-left2 > .ion2 { color:#ce0001 }
	.affa-feature-icon-left2.feature-icon-bg > .ion2 {
	position: absolute;
    top: 2px;
    left: 6px;
 
    color: #ce0001!important;
    font-size: 24px;
    line-height: 1;
    text-align: center; 
 
	}
	.text-white .affa-feature-icon-left2.feature-icon-bg > .ion2 {
		color:#ce0001;
	
	}
	.bg-color.text-white .affa-feature-icon-left2.feature-icon-bg > .ion2 { color:white; }

    
.affa-feature-icon-left2 {
    position: relative;
    min-height: 48px;
    padding-left: 40px;
    margin-bottom: 40px;    padding-right: 5px;
}


.affa-col-half .col-md-offset-6 {
    margin-left: 33%; width:40%
}
     .pad3{margin:20px 5px 30px 5px; color:#3e3e3e;  padding:10px 15px 0px 15px}
   .mar-top-0 { margin-top: 0px!important;}
   
   
.back-yellow{ background-color:#ffd503!important
	
}
.back-grey{
	background-color:#f1f1f1!important
}
    .pad2{
	margin:20px 5px 40px 5px; color:#3e3e3e
}
.boxe .col-md-4:first-child {
  padding-left: 0px	
}

.pad-0{
	 padding-right: 0px
}

.boxe .p-30{
	min-height:258px
}
.boxe .p-30a{min-height:160px}
.boxe .p-30aa{min-height:430px}

.min-hb2x{ min-height:321px}


.min-h3a{ min-height:299px}
.min-h2a{ min-height:358px}
.min-h3bbb{ min-height:335px}
.min-hb2{ min-height:1px}
.min-hb3{ min-height:1px}
.min-hb3{ min-height:1px}
.hegiht1{ min-height:100px}
.hegiht1XX{ min-height:100px}
.marg-15{margin-left:-15px; padding-right:0px}
@media screen and (max-width: 1200px) {

  .mega-menu-content {
    min-width: 700px;
  }
  .boxe .p-30{
	min-height:318px
}  .boxe .p-30aa{min-height:447px}
.min-h2a{ min-height:419px}
.min-h3bbb{ min-height:452px}


.min-hb2x{ min-height:381px}

.min-h3{ min-height:296px}
.min-hb2{ min-height:1px}
.min-hb3{ min-height:1px}
.min-hb3{ min-height:238px}
.hegiht1{ min-height:162px}
.hegiht1XX{ min-height:141px}

}
@media screen and (max-width: 992px) {
.mar-top-0 { margin-top: 20px!important;}

.marg-15{margin-left:-15px; padding-right:10px}
 .min-h1{ min-height:1px}
.min-h2{ min-height:1px}

.min-h2a{ min-height:1px}
.min-h3a{ min-height:1px}

.min-hb2{ min-height:1px}
.min-hb3{ min-height:1px}
.min-hb3{ min-height:1px}

.min-hb2x{ min-height:1px}

.min-ha2{ min-height:1px}
.min-ha3{ min-height:1px}
.hegiht1{ min-height:1px}
.hegiht1XX{ min-height:99px}
  #bottom3{display:none}
.min-h3bbb{ min-height:2px}

  .boxe .p-30aa{min-height:7px}
  .mega-menu-content .menu-heading {
    margin-top: 0;
  }
  
.wh{ min-height: 0px!important;} 

  .boxe .col-md-4 {
  padding-left: 0px;
  padding-right:0px; margin-top:60px
	
}

  .boxe .col-md-6 {
  padding-left: 0px;
  padding-right:0px; margin-top:60px
	
}


.boxe .p-30{min-height:0px}
.boxe .p-30a{min-height:0px}

}

.parent-img{background-image:url(../img/4a.jpg); background-position:right; position:relative;min-height:256px }


@media screen and (max-width: 1200px) {
  .boxe .p-30{
	min-height:318px
}
.parent-img{min-height:333px  }
}
@media screen and (max-width: 991px) {
.ads2{margin-top:20px; }	
.boxe .p-30{
	min-height:0px
}
.affa-col-half .col-md-offset-6 {
  margin: 20px 12px 40px 11px;
    width: 57%
}

.parent-img{min-height:216px }

}
@media screen and (max-width: 768px) {
.hegiht1XX{ min-height:9px}

.boxe .p-30{min-height:0px}
.affa-col-half .col-md-offset-6 {
  margin: 20px 10px 40px 1px;
    width: 100%
}
.min-h3bbb{ min-height:1px}
.affa-col-half{
	 padding:0px !important
}
.parent-img{background-image:url(../img/4x.jpg); background-position:right; position:relative; background-repeat:no-repeat}
}
.footer-title {
  font-size: 17px; color:white!important
}

ul.social-icons li a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: 60px;
    height: 60px;
    font-size: 24px;
    color: #fff;
    text-align: center; margin-left:15px
}


.app-bg {
    background-image: url(../img/barcode.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 60px;
    height: 60px;
}

.price-cut {text-decoration:line-through}
.price-cut2 {text-decoration:line-through;font-size: 14px!important; color: #333!important; font-weight:normal;}
.width-all{ width:100%; background-color:#ffd503;}

.in-p{
	-webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 15px;    
}
































	/* #New pricing table
=====================================================*/

.tab-pane ul{margin-left: -20px; margin-top:3px }

.default-tab-panel ul{margin-left: 0px; margin-top:3px }

#pricing-table {text-align: center; height:487px}
#pricing-table .plan {
	font: 12px ;
	text-shadow: 0 1px rgba(255,255,255,.8);        
	background: #fff;      
	border: 1px solid #ddd;
	color: #333;
	padding: 20px 20px 10px 20px;
	width: 33.3%;      
	float: left;
	position: relative;
}

@media screen and (max-width: 547px) {
#pricing-table .plan {width: 100%; margin-top:23px}
}




.fibers-p .plan{margin:0px 1% 20px 1%}
.fibers-p .plan {	width: 31%!important; } 
.fibers-p .plan :hover {
	z-index: 2;
	top: 0px!important;;
padding: 20px 20px 10px 20px!important;
}

.fibers-p .plan:hover h3 {
	margin-top: 0px!important;;
	padding-top: 0px!important;
	 
}





#pricing-table .plan:hover {
	z-index: 2;
	top: -13px;

	padding: 30px 20px 10px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); 
	transition-duration: .06s;border: 2px solid #ddd;
 
}

#pricing-table .plan:hover h3 {
	background-color: #ddd;
	background-image: -moz-linear-gradient(#eee,#ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));    
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -ms-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	margin-top: -30px;
	padding-top: 30px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0; 
	transition-duration: .07s;  
}


#pricing-table .plan:nth-child(1) {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;        
}

#pricing-table .plan:nth-child(3) {
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;        
}

/* --------------- */	

#pricing-table h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px;
	margin: -20px -20px 50px -20px;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
}


#pricing-table .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;       
}	

#pricing-table h3 span {
	display: block;
    font: bold 25px/60px arial;
	color: #777;
	background: #fff;
	border: 5px solid #fff;
	height: 70px;
	margin: 20px auto -60px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;  
 
}





/* --------------- */



#pricing-table ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#pricing-table li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

/* --------------- */
	
#pricing-table .signup {
	position: relative;
	padding: 6px 16px;
	margin: 20px 0 0 0;  
	color: #fff;
	font:14px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;       
	background-color: #ce0001;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(#ce0001, #ce0001);
}

#pricing-table .signup:hover {
	background-color: #ce0001;
	background-image: -moz-linear-gradient(#ce0001, #ce0001);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ce0001), to(#ce0001));      
	background-image: -webkit-linear-gradient(#ce0001, #ce0001);
	background-image: -o-linear-gradient(#ce0001, #ce0001);
	background-image: -ms-linear-gradient(#ce0001, #ce0001);
	background-image: linear-gradient(#ce0001, #ce0001); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
	background: #ce0001;       
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/* --------------- */




  
	/* #New pricing table
=====================================================*/



#pricing-table2a {text-align: center; height:483px}
#pricing-table2a .plan {
	font: 12px ;
	text-shadow: 0 1px rgba(255,255,255,.8);        
	background: #fff;      
	border: 1px solid #ddd;
	color: #333;
	padding: 20px 20px 10px 20px;
	width: 31%;      
	float: left;
	position: relative; 
	margin:0px 1% 20px 1%
}

@media screen and (max-width: 547px) {
#pricing-table2a .plan {width: 100%; margin-top:20px}
}




#pricing-table2a  .plan:hover {
	z-index: 2;



 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); 
	transition-duration: .07s;  
}


#pricing-table2a  .plan:hover h3 {
	background-color: #ddd;
	background-image: -moz-linear-gradient(#eee,#ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));    
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -o-linear-gradient(#eee, #ddd);
	background-image: -ms-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
 
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0; 
	transition-duration: .07s;  
}


#pricing-table2a  .plan:nth-child(1) {
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;        
}

#pricing-table2a  .plan:nth-child(3) {
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;        
}

/* --------------- */	

#pricing-table2a  h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px;
	margin: -20px -20px 50px -20px;
	background-color: #eee;
	background-image: -moz-linear-gradient(#fff,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));    
	background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);
	color:#ce0001
}


#pricing-table2a .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;       
}

#pricing-table2a  .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;       
}	

#pricing-table2a  h3 span {
	display: block;
    font: bold 23px/60px arial;
	color: #777;
	background: #fff;
	border: 5px solid #fff;
	height: 70px;
	margin: 20px auto -60px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;  
}



/* 

#pricing-table2a  h3 span {
	display: block;
	font: bold 25px/95px arial;
	color: #777;
	background: #fff;
	border: 5px solid #fff;
	height: 100px;
	width: 100px;
	margin: 10px auto -65px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;  
}






 */



#pricing-table2a  ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#pricing-table2a  li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

/* --------------- */
	
#pricing-table2a  .signup {
	position: relative;
		padding: 6px 16px;
	margin: 20px 0 0 0;  
	color: #fff;
	font:14px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;       
	background-color: #ce0001;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(#ce0001, #ce0001);
}

#pricing-table2a .signup:hover {
	background-color: #ce0001;
	background-image: -moz-linear-gradient(#ce0001, #ce0001);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ce0001), to(#ce0001));      
	background-image: -webkit-linear-gradient(#ce0001, #ce0001);
	background-image: -o-linear-gradient(#ce0001, #ce0001);
	background-image: -ms-linear-gradient(#ce0001, #ce0001);
	background-image: linear-gradient(#ce0001, #ce0001); 
}

#pricing-table2a .signup:active, #pricing-table .signup:focus {
	background: #ce0001;       
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/* --------------- */











.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}


.price-cat-t {
	font-size:14px!important; 
}
.price-cat-t  span{
	font-size:16px; color:#ce0001; margin-right:3px;font-weight:bold
}

.feature_box2a{
 padding:10px!important; border:0px!important;  display:inline-table; background-color:#f2f2f2; border:1px solid #cccccc!important; width:100%;
    color: #ce0001;
    font-weight: normal;
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
    display: inline-table;}
    
.adsl-se section{
	 margin-bottom:0px
}

.mt-10{	margin-top:10px}
.mt-20{	margin-top:20px}
.mt-30{	margin-top:30px}
.mr-5{margin-right:5px}
.tab-content p{margin-bottom:15px}









.price-table-wrapper {

  text-align: center;
  margin-top: 5px; 
}
.price-table-wrapper .featured-table {
  box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table {
  display: inline-block;
  border: 1px solid #C8C8C8;
  border-radius: 10px;
  background: white;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__header {
  padding: 20px;
  font-size: 20px;
  color:white;
  background: #ce0001;
}
.price-table-wrapper .pricing-table__price {
  color: #ce0001;
  padding: 20px 20px 12px 20px;
  margin: auto;
  font-size: 31px;
  font-weight: 500;
}
.price-table-wrapper .pricing-table__button {
  display: block;
  background: #979797;
  text-decoration: none;
  padding: 20px;
  color: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom:20px
}
.price-table-wrapper .pricing-table__button:before {
  position: absolute;
  left: -20%;
  top: -10%;
  content: '';
  width:100%;
  height: 220%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background: white;
  opacity: .3;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__button:after {
  position: absolute;
  content: '>';
  top: 0;
  right: 0;
  font-size: 25px;
  padding: 15px;
  padding-right: 40px;
  color: white;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.price-table-wrapper .pricing-table__button:hover {
  background:#ce0001;
}
.price-table-wrapper .pricing-table__list {
  padding: 0px 20px 0px 20px;
  color: #A0A0A0; list-style:none
}
.price-table-wrapper .pricing-table__list li {
  padding: 15px;
  border-bottom: 1px solid #C8C8C8;
}
.price-table-wrapper .pricing-table__list li:last-child {
  border: none;
}
.price-table-wrapper .pricing-table:hover {
  box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.36);
}
.price-table-wrapper .pricing-table:hover .pricing-table__button {
  padding-left: 0;
  padding-right: 35px;
}
.price-table-wrapper .pricing-table:hover .pricing-table__button:before {
  top: -80%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 100%;
}
.price-table-wrapper .pricing-table:hover .pricing-table__button:after {
  opacity: 1;
  padding-right: 15px;
}

applet,object,blockquote,pre{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


.knowledge h2 {
    border-bottom: 1px solid #ccc;
    line-height: 24px;
    font-size: 17px;
    margin: 0 0 10px;
}

.blog h2 {
    font-size: 21px;
    color: #cc0001;
}

.knowledge .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px; color: #cc0001;
}


.height-new-s{min-height: 253px;}

@media only screen and (max-width: 1199px) {.height-new-s{min-height:315px}}
@media only screen and (max-width: 990px) {.height-new-s{min-height:50px!important}}




.height-new-sa{min-height: 161px;}

@media only screen and (max-width: 1199px) {.height-new-sa{min-height:220px}}
@media only screen and (max-width: 990px) {.height-new-sa{min-height:50px!important}}






.pricing-table-single.two h7a {
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    display:block; line-height:25px; margin-top:7px
}
.pricing-table-single.two h7b {
color:white; font-size:16px; margin-top:-15px;     line-height: 23px;}








.pricing-table-single.two:hover h7a{color:#ce0001;}
.pricing-table-single.two:hover h7b{color:#434343;}



.pricing-table-single.two h7 {
    font-family: "Roboto Condensed", sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 700;

}
.pricing-table-single.two:hover h7{color:#ce0001;}







.pricing-table-single.two:hover .red{color:white!important}

.pad-t {
  margin-bottom: 25px!important;
  margin-right: 20px!important;;
  padding: 18px!important;;
}

.price-category h1{font-size:27px}
.pad-t .price-category h1 span{font-size:30px;    color: #3e3e3e;}

.height-sm{
	 height:auto!important; margin-bottom:20px
}

.height-sm .order-button:hover{
	 background-color:
}


.new-icons{
	width:100%; margin-top:-22px; text-align:center; margin-bottom:5px
}
.feature_box .description h40 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #ce0001;
    font-weight: normal;
    padding-bottom: 10px;
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
    display: inline-table;
}



.m-b-11 {
    margin-bottom: 21px;
    display: block;
}

 
.height-new-sx{min-height:447px}
.upper-p{margin-top:0px}

@media screen and (max-width: 1199px) {.height-new-sx{min-height:477px}}
@media screen and (max-width: 990px) {
.height-new-sx{min-height:50px!important}
.upper-s{padding:0px 0px 0 0!important}
.upper-p{margin-top:20px; padding-top:20px}
.single-item-text h4 a, .single-item-text h4{padding-top:10px;    clear: both;}
}


.height-new-sx .single-item-text {padding: 0px 8px;}

.single-item3{
       
  margin:0px 0px 10px 0px!important ;
}

.single-item3 .single-item-text{padding:0px 15px}