/* Minification failed. Returning unminified contents.
(3877,1): run-time error CSS1019: Unexpected token, found '@import'
(3877,9): run-time error CSS1019: Unexpected token, found 'url(app.css)'
(3878,1): run-time error CSS1019: Unexpected token, found '@import'
(3878,9): run-time error CSS1019: Unexpected token, found 'url(plugins/style-switcher.css)'
(3880,1): run-time error CSS1019: Unexpected token, found '@import'
(3880,9): run-time error CSS1019: Unexpected token, found 'url(../Unify/css/app.css)'
(3881,1): run-time error CSS1019: Unexpected token, found '@import'
(3881,9): run-time error CSS1019: Unexpected token, found 'url(../Unify/css/plugins/style-switcher.css)'
(8528,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8545,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8570,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8580,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8597,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8614,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8639,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8640,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8656,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8681,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8708,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8748,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8775,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8851,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8900,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8924,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8957,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8981,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9071,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9095,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9128,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9152,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9185,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9209,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9261,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9288,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9307,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9353,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9426,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9436,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9451,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9465,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9486,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9500,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9521,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9535,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9556,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9591,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9605,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9626,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9640,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9661,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9675,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9696,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9710,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9711,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9770,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9805,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9826,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9840,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9861,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9875,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9896,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9910,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9931,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9980,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10073,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10147,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10183,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10207,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10243,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10281,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10295,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10319,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10345,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10382,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10396,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10419,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10437,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10482,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10527,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10554,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10572,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10599,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10644,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10662,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10707,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10752,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10797,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10842,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10882,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10902,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10915,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10935,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10948,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10968,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10981,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11014,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11034,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11112,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11187,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11224,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*   
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.7
 * Author: @htmlstream
 * Website: http://htmlstream.com
*/

/*Reset Styles
------------------------------------*/
* {
   border-radius: 0;
}

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

a:focus {
  text-decoration: none;
}

hr {
  margin: 30px 0;
}

hr.hr-xs {
  margin: 10px 0;
}

hr.hr-md {
  margin: 20px 0;
}

hr.hr-lg {
  margin: 40px 0;
}

/*Headings*/
h1 {
  font-size: 28px;
  line-height: 35px;
}
h2 {
  font-size: 24px;
  line-height: 33px;
}
h3 {
  font-size: 20px;
  line-height: 27px;
}
h4 {
  line-height: 25px;
}
h5 {
  line-height: 20px;
}
h6 {
  line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
  color: #555;    
  margin-top: 5px;
  text-shadow: none; 
  font-weight: normal; 
  font-family: "Open Sans", Arial, sans-serif;
} 

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
   margin-right: 5px;
}

/*Block Headline*/
.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
  font-size: 22px;
}

.headline h2, 
.headline h3, 
.headline h4 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #72c02c;
}

.headline-md {
  margin-bottom: 15px;
}

.headline-md h2 {
  font-size: 21px;
}

/*Heading Options*/
.heading {
  text-align: center;
}

.heading h2 {
  padding: 0 12px;
  position: relative;
  display: inline-block;
  line-height: 34px !important; /*For Tagline Boxes*/
}

.heading h2:before, 
.heading h2:after {
  content: ' ';
  width: 70%;  
  position: absolute;
  border-width: 1px;
  border-color: #bbb;
}

.heading h2:before {
  right: 100%;
}

.heading h2:after {
  left: 100%;
}

@media (max-width: 768px) {
  .heading h2:before, 
  .heading h2:after {
    width: 20%;  
  }
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dashed;
  border-bottom-style: dashed;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: dotted;
  border-bottom-style: dotted;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
  top: 17px;
  border-bottom-style: solid;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
  top: 17px;
  border-bottom-style: dashed;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
  top: 17px;
  border-bottom-style: dotted;
}

/*Heading Titles v1*/
.title-v1 {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}

.title-v1 h1, 
.title-v1 h2 {
  color: #444;
  font-size: 28px;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
}

.title-v1 h1:after, 
.title-v1 h2:after {
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 70px;
  content: " ";
  margin-left: -35px;
  position: absolute;
  background: #72c02c;  
}

.title-v1 p {
  font-size: 17px;
  font-weight: 200;
}

/*Heading Titles v2*/
h2.title-v2 {
  color: #555;
  position: relative;
  margin-bottom: 30px;
}

h2.title-v2:after {
  left: 0;
  width: 70px;
  height: 2px;
  content: " ";
  bottom: -10px;
  background: #555;
  position: absolute;
}

h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center {
  text-align: center;
}

h1.title-v2.title-center:after,
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
  left: 50%;
  width: 70px;
  margin-left: -35px;
}

h1.title-light,
h2.title-light,
h3.title-light {
  color: #fff;
}

h2.title-light:after {
  background: #fff;
}

/*Heading Title v3*/
h1[class^="title-v3-"],
h2[class^="title-v3-"],
h3[class^="title-v3-"] {
  color: #555;
}

h2.title-v3-xlg {
  font-size: 28px;
  line-height: 32px;
}

h1.title-v3-lg,
h2.title-v3-lg {
  font-size: 24px;
  line-height: 28px;
}

h1.title-v3-md,
h2.title-v3-md {
  font-size: 20px;
  line-height: 24px;
}

h2.title-v3-sm,
h3.title-v3-md {
  font-size: 18px;
  line-height: 24px;
}

h3.title-v3-md {
  line-height: 22px;
}

h3.title-v3-sm {
  font-size: 16px;
  line-height: 20px;
}

h2.title-v3-xs {
  font-size: 16px;
  line-height: 22px;
}

h3.title-v3-xs {
  font-size: 14px;
  margin-bottom: 0;
}

/*Title v4*/
.title-v4 {
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  border-bottom: 3px solid #333;
}

/*Headline Center*/
.headline-center {
  text-align: center;
  position: relative;
}

.headline-center h2 {
  color: #555;
  font-size: 24px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.headline-center h2:after {
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  margin-left: -15px;
  text-align: center;
  position: absolute;
  background: #72c02c;
}

.headline-center p {
  /*color: #999;*/
  font-size: 14px;
  /*padding: 0 150px;*/
}

@media (max-width: 991px) {
  .headline-center p {
    padding: 0 50px;
  }
}

.headline-center.headline-light h2 {
  color: #fff;
}

.headline-center.headline-light p {
  color: #eee;
}

/*Headline Center v2*/
.headline-center-v2 {
  z-index: 0;
  text-align: center;
  position: relative;
}

.headline-center-v2 h2 {
  color: #555;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.headline-center-v2 span.bordered-icon {
  color: #fff;
  padding: 0 10px;
  font-size: 15px;
  line-height: 18px;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}

.headline-center-v2 span.bordered-icon:before,
.headline-center-v2 span.bordered-icon:after {
  top: 8px;
  height: 1px;
  content: " ";
  width: 100px;
  background: #fff;
  position: absolute;
}

.headline-center-v2 span.bordered-icon:before {
  left: 100%;
}

.headline-center-v2 span.bordered-icon:after {
  right: 100%;
}

.headline-center-v2 p {
  color: #555;
  font-size: 14px;
  padding: 0 70px;
}

.headline-center-v2.headline-center-v2-dark p {
  color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon {
  color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
.headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
  background: #666;
}

/*Headline Left*/
.headline-left {
  position: relative;
}

.headline-left .headline-brd {
  color: #555;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.headline-left .headline-brd:after {
  left: 1px;
  z-index: 1;
  width: 30px;
  height: 2px;
  content: " ";
  bottom: -5px;
  position: absolute;
  background: #72c02c;
}

/*Headline v2
------------------------------------*/
.headline-v2 {
  display: block;
  background: #fff;
  padding: 1px 10px;
  margin: 0 0 20px 0;
  border-left: 2px solid #000;
}

.headline-v2 h2 {
  margin: 3px 0;
  font-size: 20px;
  font-weight: 200;
}

/*Heading Sizes
------------------------------------*/
h2.heading-md {
  font-size: 20px;
  line-height: 24px;
}

h2.heading-sm,
h3.heading-md {
  font-size: 18px;
  line-height: 24px;
}

h3.heading-md {
  line-height: 22px;
}

h3.heading-sm {
  font-size: 16px;
  line-height: 20px;
}

h2.heading-xs {
  font-size: 16px;
  line-height: 22px;
}

h3.heading-xs {
  font-size: 14px;
  margin-bottom: 0;
}

/*Devider
------------------------------------*/
.devider.devider-dotted {
  border-top: 2px dotted #eee;
}
.devider.devider-dashed {
  border-top: 2px dashed #eee;
}

.devider.devider-db {
  height: 5px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.devider.devider-db-dashed {
  height: 5px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
}
.devider.devider-db-dotted {
  height: 5px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
  border-bottom: none;
}

@media (max-width: 768px) {
  .table th.hidden-sm,
  .table td.hidden-sm {
    display: none !important;
  }
}

/*Forms
------------------------------------*/
.form-control {
  box-shadow: none;
  border-radius: 0;
}

.input-group-addon {
  border-radius: 0;
}

.form-control:focus {
  border-color: #bbb;
  box-shadow: 0 0 2px #c9c9c9;
}

/*Form Spacing*/
.form-spacing .form-control {
  margin-bottom: 15px;
}

/*Form Icons*/
.input-group-addon {
  color: #b3b3b3;
  font-size: 14px;
  background: #fff;
}

/*Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 7px 15px;
   background: rgba(0, 0, 0, 0.7);
}

.carousel-v1 .carousel-caption p {
   color: #fff;
   margin-bottom: 0;
}

.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-v1 .carousel-arrow a i {
   top: 50%;
   opacity: 0.6;
   background: #000;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
   opacity: 0.8;
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}

/*Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover {
  opacity: 1;
  text-shadow: none;
}

.carousel-v2 .carousel-control.left,
.carousel-v2 .carousel-control.right {
  top: 50%;
  z-index: 5;
  color: #eee;
  width: 45px;
  height: 45px;
  font-size: 30px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  display: inline-block;
  border: 2px solid #eee;
  background: rgba(0,0,0,0.1);
}

.carousel-v2 .carousel-control:hover {
  background: rgba(0,0,0,0.3);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;    
}

.carousel-v2 .carousel-control.left {
  left: 20px;
}

.carousel-v2 .carousel-control.right {
  right: 20px;
}

.carousel-v2 .carousel-control .arrow-prev,
.carousel-v2 .carousel-control .arrow-next {
  top: -5px;
  position: relative;
}

.carousel-v2 .carousel-control .arrow-next {
  right: -2px;
}


@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px;
  }  
}

/*Tabs
------------------------------------*/
.nav-tabs > li > a,
.nav-pills > li > a,
.nav-tabs.nav-justified > li > a {
  border-radius: 0;
}

/*Tabs v1
------------------------------------*/
.tab-v1 .nav-tabs { 
  border: none;
  background: none;
  border-bottom: solid 2px #72c02c;   
}

.tab-v1 .nav-tabs a { 
  font-size: 14px;
  padding: 5px 15px; 
}

.tab-v1 .nav-tabs > .active > a, 
.tab-v1 .nav-tabs > .active > a:hover, 
.tab-v1 .nav-tabs > .active > a:focus { 
  color: #fff;
  border: none; 
  background: #72c02c; 
}

.tab-v1 .nav-tabs > li > a { 
  border: none;
}
.tab-v1 .nav-tabs > li > a:hover { 
  color: #fff; 
  background: #72c02c; 
}

.tab-v1 .tab-content { 
  padding: 10px 0;
}

.tab-v1 .tab-content img {
  margin-top: 4px;
  margin-bottom: 15px; 
}

.tab-v1 .tab-content img.img-tab-space {
  margin-top: 7px;
}

/*Tabs v2
------------------------------------*/
.tab-v2 .nav-tabs {
  border-bottom: none;
}

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none;
}

.tab-v2 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
  border-bottom: none !important;
}

.tab-v2 .tab-content {
  padding: 10px 16px;
  border: solid 1px #eee;
}

/*Tabs v3
------------------------------------*/
.tab-v3 .nav-pills li a {
  color: #777;
  font-size: 17px;
  padding: 4px 8px;
  margin-bottom: 3px;
  background: #fafafa;
  border: solid 1px #eee;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  color: #fff;
  background: #72c02c;
  border: solid 1px #68af28;
}

.tab-v3 .nav-pills li i {
  width: 1.25em;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
}

.tab-v3 .tab-content {
  padding: 15px;
  background: #fafafa;
  border: solid 1px #eee;
}

/*Tab v4
------------------------------------*/
.tab-v4 .tab-heading {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  border-bottom: 3px solid #333;
}

.tab-v4 .tab-heading h2 {
  margin: 0;
  float: left;
  font-size: 18px;
  font-weight: bold;
}

/*Nav Tabs*/
.tab-v4 .nav-tabs {
  top: 3px;
  border: none;
  float: right;
  overflow: hidden;
  position: relative;
}

.tab-v4 .nav-tabs a {
  color: #555;
  font-size: 12px;
  padding: 6px 15px;
  text-transform: uppercase;
}

.tab-v4 .nav-tabs > .active > a,
.tab-v4 .nav-tabs > .active > a:hover,
.tab-v4 .nav-tabs > .active > a:focus {
  border: none;
  background: inherit;
}

.tab-v4 .nav-tabs > li > a {
  border: none;
}
.tab-v4 .nav-tabs > li > a:hover {
  background: inherit;
}

.tab-v4 .tab-content {
  padding: 20px 0 10px;
}

/*Tab v5
------------------------------------*/
.tab-v5 .nav-tabs {
  border-bottom: none;
}

.tab-v5 .nav-tabs li a {
  border: none;
  font-size: 14px;
  background: none;
  padding: 9px 16px;
}

.tab-v5 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 3px #222;
  border-bottom: none !important;
}

.tab-v5 .tab-content {
  padding: 13px;
  border: solid 1px #eee;
}

/*Accordions
------------------------------------*/
/*Accordion v1*/
.acc-v1 .panel-heading {
  padding: 0;
  box-shadow: none;
}

.acc-v1 .panel-heading a {
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  background: #fefefe;
}

.acc-icon a.accordion-toggle i {
  color: #555;
  margin-right: 8px;
}
.acc-icon a.accordion-toggle:hover i {
  color: #39414c;
}

/*Navigation
------------------------------------*/ 
.dropdown-menu,
.navbar-toggle {
   border-radius: 0;  
}

/*Pegination*/
.pagination > li:first-child > a, 
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a, 
.pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, 
.pagination-lg > li:last-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}

.pagination li a {
  color: #777;
  padding: 5px 15px;
}

.pagination li a:hover {
   color: #fff;
   background: #5fb611;
   border-color: #5fb611;   
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
   border-color: #72c02c;
   background-color: #72c02c;
}

/*Pagination Without Space*/
.pagination-no-space .pagination {
   margin: 0;
}

/*Pager*/
.pager li > a, 
.pager li > span {
  border-radius: 0;
}

.pager li > a:hover, 
.pager li > a:focus {
   color: #fff;
   background: #5fb611;
   border-color: #5fb611;   
}

/*Pager v2 and v3
------------------------------------*/
.pager.pager-v2 li > a {
  border: none;
}

.pager.pager-v2 li > a,
.pager.pager-v3 li > a {
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;  
}

.pager.pager-v2 li > a:hover, 
.pager.pager-v2 li > a:focus,
.pager.pager-v3 li > a:hover, 
.pager.pager-v3 li > a:focus {
   color: #fff;
   background: #72c02c;
}

/*Pager Amount*/
.pager.pager-v2 li.page-amount,
.pager.pager-v3 li.page-amount {
  font-size: 16px;
  font-style: italic;
}

.pager.pager-v2 li.page-amount,
.pager.pager-v2 li.page-amount:hover,
.pager.pager-v2 li.page-amount:focus,
.pager.pager-v3 li.page-amount,
.pager.pager-v3 li.page-amount:hover,
.pager.pager-v3 li.page-amount:focus {
    top: 7px;
    color: #777;
    position: relative;
}

/*Pager Size*/
.pager.pager-v2.pager-md li a,
.pager.pager-v3.pager-md li a {
  font-size: 16px;
  padding: 8px 18px;
}

/*Pager v4
------------------------------------*/
.pager.pager-v4 li > a {
  line-height: normal;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.pager.pager-v4 li > a:hover,
.pager.pager-v4 li > a:focus {
  color: #fff;
  background: #222;
  border-color: #222;
}

/*Pager Amount*/
.pager.pager-v4 li.page-amount {
  font-size: 14px;
  font-style: italic;
}

.pager.pager-v4 li.page-amount,
.pager.pager-v4 li.page-amount:hover,
.pager.pager-v4 li.page-amount:focus {
  top: 7px;
  color: #777;
  position: relative;
}

/*Sidebar Menu
------------------------------------*/
.list-group-item:first-child,
.list-group-item:last-child {
  border-radius: 0;
}

/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
  padding: 0;
}

.sidebar-nav-v1 li a {
  display: block;
  padding: 8px 30px 8px 10px;
}

.sidebar-nav-v1 li a:hover {
  text-decoration: none;
}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
  background: #717984;
} 

.sidebar-nav-v1 > li.active, 
.sidebar-nav-v1 > li.active:hover, 
.sidebar-nav-v1 > li.active:focus {
  border-color: #ddd;
}

.sidebar-nav-v1 > li.active > a {
  color: #fff;
}

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
  padding: 0;
  list-style: none;
}

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
  background: #f8f8f8;
}

.sidebar-nav-v1 li ul a {
  color: #555;
  font-size: 12px;
  border-top: solid 1px #ddd;
  padding: 6px 30px 6px 17px; 
}

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
  color: #72c02c;
}

/*Sidebar Badges*/
.list-group-item li > .badge {
  float: right;
}

.sidebar-nav-v1 span.badge {
  margin-top: 8px;
  margin-right: 10px;
}

.sidebar-nav-v1 .list-toggle > span.badge {
  margin-right: 25px;
}

.sidebar-nav-v1 ul li span.badge {
  margin-top: 8px;
  font-size: 11px;
  padding: 3px 5px; 
  margin-right: 10px;
}

/*Sidebar List Toggle*/
.list-toggle:after {
    top: 7px;
    right: 10px;
    color: #777;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.list-toggle.active:after {
  color: #fff;
  content: "\f107";
}

/*Button Styles
------------------------------------*/
.btn {
   box-shadow: none;
   border-radius: 0;
}
.btn-u {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   padding: 6px 13px;
   position: relative;
   background: #72c02c;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}
.btn-u:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
  text-align: center;
}

a.btn-u {
   /*padding: 4px 13px;*/
   /*vertical-align: middle;*/
}

.btn-u-sm,
a.btn-u-sm {
   padding: 3px 12px;
}

.btn-u-lg,
a.btn-u-lg {
   font-size: 18px;
   padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
   font-size: 12px;
   padding: 2px 12px;   
   line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
   padding: 3px 13px;
}

.btn-group > .btn-u, 
.btn-group-vertical > .btn-u {
   float: left;
   position: relative;
}

.btn-group > .btn-u:first-child {
   margin-left: 0;
}

/*For FF Only*/
@-moz-document url-prefix() { 
   .footer-subsribe .btn-u {
      padding-bottom: 4px;
   }
}
@media (max-width: 768px) { 
   @-moz-document url-prefix() { 
      .btn-u {
         padding-bottom: 6px;
      }
   }
}

/*Buttons Color*/
.btn-u:hover, 
.btn-u:focus, 
.btn-u:active, 
.btn-u.active, 
.open .dropdown-toggle.btn-u {
   background: #5fb611;
}
.btn-u-split.dropdown-toggle {
   border-left: solid 1px #5fb611;
}

.btn-u.btn-u-blue {
   background: #3498db;
}
.btn-u.btn-u-blue:hover, 
.btn-u.btn-u-blue:focus, 
.btn-u.btn-u-blue:active, 
.btn-u.btn-u-blue.active, 
.open .dropdown-toggle.btn-u.btn-u-blue {
   background: #2980b9;
}
.btn-u.btn-u-split-blue.dropdown-toggle {
   border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
   background: #e74c3c;
}
.btn-u.btn-u-red:hover, 
.btn-u.btn-u-red:focus, 
.btn-u.btn-u-red:active, 
.btn-u.btn-u-red.active, 
.open .dropdown-toggle.btn-u.btn-u-red {
   background: #c0392b;
}
.btn-u.btn-u-split-red.dropdown-toggle {
   border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
   background: #e67e22;
}
.btn-u.btn-u-orange:hover, 
.btn-u.btn-u-orange:focus, 
.btn-u.btn-u-orange:active, 
.btn-u.btn-u-orange.active, 
.open .dropdown-toggle.btn-u.btn-u-orange {
   background: #d35400;
}
.btn-u.btn-u-split-orange.dropdown-toggle {
   border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
   background: #1abc9c;
}
.btn-u.btn-u-sea:hover, 
.btn-u.btn-u-sea:focus, 
.btn-u.btn-u-sea:active, 
.btn-u.btn-u-sea.active, 
.open .dropdown-toggle.btn-u.btn-u-sea {
   background: #16a085;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
   border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
   background: #2ecc71;
}
.btn-u.btn-u-green:hover, 
.btn-u.btn-u-green:focus, 
.btn-u.btn-u-green:active, 
.btn-u.btn-u-green.active, 
.open .dropdown-toggle.btn-u.btn-u-green {
   background: #27ae60;
}
.btn-u.btn-u-split-green.dropdown-toggle {
   border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
   background: #f1c40f;
}
.btn-u.btn-u-yellow:hover, 
.btn-u.btn-u-yellow:focus, 
.btn-u.btn-u-yellow:active, 
.btn-u.btn-u-yellow.active, 
.open .dropdown-toggle.btn-u.btn-u-yellow {
   background: #f39c12;
}
.btn-u.btn-u-split-yellow.dropdown-toggle {
   border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
   background: #95a5a6;
}
.btn-u.btn-u-default:hover, 
.btn-u.btn-u-default:focus, 
.btn-u.btn-u-default:active, 
.btn-u.btn-u-default.active, 
.open .dropdown-toggle.btn-u.btn-u-default {
   background: #7f8c8d;
}
.btn-u.btn-u-split-default.dropdown-toggle {
   border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
   background: #9b6bcc;
}
.btn-u.btn-u-purple:hover, 
.btn-u.btn-u-purple:focus, 
.btn-u.btn-u-purple:active, 
.btn-u.btn-u-purple.active, 
.open .dropdown-toggle.btn-u.btn-u-purple {
   background: #814fb5;
}
.btn-u.btn-u-split-purple.dropdown-toggle {
   border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
   background: #27d7e7;
}
.btn-u.btn-u-aqua:hover, 
.btn-u.btn-u-aqua:focus, 
.btn-u.btn-u-aqua:active, 
.btn-u.btn-u-aqua.active, 
.open .dropdown-toggle.btn-u.btn-u-aqua {
   background: #26bac8;
}
.btn-u.btn-u-split-aqua.dropdown-toggle {
   border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
   background: #9c8061;
}
.btn-u.btn-u-brown:hover, 
.btn-u.btn-u-brown:focus, 
.btn-u.btn-u-brown:active, 
.btn-u.btn-u-brown.active, 
.open .dropdown-toggle.btn-u.btn-u-brown {
   background: #81674b;
}
.btn-u.btn-u-split-brown.dropdown-toggle {
   border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
   background: #4765a0;
}
.btn-u.btn-u-dark-blue:hover, 
.btn-u.btn-u-dark-blue:focus, 
.btn-u.btn-u-dark-blue:active, 
.btn-u.btn-u-dark-blue.active, 
.open .dropdown-toggle.btn-u.btn-u-dark-blue {
   background: #324c80;
}
.btn-u.btn-u-split-dark.dropdown-toggle {
   border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
   background: #79d5b3;
}
.btn-u.btn-u-light-green:hover, 
.btn-u.btn-u-light-green:focus, 
.btn-u.btn-u-light-green:active, 
.btn-u.btn-u-light-green.active, 
.open .dropdown-toggle.btn-u.btn-u-light-green {
   background: #59b795;
}
.btn-u.btn-u-split-light-green.dropdown-toggle {
   border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
   background: #555;
}
.btn-u.btn-u-dark:hover, 
.btn-u.btn-u-dark:focus, 
.btn-u.btn-u-dark:active, 
.btn-u.btn-u-dark.active, 
.open .dropdown-toggle.btn-u.btn-u-dark {
   background: #333;
}
.btn-u.btn-u-split-dark.dropdown-toggle {
   border-left: solid 1px #333;
}

.btn-u.btn-u-light-grey {
   background: #585f69;
}
.btn-u.btn-u-light-grey:hover, 
.btn-u.btn-u-light-grey:focus, 
.btn-u.btn-u-light-grey:active, 
.btn-u.btn-u-light-grey.active, 
.open .dropdown-toggle.btn-u.btn-u-light-grey {
   background: #484f58;
}
.btn-u.btn-u-split-light-grey.dropdown-toggle {
   border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
  color: #555;
  /*font-weight: 200;*/
  background: none;
  padding: 5px 13px;
  border: solid 1px transparent;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;   
}
.btn-u.btn-brd:hover {
  background: none;
  border: solid 1px #eee;
}
.btn-u.btn-brd:focus {
  background: none;
}
.btn-u.btn-brd.btn-brd-hover:hover {
   color: #fff !important;
}

.btn-u.btn-brd {
  border-color: #72c02c;
}
.btn-u.btn-brd:hover {
  color: #5fb611;
  border-color: #5fb611;
}
.btn-u.btn-brd.btn-brd-hover:hover {
   background: #5fb611;   
}

.btn-u.btn-brd.btn-u-blue {
  border-color: #3498db;
}
.btn-u.btn-brd.btn-u-blue:hover {
  color: #2980b9;
  border-color: #2980b9;
}
.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
   background: #2980b9;
}

.btn-u.btn-brd.btn-u-red {
  border-color: #e74c3c;
}
.btn-u.btn-brd.btn-u-red:hover {
  color: #c0392b;
  border-color: #c0392b;
}
.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
   background: #c0392b;
}

.btn-u.btn-brd.btn-u-orange {
  border-color: #e67e22;
}
.btn-u.btn-brd.btn-u-orange:hover {
  color: #d35400;
  border-color: #d35400;
}
.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
   background: #d35400;
}

.btn-u.btn-brd.btn-u-sea {
  border-color: #1abc9c;
}
.btn-u.btn-brd.btn-u-sea:hover {
  color: #16a085;
  border-color: #16a085;
}
.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
   background: #16a085;
}

.btn-u.btn-brd.btn-u-green {
  border-color: #2ecc71;
}
.btn-u.btn-brd.btn-u-green:hover {
  color: #27ae60;
  border-color: #27ae60;
}
.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
   background: #27ae60;
}

.btn-u.btn-brd.btn-u-yellow {
  border-color: #f1c40f;
}
.btn-u.btn-brd.btn-u-yellow:hover {
  color: #f39c12;
  border-color: #f39c12;
}
.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
   background: #f39c12;
}

.btn-u.btn-brd.btn-u-default {
  border-color: #95a5a6;
}
.btn-u.btn-brd.btn-u-default:hover {
  color: #7f8c8d;
  border-color: #7f8c8d;
}
.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
   background: #7f8c8d;
}

.btn-u.btn-brd.btn-u-dark {
  border-color: #555;
}
.btn-u.btn-brd.btn-u-dark:hover {
  color: #333;
  border-color: #333;
}
.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
   background: #333;
}

.btn-u.btn-brd.btn-u-light-grey {
  border-color: #585f69;
}
.btn-u.btn-brd.btn-u-light-grey:hover {
  color: #484f58;
  border-color: #484f58;
}
.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
   background: #484f58;
}

.btn-u.btn-brd.btn-u-purple {
  border-color: #9b6bcc;
}
.btn-u.btn-brd.btn-u-purple:hover {
  color: #814fb5;
  border-color: #814fb5;
}
.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
   background: #814fb5;
}

.btn-u.btn-brd.btn-u-aqua {
  border-color: #27d7e7;
}
.btn-u.btn-brd.btn-u-aqua:hover {
  color: #26bac8;
  border-color: #26bac8;
}
.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
   background: #26bac8;
}

.btn-u.btn-brd.btn-u-brown {
  border-color: #9c8061;
}
.btn-u.btn-brd.btn-u-brown:hover {
  color: #81674b;
  border-color: #81674b;
}
.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
   background: #81674b;
}

.btn-u.btn-brd.btn-u-dark-blue {
  border-color: #4765a0;
}
.btn-u.btn-brd.btn-u-dark-blue:hover {
  color: #324c80;
  border-color: #324c80;
}
.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
   background: #324c80;
}

.btn-u.btn-brd.btn-u-light-green {
  border-color: #79d5b3;
}
.btn-u.btn-brd.btn-u-light-green:hover {
  color: #59b795;
  border-color: #59b795;
}
.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
   background: #59b795;
}

.btn-u.btn-brd.btn-u-light {
  color: #fff;
  border-color: #fff;
}
.btn-u.btn-brd.btn-u-light:hover {
  border-color: #fff;
}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
   background: #fff;
   color: #555 !important;
}

/*Dropdown Buttons
------------------------------------*/
.dropdown-show {
  box-shadow: 0 0 4px #eee;
  display: inline-block;
  position: relative;
}

/*Badges and Labels
------------------------------------*/
.badge,
.label {
  border-radius: 0;
}

/*Labels*/
span.label {
  font-size: 11px;
  font-weight: 400;
  padding: 4px 7px;
}

/*Badges*/
span.badge,
.list-group-item.active>.badge {
  color: #fff;
  font-weight: 400;
  padding: 4px 7px;  
}

span.label-u,
span.badge-u,
.list-group-item.active>.badge.badge-u {
  background: #72c02c;
}

span.label-blue,
span.badge-blue,
.list-group-item.active>.badge {
  background: #3498db;
}

span.label-red,
span.badge-red,
.list-group-item.active>.badge {
  background: #e74c3c;
}

span.label-green,
span.badge-green,
.list-group-item.active>.badge.badge-green {
  background: #2ecc71;
}

span.label-sea,
span.badge-sea,
.list-group-item.active>.badge.badge-sea {
  background: #1abc9c;
}

span.label-orange,
span.badge-orange,
.list-group-item.active>.badge.badge-orange {
  background: #e67e22;
}

span.label-yellow,
span.badge-yellow,
.list-group-item.active>.badge.badge-yellow {
  background: #f1c40f;
}

span.label-purple,
span.badge-purple,
.list-group-item.active>.badge.badge-purple {
  background: #9b6bcc;
}

span.label-aqua,
span.badge-aqua,
.list-group-item.active>.badge.badge-aqua {
  background: #27d7e7;
}

span.label-brown,
span.badge-brown,
.list-group-item.active>.badge.badge-brown {
  background: #9c8061;
}

span.label-dark-blue,
span.badge-dark-blue,
.list-group-item.active>.badge.badge-dark-blue {
  background: #4765a0;
}

span.label-light-green,
span.badge-light-green,
.list-group-item.active>.badge.badge-light-green {
  background: #79d5b3;
}

span.label-light,
span.badge-light,
.list-group-item.active>.badge.badge-light {
  color: #777;
  background: #ecf0f1;
}

span.label-dark,
span.badge-dark,
.list-group-item.active>.badge.badge-dark {
  background: #555;
}

/*Badge Lists*/
.badge-lists li {
  position: relative;
}

.badge-lists span.badge {
  top: -10px;
  right: -6px;
  position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
  min-width: 12px;
  padding: 3px 6px;
 }

.badge-lists.badge-icons i {
  font-size: 18px;
  min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
  color: #777;
  min-width: 40px;
  font-size: 18px;
  padding: 8px 9px;
  display: inline-block;
  border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
  color: #777;
  font-size: 12px;
  padding: 10px;
  min-width: 70px;
  text-align: center;
  display: inline-block;
  border: solid 1px #eee;
}

.badge-box-v2 a i {
  font-size: 20px;
}

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
  display: block;
  margin: 1px auto 2px;
}

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
  color: #555;
  border-color: #555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;     
}

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
   margin: 0;
   padding: 0; 
}

.social-icons li {
   list-style: none;
   margin-right: 3px;
   margin-bottom: 5px;
   text-indent: -9999px;
   display: inline-block;
}

.social-icons li a, a.social-icon {
   width: 28px;
   height: 28px;
   display: block;
   background-position: 0 0;
   background-repeat: no-repeat;
   transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
   background-position: 0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
  -webkit-backface-visibility: hidden; /*For Chrome*/
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social_amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social_behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social_github {background: url(../img/icons/social/github.png) no-repeat;}
.social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social_rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social_skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social_xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social_vk {background: url(../img/icons/social/vk.png) no-repeat;}
.social_instagram {background: url(../img/icons/social/instagram.png) no-repeat;}

/*Font Awesome Icon Styles*/
i.icon-custom {
  color: #555;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;   
  border: solid 1px #555;
}

i.icon-sm {
   width: 35px;
   height: 35px;
   font-size: 16px;
   line-height: 35px;
}

i.icon-md {
   width: 55px;
   height: 55px;
   font-size: 22px;
   line-height: 55px;
}

i.icon-lg {
  width: 60px;
  height: 60px;
  font-size: 31px;
  line-height: 60px;
  margin-bottom: 10px;
}

i.icon-2x {
  font-size: 30px;
}
i.icon-3x {
  font-size: 40px;
}
i.icon-4x {
  font-size: 50px;
}

/*Line Icons*/
i.icon-line {
  font-size: 17px;
}
i.icon-sm.icon-line {
  font-size: 14px;
}
i.icon-md.icon-line {
  font-size: 22px;
}
i.icon-lg.icon-line {
  font-size: 28px;
}

i.icon-2x.icon-line {
  font-size: 27px;
}
i.icon-3x.icon-line {
  font-size: 36px;
}
i.icon-4x.icon-line {
  font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
  color: #555;  
}

.link-icon:hover,
.link-bg-icon:hover {
  border: none;  
  text-decoration: none;
}

.link-icon:hover i {
  color: #72c02c;
  background: none;
  border: solid 1px #72c02c;
}

.link-bg-icon:hover i {
  color: #72c02c;
  background: #72c02c;
  border-color: #72c02c;
  color: #fff !important;
}

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green, {
  background: none;
}

i.icon-color-u {
   color: #72c02c;
   border: solid 1px #72c02c;
}
i.icon-color-blue {
   color: #3498db;
   border: solid 1px #3498db;
}
i.icon-color-red {
   color: #e74c3c;
   border: solid 1px #e74c3c;
}
i.icon-color-sea {
   color: #1abc9c;
   border: solid 1px #1abc9c;
}
i.icon-color-green {
   color: #2ecc71;
   border: solid 1px #2ecc71;
}
i.icon-color-yellow {
   color: #f1c40f;
   border: solid 1px #f1c40f;
}
i.icon-color-orange {
   color: #e67e22;
   border: solid 1px #e67e22;
}
i.icon-color-grey {
   color: #95a5a6;
   border: solid 1px #95a5a6;
}
i.icon-color-purple {
   color: #9b6bcc;
   border: solid 1px #9b6bcc;
}
i.icon-color-aqua {
   color: #27d7e7;
   border: solid 1px #27d7e7;
}
i.icon-color-brown {
   color: #9c8061;
   border: solid 1px #9c8061;
}
i.icon-color-dark-blue {
   color: #4765a0;
   border: solid 1px #4765a0;
}
i.icon-color-light-green {
   color: #79d5b3;
   border: solid 1px #79d5b3;
}
i.icon-color-light {
   color: #fff;
   border: solid 1px #fff;
}
i.icon-color-light-grey {
   color: #585f69;
   border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
   color: #fff;
   border-color: transparent;
}

i.icon-bg-u {
   background: #72c02c;
}
i.icon-bg-blue {
   background: #3498db;
}
i.icon-bg-red {
   background: #e74c3c;
}
i.icon-bg-sea {
   background: #1abc9c;
}
i.icon-bg-green {
   background: #2ecc71;
}
i.icon-bg-yellow {
   background: #f1c40f;
}
i.icon-bg-orange {
   background: #e67e22;
}
i.icon-bg-grey {
   background: #95a5a6;
}
i.icon-bg-dark {
   background: #555;
}
i.icon-bg-darker {
   background: #333;
}
i.icon-bg-purple {
   background: #9b6bcc;
}
i.icon-bg-aqua {
   background: #27d7e7;
}
i.icon-bg-brown {
   background: #9c8061;
}
i.icon-bg-dark-blue {
   background: #4765a0;
}
i.icon-bg-light-green {
   background: #79d5b3;
}
i.icon-bg-light {
   background: #fff;
   border-color: transparent;   
}
i.icon-bg-light-grey {
   background: #585f69;
   border-color: transparent;  
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
  width: 1.25em;
  text-align: center;
  display: inline-block;
}
.fa-fixed [class^="fa"].fa-lg,
.fa-fixed [class*=" fa"].fa-lg {
  /* increased font size for fa-lg */
  width: 1.5625em;
}

/*Content Boxes
------------------------------------*/
/*Content Boxes v1*/
.content-boxes-v1 {
  text-align: center;
}

.content-boxes-v1 span {
  display: block;
  margin-top: 5px;
}

/*Content Boxes v2*/
.content-boxes-v2-o span {
  display: block;
  overflow: hidden;
}

.content-boxes-v2-o small {
  display: block;
  line-height: 1.6;
}

.content-boxes-v2-o .icon-md + span {
  margin-top: 9px;
}

.content-boxes-v2-o .icon-lg + span {
  margin-top: 11px;
}

.content-boxes-v2-o .icon-custom {
  float: left;
  margin-top: 3px;
  margin-right: 15px;
}

@media (max-width: 992px) {
  .content-boxes-v2,
  .content-boxes-v2 .text-justify {
    text-align: center;
  }

  .content-boxes-v2 span {
    display: block;
    margin-top: 5px;
  }
}

/*Content Boxes v3*/
.content-boxes-v3 i.icon-custom {
  top: 8px;
  float: left;
  position: relative;
}

.content-boxes-v3 .content-boxes-in-v3 {
  padding: 0 20px;
  overflow: hidden;
}

.content-boxes-v3 .content-boxes-in-v3 h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 3px;
  text-transform: capitalize;
}

.content-boxes-v3 .content-boxes-in-v3 h3 a {
  color: #555;
}

/*Content Boxes Right v3*/
.content-boxes-v3.content-boxes-v3-right {
  text-align: right;
}

.content-boxes-v3.content-boxes-v3-right i.icon-custom {
  float: right;
}

@media (max-width: 768px){
  .content-boxes-v3.content-boxes-v3-right {
    text-align: inherit;
  }

  .content-boxes-v3.content-boxes-v3-right i.icon-custom {
    float: left;
    margin-left: 0;
  }
}

/*Content Boxes v4*/
.content-boxes-v4 h2 {
  color: #555;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.content-boxes-v4 a {
  color: #777;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.content-boxes-v4 i {
  width: 25px;
  color: #72c02c;
  font-size: 35px;
  margin-top: 10px;
}

.content-boxes-in-v4 {
  padding: 0 10px;
  overflow: hidden;
}

.content-boxes-v4-sm i {
  font-size: 26px;
  margin-top: 10px;
  margin-right: 5px;
}

/*Content Boxes v5*/
.content-boxes-v5 i {
  float: left;
  color: #999;
  width: 50px;
  height: 50px;
  padding: 11px;
  font-size: 22px;
  background: #eee;
  line-height: 28px;
  text-align: center;
  margin-right: 15px;
  display: inline-block;
}

.content-boxes-v5:hover i {
  color: #fff;
  background: #72c02c;
}

/*Content Boxes v6*/
.content-boxes-v6 {
  padding-top: 25px;
  text-align: center;
}

.content-boxes-v6 i {
  color: #fff;
  width: 90px;
  height: 90px;
  padding: 30px;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  background: #dedede;
  margin-bottom: 25px;
  display: inline-block;
}

.content-boxes-v6 i:after {
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: " ";
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 50% !important;
}

.content-boxes-v6:hover i,
.content-boxes-v6:hover i:after {
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content-boxes-v6:hover i {
  background: #72c02c;
}

.content-boxes-v6:hover i:after {
  border-color: #72c02c;
}

/*Colored Content Boxes
------------------------------------*/
.service-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
}

.service-block p,
.service-block h2 {
  color: #fff;
}

.service-block h2 a:hover{
  text-decoration: none;
}

.service-block-light,
.service-block-default {
  background: #fafafa;
  border: solid 1px #eee; 
}

.service-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.service-block-light p,
.service-block-light h2,
.service-block-default p,
.service-block-default h2 {
  color: #555;
}

.service-block-u {
  background: #72c02c;
}
.service-block-blue {
  background: #3498db;
}
.service-block-red {
  background: #e74c3c;
}
.service-block-sea {
  background: #1abc9c;
}
.service-block-grey {
  background: #95a5a6;
}
.service-block-yellow {
  background: #f1c40f;
}
.service-block-orange {
  background: #e67e22;
}
.service-block-green {
  background: #2ecc71;
}
.service-block-purple {
  background: #9b6bcc;
}
.service-block-aqua {
  background: #27d7e7;
}
.service-block-brown {
  background: #9c8061;
}
.service-block-dark-blue {
  background: #4765a0;
}
.service-block-light-green {
  background: #79d5b3;
}
.service-block-dark {
  background: #555;
}
.service-block-light {
  background: #ecf0f1;
}

/*Funny Boxes
------------------------------------*/
.funny-boxes {
  background: #f7f7f7;
  padding: 20px 20px 15px;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.funny-boxes h2 {
  margin-top: 0;
  font-size: 18px;
  line-height: 20px;
}

.funny-boxes h2 a {
  color: #555;
}

.funny-boxes p a {
  color: #72c02c;
}

.funny-boxes .funny-boxes-img li {
  font-size: 12px;
  margin-bottom: 2px;
}

.funny-boxes .funny-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px;
}

@media (max-width: 992px) {
  .funny-boxes .funny-boxes-img li {
    display: inline-block;
  }
}

.funny-boxes .funny-boxes-img img {
  margin: 5px 10px 15px 0;
}

.funny-boxes ul.funny-boxes-rating li {
  display: inline-block;
}

.funny-boxes ul.funny-boxes-rating li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 14px;
}

.funny-boxes ul.funny-boxes-rating li i:hover {
  color: #f8be2c;
}

/*Funny Colored Boxes*/
.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i {
  color: #fff;
}

/*Red Funny Box*/
.funny-boxes-red {
  background: #e74c3c;
}

/*Dark Red Funny Box*/
.funny-boxes-purple {
  background: #9b6bcc;
}

/*Blue Funny Box*/
.funny-boxes-blue {
  background: #3498db;
}

/*Grey Funny Box*/
.funny-boxes-grey {
  background: #95a5a6;
}

/*Turquoise Funny Box*/
.funny-boxes-sea {
  background: #1abc9c;
}

/*Turquoise Top Bordered Funny Box*/
.funny-boxes-top-sea {
  border-top: solid 2px #1abc9c;
}

.funny-boxes-top-sea:hover {
  border-top-color: #16a085;  
}

/*Yellow Top Bordered Funny Box**/
.funny-boxes-top-yellow {
  border-top: solid 2px #f1c40f;
}

.funny-boxes-top-yellow:hover {
  border-top-color: #f39c12;
}

/*Red Top Bordered Funny Box**/
.funny-boxes-top-red {
  border-top: solid 2px #e74c3c;
}

.funny-boxes-top-red:hover {
  border-top-color: #c0392b;
}

/*Purple Top Bordered Funny Box**/
.funny-boxes-top-purple {
  border-top: solid 2px #9b6bcc;
}

.funny-boxes-top-purple:hover {
  border-top-color: #814fb5;
}

/*Orange Left Bordered Funny Box**/
.funny-boxes-left-orange {
  border-left: solid 2px #e67e22;
}

.funny-boxes-left-orange:hover {
  border-left-color: #d35400;
}

/*Green Left Bordered Funny Box**/
.funny-boxes-left-green {
  border-left: solid 2px #72c02c;
}

.funny-boxes-left-green:hover {
  border-left-color: #5fb611;
}

/*Blue Left Bordered Funny Box**/
.funny-boxes-left-blue {
  border-left: solid 2px #3498db;
}

.funny-boxes-left-blue:hover {
  border-left-color: #2980b9;
}

/*Dark Left Bordered Funny Box**/
.funny-boxes-left-dark {
  border-left: solid 2px #555;
}

.funny-boxes-left-dark:hover {
  border-left-color: #333;
}

/*Typography
------------------------------------*/
.text-justify p { text-align: justify;}
.text-transform-uppercase { text-transform: uppercase;}
.text-transform-normal { text-transform: inherit !important;}

.font-bold { font-weight: 600;}
.font-light { font-weight: 200;}
.font-normal { font-weight: 400 !important;}

/*Text Dropcap*/
.dropcap {
  float: left; 
  color: #72c02c; 
  padding: 5px 0;
  font-size: 45px; 
  font-weight: 200;
  line-height: 30px; 
  margin: 0px 5px 0 0;
}

.dropcap-bg {
  float: left; 
  color: #fff; 
  padding: 7px 0;
  min-width: 50px;
  font-size: 35px; 
  font-weight: 200;
  line-height: 35px; 
  text-align: center;
  background: #72c02c;
  margin: 4px 10px 0 0;
}

/*Text Highlights*/
.text-highlights {
   color: #fff;
   font-weight: 200;
   padding: 0px 5px;
   background: #555;
}

.text-highlights-green {
   background: #72c02c;   
}
.text-highlights-blue {
   background: #3498db;
}
.text-highlights-red {
   background: #e74c3c;   
}
.text-highlights-sea {
   background: #1abc9c;
}
.text-highlights-orange {
   background: #e67e22;
}
.text-highlights-yellow {
   background: #f1c40f;
}
.text-highlights-purple {
   background: #9b6bcc;   
}
.text-highlights-aqua {
   background: #27d7e7;
}
.text-highlights-brown {
   background: #9c8061;   
}
.text-highlights-dark-blue {
   background: #4765a0;
}
.text-highlights-light-green {
   background: #79d5b3;
}

/*Text Borders*/
.text-border {
   border-bottom: dashed 1px #555;
}

.text-border-default {
   border-color: #95a5a6;
}
.text-border-green {
   border-color: #72c02c;
}
.text-border-blue {
   border-color: #3498db;
}
.text-border-red {
   border-color: #e74c3c;
}
.text-border-yellow {
   border-color: #f1c40f;
}
.text-border-purple {
   border-color: #9b6bcc;
}

/*List Styles*/
.list-styles li {
   margin-bottom: 8px;
}

/*Contextual Backgrounds*/
.contex-bg p {
  opacity: 0.8;
  padding: 8px 10px;
}
.contex-bg p:hover {
  opacity: 1;
}

/*Blockquote*/
blockquote {
  padding: 5px 15px;
  border-left-width: 2px;
}

blockquote p {
  font-size: 14px;
  font-weight: 400;   
}

blockquote h1,
blockquote h2,
blockquote span {
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 24px;
}

/*Blockquote Styles*/
blockquote.bq-text-lg p,
blockquote.bq-text-lg small {
  text-transform: uppercase;
}

blockquote.bq-text-lg p {
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

blockquote.text-right,
blockquote.hero.text-right {
  border-left: none;
  border-right: 2px solid #eee;
}

blockquote.hero.text-right,
blockquote.hero.text-right:hover {
   border-color: #555;
}

blockquote:hover,
blockquote.text-right:hover {
  border-color: #72c02c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

blockquote.bq-dark,
blockquote.bq-dark:hover {
  border-color: #585f69;
}

blockquote.bq-green {
  border-color: #72c02c;
}

/*Blockquote Hero Styles*/
blockquote.hero {
  border: none;
  padding: 18px;
  font-size: 16px;
  background: #f3f3f3;
  border-left: solid 2px #666;
}

blockquote.hero:hover {
  background: #eee;
  border-left-color: #666;
}

blockquote.hero.hero-dark,
blockquote.hero.hero-default {
  border: none;
}

blockquote.hero.hero-dark {
  background: #444;
}

blockquote.hero.hero-dark:hover {
  background: #555;
}

blockquote.hero.hero-default {
  background: #72c02c;
}

blockquote.hero.hero-default:hover {
  background: #5fb611;
}

blockquote.hero.hero-dark p,
blockquote.hero.hero-dark h2,
blockquote.hero.hero-dark small,
blockquote.hero.hero-default p,
blockquote.hero.hero-default h2,
blockquote.hero.hero-default small {
  color: #fff;
  font-weight: 200;
}

/*Alerts
------------------------------------*/
.alert {
  border-radius: 0;
}

/*Alerts
------------------------------------*/
.thumbnail {
  border-radius: 0;
}

/*Tag Boxes
------------------------------------*/
.tag-box  {
  padding: 20px;
  background: #fff;
  margin-bottom: 30px;
}

.tag-box h2 {
  font-size: 20px;
  line-height: 25px;
}

.tag-box p {
  margin-bottom: 0;
}

.tag-box.tag-text-space p {
  margin-bottom: 10px;
}

/*Tag Boxes v1*/
.tag-box-v1 {
  border: solid 1px #eee;
  border-top: solid 2px #72c02c;
}

/*Tag Boxes v2*/
.tag-box-v2 {
  background: #fafafa;
  border: solid 1px #eee;
  border-left: solid 2px #72c02c;
}

/*Tag Boxes v3*/
.tag-box-v3 {
  border: solid 2px #eee;
}

/*Tag Boxes v4*/
.tag-box-v4 {
  border: dashed 1px #bbb;
}

/*Tag Boxes v5*/
.tag-box-v5 {
  margin: 20px 0;
  text-align: center;
  border: dashed 1px #ccc;
}

.tag-box-v5 span {
  color: #555;
  font-size: 28px;
  margin-bottom: 0;
}

/*Tag Boxes v6*/
.tag-box-v6 {
  background: #fafafa;
  border: solid 1px #eee; 
}

/*Tag Boxes v7*/
.tag-box-v7 {
  border: solid 1px #eee;
  border-bottom: solid 2px #72c02c;
}

/*Testimonials
------------------------------------*/
/*Testimonials*/
.testimonials {
  margin-bottom: 10px;
}

.testimonials .testimonial-info {
  color: #72c02c;
  font-size: 16px;
  padding: 0 15px;
  margin-top: 18px;
}

.testimonials .testimonial-info span {
  top: 3px;
  position: relative;
}

.testimonials .testimonial-info em {
  color: #777;
  display: block;
  font-size: 13px;
}

.testimonials .testimonial-info img {
  width: 60px;
  float: left;
  height: 60px;
  padding: 2px;
  margin-right: 15px;
  border: solid 1px #ccc;
}

.testimonials .testimonial-author {
  overflow: hidden;
}

.testimonials .carousel-arrow {
  top: -65px;
  position: relative;
}

.testimonials .carousel-arrow i {
  color: #777;
  padding: 2px;
  min-width: 25px;
  font-size: 20px;
  text-align: center; 
  background: #f5f5f5;
}

.testimonials .carousel-arrow i:hover {
  color: #fff;
  background: #72c02c;
}

.testimonials .carousel-control {
  opacity: 1;
  width: 100%;
  text-align: right;
  text-shadow: none;
  position: absolute;
  filter: Alpha(opacity = 100); /*For IE*/
}

.testimonials .carousel-control.left {
  right: 27px;
  left: auto;
}
.testimonials .carousel-control.right {
  right: 0px;
}

/*Testimonials v1*/
.testimonials.testimonials-v1 .item p {
  position: relative;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
  left: 80px;
  bottom: -20px;
}

.testimonials.testimonials-v1 .item p:after {
  border-top: 22px solid; 
  border-left: 0 solid transparent;
  border-right: 22px solid transparent;
}

/*Testimonials v2*/
.testimonials.testimonials-v2 .testimonial-info {
  padding: 0 20px;
}

.testimonials.testimonials-v2 p {
  padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
  top: -55px; 
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
  left: 8%;
  bottom: 45px;
}

.testimonials.testimonials-v2 .item p:after {
  border-top: 20px solid; 
  border-left: 25px solid transparent;
  border-right: 0px solid transparent;
}

/*General Testimonials v1/v2*/
.testimonials.testimonials-v1 p,
.testimonials.testimonials-v2 p {
  padding: 15px;
  font-size: 14px;
  font-style: italic; 
  background: #f5f5f5;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v2 .item p:after {
  width: 0; 
  height: 0;
  content: " ";
  display: block; 
  position: absolute; 
  border-top-color: #f5f5f5;
  border-left-style: inset; /*FF fixes*/
  border-right-style: inset; /*FF fixes*/ 
}

/*Testimonials Backgrounds*/
.testimonials-bg-dark .item p,
.testimonials-bg-default .item p {
  color: #fff;
  font-weight: 200;
}

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i {
  color: #fff;
}

/*Testimonials Default*/
.testimonials-bg-default .item p {
  background: #72c02c;
}

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #72c02c;
}

.testimonials-bg-default .carousel-arrow i {
  background: #72c02c;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #5fb611;
}

/*Testimonials Dark*/
.testimonials-bg-dark .item p {
  background: #555;
}

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after {
  border-top-color: #555;
}

.testimonials-bg-dark .carousel-arrow i {
  color: #fff;
  background: #555;
}

.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
  background: #333;
}

.testimonials.testimonials-bg-dark .testimonial-info {
  color: #555;
}

/*Panels (Portlets)
------------------------------------*/
.panel,
.panel-heading,
.panel-group .panel {
  border-radius: 0;
}

.panel-heading {
  color: #fff;  
  padding: 5px 15px;
}

/*Panel Table*/
.panel .table {
  margin-bottom: 0;
}

/*Panel Unify*/
.panel-u {
   border-color: #72c02c;
}

.panel-u > .panel-heading {
   background: #72c02c;
}

/*Panel Blue*/
.panel-blue {
   border-color: #3498db;
}

.panel-blue > .panel-heading {
   background: #3498db;
}

/*Panel Red*/
.panel-red {
   border-color: #e74c3c;
}

.panel-red > .panel-heading {
   background: #e74c3c;
}

/*Panel Green*/
.panel-green {
   border-color: #2ecc71;
}

.panel-green > .panel-heading {
   background: #2ecc71;
}

/*Panel Sea*/
.panel-sea {
   border-color: #1abc9c;
}

.panel-sea > .panel-heading {
   background: #1abc9c;
}

/*Panel Orange*/
.panel-orange {
   border-color: #e67e22;
}

.panel-orange > .panel-heading {
   background: #e67e22;
}

/*Panel Yellow*/
.panel-yellow {
    border-color: #f1c40f;
}

.panel-yellow > .panel-heading {
     background: #f1c40f;
}

/*Panel Grey*/
.panel-grey {
   border-color: #95a5a6;
}

.panel-grey > .panel-heading {
   background: #95a5a6;
}

/*Panel Dark*/
.panel-dark {
   border-color: #555;
}

.panel-dark > .panel-heading {
   background: #555;
}

/*Panel Purple*/
.panel-purple {
   border-color: #9b6bcc;
}

.panel-purple > .panel-heading {
   background: #9b6bcc;
}

/*Panel Aqua*/
.panel-aqua {
   border-color: #27d7e7;
}

.panel-aqua > .panel-heading {
   background: #27d7e7;
}

/*Panel Brown*/
.panel-brown {
   border-color: #9c8061;
}

.panel-brown > .panel-heading {
   background: #9c8061;
}

/*Panel Dark Blue*/
.panel-dark-blue {
   border-color: #4765a0;
}

.panel-dark-blue > .panel-heading {
   background: #4765a0;
}

/*Panel Light Green*/
.panel-light-green {
   border-color: #79d5b3;
}

.panel-light-green > .panel-heading {
   background: #79d5b3;
}

/*Panel Default Dark*/
.panel-default-dark {
   border-color: #585f69;
}

.panel-default-dark > .panel-heading {
   background: #585f69;
}

/*Progress Bar
------------------------------------*/
.progress {
  border-radius: 0;
}

.progress-u {
  box-shadow: none;
}

.progress-u .progress-bar {
  box-shadow: none;
}

/*progress-bar (sizes)*/
.progress-lg {
  height: 25px;
}
.progress-lg p {
  padding-top: 3px;
}

.progress-sm {
  height: 12px;
}

.progress-xs {
  height: 7px;
}

.progress-xxs {
  height: 3px;
}

/*progress-bar (colors)*/
.progress {
  background: #e5e5e5;
}

.progress-bar-u {
  background: #72c02c;
}

.progress-bar-blue {
  background: #3498db;
}

.progress-bar-orange {
  background: #e67e22;
}

.progress-bar-red {
  background: #e74c3c;
}

.progress-bar-purple {
  background: #9b6bcc;
}

.progress-bar-aqua {
  background: #27d7e7;
}

.progress-bar-brown {
  background: #9c8061;
}

.progress-bar-dark-blue {
  background: #4765a0;
}

.progress-bar-light-green {
  background: #79d5b3;
}

.progress-bar-dark {
  background: #555;
}

/*Progress Bar Animation
------------------------------------*/
.progress {
    position: relative;
}

.progress .progress-bar {
  overflow: hidden;
  line-height: 20px;
  position: absolute;
}

.progress-box .progress-bar {
    transition: all 3s ease-in;
    -o-transition: all 3s ease-in;
    -ms-transition: all 3s ease-in;
    -moz-transition: all 3s ease-in;
    -webkit-transition: all 3s ease-in;
}

/*Vertical Progress Bar*/
.progress.vertical {
  float: left;
  width: 100%;
  height: 200px;
  margin-right: 20px;
}

.progress.vertical.bottom {
    position: relative;
}

.progress.vertical .progress-bar {
  height: 0;
  width: 100%;
  transition: height 3s ease;
  -o-transition: height 3s ease;
  -ms-transition: height 3s ease;
    -moz-transition: height 3s ease;
  -webkit-transition: height 3s ease;
}

.progress.vertical.bottom .progress-bar {
    bottom: 0;
    position: absolute;
}

/*Count Stars
------------------------------------*/
.stars-existing {
  color: #72c02c;
  cursor: pointer;
}

.star-lg {
  font-size: 30px;
}

.star-sm {
  font-size: 25px;
}

.star-xs {
  font-size: 20px;
}

.star-default {
  font-size: 16px;
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
  padding: 3px;
  border: solid 1px #eee;
}

img.img-circle {
  border-radius: 50% !important;  
}

img.image-sm {
  width: 50px;
  height: 50px;
}

img.image-md {
  width: 100px;
  height: 100px;
}

/*Responsive Video*/
.responsive-video {
   height: 0;
   padding-top: 1px;
   position: relative;
   padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}

/*Tags v1
------------------------------------*/
.tags-v1 li {
  margin: 0;
  padding: 0; 
}

.tags-v1 li a {
  font-size: 13px; 
  padding: 4px 8px;
  line-height: 32px;
  border: solid 2px #eee;
  border-radius: 20px !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;  
}

.tags-v1 li a:hover {
  text-decoration: none;
  border-color: #e0e0e0;
}

/*Tags v2
------------------------------------*/
.tags-v2 li {
  padding: 7px 0 7px 4px;
}

.tags-v2 li a {
  color: #555;
  font-size: 13px;
  padding: 5px 10px;
  border: solid 1px #bbb;
}

.tags-v2 li a:hover {
  color: #fff;
  background: #555;
  border-color: #555;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;    
}

/*Tags v3
------------------------------------*/
.tags-v3 li {
  padding: 7px 0 7px 4px;
}

.tags-v3 li a {
  color: #555;
  font-size: 12px;
  padding: 4px 12px;
  border: solid 1px #eee;
}

.tags-v3 li a:hover {
  color: #fff;
  background: #222;
  border-color: #222;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/*Tags v4
------------------------------------*/
.tags-v4 {
  padding-left: 0;
  list-style: none;
}

.tags-v4 li {
  padding: 3px 2px;
  line-height: 28px;
  display: inline-block;
}

.tags-v4 a {
  color: #bbb;
  font-size: 13px;
  font-weight: 400;
  padding: 4px 10px;
  border: 1px solid #bbb;
}

.tags-v4 a:hover {
  color: #fff;
  background: #e74c3c;
  border-color: #e74c3c;
  text-decoration: none;
  -webkit-transition: all 0.25s, -webkit-transform 0.25s;
  transition: all 0.25s, transform 0.25s;
}

/*Lists
------------------------------------*/
.list-row {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

/*Lists v1*/
.lists-v1 li {
  margin-bottom: 10px;
}

.lists-v1 i {
  color: #fff;
  width: 15px;
  height: 15px;
  padding: 1px;
  font-size: 13px; 
  margin-right: 7px;
  text-align: center;
  background: #72c02c;
  display: inline-block;
  border-radius: 50% !important;
}

/*Lists v2*/
.lists-v2 li {
  margin-bottom: 10px;
}

.lists-v2 i {
  color: #72c02c;
  font-size: 13px; 
  margin-right: 7px;
  display: inline-block;
}

/*Column Sizes
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutter.no-gutter-boxed {
  padding-right: 15px;
  padding-left: 15px;
}

/*Heights
------------------------------------*/
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}

/*Spaces
------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

.no-top-space {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom-space {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

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

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

.content-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.space-lg-hor {
  padding-left: 60px;
  padding-right: 60px;
}

.space-xlg-hor {
  padding-left: 100px;
  padding-right: 100px;
}

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60,
.margin-bottom-100 { 
   clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-100 { margin-bottom:100px;}

@media (max-width: 768px) {
  .sm-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

@media (max-width: 992px) {
  .md-margin-bottom-10 {
    margin-bottom: 10px;
  }
  .md-margin-bottom-20 {
    margin-bottom: 20px;
  }
  .md-margin-bottom-30 {
    margin-bottom: 30px;
  }
  .md-margin-bottom-40 {
    margin-bottom: 40px;
  }
  .md-margin-bottom-50 {
    margin-bottom: 50px;
  }
  .md-margin-bottom-60 {
    margin-bottom: 60px;
  }
}

/*Other Spaces*/
.margin-top-20 { margin-top: 20px;}
.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}

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

/*Text Colors
------------------------------------*/
.color-sea { color: #1abc9c;}
.color-red { color: #e74c3c;}
.color-aqua { color: #27d7e7;}
.color-blue { color: #3498db;}
.color-grey { color: #95a5a6;}
.color-dark { color: #555555;}
.color-darker { color: #333333;}
.color-green { color: #72c02c;}
.color-brown { color: #9c8061;}
.color-light { color: #ffffff;}
.color-orange { color: #e67e22;}
.color-yellow { color: #f1c40f;}
.color-green1 { color: #2ecc71;}
.color-purple { color: #9b6bcc;}
.color-inherit { color: inherit;}
.color-dark-blue { color: #4765a0;}
.color-light-grey { color: #585f69;}
.color-light-green { color: #79d5b3;}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
  color: #fff;
}
.bg-color-white {
  color: #555;
}
.bg-color-dark { background-color: #555 !important;}
.bg-color-darker { background-color: #222 !important;}
.bg-color-white { background-color: #fff !important;}
.bg-color-sea { background-color: #1abc9c !important;}
.bg-color-red { background-color: #e74c3c !important;}
.bg-color-aqua { background-color: #27d7e7 !important;}
.bg-color-blue { background-color: #3498db !important;}
.bg-color-grey { background-color: #95a5a6 !important;}
.bg-color-light { background-color: #f7f7f7 !important;}
.bg-color-green { background-color: #72c02c !important;}
.bg-color-brown { background-color: #9c8061 !important;}
.bg-color-orange { background-color: #e67e22 !important;}
.bg-color-green1 { background-color: #2ecc71 !important;}
.bg-color-purple { background-color: #9b6bcc !important;}
.bg-color-dark-blue { background-color: #4765a0 !important;}
.bg-color-light-grey { background-color: #585f69 !important;}
.bg-color-light-green { background-color: #79d5b3 !important;}

.rgba-red { background-color: rgba(231,76,60,0.8);}
.rgba-blue{ background-color: rgba(52,152,219,0.8);}
.rgba-aqua { background-color: rgba(39,215,231,0.8);}
.rgba-yellow { background-color: rgba(241,196,15,0.8);}
.rgba-default { background-color: rgba(114,192,44,0.8);}
.rgba-purple { background-color: rgba(155,107,204,0.8);}

/*Grey Backroud*/
.bg-grey {
  background: #f7f7f7;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Others
------------------------------------*/
.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}

.clear-both { clear: both;}

/*Display*/
.dp-none { display: none;}
.dp-block { display: block;}
.dp-table { display: table;}
.dp-inline-block { display: inline-block;}
.dp-table-cell { 
  display: table-cell;
  vertical-align: middle;  
}

/*Full Width*/
.full-width {
  width: 100%;
}

/*Equal Height Columns*/
@media (max-width: 767px) {
  .equal-height-column {
    height: auto !important;
  }
}

/*Image Classes*/
.img-width-200 { width:200px;}
.lft-img-margin { margin:0 20px 5px 0;}
.rgt-img-margin { margin:0 0 5px 10px;}

img.img-center,
.img-center img {
  margin-left: auto;
  margin-right: auto;
}

/*Background Light*/
.bg-light { 
   padding: 10px 15px; 
   margin-bottom: 10px; 
   background: #fcfcfc; 
   border: solid 1px #e5e5e5;
}
.bg-light:hover { 
   border: solid 1px #bbb;
}

/*CSS3 Hover Effects*/
.hover-effect {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover-effect-kenburn {
   left:10px;
   margin-left:-10px;
   position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
   -webkit-transform: scale(2) rotate(5deg);
   -moz-transform: scale(2) rotate(5deg);
   -o-transform: scale(2) rotate(5deg);
   -ms-transform: scale(2) rotate(5deg);
   transform: scale(2) rotate(5deg);
}
/*
* Template Name: Unify - Responsive Bootstrap Template
* Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
* Version: 1.8
* Author: @htmlstream
* Website: http://htmlstream.com
*/

/*--------------------------------------------------
[Import Global Compulsory CSS Files]
----------------------------------------------------*/

@import url(app.css);
@import url(plugins/style-switcher.css);

@import url(../Unify/css/app.css);
@import url(../Unify/css/plugins/style-switcher.css);

/*--------------------------------------------------
[Blog Styles]
----------------------------------------------------*/

body {
	color: #333;
	font: 13px/1.6 "Open Sans", Arial, sans-serif; /*'Roboto Slab', sans-serif;*/
}

body.header-fixed-space-v2 {
	padding-top: 135px;
}

@media (max-width: 991px) {
	body.header-fixed-space-v2 {
		padding-top: 0;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", Arial, sans-serif; /*'Roboto Slab', sans-serif;*/
}


/*--------------------------------------------------
[Boxed Layout]
----------------------------------------------------*/

.wrapper {
	background: #fff;
}

.boxed-layout {
	padding: 0;
	box-shadow: 0 0 5px #ccc;
	margin-left: auto !important;
	margin-right: auto !important;
	/*background: url(../img/patterns/16.png) fixed repeat;*/
}

.boxed-layout-space {
	margin: 40px 0;
}

@media (max-width:767px){
	.boxed-layout-space {
		margin: 0;
	}
}


/*--------------------------------------------------
[Breadcrumbs]
----------------------------------------------------*/

/*Default Breadcrumbs*/
.breadcrumbs {
	overflow: hidden;
	padding: 10px 0 6px;
	border-bottom: solid 1px #eee;
	/*background: url(../img/patterns/breadcrumbs.png) repeat;*/
}

.breadcrumbs h1 {
	color: #666;
	font-size: 22px;
	margin-top: 8px;
}

.breadcrumb {
	top: 10px;
	padding-right: 0;
	background: none;
	position: relative;
}
.breadcrumb a {
	color: #777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
	text-decoration: none;
}

@media (max-width: 550px) {
	.breadcrumbs h1.pull-left,
	.breadcrumbs ul.pull-right {
		width: 100%;
		text-align: center;
	}

	.breadcrumbs h1.pull-left {
		margin-bottom: 0;
	}

	.breadcrumbs .breadcrumb {
		top: 0;
		margin-bottom: 10px;
	}
}

/*Breadcrumbs Dark and Light*/
.breadcrumbs.breadcrumbs-dark,
.breadcrumbs.breadcrumbs-light {
	background: #222;
	padding: 30px 0 20px;
	border-bottom: solid 3px #777;
}

.breadcrumbs.breadcrumbs-light {
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
}

.breadcrumbs.breadcrumbs-dark h1,
.breadcrumbs.breadcrumbs-dark a,
.breadcrumbs.breadcrumbs-light h1,
.breadcrumbs.breadcrumbs-light a {
	color: #fff;
	font-weight: 200;
}

.breadcrumbs.breadcrumbs-light h1,
.breadcrumbs.breadcrumbs-light a {
	color: #555;
}

.breadcrumbs.breadcrumbs-dark h1 {
	font-size: 24px;
}

.breadcrumbs.breadcrumbs-light h1 {
	font-size: 26px;
}

/*Breadcrumbs Sizes*/
.breadcrumbs-sm {
	padding: 50px 0;
}
.breadcrumbs-md {
	padding: 100px 0;
}
.breadcrumbs-lg {
	padding: 200px 0;
}


/*--------------------------------------------------
[*Blog Comments v2]
----------------------------------------------------*/

.blog-comments-v2 {
	padding: 0 20px;
	margin-bottom: 30px;
}

.blog-comments-v2 img {
	float: left;
	width: 70px;
	height: auto;
	margin-right: 20px;
}

.blog-comments-v2 .comments-itself {
	padding: 20px;
	overflow: hidden;
	background: #f7f7f7;
}

.blog-comments-v2 .comments-itself h3 {
	font-size: 16px;
	margin: 0 0 10px;
}

.blog-comments-v2 .comments-itself span {
	color: #555;
	float: right;
	font-size: 13px;
}

.blog-comments-v2 .comments-itself p {
	color: #555;
}

/*Comments Reply*/
.blog-comments-v2.blog-comments-v2-reply {
	margin-left: 30px;
}

/*Media Queries*/
@media (max-width: 768px) {
	.blog-comments-v2 img {
		float: none;
		margin-bottom: 15px;
	}
}


/*--------------------------------------------------
[Back To Top]
----------------------------------------------------*/

#topcontrol {
	color: #fff;
	z-index: 99;
	width: 30px;
	height: 30px;
	font-size: 20px;
	background: #222;
	position: relative;
	right: 14px !important;
	bottom: 11px !important;
	border-radius: 10% !important;
}

#topcontrol:after {
	top: -2px;
	left: 8px;
	content: "\f106";
	position: absolute;
	text-align: center;
	font-family: FontAwesome;
}

#topcontrol:hover {
	color: #fff;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
}


/*--------------------------------------------------
[Owl Carousel]
----------------------------------------------------*/

/*Blog Carousel Heading
------------------------------------*/
.blog-cars-heading {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #333;
}

.blog-cars-heading h2 {
	margin: 0;
	float: left;
	font-size: 18px;
	font-weight: bold;
}

/*Owl Navigation*/
.blog-cars-heading .owl-navigation {
	top: -1px;
	float: right;
	position: relative;
}

.blog-cars-heading .owl-navigation .owl-btn {
	color: #555;
	padding: 0 5px;
	font-size: 24px;
	cursor: pointer;
	background: none;
	text-align: center;
	line-height: normal;
	display: inline-block;
}

.blog-cars-heading .owl-navigation .owl-btn:focus,
.blog-cars-heading .owl-navigation .owl-btn:hover {
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
}

.blog-carousel .owl-pagination {
	display: none;
}


/*--------------------------------------------------
[Master Slider]
----------------------------------------------------*/

/*MS Style v1*/
.blog-ms-v1-extend {
	padding: 5px;
}

/*MS Style v2*/
.blog-ms-v2 .ms-thumb {
	background: #222;
	text-shadow: none;
}

.blog-ms-v2 .ms-thumb p,
.blog-ms-v2 .ms-thumb h3 {
	color: #fff;
}

.blog-ms-v2 .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
	border-bottom-color: #222 !important;
}

/*Video Gallery*/
.blog-ms-v1 .ms-videogallery-template .ms-layer.video-title {
	left: 0;
	bottom: 30px;
	position: absolute;
	font-size: 14px !important;
	line-height: 18px !important;
	padding: 10px 15px !important;
	background: #e74c3c !important;
}

.blog-ms-v1 .ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame h3 {
	line-height: 18px;
	text-transform: inherit;
}

@media (max-width: 650px) {
	.blog-ms-v1 .ms-videogallery-template .ms-layer.video-title {
		font-size: 12px !important;
		line-height: 16px !important;
		padding: 10px 15px !important;
	}
}

/*Partial View*/
.blog-slider {
	position: relative;
}

.blog-slider:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	text-align: center;
	background: rgba(0,0,0,0.2.99);
}

.blog-slider span.blog-slider-badge {
	top: 20px;
	left: 20px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	position: absolute;
}

/*Blog Slider Title*/
.blog-slider .blog-slider-title {
	left: 0;
	z-index: 1;
	bottom: 20px;
	padding: 0 20px;
	position: absolute !important;
}

.blog-slider .blog-slider-title h2 {
	margin: 0;
	color: #fff;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.4;
}

.blog-slider .blog-slider-title h2 a {
	color: #fff;
}

.blog-slider .blog-slider-title span.blog-slider-posted {
	color: #fff;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}


/*--------------------------------------------------
[Masonry Blog]
----------------------------------------------------*/

/*Masonry Box
------------------------------------*/
.masonry-box {
	margin: 0 -15px;
	padding: 0 auto;
}

.masonry-box .masonry-box-in {
	float: left;
	padding: 0 15px;
	margin-bottom: 50px;
}

.masonry-box .masonry-box-in.col-2 {
	width: 50%;
}

.masonry-box .masonry-box-in.col-3 {
	width: 33.33333%;
}

.masonry-box .masonry-box-in.col-4 {
	width: 25%;
}

@media (max-width: 650px) {
	.masonry-box .masonry-box-in.col-2,
	.masonry-box .masonry-box-in.col-3,
	.masonry-box .masonry-box-in.col-4 {
		width: 100%;
	}
}

@media (min-width: 651px) and (max-width: 991px) {
	.masonry-box .masonry-box-in.col-3,
	.masonry-box .masonry-box-in.col-4 {
		width: 50%;
	}
}

@media (min-width: 651px) and (max-width: 991px) {
	.masonry-box .masonry-box-in.col-4 {
		width: 50%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.masonry-box .masonry-box-in.col-4 {
		width: 33.33333%;
	}
}

/*--------------------------------------------------
[Blog Grid]
----------------------------------------------------*/

.blog-grid img {
	margin-bottom: 15px;
}

.blog-grid h3 {
	font-size: 22px;
	margin: 0 0 10px;
	line-height: 1.4;
}

.blog-grid h2.blog-grid-title-lg {
	font-size: 28px;
	line-height: 1.4;
	margin: 0 0 10px;
}

.blog-grid h3.blog-grid-title-sm {
	font-size: 15px;
	line-height: 1.4;
}

.blog-grid h3 a {
	color: #333;
}

.blog-grid p {
	margin-bottom: 15px;
}

.blog-grid-inner {
	padding: 20px;
	background: #fff;
	margin: -70px 40px 0;
	position: relative;
}

/*Blog Grid Gradient*/
.blog-grid .blog-grid-grad {
	position: relative;
}

.blog-grid .blog-grid-grad i {
	top: 10px;
	left: 10px;
	z-index: 1;
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	display: inline-block;
	background: rgba(0,0,0,0.5);
}

/*Blog Grid Info*/
.blog-grid .blog-grid-info {
	padding-left: 0;
	list-style: none;
}

.blog-grid .blog-grid-info li {
	color: #888;
	padding: 0 2px;
	font-size: 12px;
	display: inline-block;
}

.blog-grid .blog-grid-info li:before {
	content: '/';
	font-size: 12px;
	line-height: 1.4;
	margin-right: 9px;
}

.blog-grid .blog-grid-info li:first-child:before {
	content: " ";
	margin-right: 0;
}

.blog-grid .blog-grid-info li a {
	color: #888;
}

.blog-grid .blog-grid-info li a:hover {
	text-decoration: none;
}

/*Read More Link*/
.blog-grid a.r-more {
	font-size: 13px;
	font-weight: 400;
	font-style: italic;
	display: inline-block;
}

.blog-grid a.r-more:hover {
	text-decoration: none;
}


/*--------------------------------------------------
[Blog Thumb]
----------------------------------------------------*/

.blog-thumb {
	overflow: hidden;
}

/*Blog Grid Hover*/
.blog-thumb .blog-thumb-hover {
	float: left;
	position: relative;
	margin-right: 15px;
}

.blog-thumb .blog-thumb-hover:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
}

.blog-thumb .blog-thumb-hover img {
	width: 120px;
	height: auto;
}

.blog-thumb .blog-thumb-hover img.video-play-btn {
	width: 30px;
	height: 30px;
}

/*Icon Hover Gradient*/
.blog-thumb .blog-thumb-hover .hover-grad {
	left: 0;
	top: 50%;
	z-index: 1;
	opacity: 0;
	width: 100%;
	color: #fff;
	font-size: 20px;
	margin-top: -14px;
	text-align: center;
	position: absolute;
	display: inline-block;
	-webkit-transition: all 0.65s, -webkit-transform 0.65s;
	transition: all 0.65s, transform 0.65s;
}

.blog-thumb .blog-thumb-hover:hover .hover-grad {
	opacity: 1;
	-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
	transition: opacity 0.55s, transform 0.55s;
}

/*Blog Thumb Description*/
.blog-thumb .blog-thumb-desc {
	overflow: hidden;
}

.blog-thumb .blog-thumb-desc h3 {
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 400;
	line-height: 1.4;
}

.blog-thumb .blog-thumb-desc h3 a {
	color: #555;
}

/*Blog Grid Info*/
.blog-thumb .blog-thumb-info {
	padding-left: 0;
	list-style: none;
}

.blog-thumb .blog-thumb-info li {
	color: #888;
	padding: 0 2px;
	font-size: 12px;
	display: inline-block;
}

.blog-thumb .blog-thumb-info li:before {
	content: '/';
	font-size: 12px;
	line-height: 1.4;
	margin-right: 9px;
}

.blog-thumb .blog-thumb-info li:first-child:before {
	content: " ";
	margin-right: 0;
}

.blog-thumb .blog-thumb-info li a {
	color: #888;
}

.blog-thumb .blog-thumb-info li a:hover {
	color: #e74c3c;
}


/*Blog Thumb Circle
------------------------------------*/
.blog-thumb.blog-thumb-circle .blog-thumb-hover:after {
	border-radius: 50% !important;
}

.blog-thumb.blog-thumb-circle .blog-thumb-hover img {
	width: 50px;
	height: 50px;
}

.blog-thumb.blog-thumb-circle .blog-thumb-hover .hover-grad {
	font-size: 15px;
	margin-top: -10px;
}


/*--------------------------------------------------
[Blog Thumb]
----------------------------------------------------*/

.blog-thumb-v2 {
	overflow: hidden;
}

/*Blog Thumb Gradient*/
.blog-thumb-v2 .blog-thumb-grad {
	float: left;
	position: relative;
	margin-right: 15px;
}

.blog-thumb-v2 .blog-thumb-grad img {
	width: 120px;
	height: auto;
}

.blog-thumb-v2 .blog-thumb-grad i {
	top: 5px;
	left: 5px;
	z-index: 1;
	color: #fff;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	display: inline-block;
	background: rgba(0,0,0,0.5);
}

/*Blog Thumb Description*/
.blog-thumb-v2 .blog-thumb-desc {
	overflow: hidden;
}

.blog-thumb-v2 .blog-thumb-desc h3 {
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 400;
	line-height: 1.4;
}

.blog-thumb-v2 .blog-thumb-desc h3 a {
	color: #555;
}

/*Blog Grid Info*/
.blog-thumb-v2 .blog-thumb-info {
	padding-left: 0;
	list-style: none;
}

.blog-thumb-v2 .blog-thumb-info li {
	color: #888;
	padding: 0 2px;
	font-size: 12px;
	display: inline-block;
}

.blog-thumb-v2 .blog-thumb-info li:before {
	content: '/';
	font-size: 12px;
	line-height: 1.4;
	margin-right: 9px;
}

.blog-thumb-v2 .blog-thumb-info li:first-child:before {
	content: " ";
	margin-right: 0;
}

.blog-thumb-v2 .blog-thumb-info li a {
	color: #888;
}

.blog-thumb-v2 .blog-thumb-info li a:hover {
	text-decoration: none;
}


/*--------------------------------------------------
[Blog Thumb v3]
----------------------------------------------------*/

.blog-thumb-v3 h3 {
	font-size: 13px;
	margin: 0 0 5px;
	font-weight: 400;
	line-height: 1.4;
}

.blog-thumb-v3 h3 a {
	color: #555;
}

.blog-thumb-v3 small,
.blog-thumb-v3 small a {
	color: #999;
}

.blog-thumb-v3 small a:hover {
	color: #555;
}


/*--------------------------------------------------
[Blog Thumb v4]
----------------------------------------------------*/

.blog-thumb-v4 h3 {
	z-index: 1;
	font-size: 13px;
	margin: 0 0 5px;
	font-weight: 400;
	line-height: 1.4;
	position: relative;
}

.blog-thumb-v4 h3 a {
	color: #555;
}

.blog-thumb-v4 .blog-thumb-item {
	position: relative;
}

.blog-thumb-v4 .blog-thumb-item img.video-play-btn {
	width: 40px;
	height: 40px;
}


/*--------------------------------------------------
[Blog Social Shares]
----------------------------------------------------*/

.blog-social-shares {
	padding-left: 0;
	list-style: none;
}

.blog-social-shares li {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

.blog-social-shares li i {
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
}

.blog-social-shares li i.fb {
	background: #4862a3;
}
.blog-social-shares li i.tw {
	background: #159ceb;
}
.blog-social-shares li i.gp {
	background: #dc4a38;
}

.blog-social-shares li a {
	top: -1px;
	color: #777;
	position: relative;
}

.blog-social-shares li a:hover {
	text-decoration: none;
}

.blog-social-shares li span {
	float: right;
	display: block;
	margin-top: 6px;
}


/*--------------------------------------------------
[Twitter Posts]
----------------------------------------------------*/

.twitter-posts {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.twitter-posts li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.twitter-posts li:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.twitter-posts li:before,
.twitter-posts li:after {
	content: " ";
	display: table;
}

.twitter-posts li:after {
	clear: both;
}

.twitter-posts img {
	float: left;
	width: 40px;
	height: auto;
	margin-right: 10px;
}

.twitter-posts .twitter-posts-in {
	overflow: hidden;
}

.twitter-posts .twitter-posts-in strong {
	color: #333;
	padding-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.twitter-posts .twitter-posts-in span {
	color: #999;
	font-size: 13px;
	padding-right: 5px;
}

.twitter-posts .twitter-posts-in span a {
	color: #999;
}

.twitter-posts .twitter-posts-in p {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 3px;
}

.twitter-posts .twitter-posts-in a.link {
	font-size: 12px;
}

.twitter-posts .twitter-posts-in a.link:hover {
	cursor: pointer;
}


/*--------------------------------------------------
[Blog Video]
----------------------------------------------------*/

.blog-video {
	position: relative;
}

.blog-video span.category-badge {
	left: 0;
	top: 15px;
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
	position: absolute;
}

.blog-video span.date-badge {
	left: 0;
	top: 42px;
	color: #fff;
	font-size: 10px;
	background: #111;
	padding: 2px 8px;
	position: absolute;
}

.blog-video h4 {
	left: 0;
	z-index: 1;
	bottom: 20px;
	font-size: 16px;
	padding: 5px 10px;
	position: absolute;
}

.blog-video h4 a {
	color: #fff;
	font-size: 16px;
}

.blog-video img.video-play-btn {
	width: 40px;
	height: 40px;
}


/*--------------------------------------------------
[Center Wrap]
----------------------------------------------------*/

.center-wrap {
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
}

.center-wrap .center-alignCenter {
	width: 100%;
	height: 100%;
	display: table;
}

.center-wrap .center-body {
	z-index: 10;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}


/*--------------------------------------------------
[Other Classes]
----------------------------------------------------*/

/*Single Page Quote*/
.single-page-quote {
	position: relative;
}

.single-page-quote:after {
	width: 60px;
	height: 3px;
	content: " ";
	bottom: -5px;
	position: absolute;
}

.single-page-quote p {
	font-size: 20px;
	text-transform: uppercase;
}

/*Single Page Quote Left*/
.single-page-quote.single-page-quote-left {
	float: left;
	margin: 0 20px 20px 0;
}
.single-page-quote.single-page-quote-left:after {
	left: 0;
}

/*Single Page Quote Right*/
.single-page-quote.single-page-quote-right {
	float: right;
	margin: 0 0 20px 20px;
}
.single-page-quote.single-page-quote-right:after {
	right: 0;
}

.single-page-quote.single-page-quote-right p {
	text-align: right;
}

/*Blog Grid Images*/
img.blog-grid-img-v1 {
	float: right;
	width: 280px;
	height: auto;
	margin: 0 0 20px 20px;
}

@media (max-width: 500px) {
	img.blog-grid-img-v1 {
		height: auto;
		display: block;
		max-width: 100%;
	}
}

/*Blog Grid Tags*/
.blog-grid-tags {
	padding-left: 0;
	list-style: none;
	margin-bottom: 30px;
}

.blog-grid-tags li {
	padding: 2px;
	display: inline-block;
}

.blog-grid-tags li.head {
	color: #fff;
	display: inline;
	font-size: 12px;
	background: #333;
	padding: 3px 10px;
	text-transform: uppercase;
}

.blog-grid-tags li a {
	color: #fff;
	font-size: 12px;
	background: #999;
	padding: 3px 10px;
	text-transform: uppercase;
}

.blog-grid-tags li a:hover {
	background: #e74c3c;
	text-decoration: none;
}

/*Source List*/
.source-list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 15px;
}

.source-list li {
	padding-bottom: 3px;
}


.bg-color-dark, .bg-color-darker, .bg-color-sea, .bg-color-red, .bg-color-aqua, .bg-color-blue, .bg-color-grey, .bg-color-light, .bg-color-green, .bg-color-brown, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green {
  color: inherit;
}
.form-control {
	height: auto;
}

/*Dark Version
------------------------------------*/
body.dark {
	color: #999;
	background: #252525;
}

body.dark .wrapper {
	background: #252525;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
	color: #999;
}

body.dark .wrapper p {
	color: #999;
}

body.dark p,
body.dark li,
body.dark li a {
	color: #999;
}

body.dark .headline {
  border-bottom: 1px dotted #555;
}

/*Headline v2
------------------------------------*/
body.dark .headline-v2,
body.dark .headline-v2.bg-color-light {
	background: #333 !important;
}

/*Parallax Backgrounds
------------------------------------*/
body.dark .parallax-bg {
	background: #333 url(../../img/patterns/5.png) repeat fixed;
}

/*Revolution Slider
------------------------------------*/
body.dark .tp-bannertimer {
  background: rgba(0,0,0,0.5);
}

body.dark .tp-banner-container .btn-u.btn-brd.btn-u-light {
  color: #fff;
}

/*Header
------------------------------------*/
body.dark .header-v8 {
	background: #252525;
	box-shadow: 0 0 5px #222;
}

/*Topbar*/
body.dark .blog-topbar a,
body.dark .topbar-time,
body.dark .blog-topbar .search-btn {
	color: #999;
}
body.dark .topbar-list > li:before {
	background: #999;
}

/*Navigation*/
body.dark .header-v8 .navbar-nav > li > a {
	color: #999;
}

body.dark .header-v8 .navbar-nav .open > a,
body.dark .header-v8 .navbar-nav .open > a:hover,
body.dark .header-v8 .navbar-nav .open > a:focus {
	border-bottom-color: #333;
}

body.dark .nav .open > a,
body.dark .nav .open > a:hover,
body.dark .nav .open > a:focus,
body.dark .header-v8 .nav > li > a:hover,
body.dark .header-v8 .nav > li > a:focus {
	background: inherit;
}

@media (max-width: 991px) {
	body.dark .header-v8 .nav > li.active > a:hover {
		background: #72c02c;
	}
}

/*Search*/
body.dark .header-v8 .nav > li > .search {
	color: #999;
	background: #292929;
	border-bottom-color: #555;
}

body.dark .header-v8 .nav > li > .search:hover {
	background: #303030;
}

body.dark .header-v8 .search-open-blog {
	background: #222;
	box-shadow: none;
	border-top-color: #333;
}

/*Dropdown Menu*/
body.dark .header-v8 .dropdown-menu{
	background: #222;
	border-bottom-color: #202020;
}

body.dark .header-v8 .dropdown-menu li a {
	color: #999;
	border-bottom-color: #303030;
}

body.dark .header-v8 .dropdown-menu .active > a,
body.dark .header-v8 .dropdown-menu li > a:hover {
	color: #999 !important;
	background: #303030 !important;
}

/*Responsive Navbar*/
@media (max-width: 991px) {
	/*Topbar v1*/
	body.dark .header-v8 .topbar-v1 .top-v1-data li {
		border-color: #555;
	}

	body.dark .header-v8 {
		border-color: #555;
	}

	body.dark .header-v8 .navbar .nav > li > .search {
		background: #333;
	}

	/*Header Navbar*/
	body.dark .navbar-form,
	body.dark .navbar-collapse {
		border-color: #555;
	}

	/*Navbar Nav*/
	body.dark .navbar-nav > .active > a {
		color: #fff;
	}

	body.dark .navbar-nav > li a {
		color: #999;
		border-bottom-color: #555;
	}

	/*Dropdown Menu*/
	body.dark .navbar-nav .open .dropdown-menu > li > a {
		color: #999;
	}

	body.dark .navbar-nav .open .dropdown-menu > li > a,
	body.dark .navbar-nav .open .dropdown-menu > .active > a,
	body.dark .navbar-nav .open .dropdown-menu > .active > a:hover,
	body.dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #999;
	}

	body.dark .header-v8 .navbar-nav > li a {
		border-bottom-color: #333;
	}

	/*Navbar Opened*/
	body.dark .navbar-default .navbar-nav > .open > a,
	body.dark .navbar-default .navbar-nav > .open > a:hover,
	body.dark .navbar-default .navbar-nav > .open > a:focus {
		color: #eee;
	}

	/*Dropdown Submenu*/
	body.dark .header-v8 .dropdown .dropdown-submenu > a {
		color: #999 !important;
	}

	/*Equal Height List Style*/
    body.dark .header-v8 .mega-menu .equal-height-list h3 {
		color: #999;
		border-bottom: solid 1px #333;
	}

	/*Header v3 Search Box*/
	body.dark .header-v8 .navbar .nav > li > .search {
		color: #999;
		background: #292929;
		border-bottom-color: #555;
	}

	body.dark .header-v8 .navbar .nav > li > .search:hover {
		background: #303030;
	}

	/*Header v2 Navbar*/
	body.dark .header-v8 .navbar-default .navbar-nav > li a {
		border-color: #555;
	}

	/*Header v2 Topbar*/
	body.dark .header-v8 .topbar-buttons .btn-u-light	{
		border-color: #eee;
	}

	body.dark .header-v8 .topbar-v2 {
		border-color: #555;
	}

	body.dark .header-v82 .topbar-v2 li,
	body.dark .header-v8 .topbar-v2 li a {
		color: #999;
	}

	body.dark .header-v8 .languages-dropdown {
		background: #222;
	}

	body.dark .header-v8 .languages-dropdown:after {
		border-bottom-color: #222;
	}

	body.dark .header-v8 .languages-dropdown > li > a:hover,
	body.dark .header-v8 .languages-dropdown > li.active > a {
		background: #333;
	}

	/*Header v4*/
	body.dark .header-v8 .navbar-toggle,
	body.dark .header-v8 .navbar-default .navbar-toggle:hover,
	body.dark .header-v8 .navbar-default .navbar-toggle:focus {
		background: #1c1c1c;
	}

	body.dark .header-v4 .navbar .nav > li > .search {
		background: #292929;
	}

	body.dark .header-v4 .navbar-nav,
	body.dark .header-v4 .navbar-default .navbar-toggle,
	body.dark .header-v4 .navbar-nav.navbar-border-bottom,
	body.dark .header-v4 .navbar-default .navbar-nav > li a	{
		border-color: #555;
	}

	body.dark .navbar-nav .open .dropdown-menu > li > a,
	body.dark .navbar-nav .open .dropdown-menu > .active > a,
	body.dark .navbar-nav .open .dropdown-menu > .active > a:hover,
	body.dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		background: transparent;
	}

}

@media (min-width: 992px) {
	body.dark .header-v4 .navbar-collapse {
		border-top-color: #333;
		border-bottom-color: #333;
	}

	body.dark .header-v4 .navbar-default .navbar-nav > li {
		margin-left: -1px;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
	}

	body.dark .header-v4 .navbar-default .navbar-nav > li > a {
		color: #999;
	}
}

/*Header Fixed (Shrink)
------------------------------------*/
body.dark.header-fixed .header.header-fixed-shrink,
body.dark.header-fixed .header-v1.header-fixed-shrink,
body.dark.header-fixed .header-v2.header-fixed-shrink,
body.dark.header-fixed .header-v3.header-fixed-shrink {
	box-shadow: 0 0 3px #000;
	background: rgba(0,0,0,0.9);
}

body.dark.header-fixed .header.header-fixed-shrink .search-open,
body.dark.header-fixed .header-v1.header-fixed-shrink .navbar .search-open,
body.dark.header-fixed .header-v2.header-fixed-shrink .navbar .search-open,
body.dark.header-fixed .header-v3.header-fixed-shrink .navbar .search-open {
	box-shadow: none;
	background: rgba(0,0,0,0.9);
}

body.dark.header-fixed .header-v2.header-fixed-shrink .navbar-nav > li > a {
	color: #999;
}

/*Header Mega Menu
------------------------------------*/
@media (min-width: 992px) {
    body.dark .header .mega-menu .equal-height-in,
    body.dark .header-v1 .mega-menu .equal-height-in,
    body.dark .header-v2 .mega-menu .equal-height-in,
    body.dark .header-v3 .mega-menu .equal-height-in,
    body.dark .header-v4 .mega-menu .equal-height-in {
        border-left-color: #333;
    }
}

/*Header v6
------------------------------------*/
/*Shopping Cart*/
body.dark .header-v6 .shopping-cart .shopping-cart-open {
	background: #2a2b2b;
	border-color: #555;
	border-top-color: #72c02c;
}

body.dark .header-v6 .shopping-cart-open span.shc-title {
	color: #fff;
	border-bottom-color: #555;
}

body.dark .header-v6 .shopping-cart-open span.shc-total {
	color: #fff;
}

/*Media Queries*/
@media (max-width: 991px) {
	body.dark .header-v6 {
		background: #2a2b2b;
	}

	/*Navbar Brand*/
	body.dark.header-fixed .header-v6 .navbar-brand img.default-logo {
		display: inherit;
	}

	body.dark.header-fixed .header-v6 .navbar-brand img.shrink-logo {
		display: none;
	}

	/*Toggle*/
	body.dark .header-v6 .navbar-toggle .icon-bar {
		background: #fff;
	}

	/*Menu Inner Right*/
	body.dark .header-v6 li.menu-icons i.menu-icons-style {
		color: #fff;
	}

	/*Search*/
	body.dark .header-v6 .search-open {
		background: #2a2b2b;
		border-bottom: 1px solid #555;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink .search-open {
		border-bottom-color: #555;
	}

	body.dark .header-v6 .search-open .form-control {
		color: #fff;
		background: #2a2b2b;
	}

	body.dark .header-v6 .search-open .form-control::-moz-placeholder {
		color: #fff;
	}
	body.dark .header-v6 .search-open .form-control:-ms-input-placeholder {
		color: #fff;
	}
	body.dark .header-v6 .search-open .form-control::-webkit-input-placeholder {
		color: #fff;
	}

	body.dark .header-v6 li.menu-icons i.fa-times,
	body.dark.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.fa-times {
		color: #fff;
	}

	/*Navbar Collapse*/
	body.dark .header-v6 .navbar-collapse {
		border-color: #555;
		border-bottom-color: #555;
	}

	/*Navbar Nav*/
	body.dark .header-v6 .navbar-nav > li a {
		color: #ccc;
		border-top-color: #555;
	}

	body.dark .header-v6 .navbar-nav > li a:hover {
		color: #72c02c;
	}

	body.dark .header-v6 .navbar-nav > .open > a,
	body.dark .header-v6 .navbar-nav > .open > a:hover,
	body.dark .header-v6 .navbar-nav > .open > a:focus {
		color: #fff;
	}

	/*Dropdown*/
	body.dark .header-v6 .navbar-nav .open .dropdown-menu > li > a {
		color: #ccc;
	}

	body.dark .header-v6 .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #72c02c;
	}

	/*Submenu*/
	body.dark .header-v6 .dropdown .dropdown-submenu > a {
		color: #fff !important;
	}

	/*Mega Menu*/
	body.dark .header-v6 .mega-menu .equal-height-list h3 {
		color: #fff;
	}
}

@media (min-width: 992px) {
	/*Header*/
	body.dark.header-fixed .header-v6.header-fixed-shrink {
		box-shadow: none;
		background: #2a2b2b;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar {
		background-color: inherit;
	}

	/*Navbar Brand*/
	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.default-logo {
		display: inherit;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.shrink-logo {
		display: none;
	}

	/*Navbar*/
	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav > li > a {
		color: #fff;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a,
	body.dark.header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover {
		color: #72c02c;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.menu-icons-style {
		color: #fff;
	}

	/*Search*/
	body.dark .header-v6 .search-open {
		background: #2a2b2b;
		border-bottom: 1px solid #555;
	}

	body.dark.header-fixed .header-v6.header-fixed-shrink .search-open {
		border-bottom-color: #555;
	}

	body.dark .header-v6 .search-open .form-control {
		color: #fff;
		background: #2a2b2b;
	}

	body.dark .header-v6 .search-open .form-control::-moz-placeholder {
		color: #fff;
	}
	body.dark .header-v6 .search-open .form-control:-ms-input-placeholder {
		color: #fff;
	}
	body.dark .header-v6 .search-open .form-control::-webkit-input-placeholder {
		color: #fff;
	}

	body.dark .header-v6 li.menu-icons i.fa-times,
	body.dark .header-fixed .header-v6.header-fixed-shrink li.menu-icons i.fa-times {
		color: #fff;
	}

	/*Dropdown*/
	body.dark .header-v6 .dropdown-menu {
		background: #2a2b2b;
	}

	body.dark .header-v6 .dropdown-menu li a {
		color: #ccc;
	}

	body.dark .header-v6 .dropdown-menu .active > a,
	body.dark .header-v6 .dropdown-menu li > a:hover {
		color: #72c02c;
	}

	body.dark .header-v6 .dropdown-menu > li > a:hover,
	body.dark .header-v6 .dropdown-menu > li > a:focus {
		background: inherit;
	}

	/*Equal Height List Style*/
	body.dark .header-v6 .mega-menu .equal-height-in {
        border-left-color: #777;
    }

    body.dark .header-v6 .mega-menu .equal-height-list h3 {
		color: #fff;
	}

	body.dark .header-v6 .mega-menu .equal-height-list li a {
		color: #ccc;
	}

	body.dark .header-v6 .mega-menu .equal-height-list .active > a,
	body.dark .header-v6 .mega-menu .equal-height-list li a:hover {
		color: #72c02c;
	}
}

/*Header v7
------------------------------------*/
body.dark .header-v7 .navbar {
	background: #333;
}

body.dark .header-v7 .navbar-default .navbar-nav > li > a ,
body.dark .header-v7 .navbar-default .navbar-nav > li > a:after{
	color: #ccc;
}

/*Toggle*/
body.dark .header-v7 .navbar-toggle .icon-bar {
	background: #ccc;
}

/*Media Queries*/
@media (min-width: 768px) {
	body.dark .header-v7 .navbar-default {
		border-left-color: rgba(218,218,218,0.1);
        border-right-color: rgba(218,218,218,0.1);
	}

	body.dark .header-v7 .dropdown-menu {
		background: #333;
	}

	body.dark .header-v7 .navbar-default .navbar-nav > li > a:focus {
		color: #ccc;
	}
}

@media (max-width: 991px) {
	body.dark .navbar-collapse {
		background: #333;
	}

	body.dark .header-v7 .navbar-default .navbar-nav > li > a {
		border-bottom-color: #777;
	}
}

/*Boxed Layout
------------------------------------*/
body.dark.boxed-layout {
  box-shadow: 0 0 5px #191919;
  background: #252525 url(../../img/patterns/type.png) repeat;
}

/*Breadcrumbs
------------------------------------*/
body.dark .breadcrumbs,
body.dark .breadcrumbs-v3 {
	background: #1c1c1c;
	border-bottom-color: #252525;
}

body.dark .breadcrumbs-v2 h1 {
	color: #fff;
}

body.dark .breadcrumb a {
	color: #999;
}

/*Main Slider Parallax
------------------------------------*/
body.dark .slider-inner .da-slider {
	border-bottom-color: #444;
}

/*Purchase
------------------------------------*/
body.dark .purchase {
	background: #252525;
	border-bottom-color: #2b2b2b;
}

body.dark .purchase span {
	color: #ccc;
	font-weight: 200;
}

/*Clients
------------------------------------*/
body.dark .clients li {
	background: #292929;
}

body.dark .clients li:hover {
	background: #303030;
}

/*List Group
------------------------------------*/
body.dark .list-group-item,
body.dark .list-group-item:hover {
	background: #222;
	border-color: #303030;
}

body.dark .list-toggle a:focus {
	color: #ccc;
}

body.dark .list-toggle:after {
	color: #999;
}

body.dark .sidebar-nav-v1 > li.active > a {
	color: #ccc;
	background: #292929;
}

body.dark .sidebar-nav-v1 > li.active,
body.dark .sidebar-nav-v1 > li.active:hover {
  	background: #202020;
}

body.dark .sidebar-nav-v1 li ul,
body.dark .sidebar-nav-v1 li.active ul a {
	color: #999;
	background: #222;
}

body.dark .sidebar-nav-v1 li ul a {
	border-top-color: #303030;
}

body.dark .sidebar-nav-v1 li ul a:hover,
body.dark .sidebar-nav-v1 ul li.active a {
	color: #ccc;
}

/*Bootstrap Features
------------------------------------*/
label {
	color: #999;
}

body.dark strong {
	color: #ccc;
}

body.dark dt {
	color: #ccc;
}

body.dark dd {
	color: #999;
}

body.dark hr {
	border-color: #333;
}

body.dark code {
	background: #333;
}

/*Form Control
------------------------------------*/
body.dark .form-control {
	color: #999;
	border-color: #303030;
	background: #202020;
}

body.dark .form-control:focus {
	box-shadow: none;
	border-color: #555;
}

body.dark .input-group-addon {
	border-color: #303030;
	background: #202020;
}

body.dark .topbar-search-block {
	background: #202020;
}

/*Close
------------------------------------*/
body.dark .close {
	color: #999;
	text-shadow: none;
}

body.dark .close:hover {
	color: #bbb;
}

/*Alert Warning
------------------------------------*/
body.dark .alert-info,
body.dark .alert-danger,
body.dark .alert-success,
body.dark .alert-warning {
	border-color: #444;
	background-color: #333;
}

body.dark .alert h4 {
	color: inherit;
}

body.dark .alert strong {
	color: inherit;
}

body.dark .alert code {
	background: #444;
}

/*Popover
------------------------------------*/
body.dark .popover {
	color: #999;
	box-shadow: none;
	border-color: #444;
	background-color: #333;
}

body.dark .popover.top .arrow:after {
	border-top-color: #333;
}

body.dark .popover.left .arrow:after {
	border-left-color: #333;
}

body.dark .popover.right .arrow:after {
	border-right-color: #333;
}

body.dark .popover.bottom .arrow:after {
	border-bottom-color: #333;
}

/*Contex Background
------------------------------------*/
body.dark .contex-bg p.bg-info,
body.dark .contex-bg p.bg-danger,
body.dark .contex-bg p.bg-warning,
body.dark .contex-bg p.bg-primary,
body.dark .contex-bg p.bg-success {
	background-color: #333;
}

body.dark .contex-bg p.bg-info {
	color: #27d7e7;
}

body.dark .contex-bg p.bg-danger {
	color: #e74c3c;
}

body.dark .contex-bg p.bg-warning {
	color: #e67e22;
}

body.dark .contex-bg p.bg-primary {
	color: #3498db;
}

body.dark .contex-bg p.bg-success {
	color: #72c02c;
}

/*Address
------------------------------------*/
body.dark address {
	color: #999;
}

/*Heading
------------------------------------*/
body.dark .heading h2:before,
body.dark .heading h2:after {
	border-color: #555;
}

body.dark .contacts-section .title-v1 h2 {
	color: #ccc;
}

body.dark .headline-left .headline-brd {
	color: #ccc;
}

body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon {
	color: #eee;
}

body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
body.dark .headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
  background: #eee;
}

/*Divider
------------------------------------*/
body.dark .devider.devider-dotted,
body.dark .devider.devider-dashed,
body.dark .devider.devider-db,
body.dark .devider.devider-db-dotted,
body.dark .devider.devider-db-dashed {
	border-color: #555;
}

/*body.dark Blockquote
------------------------------------*/
body.dark blockquote,
body.dark blockquote.hero {
	border-left-color: #555;
}

body.dark blockquote.text-right,
body.dark blockquote.hero.text-right {
	border-right-color: #555;
}

/*Hero Blockquote*/
body.dark blockquote.hero {
	background: #222;
}

body.dark blockquote.hero:hover {
	background: #252525;
	border-color: #555 !important;
}

/*Hero Default Blockquote*/
body.dark blockquote.hero.hero-default {
	background: #72c02c;
}

body.dark blockquote.hero.hero-default:hover {
	background: #5fb611;
}

body.dark blockquote.hero.hero-default p {
	color: #fff;
}

/*Hero Dark Blockquote*/
body.dark blockquote.hero.hero-dark {
	background: #444;
}

body.dark blockquote.hero.hero-dark:hover {
	background: #555;
}

/*Dark Blockquote*/
body.dark blockquote.bq-dark,
body.dark blockquote.bq-dark:hover {
	border-color: #303030 !important;
}

body.dark blockquote.hero.hero-dark p,
body.dark blockquote.hero.hero-dark small,
body.dark blockquote.hero.hero-default small {
	color: #fff;
}

/*Shadow Effect
------------------------------------*/
body.dark .shadow-effect-1 {
	box-shadow: 0 10px 6px -6px #151515;
}

body.dark .shadow-effect-2:after,
body.dark .shadow-effect-2:before,
body.dark .shadow-effect-3:before,
body.dark .shadow-effect-4:after {
	box-shadow: 0 15px 10px #151515;
}

/*Tag Box
------------------------------------*/
body.dark .tag-box {
	background: #202020;
}

body.dark .tag-box-v1,
body.dark .tag-box-v2 {
	border-color: #303030;
}

body.dark .tag-box-v3,
body.dark .tag-box-v4,
body.dark .tag-box-v5,
body.dark .tag-box-v6,
body.dark .tag-box-v7 {
	border-color: #303030;
}

/*Background Light
------------------------------------*/
body.dark .bg-light {
	border-color: #303030;
	background: #202020;
}

body.dark .bg-light i {
	color: #999;
}

body.dark .bg-grey {
	background: #222;
	border-top-color: #222;
	border-bottom-color: #222;
}

/*Testimonials
------------------------------------*/
/*General Testimonials v1/v2*/
body.dark .testimonials.testimonials-v1 p,
body.dark .testimonials.testimonials-v2 p {
	background: #202020;
}

body.dark .testimonials.testimonials-v1 .item p:after,
body.dark .testimonials.testimonials-v2 .item p:after {
	border-top-color: #202020;
}

body.dark .testimonials .testimonial-info img {
	border-color: #999;
}

body.dark .testimonials .carousel-arrow i {
	color: #999;
	background: #202020;
}

body.dark .testimonials.testimonials-v1 .carousel-arrow i:hover {
	color: #fff;
	background: #444;
}

/*Testimonials v6
------------------------------------*/
body.dark .testimonials-v6 .testimonials-info {
	background: #333;
}

/*Bordered Buttons
------------------------------------*/
body.dark .btn-u.btn-brd {
	color: #ddd;
}

/*Dropdown Buttons
------------------------------------*/
body.dark .btn-group .dropdown-menu {
	background: #222;
}

body.dark .btn-group .dropdown-menu li a {
	color: #999;
}

body.dark .btn-group .dropdown-menu .active > a,
body.dark .btn-group .dropdown-menu li > a:hover {
	color: #999;
}

/*Icons
------------------------------------*/
body.dark i.icon-custom {
	color: #999;
	border-color: #999;
}

body.dark i.icon-bg-dark {
	color: #fff;
	border-color: #fff;
}

/*Icons Color*/
body.dark i.icon-custom.icon-color-u {
   color: #72c02c;
   border: solid 1px #72c02c;
}
body.dark i.icon-custom.icon-color-blue {
   color: #3498db;
   border: solid 1px #3498db;
}
body.dark i.icon-custom.icon-color-red {
   color: #e74c3c;
   border: solid 1px #e74c3c;
}
body.dark i.icon-custom.icon-color-sea {
   color: #1abc9c;
   border: solid 1px #1abc9c;
}
body.dark i.icon-custom.icon-color-green {
   color: #2ecc71;
   border: solid 1px #2ecc71;
}
body.dark i.icon-custom.icon-color-yellow {
   color: #f1c40f;
   border: solid 1px #f1c40f;
}
body.dark i.icon-custom.icon-color-orange {
   color: #e67e22;
   border: solid 1px #e67e22;
}
body.dark i.icon-custom.icon-color-grey {
   color: #95a5a6;
   border: solid 1px #95a5a6;
}
body.dark i.icon-custom.icon-color-purple {
   color: #9b6bcc;
   border: solid 1px #9b6bcc;
}
body.dark i.icon-custom.icon-color-aqua {
   color: #27d7e7;
   border: solid 1px #27d7e7;
}
body.dark i.icon-custom.icon-color-brown {
   color: #9c8061;
   border: solid 1px #9c8061;
}
body.dark i.icon-custom.icon-color-dark-blue {
   color: #4765a0;
   border: solid 1px #4765a0;
}
body.dark i.icon-custom.icon-color-light-green {
   color: #79d5b3;
   border: solid 1px #79d5b3;
}
body.dark i.icon-custom.icon-color-light {
   color: #fff;
   border: solid 1px #fff;
}
body.dark i.icon-custom.icon-color-light-grey {
   color: #585f69;
   border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
body.dark i.icon-custom.icon-bg-u,
body.dark i.icon-custom.icon-bg-red,
body.dark i.icon-custom.icon-bg-sea,
body.dark i.icon-custom.icon-bg-dark,
body.dark i.icon-custom.icon-bg-grey,
body.dark i.icon-custom.icon-bg-blue,
body.dark i.icon-custom.icon-bg-green,
body.dark i.icon-custom.icon-bg-yellow,
body.dark i.icon-custom.icon-bg-orange,
body.dark i.icon-custom.icon-bg-purple,
body.dark i.icon-custom.icon-bg-aqua,
body.dark i.icon-custom.icon-bg-brown,
body.dark i.icon-custom.icon-bg-dark-blue,
body.dark i.icon-custom.icon-bg-light-grey,
body.dark i.icon-custom.icon-bg-light-green {
	color: #fff;
	border: none;
}

/*Team Social
------------------------------------*/
body.dark .team .thumbnail-style {
	background: #292929;
}

body.dark .team .thumbnail-style small {
	color: #555;
}

body.dark .team ul.team-socail li i {
	color: #999;
	background: #222;
}

body.dark .team ul.team-socail li i:hover {
	color: #fff;
	background: #333;
}

/*Item Box
------------------------------------*/
body.dark .line-icon-page .item-box {
	border-color: #303030;
}

body.dark .line-icon-page .item-box:hover {
	background: #222;
}

body.dark .line-icon-page .item {
	color: #999;
}

body.dark .line-icon-page .item:hover {
	color: #72c02c;
}

/*Glyphicons
------------------------------------*/
body.dark .bs-glyphicons li {
	color: #999;
	border-color: #303030;
}

body.dark .bs-glyphicons li:hover {
	color: #72c02c;
	background: #222;
}

/*Service
------------------------------------*/
body.dark .service:hover {
	box-shadow: none;
	background: #1e1e1e;
}

body.dark .service:hover i {
	color: #999;
}

/*Service Block
------------------------------------*/
body.dark .service-block-default {
	background: #202020;
	border-color: #303030;
}

body.dark .service-block-default i.icon-custom {
	color: #ccc;
	border-color: #ccc;
}

body.dark .service-block-default:hover {
	box-shadow: none;
}

/*Service Block Colors*/
body.dark .service-block.service-block-u h2,
body.dark .service-block.service-block-blue h2,
body.dark .service-block.service-block-red h2,
body.dark .service-block.service-block-sea h2,
body.dark .service-block.service-block-grey h2,
body.dark .service-block.service-block-yellow h2,
body.dark .service-block.service-block-orange h2,
body.dark .service-block.service-block-green h2,
body.dark .service-block.service-block-purple h2,
body.dark .service-block.service-block-aqua h2,
body.dark .service-block.service-block-brown h2,
body.dark .service-block.service-block-dark-blue h2,
body.dark .service-block.service-block-light-green h2,
body.dark .service-block.service-block-dark h2 {
	color: #fff !important;
}

body.dark .service-block.service-block-light h2,
body.dark .service-block.service-block-light p {
	color: #555 !important;
}

body.dark .service-block.service-block-u p,
body.dark .service-block.service-block-blue p,
body.dark .service-block.service-block-red p,
body.dark .service-block.service-block-sea p,
body.dark .service-block.service-block-grey p,
body.dark .service-block.service-block-yellow p,
body.dark .service-block.service-block-orange p,
body.dark .service-block.service-block-green p,
body.dark .service-block.service-block-purple p,
body.dark .service-block.service-block-aqua p,
body.dark .service-block.service-block-brown p,
body.dark .service-block.service-block-dark-blue p,
body.dark .service-block.service-block-light-green p,
body.dark .service-block.service-block-dark p {
	color: #fff !important;
}

/*Service Block v4
------------------------------------*/
body.dark .service-block-v4 {
	background: #444;
}

body.dark .service-block-v4:after {
	border-color: #252525 transparent transparent transparent;
}

/*Service Block v5
------------------------------------*/
body.dark .service-block-v5 {
	background: #333;
}

body.dark .service-block-v5 .service-border {
	border-left-color: #777;
	border-right-color: #777;
}

/*Service Block v8
------------------------------------*/
body.dark .service-block-v8 {
	background: #333;
}

body.dark .service-block-v8 i {
	color: #999;
}

/*Funny Boxes
------------------------------------*/
body.dark .funny-boxes {
	background: #292929 !important;
}

body.dark .funny-boxes h2 a {
	color: #ccc;
}

/*Red Funny Box*/
body.dark .funny-boxes.funny-boxes-red {
  background: #e74c3c;
}

/*Blue Funny Box*/
body.dark .funny-boxes.funny-boxes-blue {
  background: #3498db;
}

/*Grey Funny Box*/
body.dark .funny-boxes.funny-boxes-grey {
  background: #95a5a6;
}

/*Turquoise Funny Box*/
body.dark .funny-boxes.funny-boxes-sea {
  background: #1abc9c;
}

body.dark .funny-boxes.funny-boxes-red h2 a,
body.dark .funny-boxes.funny-boxes-blue h2 a,
body.dark .funny-boxes.funny-boxes-grey h2 a,
body.dark .funny-boxes.funny-boxes-sea h2 a,
body.dark .funny-boxes.funny-boxes-red p,
body.dark .funny-boxes.funny-boxes-blue p,
body.dark .funny-boxes.funny-boxes-grey p,
body.dark .funny-boxes.funny-boxes-sea p {
	color: #fff;
}

/*Content Boxes
------------------------------------*/
body.dark .content-boxes-v2 .link-bg-icon span {
	color: #ccc;
}

/*Thumbnails
------------------------------------*/
body.dark .thumbnail {
	border: none;
	background: none;
}

body.dark .thumbnail-style:hover {
	box-shadow: none;
}

body.dark .thumbnail h3 a,
body.dark .thumbnail-style h3 a {
	color: #ccc;
}

body.dark .thumbnail .caption {
	background: #202020;
}

/*Badge
------------------------------------*/
body.dark .badge-sidebar {
	border-color: #303030;
}

body.dark .badge-box-v2 a,
body.dark .badge-box-v1 a {
	border-color: #303030;
}

body.dark .badge-box-v2 a:hover,
body.dark .badge-box-v1 a:hover {
	color: #555;
	border-color: #555;
}

/*Dropdown Show
------------------------------------*/
body.dark .dropdown-show {
	box-shadow: none;
	border-color: #303030;
	background: #252525;
}

body.dark .dropdown-show a {
	color: #999;
}

body.dark .dropdown-menu .divider {
	background: #303030;
}

body.dark .dropdown-menu > li > a:hover,
body.dark .dropdown-menu > li > a:focus {
	color: #ccc;
	background: #777;
}

/*Nav
------------------------------------*/
/*body.dark .nav > li > a:hover,
body.dark .nav > li > a:focus {
	color: #72c02c;
	background: #777;
}*/

/*body.dark .nav > li.active > a:hover,
body.dark .nav > li.active > a:focus {
	color: #fff;
	background: #3888c7;
}*/

/*Progress Bar
------------------------------------*/
body.dark .progress {
	background: #292929;
}

body.dark .progress-bar-dark {
	background: #202020;
}

/*Image Bordered
------------------------------------*/
body.dark img.img-bordered {
	background: #222;
	border-color: #303030;
}

/*Panel
------------------------------------*/
body.dark .panel {
	background: none;
}

body.dark .panel.panel-default .panel-heading {
	color: #ccc;
	background: #222;
	border-color: #303030;
}

body.dark .panel .panel-title {
	color: inherit;
}

body.dark .panel .panel-body {
	background: #222;
}

/*Pagination
------------------------------------*/
body.dark .pagination > li > a {
	color: #999;
}

body.dark .pagination > li > a:hover {
	color: #fff;
	background: #333;
	border-color: #333;
}

body.dark .pagination > li > a,
body.dark .pagination > li > span {
	border-color: #303030;
	background: #202020;
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	color: #fff;
	background: #444;
	border-color: #333;
}

/*Disabled*/
body.dark .pagination > .disabled > span,
body.dark .pagination > .disabled > span:hover,
body.dark .pagination > .disabled > span:focus,
body.dark .pagination > .disabled > a,
body.dark .pagination > .disabled > a:hover,
body.dark .pagination > .disabled > a:focus {
	background: #222;
	border-color: #555;
}

body.dark .pager li > a,
body.dark .pager li > span {
	color: #999;
	border-color: #303030;
	background: #202020;
}

body.dark .pager li > a:hover,
body.dark .pager li > span:hover {
	color: #fff;
	background: #222;
	border-color: #555;
}

/*Accordion
------------------------------------*/
body.dark .acc-v1 .panel-heading a {
	color: #ccc;
	background: #202020;
}

body.dark .panel-default {
	border-color: #303030;
}

body.dark .panel-group .panel-heading + .panel-collapse .panel-body {
	color: #999;
	background: #222;
	border-top-color: #555;
}

/*Tab Version 2
------------------------------------*/
body.dark .tab-v2 .nav-tabs li.active a {
	color: #999;
	background: #252525;
	border-left-color: #303030;
	border-right-color: #303030;
}

body.dark .tab-v2 .tab-content {
	border-color: #303030;
}

/*Tab Version 3
------------------------------------*/
body.dark .tab-v3 .nav-pills li a:hover,
body.dark .tab-v3 .nav-pills li.active a {
	color: #fff;
}

body.dark .tab-v3 .nav-pills li a {
	color: #999;
	border-color: #303030;
	background: #202020;
}

body.dark .tab-v3 .tab-content {
	border-color: #303030;
	background: #202020;
}

/*Timeline Version 1
------------------------------------*/
body.dark .timeline-v1 .btn-u {
	color: #fff;
}

body.dark .timeline-v1:before {
	background: #303030;
}

body.dark .timeline-v1 > li > .timeline-badge {
	color: #555;
}

/*Timeline Panel*/
body.dark .timeline-v1 > li > .timeline-panel {
	border-color: #303030;
}

body.dark .timeline-v1 > li > .timeline-panel:before {
	border-left-color: #303030;
	border-right-color: #303030;
}

body.dark .timeline-v1 > li > .timeline-panel:after {
	border-left-color: #303030;
	border-right-color: #303030;
}

/*Timeline Body*/
body.dark .timeline-v1 .timeline-body h2 a {
	color: #ccc;
}

body.dark .timeline-v1 .timeline-body h2 a:hover {
	color: #72c02c;
}

/*Timeline Footer*/
body.dark .timeline-v1 .timeline-footer .blog-info i,
body.dark .timeline-v1 .timeline-footer .likes i {
	color: #999;
}

body.dark .timeline-v1 .timeline-footer .likes:hover i {
	color: #72c02c;
}

body.dark .timeline-v1 .timeline-footer {
	border-top-color: #303030;
}

/*Timeline Version 2
------------------------------------*/
/*Timeline Label*/
body.dark .timeline-v2 > li .cbp_tmlabel {
	background: #222;
}

body.dark .timeline-v2 > li .cbp_tmlabel h2 {
	border-color: #333;
}

body.dark .timeline-v2:before {
	background: #222;
}

body.dark .timeline-v2 > li .cbp_tmlabel:after {
	border-right-color: #222;
}

@media screen and (max-width: 767px) {
	body.dark .timeline-v2 > li .cbp_tmlabel:after {
		border-bottom-color: #222;
		border-right-color: transparent;
	}
}

@media screen (min-width: 768px) and (max-width: 992px) {
	body.dark .timeline-v2 > li .cbp_tmlabel:after {
		border-bottom-color: #222;
		border-right-color: transparent;
	}
}

body.dark .timeline-v2 > li .cbp_tmtime span:last-child {
	color: #ccc;
}

/*Timeline Icon*/
body.dark .timeline-v2 > li .cbp_tmicon {
	box-shadow: 0 0 0 4px #222;
}

/*Owl Carousel
------------------------------------*/
body.dark .owl-carousel-style-v2 .item {
	background: #292929;
	border-color: #303030;
}

body.dark .owl-carousel-style-v2 .item:hover {
	border-color: #555;
	background: #303030;
}

/*Owl Button*/
body.dark .owl-btn {
	background: #303030;
}

body.dark .owl-btn:hover {
	background: #444;
}

/*Table
------------------------------------*/
/*Default Table*/
body.dark .table,
body.dark .table > thead > tr > th,
body.dark .table > tbody > tr > th,
body.dark .table > tfoot > tr > th,
body.dark .table > thead > tr > td,
body.dark .table > tbody > tr > td,
body.dark .table > tfoot > tr > td {
	color: #999;
	background: #222;
	border-color: #303030;
}

body.dark .table > caption + thead > tr:first-child > th,
body.dark .table > colgroup + thead > tr:first-child > th,
body.dark .table > thead:first-child > tr:first-child > th,
body.dark .table > caption + thead > tr:first-child > td,
body.dark .table > colgroup + thead > tr:first-child > td,
body.dark .table > thead:first-child > tr:first-child > td {
	color: #ccc;
}

body.dark .panel > .panel-body + .table,
body.dark .panel > .panel-body + .table-responsive {
	border-color: #303030;
}

/*Table Hover*/
body.dark .table-hover > tbody > tr:hover > td,
body.dark .table-hover > tbody > tr:hover > th {
	background: #222;
}

body.dark .table-hover > tbody > tr:nth-child(2n+1):hover > td,
body.dark .table-hover > tbody > tr:nth-child(2n+1):hover > th {
	background: #202020;
}

/*Table Striped*/
body.dark .table-striped > tbody > tr:nth-child(2n+1) > td,
body.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
	background: #202020;
}

/*Table Bordered*/
body.dark .table-bordered,
body.dark .table-bordered > thead > tr > th,
body.dark .table-bordered > tbody > tr > th,
body.dark .table-bordered > tfoot > tr > th,
body.dark .table-bordered > thead > tr > td,
body.dark .table-bordered > tbody > tr > td,
body.dark .table-bordered > tfoot > tr > td {
	color: #999;
	background: #222;
	border-color: #303030;
}

/*Pie Chart
------------------------------------*/
body.dark .pie-progress-charts .circle {
	color: #ccc;
}

body.dark .counters {
	color: #999;
}

body.dark .circles-text-wrp {
	color: #999;
}

/*Title Box
------------------------------------*/
body.dark .title-box .title-box-text {
	color: #ccc;
}

body.dark .title-box {
	border-color: #555;
}

body.dark .title-box-v2 h2 {
	color: #ccc;
}

/*Sky Forms
------------------------------------*/
body.dark .sky-form {
	border-color: #555;
}

body.dark .sky-form header,
body.dark .sky-form footer {
	background: #222;
	border-color: #555;
}

body.dark .sky-form header {
	color: #ccc;
}

body.dark .sky-form label {
	color: #999;
}
body.dark .sky-form input,
body.dark .sky-form .input input,
body.dark .sky-form .select select,
body.dark .sky-form textarea,
body.dark .sky-form .input input:focus,
body.dark .sky-form .select select:focus,
body.dark .sky-form textarea:focus {
	color: #999 !important;
	box-shadow: none;
	border-color: #222 !important;
	background: #222 !important;
}

body.dark .sky-form input:hover,
body.dark .sky-form input:focus {
	box-shadow: none;
	border-color: #555;
}

body.dark .sky-form .input input,
body.dark .sky-form .select select,
body.dark .sky-form textarea,
body.dark .sky-form .radio i,
body.dark .sky-form .checkbox i,
body.dark .sky-form .toggle i,
body.dark .sky-form .icon-append,
body.dark .sky-form .icon-prepend {
	border-color: #555;
}

/*Select*/
body.dark .sky-form .select i {
	background: #303030;
	box-shadow: 0 0 0 12px #303030;
}

body.dark .sky-form .select i:after {
	border-top-color: #999;
}
body.dark .sky-form .select i:before {
	border-bottom-color: #999;
}

/*Radio*/
body.dark .sky-form .radio i,
body.dark .sky-form .checkbox i {
	background: #303030;
}

body.dark .sky-form .radio input + i:after {
	background: #999;
}

body.dark .sky-form .radio input:checked + i,
body.dark .sky-form .checkbox input:checked + i,
body.dark .sky-form .toggle input:checked + i {
	border-color: #555;
}

/*Toggle*/
body.dark .sky-form .toggle i {
	background: #303030;
}

body.dark .sky-form .toggle i:before,
body.dark .sky-form .toggle i:after {
	color: #999;
}

/*Rating*/
body.dark .sky-form .rating {
	color: #999;
}

/*Prepend & Append*/
body.dark .sky-form .icon-append,
body.dark .sky-form .icon-prepend {
	color: #999;
}

/*Date Picker*/
body.dark .ui-datepicker {
	background: rgba(0,0,0,0.9);
}

body.dark .ui-datepicker span {
	color: #ccc;
}

body.dark .ui-datepicker span:hover {
	color: #72c02c;
}

body.dark .ui-datepicker-inline {
	background: #202020;
	border-color: #555;
}

body.dark .ui-datepicker-header {
	border-color: #555;
}

body.dark .ui-datepicker-calendar a:hover {
	border-color: #555;
}

body.dark .ui-datepicker-calendar a,
body.dark .ui-datepicker-calendar span {
	color: #999;
}

body.dark .ui-datepicker-calendar .ui-state-active {
	color: #eee;
	border-color: #555;
}

body.dark .ui-datepicker-calendar .ui-state-active:hover {
	color: #72c02c;
	border-color: #555;
}

/*Slider*/
body.dark .sky-form .ui-slider {
	border-color: #555;
}

body.dark .sky-form .ui-slider-handle {
	background: #999;
	border-color: #555;
}

/*Success State*/
/*body.dark .sky-form .state-success input,
body.dark .sky-form .state-success select,
body.dark .sky-form .state-success textarea,
body.dark .sky-form .radio.state-success i,
body.dark .sky-form .checkbox.state-success i,
body.dark .sky-form .toggle.state-success i {
	background: #ceedce !important;
}

body.dark .sky-form .state-error input,
body.dark .sky-form .state-error select,
body.dark .sky-form .state-error textarea,
body.dark .sky-form .radio.state-error i,
body.dark .sky-form .checkbox.state-error i,
body.dark .sky-form .toggle.state-error i {
	background: #fff0e0 !important;
}*/

/*Hover State*/
body.dark .sky-form .radio:hover i,
body.dark .sky-form .checkbox:hover i,
body.dark .sky-form .toggle:hover i,
body.dark .sky-form .ui-slider-handle:hover {
  	border-color: #444 !important;
}

/*Modal Content
------------------------------------*/
body.dark .modal-content {
	box-shadow: none;
	border-color: #303030;
	background: #202020;
}

body.dark .modal-header,
body.dark .modal-footer {
	border-color: #303030;
}

/*Pricing Table
------------------------------------*/
body.dark .pricing {
	box-shadow: none;
	border: 1px solid #333;
}

body.dark .pricing-light h3,
body.dark .pricing-light .pricing-footer h4,
body.dark .pricing-medium-light .pricing-head h3,
body.dark .pricing-medium-light .pricing-footer h4,
body.dark .pricing-medium-dark .pricing-head h3,
body.dark .pricing-medium-dark .pricing-footer,
body.dark .pricing-dark .pricing-head h3,
body.dark .pricing-dark .pricing-footer h4 {
	background: #222 !important;
	border-color: #333 !important;
}

body.dark .pricing-medium-dark .pricing-footer h4 {
	background: #303030 !important;
}

body.dark .pricing-head h3 {
	color: #fafafa;
}

body.dark .pricing-head h4,
body.dark .pricing-bg-colored h4,
body.dark .pricing-mega-v1 .pricing-head .price,
body.dark .pricing-mega-v2 .pricing-head .price {
	color: #ccc;
	background: #222;
	border-color: #333;
	text-shadow: 0 1px 0 #999;
}

body.dark .bg-color {
	background: #202020;
}

body.dark .pricing-dark .pricing-footer,
body.dark .pricing-medium-light .pricing-footer {
	background: #202020;
}

body.dark .pricing-content li,
body.dark .pricing-bg-colored .pricing-head p {
	color: #999;
	border-color: #333;
}

body.dark .pricing-bg-colored .pricing:hover h4 {
	color: #fff;
	background: transparent;
}

body.dark .pricing-bg-colored .pricing:hover p,
body.dark .pricing-bg-colored .pricing:hover .pricing-content li {
	border-color: #fff;
}

body.dark .pricing-dark .pricing li i {
	color: #999;
}

body.dark .pricing-rounded h4,
body.dark .pricing-zoom .pricing-head h4 {
	background: #222 !important;
	border-color: #333 !important;
	text-shadow: 0 1px 0 #999 !important;
}

/*Pricing Medium Dark and Light*/
body.dark .pricing-medium-light .pricing {
	background: #202020;
}

body.dark .pricing-medium-dark .pricing-head h3 {
	color: #717984;
}

body.dark .pricing-medium-light .pricing-content > li {
	border-color: #555 !important;
}

body.dark .pricing-dark .btn-u.btn-brd.btn-u-default,
body.dark .pricing-medium-dark .btn-u.btn-brd.btn-u-default,
body.dark .pricing-medium-light .btn-u.btn-brd.btn-u-default {
	border-color: #555;
	background: none !important;
}

body.dark .pricing-dark .btn-u.btn-brd.btn-u-default:hover,
body.dark .pricing-medium-dark .btn-u.btn-brd.btn-u-default:hover,
body.dark .pricing-medium-light .btn-u.btn-brd.btn-u-default:hover {
	color: #ccc;
	background: #555 !important;
}

/*Pricing Dark*/
body.dark .pricing-dark .pricing {
	background: none;
}

/*Pricing Mega Version 2*/
body.dark .pricing-mega-v2 .block:hover h3,
body.dark .pricing-mega-v2 .block:hover h4,
body.dark .pricing-mega-v2 .block:hover li,
body.dark .pricing-mega-v2 .block:hover li i,
body.dark .pricing-mega-v2 .block:hover h4 i {
	color: #fff !important;
}

/*Pricing Mega Version 3*/
body.dark .pricing-mega-v3 .btn-u,
body.dark .pricing-mega-v3 .pricing-content,
body.dark .pricing-mega-v3 .pricing-head h3,
body.dark .pricing-mega-v3 .hidden-area .pricing-head h4,
body.dark .pricing-mega-v3 .hidden-area .pricing-content {
	border-color: transparent;
}

body.dark .pricing-mega-v3 .pricing h5 {
	color: #ccc;
}

/*Pricing Mega Version 2*/
body.dark .pricing-mega-v2 .block:hover h3,
body.dark .pricing-mega-v2 .block:hover h4,
body.dark .pricing-mega-v2 .block:hover li,
body.dark .pricing-mega-v2 .block:hover li i,
body.dark .pricing-mega-v2 .block:hover h4 i {
	background: #222;
}

body.dark .pricing-mega-v2 .block:hover .bg-color {
	background: #222;
}

/*Button Group*/
body.dark .pricing .btn-group .dropdown-menu {
	border-color: #333 !important;
}

body.dark .pricing .btn-group .dropdown-menu li a {
	color: #fff !important;
}

/*Pricing Table v1*/
body.dark .pricing-table-v1 .pricing-v1-content {
	background: #222;
}

body.dark .pricing-table-v1 .pricing-v1-content {
	background: #222;
}

body.dark .pricing-table-v1 .pricing-v1:hover li {
	background: #333;
}

/*Pricing Table v2*/
body.dark .pricing-table-v2 .pricing-v2-grey,
body.dark .pricing-table-v2 .pricing-v2-grey .pricing-v2-head,
body.dark .pricing-table-v2 .pricing-v2-grey .pricing-v2-content li {
	border-color: #555;
}

body.dark .pricing-table-v2 .btn-u.btn-u-default {
	color: #999;
	background: #333;
}

body.dark .pricing-table-v2 .btn-u.btn-u-default:hover {
	background: #555;
}

/*Pricing Table v4*/
body.dark .pricing-table-v4 .pricing-v4 {
	background: #222;
}

body.dark .pricing-table-v4 .pricing-v4-head a .price-corner-2 {
	border-color: transparent transparent transparent #222;
}

/*Pricing Table v5*/
body.dark .pricing-table-v5 .btn-u {
	color: #fff;
}

body.dark .pricing-table-v5 .pricing-v5-grey,
body.dark .pricing-table-v5 .pricing-v5-grey .pricing-v5-head,
body.dark .pricing-table-v5 .pricing-v5-grey .pricing-v5-content li {
	border-color: #555;
}

/*Pricing Table v6, v7 and v8*/
body.dark .pricing-table-v6 h3,
body.dark .pricing-table-v6 h3 i,
body.dark .pricing-table-v6 h3 span,
body.dark .pricing-table-v6 ul li,
body.dark .pricing-table-v6 .btn-u.btn-brd,
body.dark .pricing-table-v7 .btn-u.btn-brd,
body.dark .pricing-table-v8 .btn-u.btn-brd,
body.dark .pricing-table-v7 .service-block p,
body.dark .pricing-table-v7 .service-block h2,
body.dark .pricing-table-v8 .service-block p,
body.dark .pricing-table-v8 .service-block h2 {
	color: #fff;
}

body.dark .pricing-table-v6 .btn-u.btn-brd:hover,
body.dark .pricing-table-v7 .btn-u.btn-brd:hover,
body.dark .pricing-table-v8 .btn-u.btn-brd:hover {
	color: #fff;
	background: #333;
	border-color: transparent;
}

body.dark .pricing-table-v7 .pricing-body,
body.dark .pricing-table-v8 .pricing-body {
	background: #333;
}

body.dark .pricing-table-v7 .pricing-inner-1,
body.dark .pricing-table-v7 .pricing-inner-2,
body.dark .pricing-table-v8 .pricing-inner-1,
body.dark .pricing-table-v8 .pricing-inner-2 {
	border-color: #555;
}

/*Map
------------------------------------*/
body.dark .map {
	border-color: #333;
}

/*About Skills
------------------------------------*/
body.dark .about-skills {
	border-color: #303030;
	background: #202020;
}

/*About Me
------------------------------------*/
body.dark .info-blocks .info-blocks-in h3 {
	color: #ccc;
}

/*Parallax About
------------------------------------*/
body.dark .parallax-about .title-box-v2 h2,
body.dark .parallax-about .banner-info h3 {
	color: #fff;
}

body.dark .parallax-about .title-box-v2 p,
body.dark .parallax-about .banner-info p {
	color: #eee;
}

/*Job Page
------------------------------------*/
body.dark .job-partners .our-clients li {
	border-color: #555;
	background: #292929;
}

body.dark #effect-2 figure .img-hover {
	color: #999;
	background: #303030;
}

body.dark .job-content .categories li {
	border-bottom-color: #444;
}

/*Job Inner
------------------------------------*/
body.dark .job-img .job-banner,
body.dark .parallax-team:before,
body.dark .image-block .company-description {
	background: rgba(0,0,0,0.9);
}

body.dark .image-block .benefits li i {
	color: #ccc;
	border-color: #ccc;
}

body.dark .job-description,
body.dark .block-description,
body.dark .job-team {
	background: #191919;
	border: none;
}

body.dark .parallax-team {
	border-color: #353535;
}

body.dark .block-level-v2,
body.dark .contacts {
	border-color: #353535;
	background: #252525;
}

body.dark .center-icon {
	color: #777;
	background: #222;
	border-color: #353535;
}

/*Left Inner*/
body.dark .job-description .left-inner,
body.dark .job-description .right-inner,
body.dark .block-description .left-inner,
body.dark .block-description .right-inner {
	background: #222;
}

body.dark .job-description .left-inner h2,
body.dark .job-description .left-inner h3 {
	color: #ccc;
	font-weight: 200;
}

body.dark .job-description .left-inner img,
body.dark .block-description .left-inner img {
	border-color: #555;
}

body.dark .job-description .left-inner i.position-top,
body.dark .block-description .left-inner i.position-top {
	color: #999;
}

body.dark .job-description .left-inner i.position-top:hover,
body.dark .block-description .left-inner i.position-top:hover {
	color: #666;
}

body.dark .job-description .progression span,
body.dark .block-description .progression span {
	color: #999;
}

/*Right Inner*/
body.dark .job-description .right-inner .font-s,
body.dark .block-description .right-inner .font-s {
	color: #ccc;
}

body.dark .job-description .left-inner small,
body.dark .job-description .right-inner small,
body.dark .block-description .right-inner small {
	color: #999;
}

body.dark .job-description .people-say .overflow-h span,
body.dark .block-description .people-say .overflow-h span {
	color: #ccc;
}

/*Team Version 2
------------------------------------*/
body.dark .team-v2 .inner-team {
	background: #202020;
}

/*Team v7
------------------------------------*/
body.dark .team-v7 .team-v7-name {
	color: #ccc;
}

body.dark .team-v7 .team-arrow-left:before {
	border-color: transparent #252525 transparent transparent;
}

body.dark .team-v7 .team-arrow-right:before {
	border-color: transparent transparent transparent #252525;
}

/*Discover Page
------------------------------------*/
body.dark .category .section-block {
	background: #202020;
	border-color: #252525;
	box-shadow: 0 0 3px #111;
}

body.dark .search-block:before {
	background: rgba(0,0,0,0.7);
}

body.dark .section-block .section-block-info {
	border-color: #292929;
}

body.dark .content-boxes-v3 .content-boxes-in-v3 h3 a,
body.dark .search-block form.page-search-form .checkbox {
	color: #ccc;
}

/*Search Results
------------------------------------*/
body.dark .search-block-v2 {
	background: #202020;
	border-color: #303030;
}

body.dark .s-results .related-search {
	border-color: #555;
}

body.dark .s-results .inner-results h3 a {
	color: #ccc;
}

body.dark .s-results .inner-results h3 a:hover {
	color: #72c02c;
}

body.dark .s-results .inner-results .btn-default {
	color: #bbb;
	background: #191919;
}

body.dark .s-results .up-ul li,
body.dark .s-results .up-ul li a {
	color: #bbb;
}

/*Table Search
------------------------------------*/
body.dark .table-search-v1 thead,
body.dark .table-search-v2 thead {
	border-color: #303030;
}

/*FAQ
------------------------------------*/
body.dark .easy-block-v3 {
	background: #333;
}

body.dark .easy-block-v3.second {
	background: #353535;
}

body.dark .easy-block-v3.third {
	background: #383838;
}

body.dark .faq-page .faq-add {
	border-color: #303030;
}

body.dark .faq-bg .title-box-v2 h2,
body.dark .faq-bg .banner-info h3,
body.dark .easy-block-v3 .inner-faq-b h3 {
	color: #fff;
}

body.dark .faq-bg .banner-info i,
body.dark .faq-bg .banner-info p,
body.dark .faq-bg .title-box-v2 p,
body.dark .easy-block-v3 .inner-faq-b p {
	color: #eee;
}

/*Easy Block
------------------------------------*/
body.dark .easy-block-v1 i,
body.dark .easy-block-v2 i,
body.dark .easy-block-v3 i {
	color: #ccc;
}

/*Registration
------------------------------------*/
body.dark .reg-page {
	background: #222;
	box-shadow: none;
	border-color: #303030;
}

body.dark .reg-header {
	border-color: #555;
}

/*Portfolio
------------------------------------*/
/*Sorting Block*/
body.dark .sorting-block .sorting-grid li span.sorting-cover {
	background: #222;
}

body.dark .sorting-block .sorting-grid li:hover span.sorting-cover {
	background: #333;
}

body.dark .sorting-block .sorting-grid li a:hover span.sorting-cover p,
body.dark .sorting-block .sorting-grid li a:hover span.sorting-cover span {
	color: #999;
}

/*View*/
body.dark .view {
	box-shadow: none;
}

/*Recent Work*/
body.dark .recent-work a {
	background: #222;
}

body.dark .recent-work a span {
	border-bottom-color: #303030;
}

body.dark .recent-work a:hover span strong {
	color: #ccc;
}

body.dark .recent-work a:hover span {
	border-bottom-color: #72c02c;
}

/*body.dark .bx-wrapper .bx-prev,
body.dark .bx-wrapper .bx-next {
	background: #222;
}
*/
/*Blog Pages
------------------------------------*/
body.dark .blog h2 a {
	color: #ccc;
}

/*Blog Tags & Posts*/
body.dark .blog-post-tags {
	border-top-color: #303030;
	border-bottom-color: #303030;
}

body.dark .blog-post-tags li i {
	color: #999;
}

body.dark ul.blog-tags a,
body.dark .blog-post-tags ul.blog-tags a {
	color: #999;
	background: #292929;
}

body.dark ul.blog-tags a:hover,
body.dark .blog-post-tags ul.blog-tags a:hover {
	color: #fff;
	background: #72c02c;
}

body.dark ul.blog-tags a i {
	color: #999;
}

/*Posts*/
body.dark .posts .dl-horizontal a {
	color: #999;
}

/*Blog Info*/
body.dark .blog-info li i {
	color: #999;
}

/*Media*/
body.dark .blog-item .media h4.media-heading {
	color: #ccc;
}

/*Magazine Page
------------------------------------*/
body.dark .magazine-page h3,
body.dark .magazine-page h3 a {
	color: #ccc;
}

body.dark .magazine-page h3:hover,
body.dark .magazine-page h3 a:hover {
	color: #72c02c;
}

/*Blog Twitter
------------------------------------*/
body.dark .blog-twitter .blog-twitter-inner {
	color: #999;
	background: #292929;
}

body.dark .blog-twitter .blog-twitter-inner i.fa {
	color: #999;
}

body.dark .blog-twitter .blog-twitter-inner:before {
	border-bottom: 15px solid #252525;
}

body.dark .blog-twitter .blog-twitter-inner:after {
	border-top-color: #555;
}

/*Info Blocks
------------------------------------*/
body.dark .info-blocks i.icon-info-blocks {
	color: #999;
}

/*Work Blocks v1
------------------------------------*/
body.dark .owl-work-v1 .item a span {
	background: #222;
	border-color: #333;
}

body.dark .owl-work-v1 .item:hover a span {
	border-color: #444;
}

/*Team Socials
------------------------------------*/
body.dark .team-social li a.fb,
body.dark .team-social li a.tw,
body.dark .team-social li a.gp {
	color: #999;
	border-color: #555;
}

body.dark .team-social li a.fb:hover,
body.dark .team-social li a.tw:hover,
body.dark .team-social li a.gp:hover {
	color: #fff;
	border-color: transparent;
}

/*Promo Page
------------------------------------*/
body.dark .one-page .one-grey,
body.dark .one-page .one-default {
	background: none;
}

body.dark .one-page .one-default h1,
body.dark .one-page .one-default h2,
body.dark .one-page .one-grey h1,
body.dark .one-page .one-grey h2 {
	color: #ccc;
}

body.dark .one-page .one-red h1,
body.dark .one-page .one-red h2,
body.dark .one-page .one-blue h1,
body.dark .one-page .one-blue h2,
body.dark .one-page .one-red p,
body.dark .one-page .one-blue p {
	color: #fff !important;
}

/*Clients Page
------------------------------------*/
body.dark .clients-page {
	border-color: #333;
}

body.dark .clients-page img {
	border-color: #333;
	background: #292929;
}

/*Profile Page
------------------------------------*/
body.dark .profile-body {
	background: #1c1c1c;
}

body.dark .profile .notification,
body.dark .profile .project-share,
body.dark .profile .social-contacts-v3 li {
	border-top-color: #333;
}

body.dark .profile .comment,
body.dark .profile .panel-heading {
	border-bottom-color: #333;
}

body.dark .profile .profile-bio span,
body.dark .profile .panel-heading h2,
body.dark .profile .profile-post-in h3 a {
	color: #999;
}

body.dark .profile .projects,
body.dark .profile .profile-bio,
body.dark .profile .profile-blog,
body.dark .profile .profile-post,
body.dark .profile .profile-edit,
body.dark .profile .profile-event,
body.dark .profile .panel-heading,
body.dark .profile .project-share {
	background: #252525;
}

body.dark .profile .profile-blog {
	border-color: #444;
}

body.dark .profile .timeline-me .cbp_tmlabel:after {
	border: none;
}

body.dark .profile .timeline-v2.timeline-me > li .cbp_tmtime span:first-child {
	color: #666;
}

body.dark .profile .comment-list-v2 li a {
	color: #999;
}

body.dark .profile .media.media-v2 {
	border-color: #555;
}

body.dark .profile .blog-info-v2 li {
	border-color: #555;
}

body.dark .profile .btn-u.btn-u-default {
	color: #999;
	background: #333;
}

body.dark .profile .btn-u.btn-u-default:hover {
	background: #444;
}

/*Footer (Default)
------------------------------------*/
body.dark .footer-default .footer {
	color: #999;
	background: #1c1c1c;
	border-top: solid 1px #222;
}

body.dark .footer-default .footer h2,
body.dark .footer-default .footer h3,
body.dark .footer-default .footer h4 {
	color: #ccc;
}

body.dark .footer-default .footer p {
	color: #999;
}

/*Footer Blog Posts*/
body.dark .footer-default .footer .blog-list {
	color: #999;
}

body.dark .footer-default .footer .posts .dl-horizontal a {
	color: #999;
}

body.dark .footer-default .footer .dl-horizontal img {
	border-color: #999 !important;
}

/*Footer v1*/
body.dark .footer-v1 address,
body.dark .footer-v1 .link-list a,
body.dark .footer-v1 .link-list i {
	color: #999;
}

/*Copyright (Default)
------------------------------------*/
body.dark .footer-default .copyright {
	background: #191919;
	border-top-color: #222;
}

body.dark .footer-default .copyright p {
	color: #999;
}

/*Copyright Version 2
------------------------------------*/
body.dark .copyright-v2 {
	background: #222;
}

/*Footer v1
------------------------------------*/
body.dark .footer-v1 .footer {
	background: #1c1c1c;
}

/*Footer v2
------------------------------------*/
body.dark .footer-v2 .footer {
	border-color: #333;
	background: #1c1c1c;
}

body.dark .footer-v2 .headline h2 {
	color: #ccc;
}

body.dark .footer-v2 .link-list li {
	border-color: #555;
}

body.dark .footer-v2 .link-list a {
	color: #999;
}

body.dark .footer-v2 .copyright {
	background: #191919;
}

/*Footer v3
------------------------------------*/
body.dark .footer-v3 .footer {
	border-color: #333;
	background: #1c1c1c;
}

/*Footer v5
------------------------------------*/
body.dark .footer-v5 .footer {
	background: #1c1c1c;
}

/*Footer One Page
------------------------------------*/
body.dark .contacts-section .btn-u.btn-brd.btn-u-dark {
	color: #999;
	border-color: #333;
}

body.dark .copyright-section,
body.dark .copyright-section i.back-to-top {
	background: #1c1c1c;
}

/*Tags v1
------------------------------------*/
body.dark .tags-v1 li a {
	color: #777;
	border: solid 2px #555;
}

body.dark .tags-v1 li a:hover {
	color: #999;
}

/*Counters
------------------------------------*/
body.dark .parallax-counter-v2 {
	background: #222 url(../../img/patterns/5.png) repeat fixed;
}

body.dark .parallax-counter-v2:after {
	border-top-color: #252525;
}

body.dark .parallax-counter-v2 .counters {
	background: rgba(0,0,0,0.9);
	border-bottom-color: #222;
}

body.dark .parallax-counter-v2 .counters h4,
body.dark .parallax-counter-v2 .counters span {
	color: #ccc;
}

/*Grid Block v1
------------------------------------*/
body.dark .block-grid-v1 {
	background: #202020;
	border-bottom-color: #292929;
}

/*Grid Block v2
------------------------------------*/
body.dark .block-grid-v2-info {
	background: #202020;
}

body.dark .block-grid-v2-info,
body.dark .block-grid-v1-add-info,
body.dark .block-grid-v1-add-info li a {
	border-color: #292929;
}

/*Testimonials v3
------------------------------------*/
body.dark .testimonials-v3 .owl-buttons .owl-prev,
body.dark .testimonials-v3 .owl-buttons .owl-next {
	background: #333;
}

body.dark .testimonials-v3 .owl-buttons .owl-prev:hover,
body.dark .testimonials-v3 .owl-buttons .owl-next:hover {
	background: #444;
}

/*Testimonials v4
------------------------------------*/
body.dark .testimonials-v4 .testimonials-v4-in {
	background: #333;
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.5);
}

body.dark .testimonials-v4 .testimonials-v4-in:after {
	border-color: #333 transparent transparent transparent;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
  	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.5));
}

body.dark .testimonials-v4 .testimonials-author {
	color: #ccc;
}

body.dark .testimonials-v4 .testimonials-author em {
	color: #999;
}

/*Portfolio Box v1
------------------------------------*/
body.dark .portfolio-box-v1-in p {
	color: #eee;
}

/*Thumbnails v1
------------------------------------*/
body.dark .thumbnails-v1 h3 a {
	color: #eee;
}

/*Content Boxes v3
------------------------------------*/
body.dark .content-boxes-v3 .icon-bg-darker {
	border: transparent;
}

/*Background Image v1
------------------------------------*/
body.dark .bg-image-v1 p {
	color: #eee;
}

/*Background Image v2
------------------------------------*/
body.dark .bg-image-v2:before {
  background: rgba(0,0,0,0.6);
}

body.dark .bg-image-v2 p {
	color: #ccc;
}

/*Flat Background Block v1
------------------------------------*/
body.dark .flat-bg-block-v1 {
	background: #202020 url(../../img/patterns/5.png) repeat;
}

/*Content Boxes v5
------------------------------------*/
body.dark .content-boxes-v5 i {
	background: #333;
}

/*Content Boxes v6
------------------------------------*/
body.dark .content-boxes-v6 i {
	background: #333;
}

body.dark .content-boxes-v6 i:after {
	border-color: #555;
}

/*Buttons
------------------------------------*/
body.dark .btn-u.btn-brd.btn-u-dark {
	border-color: #eee;
}

body.dark .btn-u.btn-brd.btn-u-dark:hover {
	border-color: #333;
}

/*Service Info
------------------------------------*/
body.dark .service-info {
	background: #202020 url(../../img/patterns/5.png) repeat;
}

/*Portfolio Box v2
------------------------------------*/
body.dark .portfolio-box-v2 li:hover:after {
    background: rgba(0,0,0,0.6);
}

/*Service Block v1
------------------------------------*/
body.dark .service-block-v1 {
	border-color: #555;
}

/*Owl Carousel v6
------------------------------------*/
body.dark .owl-carousel-v6 .owl-carousel-item {
	border-color: #555;
}

/*Fancybox
------------------------------------*/
body.dark .fancybox-skin {
	color: #999;
	background: #333;
}

/*Invoice
------------------------------------*/
body.dark .invoice-header .invoice-numb {
	color: #999;
}

/*Invoice
------------------------------------*/
body.dark .reg-block {
	background: #333;
}

body.dark .reg-block-header {
	border-bottom-color: #555;
}

/*Background Light Color
------------------------------------*/
body.dark .bg-color-light {
	background: #252525 !important;
}

/*Icon Pages
------------------------------------*/
body.dark .icon-page-fa .item i,
body.dark .demo-pro-glyphicons span:before {
	color: #999;
}

/*Portfolio Pages
------------------------------------*/
body.dark .fusion-portfolio #filters-container .cbp-filter-item {
	color: #999;
	border-color: #555;
}

body.dark .fusion-portfolio #filters-container .cbp-filter-item:hover {
	color: #ccc;
}

body.dark .fusion-portfolio .cbp-l-caption-desc,
body.dark .fusion-portfolio .product-description span {
	color: #555;
}

/*Portfolio 2 Column (Old)*/
body.dark .view-tenth:hover p {
	color: #ccc;
}

/*Blog Masonry Page
------------------------------------*/
body.dark .blog_masonry_3col .grid-boxes-in {
	border-color: #555;
}

body.dark .blog_masonry_3col h3 a {
	color: #999;
}

body.dark .grid-boxes-caption.grid-boxes-quote p {
	color: #fff;
}

/*News v1
------------------------------------*/
body.dark .news-v1-in.bg-color-white {
	background-color: #333 !important;
}

body.dark .news-v1 .news-v1-info {
	border-top-color: #777;
}

/*News v2
------------------------------------*/
body.dark .news-v2 .news-v2-badge p {
	background: #555;
}

body.dark .news-v2 .news-v2-badge span,
body.dark .news-v2 .news-v2-badge small {
	color: #ccc;
}

body.dark .news-v2 .news-v2-desc {
	background: #333;
}

body.dark .news-v2 .news-v2-desc h3 a {
	color: #ccc;
}

body.dark .news-v2 .news-v2-desc h3 a:hover {
	color: #72c02c;
}

body.dark .news-v2 .news-v2-desc small,
body.dark .news-v2 .news-v2-desc p {
	color: #999;
}

/*News v3
------------------------------------*/
body.dark .news-v3 {
	background: #252525;
}
body.dark .news-v3 .news-v3-in {
	background: #333;
}

body.dark .news-v3 h2 a {
	color: #ccc;
}

body.dark .news-v3 h2 a:hover {
	color: #72c02c;
}

body.dark .news-v3 .posted-info li,
body.dark .news-v3 .posted-info li a {
	color: #999;
}

body.dark .news-v3 .posted-info li a:hover {
	color: #72c02c;
}

/*Post Shares*/
body.dark .news-v3 .post-shares li i {
	background: #bbb;
}

body.dark .news-v3 .post-shares li i:hover {
  	background: #ddd;
}

body.dark .news-v3 .post-shares li span {
	border-color: #bbb;
}

/*Blog Authore
------------------------------------*/
body.dark .blog-author {
	background: #333;
}

/*Blog Comments
------------------------------------*/
body.dark .blog-comments .comments-itself {
	background: #333;
}

body.dark .blog-comments .comments-itself:before {
	border-color: transparent #333 transparent transparent;
}

body.dark .blog-comments .comments-itself span {
	color: #999;
}

body.dark .sky-form.comment-style fieldset {
	background: inherit;
}

/*Blog Latest Posts
------------------------------------*/
body.dark .blog-latest-posts li {
	border-top-color: #777;
}

body.dark .blog-latest-posts h3 a:hover {
	color: #72c02c;
}

/*Blog Trending
------------------------------------*/
body.dark .blog-trending h3 a:hover {
	color: #72c02c;
}

/*Blog Post Quote
------------------------------------*/
body.dark .blog-post-quote {
	background: #333;
}

body.dark .blog-post-quote p {
	color: #ccc;
}

body.dark .blog-post-quote span {
	color: #999;
}

/*Parallax Quote
------------------------------------*/
body.dark .parallax-quote-light .parallax-quote-in {
	background: #333;
}

/*Cube Portfolio
------------------------------------*/
body.dark .cube-portfolio .cbp-l-inline {
	background: #333;
}

body.dark .cube-portfolio .cbp-l-inline-title {
	color: #ccc;
}

body.dark .cube-portfolio .cbp-l-inline-desc {
	color: #999;
}

body.dark .cube-portfolio .cbp-title-dark .cbp-l-grid-agency-title {
	color: #ccc !important;
}

body.dark .cube-portfolio .cbp-title-dark .cbp-l-grid-agency-desc {
	color: #999 !important;
}

/*Call To Action
------------------------------------*/
body.dark .call-action-v2 {
	background: #333;
}
body.dark .header-v8 .mega-menu .mega-menu-fullwidth .dropdown-link-list li a {
  border-bottom: 1px solid #303030;
}
body.dark .header-v8 .mega-menu .mega-menu-fullwidth .dropdown-menu li h2 {
	color: #777;
}
body.dark .blog-grid h3 a,
body.dark .blog-thumb .blog-thumb-desc h3 a,
body.dark .blog-thumb-v3 h3 a,
body.dark .tab-v4 .nav-tabs a,
body.dark .blog-thumb-v4 h3 a,
body.dark .blog-thumb-v2 .blog-thumb-desc h3 a,
body.dark .twitter-posts .twitter-posts-in strong,
body.dark .breadcrumbs.breadcrumbs-light h1,
body.dark .breadcrumbs.breadcrumbs-light a,
body.dark .breadcrumb > li + li::before,
body.dark .tab-v4 .tab-heading h2 {
    color: #999;
}
body.dark .tab-v5 .nav-tabs li.active a {
	background: #252525;
	border-left: 1px solid #303030;
  border-right: 1px solid #303030;
  border-top: 3px solid #303030;
}
body.dark .tab-v5 .tab-content {
	border: 1px solid #303030;
}
body.dark .blog-grid-tags li a {
	color: #ddd;
}
body.dark .blog-comments-v2 .comments-itself {
	background: #222;
}
body.dark .blog-grid-inner,
body.dark .ms-tabs .ms-thumb-frame {
	background: #252525;
}
body.dark .ms-tabs .ms-thumb-frame {
	border-color: #252525;
}
body.dark .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol{
	border-right-color: #252525;
}
body.dark .ms-tabs .ms-thumb-frame {
	text-shadow: none;
}
body.dark .blog-slider:after {
	background: rgba(0,0,0,.3);
}

body.dark .blog-grid-tags li a {
	background: #555;
}

/*
* Version: 1.8
* Yellow Color: #ff0;
* Yellow Hover Color: #D8D800;
* rgba(255,255,0,1);
*/
a {
    color: #808080;
}

    a:hover {
        color: #D8D800;
    }

.header-v8 {
    background: #ff0 !important;
}

    .header-v8 .res-container {
        background: #ff0 !important;
    }

    .header-v8 .dropdown-menu {
        border-top: solid 3px #000;
    }

        .header-v8 .dropdown-menu .active > a,
        .header-v8 .dropdown-menu li > a:hover {
            color: #ff0;
        }

    .header-v8 .navbar-nav .open .dropdown-menu > li > a:hover,
    .header-v8 .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000;
    }

    .header-v8 .navbar-nav .open .dropdown-menu > .active > a,
    .header-v8 .navbar-nav .open .dropdown-menu > .active > a:hover,
    .header-v8 .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000;
    }

    .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a,
    .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .header-v8 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #000;
    }

    .header-v8 .navbar-nav > li > a:hover {
        color: #000;
    }

    .header-v8 .navbar-nav > li {
        background: #ff0;
    }

@media (max-width: 991px) {
    .header-v8 .navbar-nav > li:hover {
        background: #D8D800;
    }

    .header-v8 .navbar-nav > li a {
        border-top: 1px solid #000 !important;
    }
}

@media (min-width: 992px) {
    .header-v8 .navbar-nav > li:hover {
        background: #D8D800;
    }

    .header-v8 .navbar-nav > li a {
        border-top: none !important;
    }
}

.header-v8 .navbar-nav > .active > a,
.header-v8 .navbar-nav > .active > a:hover,
.header-v8 .navbar-nav > .active > a:focus {
    color: #000 !important;
}

.header-v8 .mega-menu .mega-menu-fullwidth .dropdown-link-list li a:hover {
    color: #000;
}

.footer-v8 .footer .column-one a:hover {
    color: #000;
}

.footer-v8 .footer .tags-v4 a:hover {
    border-color: #ff0;
    background-color: #ff0;
}

.footer-v8 .footer .footer-lists li a:hover {
    color: #ff0;
}

.footer-v8 .footer .latest-news h3 a:hover {
    color: #ff0;
}

.footer-v8 .footer .input-group-btn .input-btn {
    background: #ff0;
}

.footer-v8 .footer .social-icon-list li i:hover {
    background: #ff0;
    border-color: #ff0;
}

.blog-slider span.blog-slider-badge {
    background: #ff0;
}

.blog-slider .blog-slider-title h2 a:hover {
    color: #ff0;
}

.blog-ms-v2 .ms-thumb-frame-selected .ms-thumb h3 {
    color: #ffff00;
}

.tab-v4 .tab-heading h2 {
    color: #ff0;
}

.title-v4 {
    color: #808080;
}

.tab-v4 .nav-tabs > .active > a,
.tab-v4 .nav-tabs > .active > a:hover,
.tab-v4 .nav-tabs > .active > a:focus {
    color: #ff0;
}

.blog-grid h3 a:hover {
    color: #ff0;
}

.blog-grid .blog-grid-info li a:hover {
    color: #ff0;
}

.blog-grid a.r-more {
    color: #ff0;
}

.blog-grid a.r-more {
    border-bottom: 1px solid #ff0;
}

.blog-thumb .blog-thumb-desc h3 a:hover {
    color: #ff0;
}

.blog-thumb .blog-thumb-info li a:hover {
    color: #ff0;
    text-decoration: none;
}

.tab-v5 .nav-tabs li.active a {
    color: #ff0;
}

.blog-thumb-v3 h3 a:hover {
    color: #ff0;
}

.blog-video span.category-badge {
    background: #ffff00;
}

.twitter-posts .twitter-posts-in a.link {
    color: #ff0;
}

.blog-social-shares li a:hover {
    color: #ff0;
}

.tab-v4 .nav-tabs > li > a:hover {
    color: #ff0;
}

.blog-cars-heading .owl-navigation .owl-btn:focus,
.blog-cars-heading .owl-navigation .owl-btn:hover {
    color: #ff0;
}

.blog-cars-heading h2 {
    color: #ff0;
}

.blog-thumb-v4 h3 a:hover {
    color: #ff0;
}

.blog-thumb-v2 .blog-thumb-desc h3 a:hover {
    color: #ff0;
}

.blog-thumb-v2 .blog-thumb-info li a:hover {
    color: #ff0;
}

.breadcrumb li.active,
.breadcrumb li a:hover {
    color: #ff0;
}

.single-page-quote:after {
    background: #ff0;
}

.single-page-quote p {
    color: #ff0;
}

.source-list li a {
    color: #ff0;
}

.blog-grid-tags li a:hover {
    background: #ff0;
}

.btn-u.btn-u-default {
    background: #ff0;
    color: #000000;
}

    .btn-u.btn-u-default:hover,
    .btn-u.btn-u-default:focus,
    .btn-u.btn-u-default:active,
    .btn-u.btn-u-default.active,
    .open .dropdown-toggle.btn-u.btn-u-default {
        background: #D8D800;
    }

.btn-u.btn-u-split-default.dropdown-toggle {
    border-left: solid 1px #D8D800;
}

.blog-thumb .blog-thumb-hover:hover:after {
    background: rgba(255,255,0,0.9);
}

#topcontrol:hover {
    background: rgba(255,255,0,0.9);
}

.blog-video h4 {
    background: rgba(255,255,0,0.8);
}

.blog-grid .blog-grid-grad i:hover {
    background: rgba(255,255,0,1);
}

.blog-thumb-v2 .blog-thumb-grad i:hover {
    background: rgba(255,255,0,1);
}

.breadcrumbs-famag {
    background: #ff0 !important;
}

@charset "UTF-8";


/*!
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(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.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(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.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(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.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;
}
@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('fonts/Simple-Line-Icons.eot');
	src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Simple-Line-Icons.woff') format('woff'),
		url('fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Simple-Line-Icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
	content: "\e000";
}
.icon-user-follow:before {
	content: "\e002";
}
.icon-user-following:before {
	content: "\e003";
}
.icon-user-unfollow:before {
	content: "\e004";
}
.icon-trophy:before {
	content: "\e006";
}
.icon-screen-smartphone:before {
	content: "\e010";
}
.icon-screen-desktop:before {
	content: "\e011";
}
.icon-plane:before {
	content: "\e012";
}
.icon-notebook:before {
	content: "\e013";
}
.icon-moustache:before {
	content: "\e014";
}
.icon-mouse:before {
	content: "\e015";
}
.icon-magnet:before {
	content: "\e016";
}
.icon-energy:before {
	content: "\e020";
}
.icon-emoticon-smile:before {
	content: "\e021";
}
.icon-disc:before {
	content: "\e022";
}
.icon-cursor-move:before {
	content: "\e023";
}
.icon-crop:before {
	content: "\e024";
}
.icon-credit-card:before {
	content: "\e025";
}
.icon-chemistry:before {
	content: "\e026";
}
.icon-user:before {
	content: "\e005";
}
.icon-speedometer:before {
	content: "\e007";
}
.icon-social-youtube:before {
	content: "\e008";
}
.icon-social-twitter:before {
	content: "\e009";
}
.icon-social-tumblr:before {
	content: "\e00a";
}
.icon-social-facebook:before {
	content: "\e00b";
}
.icon-social-dropbox:before {
	content: "\e00c";
}
.icon-social-dribbble:before {
	content: "\e00d";
}
.icon-shield:before {
	content: "\e00e";
}
.icon-screen-tablet:before {
	content: "\e00f";
}
.icon-magic-wand:before {
	content: "\e017";
}
.icon-hourglass:before {
	content: "\e018";
}
.icon-graduation:before {
	content: "\e019";
}
.icon-ghost:before {
	content: "\e01a";
}
.icon-game-controller:before {
	content: "\e01b";
}
.icon-fire:before {
	content: "\e01c";
}
.icon-eyeglasses:before {
	content: "\e01d";
}
.icon-envelope-open:before {
	content: "\e01e";
}
.icon-envelope-letter:before {
	content: "\e01f";
}
.icon-bell:before {
	content: "\e027";
}
.icon-badge:before {
	content: "\e028";
}
.icon-anchor:before {
	content: "\e029";
}
.icon-wallet:before {
	content: "\e02a";
}
.icon-vector:before {
	content: "\e02b";
}
.icon-speech:before {
	content: "\e02c";
}
.icon-puzzle:before {
	content: "\e02d";
}
.icon-printer:before {
	content: "\e02e";
}
.icon-present:before {
	content: "\e02f";
}
.icon-playlist:before {
	content: "\e030";
}
.icon-pin:before {
	content: "\e031";
}
.icon-picture:before {
	content: "\e032";
}
.icon-map:before {
	content: "\e033";
}
.icon-layers:before {
	content: "\e034";
}
.icon-handbag:before {
	content: "\e035";
}
.icon-globe-alt:before {
	content: "\e036";
}
.icon-globe:before {
	content: "\e037";
}
.icon-frame:before {
	content: "\e038";
}
.icon-folder-alt:before {
	content: "\e039";
}
.icon-film:before {
	content: "\e03a";
}
.icon-feed:before {
	content: "\e03b";
}
.icon-earphones-alt:before {
	content: "\e03c";
}
.icon-earphones:before {
	content: "\e03d";
}
.icon-drop:before {
	content: "\e03e";
}
.icon-drawer:before {
	content: "\e03f";
}
.icon-docs:before {
	content: "\e040";
}
.icon-directions:before {
	content: "\e041";
}
.icon-direction:before {
	content: "\e042";
}
.icon-diamond:before {
	content: "\e043";
}
.icon-cup:before {
	content: "\e044";
}
.icon-compass:before {
	content: "\e045";
}
.icon-call-out:before {
	content: "\e046";
}
.icon-call-in:before {
	content: "\e047";
}
.icon-call-end:before {
	content: "\e048";
}
.icon-calculator:before {
	content: "\e049";
}
.icon-bubbles:before {
	content: "\e04a";
}
.icon-briefcase:before {
	content: "\e04b";
}
.icon-book-open:before {
	content: "\e04c";
}
.icon-basket-loaded:before {
	content: "\e04d";
}
.icon-basket:before {
	content: "\e04e";
}
.icon-bag:before {
	content: "\e04f";
}
.icon-action-undo:before {
	content: "\e050";
}
.icon-action-redo:before {
	content: "\e051";
}
.icon-wrench:before {
	content: "\e052";
}
.icon-umbrella:before {
	content: "\e053";
}
.icon-trash:before {
	content: "\e054";
}
.icon-tag:before {
	content: "\e055";
}
.icon-support:before {
	content: "\e056";
}
.icon-size-fullscreen:before {
	content: "\e057";
}
.icon-size-actual:before {
	content: "\e058";
}
.icon-shuffle:before {
	content: "\e059";
}
.icon-share-alt:before {
	content: "\e05a";
}
.icon-share:before {
	content: "\e05b";
}
.icon-rocket:before {
	content: "\e05c";
}
.icon-question:before {
	content: "\e05d";
}
.icon-pie-chart:before {
	content: "\e05e";
}
.icon-pencil:before {
	content: "\e05f";
}
.icon-note:before {
	content: "\e060";
}
.icon-music-tone-alt:before {
	content: "\e061";
}
.icon-music-tone:before {
	content: "\e062";
}
.icon-microphone:before {
	content: "\e063";
}
.icon-loop:before {
	content: "\e064";
}
.icon-logout:before {
	content: "\e065";
}
.icon-login:before {
	content: "\e066";
}
.icon-list:before {
	content: "\e067";
}
.icon-like:before {
	content: "\e068";
}
.icon-home:before {
	content: "\e069";
}
.icon-grid:before {
	content: "\e06a";
}
.icon-graph:before {
	content: "\e06b";
}
.icon-equalizer:before {
	content: "\e06c";
}
.icon-dislike:before {
	content: "\e06d";
}
.icon-cursor:before {
	content: "\e06e";
}
.icon-control-start:before {
	content: "\e06f";
}
.icon-control-rewind:before {
	content: "\e070";
}
.icon-control-play:before {
	content: "\e071";
}
.icon-control-pause:before {
	content: "\e072";
}
.icon-control-forward:before {
	content: "\e073";
}
.icon-control-end:before {
	content: "\e074";
}
.icon-calendar:before {
	content: "\e075";
}
.icon-bulb:before {
	content: "\e076";
}
.icon-bar-chart:before {
	content: "\e077";
}
.icon-arrow-up:before {
	content: "\e078";
}
.icon-arrow-right:before {
	content: "\e079";
}
.icon-arrow-left:before {
	content: "\e07a";
}
.icon-arrow-down:before {
	content: "\e07b";
}
.icon-ban:before {
	content: "\e07c";
}
.icon-bubble:before {
	content: "\e07d";
}
.icon-camcorder:before {
	content: "\e07e";
}
.icon-camera:before {
	content: "\e07f";
}
.icon-check:before {
	content: "\e080";
}
.icon-clock:before {
	content: "\e081";
}
.icon-close:before {
	content: "\e082";
}
.icon-cloud-download:before {
	content: "\e083";
}
.icon-cloud-upload:before {
	content: "\e084";
}
.icon-doc:before {
	content: "\e085";
}
.icon-envelope:before {
	content: "\e086";
}
.icon-eye:before {
	content: "\e087";
}
.icon-flag:before {
	content: "\e088";
}
.icon-folder:before {
	content: "\e089";
}
.icon-heart:before {
	content: "\e08a";
}
.icon-info:before {
	content: "\e08b";
}
.icon-key:before {
	content: "\e08c";
}
.icon-link:before {
	content: "\e08d";
}
.icon-lock:before {
	content: "\e08e";
}
.icon-lock-open:before {
	content: "\e08f";
}
.icon-magnifier:before {
	content: "\e090";
}
.icon-magnifier-add:before {
	content: "\e091";
}
.icon-magnifier-remove:before {
	content: "\e092";
}
.icon-paper-clip:before {
	content: "\e093";
}
.icon-paper-plane:before {
	content: "\e094";
}
.icon-plus:before {
	content: "\e095";
}
.icon-pointer:before {
	content: "\e096";
}
.icon-power:before {
	content: "\e097";
}
.icon-refresh:before {
	content: "\e098";
}
.icon-reload:before {
	content: "\e099";
}
.icon-settings:before {
	content: "\e09a";
}
.icon-star:before {
	content: "\e09b";
}
.icon-symbol-female:before {
	content: "\e09c";
}
.icon-symbol-male:before {
	content: "\e09d";
}
.icon-target:before {
	content: "\e09e";
}
.icon-volume-1:before {
	content: "\e09f";
}
.icon-volume-2:before {
	content: "\e0a0";
}
.icon-volume-off:before {
	content: "\e0a1";
}
.icon-users:before {
	content: "\e001";
}
/* --------------------------------

xsigin/signup popup

-------------------------------- */
.cd-user-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.7);
  z-index: 9999;
  overflow-y: auto;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
  transition: opacity 0.3s 0, visibility 0 0.3s;
}
.cd-user-modal.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0, visibility 0 0;
  -moz-transition: opacity 0.3s 0, visibility 0 0;
  transition: opacity 0.3s 0, visibility 0 0;
}
.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-user-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #fff;
  margin: 3em auto 4em;
  cursor: auto;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-user-modal-container .cd-switcher:after {
  content: "";
  display: table;
  clear: both;
}
.cd-user-modal-container .cd-switcher {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cd-user-modal-container .cd-switcher li {
  width: 50%;
  float: left;
  text-align: center;
}
.cd-user-modal-container .cd-switcher li:first-child a {
}
.cd-user-modal-container .cd-switcher li:last-child a {
}
.cd-user-modal-container .cd-switcher a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #e5e5e5;
  color: #555;
  text-transform: uppercase;
}
.cd-user-modal-container .cd-switcher a:hover {
	text-decoration: none;
}
.cd-user-modal-container .cd-switcher a.selected {
  background: #FFF;
  color: #505260;
}
@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin: 4em auto;
  }
  .cd-user-modal-container .cd-switcher a {
    height: 70px;
    line-height: 70px;
  }
}

.cd-form {
  padding: 1.4em;
}
.cd-form .fieldset {
  position: relative;
  margin: 1.4em 0;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin-bottom: 0;
}
.cd-form label {
  font-size: 12px;
  font-weight: normal;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.cd-form label.cd-username {
  /*background-image: url("../img/cd-icon-username.svg");*/
  background-image: url("../Unify/plugins/login-signup-modal-window/img/cd-icon-username.svg");
}
.cd-form label.cd-email {
  /*background-image: url("../img/cd-icon-email.svg");*/
  background-image: url("../Unify/plugins/login-signup-modal-window/img/cd-icon-email.svg");
}
.cd-form label.cd-password {
  /*background-image: url("../img/cd-icon-password.svg");*/
  background-image: url("../Unify/plugins/login-signup-modal-window/img/cd-icon-password.svg");
}
.cd-form input {
  margin: 0;
  padding: 0;
}
.cd-form input.full-width {
  width: 100%;
}
.cd-form input.has-padding {
  padding: 12px 20px 12px 50px;
}
.cd-form input.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus {
  border-color: #555;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input.has-error {
  border: 1px solid #d76666;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  color: #fff;
  font-weight: 200;
  background: #333;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  outline: none;
}
.no-touch .cd-form input[type=submit]:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.cd-form .hide-password {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 15px;
  border-left: 1px solid #d2d8d8;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  color: #aaa;
}
.cd-form .cd-error-message {
  display: inline-block;
  position: absolute;
  left: -5px;
  bottom: -35px;
  background: rgba(215, 102, 102, 0.9);
  padding: .8em;
  z-index: 2;
  color: #FFF;
  font-size: 13px;
  font-size: 0.8125rem;
  /* prevent click and touch events */
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
  -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
  transition: opacity 0.2s 0, visibility 0 0.2s;
}
.cd-form .cd-error-message::after {
  /* triangle */
  content: '';
  position: absolute;
  left: 22px;
  bottom: 100%;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}
.cd-form .cd-error-message.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s 0, visibility 0 0;
  -moz-transition: opacity 0.2s 0, visibility 0 0;
  transition: opacity 0.2s 0, visibility 0 0;
}
@media only screen and (min-width: 600px) {
  .cd-form {
    padding: 2em;
  }
  .cd-form .fieldset {
    margin: 2em 0;
  }
  .cd-form .fieldset:first-child {
    margin-top: 0;
  }
  .cd-form .fieldset:last-child {
    margin-bottom: 0;
  }
  .cd-form input.has-padding {
    padding: 16px 20px 16px 50px;
  }
  .cd-form input[type=submit] {
    padding: 16px 0;
  }
}

.cd-form-message {
  padding: 1.4em 1.4em 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .cd-form-message {
    padding: 2em 2em 0;
  }
}

.cd-form-bottom-message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -35px;
  text-align: center;
  font-size: 12px;
}
.cd-form-bottom-message a {
  color: #fff;
  text-decoration: underline;
}

.cd-close-form {
  /* form X button on top right */
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: -40px;
  /*background: url("../img/cd-icon-close.svg") no-repeat center center;*/
  background: url("../Unify/plugins/login-signup-modal-window/img/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-close-form {
    display: none;
  }
}

#cd-login, #cd-signup, #cd-reset-password {
  display: none;
}

#cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
  display: block;
}

.social-login {
	width: 100%;
	display: table;
	font-size: 14px;
}
.social-login span {
	display: table-cell;
	width: 32%;
}
.social-login-facebook {
	padding-right: 2%;
}
.social-login-twitter {
	padding-left: 2%;
}
.social-login a {
	display: block;
	color: #fff;
	padding: 12px 15px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.social-login a:hover,
.social-login a:focus,
.social-login a:active {
	color: #fff;
	text-decoration: none;
}
.social-login i {
	float: left;
	margin-right: 10px;
	font-size: 18px;
	position: relative;
	top: 2px;
}
.social-login-google i {
	top: 3px;
}
.social-login-facebook a {
	background: #4f6aa3;
}
.social-login-facebook a:hover,
.social-login-facebook a:focus,
.social-login-facebook a:active {
	background: #3b5998;
}
.social-login-google a {
	background: #e15d4d;
}
.social-login-google a:hover,
.social-login-google a:focus,
.social-login-google a:active {
	background: #dd4b39;
}
.social-login-twitter a {
	background: #55acee;
}
.social-login-twitter a:hover,
.social-login-twitter a:focus,
.social-login-twitter a:active {
	background: #459cde;
}
@media (max-width: 465px) {
	.social-login span {
		text-align: center;
	}
	.social-login i {
		display: none;
	}
}
.cd-user-modal .lined-text {
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.cd-user-modal .lined-text span {
	background: #fff;
	color: #999;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}
.cd-user-modal .lined-text hr {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 11px;
	left: 0;
}