@charset "UTF-8";



/**



* Transition-timing-function property@mixin 



*/



/*background RGBA



============================================*/



/****/



/* RIGHT TO LEFT */



/**



 * Web Application Prefix Apply For Making Owner Styles



 */



/**



 *   Blocks Layout Selectors 



 */



/***********************************************************************/



/** CHECKOUT BY STEP */



/*



 * Bootstrap v3.0.0



 *



 * Copyright 2013 Twitter, Inc



 * Licensed under the Apache License v2.0



 * http://www.apache.org/licenses/LICENSE-2.0



 *



 * Designed and built with all the love in the world by @mdo and @fat.



 */



/* normalize.css v3.0.0 | MIT License | git.io/normalize */



html {



  font-family: sans-serif;



  -ms-text-size-adjust: 100%;



  -webkit-text-size-adjust: 100%;



}







body {



  margin: 0;



}







article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



main,



nav,



section,



summary {



  display: block;



}







audio,



canvas,



progress,



video {



  display: inline-block;



  vertical-align: baseline;



}







audio:not([controls]) {



  display: none;



  height: 0;



}







[hidden],



template {



  display: none;



}







a {



  background: transparent;



}







a:active,



a:hover {



  outline: 0;



}







abbr[title] {



  border-bottom: 1px dotted;



}







b,



strong {



  font-weight: bold;



}







dfn {



  font-style: italic;



}







h1 {



  font-size: 2em;



  margin: 0.67em 0;



}







mark {



  background: #ff0;



  color: #000;



}







small {



  font-size: 80%;



}







sub,



sup {



  font-size: 75%;



  line-height: 0;



  position: relative;



  vertical-align: baseline;



}







sup {



  top: -0.5em;



}







sub {



  bottom: -0.25em;



}







img {



  border: 0;



}







svg:not(:root) {



  overflow: hidden;



}







figure {



  margin: 1em 40px;



}







hr {



  -moz-box-sizing: content-box;



  box-sizing: content-box;



  height: 0;



}







pre {



  overflow: auto;



}







code,



kbd,



pre,



samp {



  font-family: monospace, monospace;



  font-size: 1em;



}







button,



input,



optgroup,



select,



textarea {



  color: inherit;



  font: inherit;



  margin: 0;



}





#form_9387822302211964::before {background: rgb(46, 49, 146) none repeat scroll 0% 0% !important;}

.coppyright_payment {display:none;}



button {



  overflow: visible;



}







button,



select {



  text-transform: none;



}







button,



html input[type="button"],



input[type="reset"],



input[type="submit"] {



  -webkit-appearance: button;



  cursor: pointer;



}







button[disabled],



html input[disabled] {



  cursor: default;



}







button::-moz-focus-inner,



input::-moz-focus-inner {



  border: 0;



  padding: 0;



}







.ap-btn-wishlist {display:none;}







input {



  line-height: normal;



}







input[type="checkbox"],



input[type="radio"] {



  box-sizing: border-box;



  padding: 0;



}







input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {



  height: auto;



}







input[type="search"] {



  -webkit-appearance: textfield;



  -moz-box-sizing: content-box;



  -webkit-box-sizing: content-box;



  box-sizing: content-box;



}







input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {



  -webkit-appearance: none;



}







fieldset {



  border: 1px solid #c0c0c0;



  margin: 0 2px;



  padding: 0.35em 0.625em 0.75em;



}







legend {



  border: 0;



  padding: 0;



}







textarea {



  overflow: auto;



}







optgroup {



  font-weight: bold;



}







table {



  border-collapse: collapse;



  border-spacing: 0;



}







td,



th {



  padding: 0;



}







* {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







*:before,



*:after {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







html {



  font-size: 62.5%;



  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



}







body {



  font-family: "Lato", sans-serif;



  font-size: 14px;



  line-height: 1.42857;



  color: #333333;



  background-color: white;



}







input,



button,



select,



textarea {



  font-family: inherit;



  font-size: inherit;



  line-height: inherit;



}







a {



  color: #27c5dc;



  text-decoration: none;



}



a:hover, a:focus {



  color: #27c5dc;



  text-decoration: none;



}



a:focus {



  outline: thin dotted;



  outline: 5px auto -webkit-focus-ring-color;



  outline-offset: -2px;



}







figure {



  margin: 0;



}







img {



  vertical-align: middle;



}







.img-responsive {



  display: block;



  max-width: 100%;



  height: auto;



}







.img-rounded {



  border-radius: 6px;



}







.img-thumbnail {



  padding: 4px;



  line-height: 1.42857;



  background-color: white;



  border: 1px solid #dddddd;



  border-radius: 4px;



  -webkit-transition: all 0.2s ease-in-out;



  transition: all 0.2s ease-in-out;



  display: inline-block;



  max-width: 100%;



  height: auto;



}







.img-circle {



  border-radius: 50%;



}







hr {



  margin-top: 20px;



  margin-bottom: 20px;



  border: 0;



  border-top: 1px solid #eeeeee;



}







.sr-only {



  position: absolute;



  width: 1px;



  height: 1px;



  margin: -1px;



  padding: 0;



  overflow: hidden;



  clip: rect(0, 0, 0, 0);



  border: 0;



}







h1, h2, h3, h4, h5, h6,



.h1, .h2, .h3, .h4, .h5, .h6 {



  font-family: "Poppins", sans-serif;



  font-weight: 700;



  line-height: 1.1;



  color: black;



  text-transform: uppercase;



}



h1 small,



h1 .small, h2 small,



h2 .small, h3 small,



h3 .small, h4 small,



h4 .small, h5 small,



h5 .small, h6 small,



h6 .small,



.h1 small,



.h1 .small, .h2 small,



.h2 .small, .h3 small,



.h3 .small, .h4 small,



.h4 .small, .h5 small,



.h5 .small, .h6 small,



.h6 .small {



  font-weight: normal;



  line-height: 1;



  color: #999999;



}







h1, .h1,



h2, .h2,



h3, .h3 {



  margin-top: 0px;



  margin-bottom: 10px;



}



h1 small,



h1 .small, .h1 small,



.h1 .small,



h2 small,



h2 .small, .h2 small,



.h2 .small,



h3 small,



h3 .small, .h3 small,



.h3 .small {



  font-size: 65%;



}







h4, .h4,



h5, .h5,



h6, .h6 {



  margin-top: 10px;



  margin-bottom: 10px;



}



h4 small,



h4 .small, .h4 small,



.h4 .small,



h5 small,



h5 .small, .h5 small,



.h5 .small,



h6 small,



h6 .small, .h6 small,



.h6 .small {



  font-size: 75%;



}







h1, .h1 {



  font-size: 36px;



}







h2, .h2 {



  font-size: 30px;



}







h3, .h3 {



  font-size: 24px;



}







h4, .h4 {



  font-size: 18px;



}







h5, .h5 {



  font-size: 14px;



}







h6, .h6 {



  font-size: 12px;



}







p {



  margin: 0 0 10px;



}







.lead {



  margin-bottom: 20px;



  font-size: 16px;



  font-weight: 200;



  line-height: 1.4;



}



@media (min-width: 768px) {



  .lead {



    font-size: 21px;



  }



}







small,



.small {



  font-size: 85%;



}







cite {



  font-style: normal;



}







.text-left {



  text-align: left;



}







.text-right {



  text-align: right;



}







.text-center {



  text-align: center;



}







.text-justify {



  text-align: justify;



}







.text-muted {



  color: #999999;



}







.text-primary {



  color: #428bca;



}







a.text-primary:hover {



  color: #3071a9;



}







.text-success {



  color: #3c763d;



}







a.text-success:hover {



  color: #2b542c;



}







.text-info {



  color: #31708f;



}







a.text-info:hover {



  color: #245269;



}







.text-warning {



  color: #8a6d3b;



}







a.text-warning:hover {



  color: #66512c;



}







.text-danger {



  color: #a94442;



}







a.text-danger:hover {



  color: #843534;



}







.bg-primary {



  color: #fff;



}







.bg-primary {



  background-color: #428bca;



}







a.bg-primary:hover {



  background-color: #3071a9;



}







.bg-success {



  background-color: #dff0d8;



}







a.bg-success:hover {



  background-color: #c1e2b3;



}







.bg-info {



  background-color: #d9edf7;



}







a.bg-info:hover {



  background-color: #afd9ee;



}







.bg-warning {



  background-color: #fcf8e3;



}







a.bg-warning:hover {



  background-color: #f7ecb5;



}







.bg-danger {



  background-color: #f2dede;



}







a.bg-danger:hover {



  background-color: #e4b9b9;



}







.page-header {



  padding-bottom: 9px;



  margin: 40px 0 20px;



  border-bottom: 1px solid #eeeeee;



}







ul,



ol {



  margin-top: 0;



  margin-bottom: 10px;



}



ul ul,



ul ol,



ol ul,



ol ol {



  margin-bottom: 0;



}







.list-unstyled, .list-inline, .pricing-table ul,



.pricing-table ol, ul,



ol {



  padding-left: 0;



  list-style: none;



}







.list-inline {



  margin-left: -5px;



}



.list-inline > li {



  display: inline-block;



  padding-left: 5px;



  padding-right: 5px;



}







dl {



  margin-top: 0;



  margin-bottom: 20px;



}







dt,



dd {



  line-height: 1.42857;



}







dt {



  font-weight: bold;



}







dd {



  margin-left: 0;



}







@media (min-width: 768px) {



  .dl-horizontal dt {



    float: left;



    width: 160px;



    clear: left;



    text-align: right;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



  }



  .dl-horizontal dd {



    margin-left: 180px;



  }



  .dl-horizontal dd:before, .dl-horizontal dd:after {



    content: " ";



    display: table;



  }



  .dl-horizontal dd:after {



    clear: both;



  }



}



abbr[title],



abbr[data-original-title] {



  cursor: help;



  border-bottom: 1px dotted #999999;



}







.initialism {



  font-size: 90%;



  text-transform: uppercase;



}







blockquote {



  padding: 10px 20px;



  margin: 0 0 20px;



  font-size: 17.5px;



  border-left: 5px solid #eeeeee;



}



blockquote p:last-child,



blockquote ul:last-child,



blockquote ol:last-child {



  margin-bottom: 0;



}



blockquote footer,



blockquote small,



blockquote .small {



  display: block;



  font-size: 80%;



  line-height: 1.42857;



  color: #999999;



}



blockquote footer:before,



blockquote small:before,



blockquote .small:before {



  content: '\2014 \00A0';



}







.blockquote-reverse,



blockquote.pull-right {



  padding-right: 15px;



  padding-left: 0;



  border-right: 5px solid #eeeeee;



  border-left: 0;



  text-align: right;



}



.blockquote-reverse footer:before,



.blockquote-reverse small:before,



.blockquote-reverse .small:before,



blockquote.pull-right footer:before,



blockquote.pull-right small:before,



blockquote.pull-right .small:before {



  content: '';



}



.blockquote-reverse footer:after,



.blockquote-reverse small:after,



.blockquote-reverse .small:after,



blockquote.pull-right footer:after,



blockquote.pull-right small:after,



blockquote.pull-right .small:after {



  content: '\00A0 \2014';



}







blockquote:before,



blockquote:after {



  content: "";



}







address {



  margin-bottom: 20px;



  font-style: normal;



  line-height: 1.42857;



}







code,



kbd,



pre,



samp {



  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;



}







code {



  padding: 2px 4px;



  font-size: 90%;



  color: #c7254e;



  background-color: #f9f2f4;



  white-space: nowrap;



  border-radius: 4px;



}







kbd {



  padding: 2px 4px;



  font-size: 90%;



  color: white;



  background-color: #333333;



  border-radius: 3px;



  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);



}







pre {



  display: block;



  padding: 9.5px;



  margin: 0 0 10px;



  font-size: 13px;



  line-height: 1.42857;



  word-break: break-all;



  word-wrap: break-word;



  color: #333333;



  background-color: whitesmoke;



  border: 1px solid #cccccc;



  border-radius: 4px;



}



pre code {



  padding: 0;



  font-size: inherit;



  color: inherit;



  white-space: pre-wrap;



  background-color: transparent;



  border-radius: 0;



}







.pre-scrollable {



  max-height: 340px;



  overflow-y: scroll;



}







.container {



  margin-right: auto;



  margin-left: auto;



  padding-left: 15px;



  padding-right: 15px;



}



.container:before, .container:after {



  content: " ";



  display: table;



}



.container:after {



  clear: both;



}



@media (min-width: 768px) {



  .container {



    width: 750px;



  }



}



@media (min-width: 992px) {



  .container {



    width: 970px;



  }



}



@media (min-width: 1200px) {



  .container {



    width: 1200px;



  }



}







.container-fluid {



  margin-right: auto;



  margin-left: auto;



  padding-left: 15px;



  padding-right: 15px;



}



.container-fluid:before, .container-fluid:after {



  content: " ";



  display: table;



}



.container-fluid:after {



  clear: both;



}







.row {



  margin-left: -15px;



  margin-right: -15px;



}



.row:before, .row:after {



  content: " ";



  display: table;



}



.row:after {



  clear: both;



}







.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {



  position: relative;



  min-height: 1px;



  padding-left: 15px;



  padding-right: 15px;



}







.col-xs-2-4,



.col-xs-4-8,



.col-xs-7-2,



.col-xs-9-6,



.col-sm-2-4,



.col-sm-4-8,



.col-sm-7-2,



.col-sm-9-6,



.col-md-2-4,



.col-md-4-8,



.col-md-7-2,



.col-md-9-6,



.col-lg-2-4,



.col-lg-4-8,



.col-lg-7-2,



.col-lg-9-6 {



  position: relative;



  min-height: 1px;



  padding-left: 15px;



  padding-right: 15px;



}







@media (max-width: 768px) {



  .col-xs-2-4, .col-xs-4-8,



  .col-xs-7-2, .col-xs-9-6 {



    float: left;



  }







  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {



    float: left;



  }







  .col-xs-1 {



    width: 8.33333%;



  }







  .col-xs-2 {



    width: 16.66667%;



  }







  .col-xs-3 {



    width: 25%;



  }







  .col-xs-4 {



    width: 33.33333%;



  }







  .col-xs-5 {



    width: 41.66667%;



  }







  .col-xs-6 {



    width: 50%;



  }







  .col-xs-7 {



    width: 58.33333%;



  }







  .col-xs-8 {



    width: 66.66667%;



  }







  .col-xs-9 {



    width: 75%;



  }







  .col-xs-10 {



    width: 83.33333%;



  }







  .col-xs-11 {



    width: 91.66667%;



  }







  .col-xs-12 {



    width: 100%;



  }







  .col-xs-pull-0 {



    right: 0%;



  }







  .col-xs-pull-1 {



    right: 8.33333%;



  }







  .col-xs-pull-2 {



    right: 16.66667%;



  }







  .col-xs-pull-3 {



    right: 25%;



  }







  .col-xs-pull-4 {



    right: 33.33333%;



  }







  .col-xs-pull-5 {



    right: 41.66667%;



  }







  .col-xs-pull-6 {



    right: 50%;



  }







  .col-xs-pull-7 {



    right: 58.33333%;



  }







  .col-xs-pull-8 {



    right: 66.66667%;



  }







  .col-xs-pull-9 {



    right: 75%;



  }







  .col-xs-pull-10 {



    right: 83.33333%;



  }







  .col-xs-pull-11 {



    right: 91.66667%;



  }







  .col-xs-pull-12 {



    right: 100%;



  }







  .col-xs-push-0 {



    left: 0%;



  }







  .col-xs-push-1 {



    left: 8.33333%;



  }







  .col-xs-push-2 {



    left: 16.66667%;



  }







  .col-xs-push-3 {



    left: 25%;



  }







  .col-xs-push-4 {



    left: 33.33333%;



  }







  .col-xs-push-5 {



    left: 41.66667%;



  }







  .col-xs-push-6 {



    left: 50%;



  }







  .col-xs-push-7 {



    left: 58.33333%;



  }







  .col-xs-push-8 {



    left: 66.66667%;



  }







  .col-xs-push-9 {



    left: 75%;



  }







  .col-xs-push-10 {



    left: 83.33333%;



  }







  .col-xs-push-11 {



    left: 91.66667%;



  }







  .col-xs-push-12 {



    left: 100%;



  }







  .col-xs-offset-0 {



    margin-left: 0%;



  }







  .col-xs-offset-1 {



    margin-left: 8.33333%;



  }







  .col-xs-offset-2 {



    margin-left: 16.66667%;



  }







  .col-xs-offset-3 {



    margin-left: 25%;



  }







  .col-xs-offset-4 {



    margin-left: 33.33333%;



  }







  .col-xs-offset-5 {



    margin-left: 41.66667%;



  }







  .col-xs-offset-6 {



    margin-left: 50%;



  }







  .col-xs-offset-7 {



    margin-left: 58.33333%;



  }







  .col-xs-offset-8 {



    margin-left: 66.66667%;



  }







  .col-xs-offset-9 {



    margin-left: 75%;



  }







  .col-xs-offset-10 {



    margin-left: 83.33333%;



  }







  .col-xs-offset-11 {



    margin-left: 91.66667%;



  }







  .col-xs-offset-12 {



    margin-left: 100%;



  }







  .col-xs-2-4 {



    width: 20%;



  }







  .col-xs-4-8 {



    width: 40%;



  }







  .col-xs-7-2 {



    width: 60%;



  }







  .col-xs-9-6 {



    width: 80%;



  }



}



@media (max-width: 480px) {



  .col-sp-2-4, .col-sp-4-8,



  .col-sp-7-2, .col-sp-9-6 {



    float: left;



  }







  .hidden-sp {



    display: none!important;



  }







  .col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12 {



    float: left;



  }







  .col-sp-1 {



    width: 8.33333%;



  }







  .col-sp-2 {



    width: 16.66667%;



  }







  .col-sp-3 {



    width: 25%;



  }







  .col-sp-4 {



    width: 33.33333%;



  }







  .col-sp-5 {



    width: 41.66667%;



  }







  .col-sp-6 {



    width: 50%;



  }







  .col-sp-7 {



    width: 58.33333%;



  }







  .col-sp-8 {



    width: 66.66667%;



  }







  .col-sp-9 {



    width: 75%;



  }







  .col-sp-10 {



    width: 83.33333%;



  }







  .col-sp-11 {



    width: 91.66667%;



  }







  .col-sp-12 {



    width: 100%;



  }







  .col-sp-pull-0 {



    right: 0%;



  }







  .col-sp-pull-1 {



    right: 8.33333%;



  }







  .col-sp-pull-2 {



    right: 16.66667%;



  }







  .col-sp-pull-3 {



    right: 25%;



  }







  .col-sp-pull-4 {



    right: 33.33333%;



  }







  .col-sp-pull-5 {



    right: 41.66667%;



  }







  .col-sp-pull-6 {



    right: 50%;



  }







  .col-sp-pull-7 {



    right: 58.33333%;



  }







  .col-sp-pull-8 {



    right: 66.66667%;



  }







  .col-sp-pull-9 {



    right: 75%;



  }







  .col-sp-pull-10 {



    right: 83.33333%;



  }







  .col-sp-pull-11 {



    right: 91.66667%;



  }







  .col-sp-pull-12 {



    right: 100%;



  }







  .col-sp-push-0 {



    left: 0%;



  }







  .col-sp-push-1 {



    left: 8.33333%;



  }







  .col-sp-push-2 {



    left: 16.66667%;



  }







  .col-sp-push-3 {



    left: 25%;



  }







  .col-sp-push-4 {



    left: 33.33333%;



  }







  .col-sp-push-5 {



    left: 41.66667%;



  }







  .col-sp-push-6 {



    left: 50%;



  }







  .col-sp-push-7 {



    left: 58.33333%;



  }







  .col-sp-push-8 {



    left: 66.66667%;



  }







  .col-sp-push-9 {



    left: 75%;



  }







  .col-sp-push-10 {



    left: 83.33333%;



  }







  .col-sp-push-11 {



    left: 91.66667%;



  }







  .col-sp-push-12 {



    left: 100%;



  }







  .col-sp-offset-0 {



    margin-left: 0%;



  }







  .col-sp-offset-1 {



    margin-left: 8.33333%;



  }







  .col-sp-offset-2 {



    margin-left: 16.66667%;



  }







  .col-sp-offset-3 {



    margin-left: 25%;



  }







  .col-sp-offset-4 {



    margin-left: 33.33333%;



  }







  .col-sp-offset-5 {



    margin-left: 41.66667%;



  }







  .col-sp-offset-6 {



    margin-left: 50%;



  }







  .col-sp-offset-7 {



    margin-left: 58.33333%;



  }







  .col-sp-offset-8 {



    margin-left: 66.66667%;



  }







  .col-sp-offset-9 {



    margin-left: 75%;



  }







  .col-sp-offset-10 {



    margin-left: 83.33333%;



  }







  .col-sp-offset-11 {



    margin-left: 91.66667%;



  }







  .col-sp-offset-12 {



    margin-left: 100%;



  }







  .col-sp-7-2 {



    width: 60%;



  }







  .col-sp-4-8 {



    width: 40%;



  }







  .col-sp-2-4 {



    width: 20%;



  }







  .col-sp-9-6 {



    width: 80%;



  }



}



@media (min-width: 768px) {



  .col-sm-2-4, .col-sm-4-8,



  .col-sm-7-2, .col-sm-9-6 {



    float: left;



  }







  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {



    float: left;



  }







  .col-sm-1 {



    width: 8.33333%;



  }







  .col-sm-2 {



    width: 16.66667%;



  }







  .col-sm-3 {



    width: 25%;



  }







  .col-sm-4 {



    width: 33.33333%;



  }







  .col-sm-5 {



    width: 41.66667%;



  }







  .col-sm-6 {



    width: 50%;



  }







  .col-sm-7 {



    width: 58.33333%;



  }







  .col-sm-8 {



    width: 66.66667%;



  }







  .col-sm-9 {



    width: 75%;



  }







  .col-sm-10 {



    width: 83.33333%;



  }







  .col-sm-11 {



    width: 91.66667%;



  }







  .col-sm-12 {



    width: 100%;



  }







  .col-sm-pull-0 {



    right: 0%;



  }







  .col-sm-pull-1 {



    right: 8.33333%;



  }







  .col-sm-pull-2 {



    right: 16.66667%;



  }







  .col-sm-pull-3 {



    right: 25%;



  }







  .col-sm-pull-4 {



    right: 33.33333%;



  }







  .col-sm-pull-5 {



    right: 41.66667%;



  }







  .col-sm-pull-6 {



    right: 50%;



  }







  .col-sm-pull-7 {



    right: 58.33333%;



  }







  .col-sm-pull-8 {



    right: 66.66667%;



  }







  .col-sm-pull-9 {



    right: 75%;



  }







  .col-sm-pull-10 {



    right: 83.33333%;



  }







  .col-sm-pull-11 {



    right: 91.66667%;



  }







  .col-sm-pull-12 {



    right: 100%;



  }







  .col-sm-push-0 {



    left: 0%;



  }







  .col-sm-push-1 {



    left: 8.33333%;



  }







  .col-sm-push-2 {



    left: 16.66667%;



  }







  .col-sm-push-3 {



    left: 25%;



  }







  .col-sm-push-4 {



    left: 33.33333%;



  }







  .col-sm-push-5 {



    left: 41.66667%;



  }







  .col-sm-push-6 {



    left: 50%;



  }







  .col-sm-push-7 {



    left: 58.33333%;



  }







  .col-sm-push-8 {



    left: 66.66667%;



  }







  .col-sm-push-9 {



    left: 75%;



  }







  .col-sm-push-10 {



    left: 83.33333%;



  }







  .col-sm-push-11 {



    left: 91.66667%;



  }







  .col-sm-push-12 {



    left: 100%;



  }







  .col-sm-offset-0 {



    margin-left: 0%;



  }







  .col-sm-offset-1 {



    margin-left: 8.33333%;



  }







  .col-sm-offset-2 {



    margin-left: 16.66667%;



  }







  .col-sm-offset-3 {



    margin-left: 25%;



  }







  .col-sm-offset-4 {



    margin-left: 33.33333%;



  }







  .col-sm-offset-5 {



    margin-left: 41.66667%;



  }







  .col-sm-offset-6 {



    margin-left: 50%;



  }







  .col-sm-offset-7 {



    margin-left: 58.33333%;



  }







  .col-sm-offset-8 {



    margin-left: 66.66667%;



  }







  .col-sm-offset-9 {



    margin-left: 75%;



  }







  .col-sm-offset-10 {



    margin-left: 83.33333%;



  }







  .col-sm-offset-11 {



    margin-left: 91.66667%;



  }







  .col-sm-offset-12 {



    margin-left: 100%;



  }







  .col-sm-2-4 {



    width: 20%;



  }







  .col-sm-4-8 {



    width: 40%;



  }







  .col-sm-7-2 {



    width: 60%;



  }







  .col-sm-9-6 {



    width: 80%;



  }



}



@media (min-width: 992px) {



  .col-md-2-4, .col-md-4-8,



  .col-md-7-2, .col-md-9-6 {



    float: left;



  }







  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {



    float: left;



  }







  .col-md-1 {



    width: 8.33333%;



  }







  .col-md-2 {



    width: 16.66667%;



  }







  .col-md-3 {



    width: 25%;



  }







  .col-md-4 {



    width: 33.33333%;



  }







  .col-md-5 {



    width: 41.66667%;



  }







  .col-md-6 {



    width: 50%;



  }







  .col-md-7 {



    width: 58.33333%;



  }







  .col-md-8 {



    width: 66.66667%;



  }







  .col-md-9 {



    width: 75%;



  }







  .col-md-10 {



    width: 83.33333%;



  }







  .col-md-11 {



    width: 91.66667%;



  }







  .col-md-12 {



    width: 100%;



  }







  .col-md-pull-0 {



    right: 0%;



  }







  .col-md-pull-1 {



    right: 8.33333%;



  }







  .col-md-pull-2 {



    right: 16.66667%;



  }







  .col-md-pull-3 {



    right: 25%;



  }







  .col-md-pull-4 {



    right: 33.33333%;



  }







  .col-md-pull-5 {



    right: 41.66667%;



  }







  .col-md-pull-6 {



    right: 50%;



  }







  .col-md-pull-7 {



    right: 58.33333%;



  }







  .col-md-pull-8 {



    right: 66.66667%;



  }







  .col-md-pull-9 {



    right: 75%;



  }







  .col-md-pull-10 {



    right: 83.33333%;



  }







  .col-md-pull-11 {



    right: 91.66667%;



  }







  .col-md-pull-12 {



    right: 100%;



  }







  .col-md-push-0 {



    left: 0%;



  }







  .col-md-push-1 {



    left: 8.33333%;



  }







  .col-md-push-2 {



    left: 16.66667%;



  }







  .col-md-push-3 {



    left: 25%;



  }







  .col-md-push-4 {



    left: 33.33333%;



  }







  .col-md-push-5 {



    left: 41.66667%;



  }







  .col-md-push-6 {



    left: 50%;



  }







  .col-md-push-7 {



    left: 58.33333%;



  }







  .col-md-push-8 {



    left: 66.66667%;



  }







  .col-md-push-9 {



    left: 75%;



  }







  .col-md-push-10 {



    left: 83.33333%;



  }







  .col-md-push-11 {



    left: 91.66667%;



  }







  .col-md-push-12 {



    left: 100%;



  }







  .col-md-offset-0 {



    margin-left: 0%;



  }







  .col-md-offset-1 {



    margin-left: 8.33333%;



  }







  .col-md-offset-2 {



    margin-left: 16.66667%;



  }







  .col-md-offset-3 {



    margin-left: 25%;



  }







  .col-md-offset-4 {



    margin-left: 33.33333%;



  }







  .col-md-offset-5 {



    margin-left: 41.66667%;



  }







  .col-md-offset-6 {



    margin-left: 50%;



  }







  .col-md-offset-7 {



    margin-left: 58.33333%;



  }







  .col-md-offset-8 {



    margin-left: 66.66667%;



  }







  .col-md-offset-9 {



    margin-left: 75%;



  }







  .col-md-offset-10 {



    margin-left: 83.33333%;



  }







  .col-md-offset-11 {



    margin-left: 91.66667%;



  }







  .col-md-offset-12 {



    margin-left: 100%;



  }







  .col-md-2-4 {



    width: 20%;



  }







  .col-md-4-8 {



    width: 40%;



  }







  .col-md-7-2 {



    width: 60%;



  }







  .col-md-9-6 {



    width: 80%;



  }



}



@media (min-width: 1200px) {



  .col-lg-2-4, .col-lg-4-8,



  .col-lg-7-2, .col-lg-9-6 {



    float: left;



  }







  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {



    float: left;



  }







  .col-lg-1 {



    width: 8.33333%;



  }







  .col-lg-2 {



    width: 16.66667%;



  }







  .col-lg-3 {



    width: 25%;



  }







  .col-lg-4 {



    width: 33.33333%;



  }







  .col-lg-5 {



    width: 41.66667%;



  }







  .col-lg-6 {



    width: 50%;



  }







  .col-lg-7 {



    width: 58.33333%;



  }







  .col-lg-8 {



    width: 66.66667%;



  }







  .col-lg-9 {



    width: 75%;



  }







  .col-lg-10 {



    width: 83.33333%;



  }







  .col-lg-11 {



    width: 91.66667%;



  }







  .col-lg-12 {



    width: 100%;



  }







  .col-lg-pull-0 {



    right: 0%;



  }







  .col-lg-pull-1 {



    right: 8.33333%;



  }







  .col-lg-pull-2 {



    right: 16.66667%;



  }







  .col-lg-pull-3 {



    right: 25%;



  }







  .col-lg-pull-4 {



    right: 33.33333%;



  }







  .col-lg-pull-5 {



    right: 41.66667%;



  }







  .col-lg-pull-6 {



    right: 50%;



  }







  .col-lg-pull-7 {



    right: 58.33333%;



  }







  .col-lg-pull-8 {



    right: 66.66667%;



  }







  .col-lg-pull-9 {



    right: 75%;



  }







  .col-lg-pull-10 {



    right: 83.33333%;



  }







  .col-lg-pull-11 {



    right: 91.66667%;



  }







  .col-lg-pull-12 {



    right: 100%;



  }







  .col-lg-push-0 {



    left: 0%;



  }







  .col-lg-push-1 {



    left: 8.33333%;



  }







  .col-lg-push-2 {



    left: 16.66667%;



  }







  .col-lg-push-3 {



    left: 25%;



  }







  .col-lg-push-4 {



    left: 33.33333%;



  }







  .col-lg-push-5 {



    left: 41.66667%;



  }







  .col-lg-push-6 {



    left: 50%;



  }







  .col-lg-push-7 {



    left: 58.33333%;



  }







  .col-lg-push-8 {



    left: 66.66667%;



  }







  .col-lg-push-9 {



    left: 75%;



  }







  .col-lg-push-10 {



    left: 83.33333%;



  }







  .col-lg-push-11 {



    left: 91.66667%;



  }







  .col-lg-push-12 {



    left: 100%;



  }







  .col-lg-offset-0 {



    margin-left: 0%;



  }







  .col-lg-offset-1 {



    margin-left: 8.33333%;



  }







  .col-lg-offset-2 {



    margin-left: 16.66667%;



  }







  .col-lg-offset-3 {



    margin-left: 25%;



  }







  .col-lg-offset-4 {



    margin-left: 33.33333%;



  }







  .col-lg-offset-5 {



    margin-left: 41.66667%;



  }







  .col-lg-offset-6 {



    margin-left: 50%;



  }







  .col-lg-offset-7 {



    margin-left: 58.33333%;



  }







  .col-lg-offset-8 {



    margin-left: 66.66667%;



  }







  .col-lg-offset-9 {



    margin-left: 75%;



  }







  .col-lg-offset-10 {



    margin-left: 83.33333%;



  }







  .col-lg-offset-11 {



    margin-left: 91.66667%;



  }







  .col-lg-offset-12 {



    margin-left: 100%;



  }







  .col-lg-2-4 {



    width: 20%;



  }







  .col-lg-4-8 {



    width: 40%;



  }







  .col-lg-7-2 {



    width: 60%;



  }







  .col-lg-9-6 {



    width: 80%;



  }



}



table {



  max-width: 100%;



  background-color: transparent;



}







th {



  text-align: left;



}







.table {



  width: 100%;



  margin-bottom: 20px;



}



.table > thead > tr > th,



.table > thead > tr > td,



.table > tbody > tr > th,



.table > tbody > tr > td,



.table > tfoot > tr > th,



.table > tfoot > tr > td {



  padding: 8px;



  line-height: 1.42857;



  vertical-align: top;



  border-top: 1px solid #dddddd;



}



.table > thead > tr > th {



  vertical-align: bottom;



  border-bottom: 2px solid #dddddd;



}



.table > caption + thead > tr:first-child > th,



.table > caption + thead > tr:first-child > td,



.table > colgroup + thead > tr:first-child > th,



.table > colgroup + thead > tr:first-child > td,



.table > thead:first-child > tr:first-child > th,



.table > thead:first-child > tr:first-child > td {



  border-top: 0;



}



.table > tbody + tbody {



  border-top: 2px solid #dddddd;



}



.table .table {



  background-color: white;



}







.table-condensed > thead > tr > th,



.table-condensed > thead > tr > td,



.table-condensed > tbody > tr > th,



.table-condensed > tbody > tr > td,



.table-condensed > tfoot > tr > th,



.table-condensed > tfoot > tr > td {



  padding: 5px;



}







.table-bordered {



  border: 1px solid #dddddd;



}



.table-bordered > thead > tr > th,



.table-bordered > thead > tr > td,



.table-bordered > tbody > tr > th,



.table-bordered > tbody > tr > td,



.table-bordered > tfoot > tr > th,



.table-bordered > tfoot > tr > td {



  border: 1px solid #dddddd;



}



.table-bordered > thead > tr > th,



.table-bordered > thead > tr > td {



  border-bottom-width: 2px;



}







.table-striped > tbody > tr:nth-child(odd) > td,



.table-striped > tbody > tr:nth-child(odd) > th {



  background-color: #f9f9f9;



}







.table-hover > tbody > tr:hover > td,



.table-hover > tbody > tr:hover > th {



  background-color: whitesmoke;



}







table col[class*="col-"] {



  position: static;



  float: none;



  display: table-column;



}







table td[class*="col-"],



table th[class*="col-"] {



  position: static;



  float: none;



  display: table-cell;



}







.table > thead > tr > td.active,



.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,



.table > tbody > tr > td.active,



.table > tbody > tr > th.active,



.table > tbody > tr.active > td,



.table > tbody > tr.active > th,



.table > tfoot > tr > td.active,



.table > tfoot > tr > th.active,



.table > tfoot > tr.active > td,



.table > tfoot > tr.active > th {



  background-color: whitesmoke;



}







.table-hover > tbody > tr > td.active:hover,



.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {



  background-color: #e8e8e8;



}







.table > thead > tr > td.success,



.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,



.table > tbody > tr > td.success,



.table > tbody > tr > th.success,



.table > tbody > tr.success > td,



.table > tbody > tr.success > th,



.table > tfoot > tr > td.success,



.table > tfoot > tr > th.success,



.table > tfoot > tr.success > td,



.table > tfoot > tr.success > th {



  background-color: #dff0d8;



}







.table-hover > tbody > tr > td.success:hover,



.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {



  background-color: #d0e9c6;



}







.table > thead > tr > td.info,



.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,



.table > tbody > tr > td.info,



.table > tbody > tr > th.info,



.table > tbody > tr.info > td,



.table > tbody > tr.info > th,



.table > tfoot > tr > td.info,



.table > tfoot > tr > th.info,



.table > tfoot > tr.info > td,



.table > tfoot > tr.info > th {



  background-color: #d9edf7;



}







.table-hover > tbody > tr > td.info:hover,



.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {



  background-color: #c4e3f3;



}







.table > thead > tr > td.warning,



.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,



.table > tbody > tr > td.warning,



.table > tbody > tr > th.warning,



.table > tbody > tr.warning > td,



.table > tbody > tr.warning > th,



.table > tfoot > tr > td.warning,



.table > tfoot > tr > th.warning,



.table > tfoot > tr.warning > td,



.table > tfoot > tr.warning > th {



  background-color: #fcf8e3;



}







.table-hover > tbody > tr > td.warning:hover,



.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {



  background-color: #faf2cc;



}







.table > thead > tr > td.danger,



.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,



.table > tbody > tr > td.danger,



.table > tbody > tr > th.danger,



.table > tbody > tr.danger > td,



.table > tbody > tr.danger > th,



.table > tfoot > tr > td.danger,



.table > tfoot > tr > th.danger,



.table > tfoot > tr.danger > td,



.table > tfoot > tr.danger > th {



  background-color: #f2dede;



}







.table-hover > tbody > tr > td.danger:hover,



.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {



  background-color: #ebcccc;



}







@media (max-width: 767px) {



  .table-responsive {



    width: 100%;



    margin-bottom: 15px;



    overflow-y: hidden;



    overflow-x: scroll;



    -ms-overflow-style: -ms-autohiding-scrollbar;



    border: 1px solid #dddddd;



    -webkit-overflow-scrolling: touch;



  }



  .table-responsive > .table {



    margin-bottom: 0;



  }



  .table-responsive > .table > thead > tr > th,



  .table-responsive > .table > thead > tr > td,



  .table-responsive > .table > tbody > tr > th,



  .table-responsive > .table > tbody > tr > td,



  .table-responsive > .table > tfoot > tr > th,



  .table-responsive > .table > tfoot > tr > td {



    white-space: nowrap;



  }



  .table-responsive > .table-bordered {



    border: 0;



  }



  .table-responsive > .table-bordered > thead > tr > th:first-child,



  .table-responsive > .table-bordered > thead > tr > td:first-child,



  .table-responsive > .table-bordered > tbody > tr > th:first-child,



  .table-responsive > .table-bordered > tbody > tr > td:first-child,



  .table-responsive > .table-bordered > tfoot > tr > th:first-child,



  .table-responsive > .table-bordered > tfoot > tr > td:first-child {



    border-left: 0;



  }



  .table-responsive > .table-bordered > thead > tr > th:last-child,



  .table-responsive > .table-bordered > thead > tr > td:last-child,



  .table-responsive > .table-bordered > tbody > tr > th:last-child,



  .table-responsive > .table-bordered > tbody > tr > td:last-child,



  .table-responsive > .table-bordered > tfoot > tr > th:last-child,



  .table-responsive > .table-bordered > tfoot > tr > td:last-child {



    border-right: 0;



  }



  .table-responsive > .table-bordered > tbody > tr:last-child > th,



  .table-responsive > .table-bordered > tbody > tr:last-child > td,



  .table-responsive > .table-bordered > tfoot > tr:last-child > th,



  .table-responsive > .table-bordered > tfoot > tr:last-child > td {



    border-bottom: 0;



  }



}



fieldset {



  padding: 0;



  margin: 0;



  border: 0;



  min-width: 0;



}







legend {



  display: block;



  width: 100%;



  padding: 0;



  margin-bottom: 20px;



  font-size: 21px;



  line-height: inherit;



  color: #333333;



  border: 0;



  border-bottom: 1px solid #e5e5e5;



}







label {



  display: inline-block;



  margin-bottom: 5px;



  font-weight: bold;



}







input[type="search"] {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







input[type="radio"],



input[type="checkbox"] {



  margin: 4px 0 0;



  margin-top: 1px \9;



  /* IE8-9 */



  line-height: normal;



}







input[type="file"] {



  display: block;



}







input[type="range"] {



  display: block;



  width: 100%;



}







select[multiple],



select[size] {



  height: auto;



}







input[type="file"]:focus,



input[type="radio"]:focus,



input[type="checkbox"]:focus {



  outline: thin dotted;



  outline: 5px auto -webkit-focus-ring-color;



  outline-offset: -2px;



}







output {



  display: block;



  padding-top: 7px;



  font-size: 14px;



  line-height: 1.42857;



  color: #555555;



}







.form-control {



  display: block;



  width: 100%;



  height: 34px;



  padding: 6px 12px;



  font-size: 14px;



  line-height: 1.42857;



  color: #555555;



  background-color: white;



  background-image: none;



  border: 1px solid #cccccc;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;



  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;



}



.form-control:focus {



  border-color: #66afe9;



  outline: 0;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);



}



.form-control::-moz-placeholder {



  color: #999999;



  opacity: 1;



}



.form-control:-ms-input-placeholder {



  color: #999999;



}



.form-control::-webkit-input-placeholder {



  color: #999999;



}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {



  cursor: not-allowed;



  background-color: #eeeeee;



  opacity: 1;



}







textarea.form-control {



  height: auto;



}







input[type="search"] {



  -webkit-appearance: none;



}







input[type="date"] {



  line-height: 34px;



}







.form-group {



  margin-bottom: 15px;



}







.radio,



.checkbox {



  display: block;



  min-height: 20px;



  margin-top: 10px;



  margin-bottom: 10px;



  padding-left: 20px;



}



.rtl .radio, .rtl



.checkbox {



  padding-right: 20px;



  padding-left: inherit;



}



.radio label,



.checkbox label {



  display: inline;



  font-weight: normal;



  cursor: pointer;



}







.radio input[type="radio"],



.radio-inline input[type="radio"],



.checkbox input[type="checkbox"],



.checkbox-inline input[type="checkbox"] {



  float: left;



  margin-left: -20px;



}



.rtl .radio input[type="radio"], .rtl



.radio-inline input[type="radio"], .rtl



.checkbox input[type="checkbox"], .rtl



.checkbox-inline input[type="checkbox"] {



  float: right;



}



.rtl .radio input[type="radio"], .rtl



.radio-inline input[type="radio"], .rtl



.checkbox input[type="checkbox"], .rtl



.checkbox-inline input[type="checkbox"] {



  margin-right: -20px;



  margin-left: inherit;



}







.radio + .radio,



.checkbox + .checkbox {



  margin-top: -5px;



}







.radio-inline,



.checkbox-inline {



  display: inline-block;



  padding-left: 20px;



  margin-bottom: 0;



  vertical-align: middle;



  font-weight: normal;



  cursor: pointer;



}



.rtl .radio-inline, .rtl



.checkbox-inline {



  padding-right: 20px;



  padding-left: inherit;



}







.radio-inline + .radio-inline,



.checkbox-inline + .checkbox-inline {



  margin-top: 0;



  margin-left: 10px;



}



.rtl .radio-inline + .radio-inline, .rtl



.checkbox-inline + .checkbox-inline {



  margin-right: 10px;



  margin-left: inherit;



}







input[type="radio"][disabled], fieldset[disabled] input[type="radio"],



input[type="checkbox"][disabled], fieldset[disabled]



input[type="checkbox"],



.radio[disabled], fieldset[disabled]



.radio,



.radio-inline[disabled], fieldset[disabled]



.radio-inline,



.checkbox[disabled], fieldset[disabled]



.checkbox,



.checkbox-inline[disabled], fieldset[disabled]



.checkbox-inline {



  cursor: not-allowed;



}







.input-sm, .input-group-sm > .form-control,



.input-group-sm > .input-group-addon,



.input-group-sm > .input-group-btn > .btn {



  height: 30px;



  padding: 5px 10px;



  font-size: 12px;



  line-height: 1.5;



  border-radius: 3px;



}







select.input-sm, .input-group-sm > select.form-control,



.input-group-sm > select.input-group-addon,



.input-group-sm > .input-group-btn > select.btn {



  height: 30px;



  line-height: 30px;



}







textarea.input-sm, .input-group-sm > textarea.form-control,



.input-group-sm > textarea.input-group-addon,



.input-group-sm > .input-group-btn > textarea.btn,



select[multiple].input-sm,



.input-group-sm > select[multiple].form-control,



.input-group-sm > select[multiple].input-group-addon,



.input-group-sm > .input-group-btn > select[multiple].btn {



  height: auto;



}







.input-lg, .input-group-lg > .form-control,



.input-group-lg > .input-group-addon,



.input-group-lg > .input-group-btn > .btn {



  height: 46px;



  padding: 10px 16px;



  font-size: 18px;



  line-height: 1.33;



  border-radius: 6px;



}







select.input-lg, .input-group-lg > select.form-control,



.input-group-lg > select.input-group-addon,



.input-group-lg > .input-group-btn > select.btn {



  height: 46px;



  line-height: 46px;



}







textarea.input-lg, .input-group-lg > textarea.form-control,



.input-group-lg > textarea.input-group-addon,



.input-group-lg > .input-group-btn > textarea.btn,



select[multiple].input-lg,



.input-group-lg > select[multiple].form-control,



.input-group-lg > select[multiple].input-group-addon,



.input-group-lg > .input-group-btn > select[multiple].btn {



  height: auto;



}







.has-feedback {



  position: relative;



}



.has-feedback .form-control {



  padding-right: 42.5px;



}



.has-feedback .form-control-feedback {



  position: absolute;



  top: 25px;



  right: 0;



  display: block;



  width: 34px;



  height: 34px;



  line-height: 34px;



  text-align: center;



}







.has-success .help-block,



.has-success .control-label,



.has-success .radio,



.has-success .checkbox,



.has-success .radio-inline,



.has-success .checkbox-inline {



  color: #3c763d;



}



.has-success .form-control {



  border-color: #3c763d;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



}



.has-success .form-control:focus {



  border-color: #2b542c;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;



}



.has-success .input-group-addon {



  color: #3c763d;



  border-color: #3c763d;



  background-color: #dff0d8;



}



.has-success .form-control-feedback {



  color: #3c763d;



}







.has-warning .help-block,



.has-warning .control-label,



.has-warning .radio,



.has-warning .checkbox,



.has-warning .radio-inline,



.has-warning .checkbox-inline {



  color: #8a6d3b;



}



.has-warning .form-control {



  border-color: #8a6d3b;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



}



.has-warning .form-control:focus {



  border-color: #66512c;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;



}



.has-warning .input-group-addon {



  color: #8a6d3b;



  border-color: #8a6d3b;



  background-color: #fcf8e3;



}



.has-warning .form-control-feedback {



  color: #8a6d3b;



}







.has-error .help-block,



.has-error .control-label,



.has-error .radio,



.has-error .checkbox,



.has-error .radio-inline,



.has-error .checkbox-inline {



  color: #a94442;



}



.has-error .form-control {



  border-color: #a94442;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);



}



.has-error .form-control:focus {



  border-color: #843534;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;



}



.has-error .input-group-addon {



  color: #a94442;



  border-color: #a94442;



  background-color: #f2dede;



}



.has-error .form-control-feedback {



  color: #a94442;



}







.form-control-static {



  margin-bottom: 0;



}







.help-block {



  display: block;



  margin-top: 5px;



  margin-bottom: 10px;



  color: #737373;



}







@media (min-width: 768px) {



  .form-inline .form-group, .navbar-form .form-group {



    display: inline-block;



    margin-bottom: 0;



    vertical-align: middle;



  }



  .form-inline .form-control, .navbar-form .form-control {



    display: inline-block;



    width: auto;



    vertical-align: middle;



  }



  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {



    width: 100%;



  }



  .form-inline .control-label, .navbar-form .control-label {



    margin-bottom: 0;



    vertical-align: middle;



  }



  .form-inline .radio, .navbar-form .radio,



  .form-inline .checkbox,



  .navbar-form .checkbox {



    display: inline-block;



    margin-top: 0;



    margin-bottom: 0;



    padding-left: 0;



    vertical-align: middle;



  }



  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],



  .form-inline .checkbox input[type="checkbox"],



  .navbar-form .checkbox input[type="checkbox"] {



    float: none;



    margin-left: 0;



  }



  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {



    top: 0;



  }



}







.form-horizontal .control-label,



.form-horizontal .radio,



.form-horizontal .checkbox,



.form-horizontal .radio-inline,



.form-horizontal .checkbox-inline {



  margin-top: 0;



  margin-bottom: 0;



  padding-top: 7px;



}



.form-horizontal .radio,



.form-horizontal .checkbox {



  min-height: 27px;



}



.form-horizontal .form-group {



  margin-left: -15px;



  margin-right: -15px;



}



.form-horizontal .form-group:before, .form-horizontal .form-group:after {



  content: " ";



  display: table;



}



.form-horizontal .form-group:after {



  clear: both;



}



.form-horizontal .form-control-static {



  padding-top: 7px;



}



@media (min-width: 768px) {



  .form-horizontal .control-label {



    text-align: right;



  }



}



.form-horizontal .has-feedback .form-control-feedback {



  top: 0;



  right: 15px;



}







.btn {



  display: inline-block;



  margin-bottom: 0;



  font-weight: normal;



  text-align: center;



  vertical-align: middle;



  cursor: pointer;



  background-image: none;



  border: 1px solid transparent;



  white-space: nowrap;



  padding: 6px 12px;



  font-size: 14px;



  line-height: 1.42857;



  border-radius: 4px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}



.btn:focus, .btn:active:focus, .btn.active:focus {



  outline: thin dotted;



  outline: 5px auto -webkit-focus-ring-color;



  outline-offset: -2px;



}



.btn:hover, .btn:focus {



  color: #333333;



  text-decoration: none;



}



.btn:active, .btn.active {



  outline: 0;



  background-image: none;



  -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);



}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {



  cursor: not-allowed;



  pointer-events: none;



  opacity: 0.65;



  filter: alpha(opacity=65);



  -webkit-box-shadow: none;



  box-shadow: none;



}







.btn-default {



  color: #333333;



  background-color: white;



  border-color: #cccccc;



}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {



  color: #333333;



  background-color: #ebebeb;



  border-color: #adadad;



}



.open .btn-default.dropdown-toggle {



  color: #333333;



  background-color: #ebebeb;



  border-color: #adadad;



}



.btn-default:active, .btn-default.active {



  background-image: none;



}



.open .btn-default.dropdown-toggle {



  background-image: none;



}



.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {



  background-color: white;



  border-color: #cccccc;



}



.btn-default .badge {



  color: white;



  background-color: #333333;



}







.btn-primary {



  color: white;



  background-color: #428bca;



  border-color: #357ebd;



}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {



  color: white;



  background-color: #3276b1;



  border-color: #285e8e;



}



.open .btn-primary.dropdown-toggle {



  color: white;



  background-color: #3276b1;



  border-color: #285e8e;



}



.btn-primary:active, .btn-primary.active {



  background-image: none;



}



.open .btn-primary.dropdown-toggle {



  background-image: none;



}



.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {



  background-color: #428bca;



  border-color: #357ebd;



}



.btn-primary .badge {



  color: #428bca;



  background-color: white;



}







.btn-success {



  color: white;



  background-color: #5cb85c;



  border-color: #4cae4c;



}



.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {



  color: white;



  background-color: #47a447;



  border-color: #398439;



}



.open .btn-success.dropdown-toggle {



  color: white;



  background-color: #47a447;



  border-color: #398439;



}



.btn-success:active, .btn-success.active {



  background-image: none;



}



.open .btn-success.dropdown-toggle {



  background-image: none;



}



.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {



  background-color: #5cb85c;



  border-color: #4cae4c;



}



.btn-success .badge {



  color: #5cb85c;



  background-color: white;



}







.btn-info {



  color: white;



  background-color: #5bc0de;



  border-color: #46b8da;



}



.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {



  color: white;



  background-color: #39b3d7;



  border-color: #269abc;



}



.open .btn-info.dropdown-toggle {



  color: white;



  background-color: #39b3d7;



  border-color: #269abc;



}



.btn-info:active, .btn-info.active {



  background-image: none;



}



.open .btn-info.dropdown-toggle {



  background-image: none;



}



.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {



  background-color: #5bc0de;



  border-color: #46b8da;



}



.btn-info .badge {



  color: #5bc0de;



  background-color: white;



}







.btn-warning {



  color: white;



  background-color: #f0ad4e;



  border-color: #eea236;



}



.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {



  color: white;



  background-color: #ed9c28;



  border-color: #d58512;



}



.open .btn-warning.dropdown-toggle {



  color: white;



  background-color: #ed9c28;



  border-color: #d58512;



}



.btn-warning:active, .btn-warning.active {



  background-image: none;



}



.open .btn-warning.dropdown-toggle {



  background-image: none;



}



.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {



  background-color: #f0ad4e;



  border-color: #eea236;



}



.btn-warning .badge {



  color: #f0ad4e;



  background-color: white;



}







.btn-danger {



  color: white;



  background-color: #d9534f;



  border-color: #d43f3a;



}



.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {



  color: white;



  background-color: #d2322d;



  border-color: #ac2925;



}



.open .btn-danger.dropdown-toggle {



  color: white;



  background-color: #d2322d;



  border-color: #ac2925;



}



.btn-danger:active, .btn-danger.active {



  background-image: none;



}



.open .btn-danger.dropdown-toggle {



  background-image: none;



}



.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {



  background-color: #d9534f;



  border-color: #d43f3a;



}



.btn-danger .badge {



  color: #d9534f;



  background-color: white;



}







.btn-link {



  color: #27c5dc;



  font-weight: normal;



  cursor: pointer;



  border-radius: 0;



}



.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {



  background-color: transparent;



  -webkit-box-shadow: none;



  box-shadow: none;



}



.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {



  border-color: transparent;



}



.btn-link:hover, .btn-link:focus {



  color: #27c5dc;



  text-decoration: underline;



  background-color: transparent;



}



.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {



  color: #999999;



  text-decoration: none;



}







.btn-lg, .btn-group-lg > .btn {



  padding: 10px 16px;



  font-size: 18px;



  line-height: 1.33;



  border-radius: 6px;



}







.btn-sm, .btn-group-sm > .btn {



  padding: 5px 10px;



  font-size: 12px;



  line-height: 1.5;



  border-radius: 3px;



}







.btn-xs, .btn-group-xs > .btn {



  padding: 1px 5px;



  font-size: 12px;



  line-height: 1.5;



  border-radius: 3px;



}







.btn-block {



  display: block;



  width: 100%;



  padding-left: 0;



  padding-right: 0;



}







.btn-block + .btn-block {



  margin-top: 5px;



}







input[type="submit"].btn-block,



input[type="reset"].btn-block,



input[type="button"].btn-block {



  width: 100%;



}







.fade {



  opacity: 0;



  -webkit-transition: opacity 0.15s linear;



  transition: opacity 0.15s linear;



}



.fade.in {



  opacity: 1;



}







.collapse {



  display: none;



}



.collapse.in {



  display: block;



}







.collapsing {



  position: relative;



  height: 0;



  overflow: hidden;



  -webkit-transition: height 0.35s ease;



  transition: height 0.35s ease;



}







.caret {



  display: inline-block;



  width: 0;



  height: 0;



  margin-left: 2px;



  vertical-align: middle;



  border-top: 4px solid;



  border-right: 4px solid transparent;



  border-left: 4px solid transparent;



}







.dropdown {



  position: relative;



}







.dropdown-toggle:focus {



  outline: 0;



}







.dropdown-menu {



  position: absolute;



  top: 100%;



  left: 0;



  z-index: 1000;



  display: none;



  float: left;



  min-width: 160px;



  padding: 5px 0;



  margin: 2px 0 0;



  list-style: none;



  font-size: 14px;



  background-color: white;



  border: 1px solid #cccccc;



  border: 1px solid rgba(0, 0, 0, 0.15);



  border-radius: 4px;



  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);



  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);



  background-clip: padding-box;



}



.dropdown-menu.pull-right {



  right: 0;



  left: auto;



}



.dropdown-menu .divider {



  height: 1px;



  margin: 9px 0;



  overflow: hidden;



  background-color: #e5e5e5;



}



.dropdown-menu > li > a {



  display: block;



  padding: 3px 20px;



  clear: both;



  font-weight: normal;



  line-height: 1.42857;



  color: #333333;



  white-space: nowrap;



}







.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {



  text-decoration: none;



  color: #262626;



  background-color: whitesmoke;



}







.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {



  color: white;



  text-decoration: none;



  outline: 0;



  background-color: #428bca;



}







.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {



  color: #999999;



}







.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {



  text-decoration: none;



  background-color: transparent;



  background-image: none;



  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);



  cursor: not-allowed;



}







.open > .dropdown-menu {



  display: block;



}



.open > a {



  outline: 0;



}







.dropdown-menu-right {



  left: auto;



  right: 0;



}







.dropdown-menu-left {



  left: 0;



  right: auto;



}







.dropdown-header {



  display: block;



  padding: 3px 20px;



  font-size: 12px;



  line-height: 1.42857;



  color: #999999;



}







.dropdown-backdrop {



  position: fixed;



  left: 0;



  right: 0;



  bottom: 0;



  top: 0;



  z-index: 990;



}







.pull-right > .dropdown-menu {



  right: 0;



  left: auto;



}







.dropup .caret,



.navbar-fixed-bottom .dropdown .caret {



  border-top: 0;



  border-bottom: 4px solid;



  content: "";



}



.dropup .dropdown-menu,



.navbar-fixed-bottom .dropdown .dropdown-menu {



  top: auto;



  bottom: 100%;



  margin-bottom: 1px;



}







@media (min-width: 768px) {



  .navbar-right .dropdown-menu {



    right: 0;



    left: auto;



  }



  .navbar-right .dropdown-menu-left {



    left: 0;



    right: auto;



  }



}



.btn-group,



.btn-group-vertical {



  position: relative;



  display: inline-block;



  vertical-align: middle;



}



.btn-group > .btn,



.btn-group-vertical > .btn {



  position: relative;



  float: left;



}



.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,



.btn-group-vertical > .btn:hover,



.btn-group-vertical > .btn:focus,



.btn-group-vertical > .btn:active,



.btn-group-vertical > .btn.active {



  z-index: 2;



}



.btn-group > .btn:focus,



.btn-group-vertical > .btn:focus {



  outline: none;



}







.btn-group .btn + .btn,



.btn-group .btn + .btn-group,



.btn-group .btn-group + .btn,



.btn-group .btn-group + .btn-group {



  margin-left: -1px;



}







.btn-toolbar {



  margin-left: -5px;



}



.btn-toolbar:before, .btn-toolbar:after {



  content: " ";



  display: table;



}



.btn-toolbar:after {



  clear: both;



}



.btn-toolbar .btn-group,



.btn-toolbar .input-group {



  float: left;



}



.btn-toolbar > .btn,



.btn-toolbar > .btn-group,



.btn-toolbar > .input-group {



  margin-left: 5px;



}







.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {



  border-radius: 0;



}







.btn-group > .btn:first-child {



  margin-left: 0;



}



.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {



  border-bottom-right-radius: 0;



  border-top-right-radius: 0;



}







.btn-group > .btn:last-child:not(:first-child),



.btn-group > .dropdown-toggle:not(:first-child) {



  border-bottom-left-radius: 0;



  border-top-left-radius: 0;



}







.btn-group > .btn-group {



  float: left;



}







.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {



  border-radius: 0;



}







.btn-group > .btn-group:first-child > .btn:last-child,



.btn-group > .btn-group:first-child > .dropdown-toggle {



  border-bottom-right-radius: 0;



  border-top-right-radius: 0;



}







.btn-group > .btn-group:last-child > .btn:first-child {



  border-bottom-left-radius: 0;



  border-top-left-radius: 0;



}







.btn-group .dropdown-toggle:active,



.btn-group.open .dropdown-toggle {



  outline: 0;



}







.btn-group > .btn + .dropdown-toggle {



  padding-left: 8px;



  padding-right: 8px;



}







.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {



  padding-left: 12px;



  padding-right: 12px;



}







.btn-group.open .dropdown-toggle {



  -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);



}



.btn-group.open .dropdown-toggle.btn-link {



  -webkit-box-shadow: none;



  box-shadow: none;



}







.btn .caret {



  margin-left: 0;



}







.btn-lg .caret, .btn-group-lg > .btn .caret {



  border-width: 5px 5px 0;



  border-bottom-width: 0;



}







.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {



  border-width: 0 5px 5px;



}







.btn-group-vertical > .btn,



.btn-group-vertical > .btn-group,



.btn-group-vertical > .btn-group > .btn {



  display: block;



  float: none;



  width: 100%;



  max-width: 100%;



}



.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {



  content: " ";



  display: table;



}



.btn-group-vertical > .btn-group:after {



  clear: both;



}



.btn-group-vertical > .btn-group > .btn {



  float: none;



}



.btn-group-vertical > .btn + .btn,



.btn-group-vertical > .btn + .btn-group,



.btn-group-vertical > .btn-group + .btn,



.btn-group-vertical > .btn-group + .btn-group {



  margin-top: -1px;



  margin-left: 0;



}







.btn-group-vertical > .btn:not(:first-child):not(:last-child) {



  border-radius: 0;



}



.btn-group-vertical > .btn:first-child:not(:last-child) {



  border-top-right-radius: 4px;



  border-bottom-right-radius: 0;



  border-bottom-left-radius: 0;



}



.btn-group-vertical > .btn:last-child:not(:first-child) {



  border-bottom-left-radius: 4px;



  border-top-right-radius: 0;



  border-top-left-radius: 0;



}







.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {



  border-radius: 0;



}







.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,



.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {



  border-bottom-right-radius: 0;



  border-bottom-left-radius: 0;



}







.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {



  border-top-right-radius: 0;



  border-top-left-radius: 0;



}







.btn-group-justified {



  display: table;



  width: 100%;



  table-layout: fixed;



  border-collapse: separate;



}



.btn-group-justified > .btn,



.btn-group-justified > .btn-group {



  float: none;



  display: table-cell;



  width: 1%;



}



.btn-group-justified > .btn-group .btn {



  width: 100%;



}







[data-toggle="buttons"] > .btn > input[type="radio"],



[data-toggle="buttons"] > .btn > input[type="checkbox"] {



  display: none;



}







.input-group {



  position: relative;



  display: table;



  border-collapse: separate;



}



.input-group[class*="col-"] {



  float: none;



  padding-left: 0;



  padding-right: 0;



}



.input-group .form-control {



  position: relative;



  z-index: 2;



  float: left;



  width: 100%;



  margin-bottom: 0;



}







.input-group-addon,



.input-group-btn,



.input-group .form-control {



  display: table-cell;



}



.input-group-addon:not(:first-child):not(:last-child),



.input-group-btn:not(:first-child):not(:last-child),



.input-group .form-control:not(:first-child):not(:last-child) {



  border-radius: 0;



}







.input-group-addon,



.input-group-btn {



  width: 1%;



  white-space: nowrap;



  vertical-align: middle;



}







.input-group-addon {



  padding: 6px 12px;



  font-size: 14px;



  font-weight: normal;



  line-height: 1;



  color: #555555;



  text-align: center;



  background-color: #eeeeee;



  border: 1px solid #cccccc;



  border-radius: 4px;



}



.input-group-addon.input-sm,



.input-group-sm > .input-group-addon,



.input-group-sm > .input-group-btn > .input-group-addon.btn {



  padding: 5px 10px;



  font-size: 12px;



  border-radius: 3px;



}



.input-group-addon.input-lg,



.input-group-lg > .input-group-addon,



.input-group-lg > .input-group-btn > .input-group-addon.btn {



  padding: 10px 16px;



  font-size: 18px;



  border-radius: 6px;



}



.input-group-addon input[type="radio"],



.input-group-addon input[type="checkbox"] {



  margin-top: 0;



}







.input-group .form-control:first-child,



.input-group-addon:first-child,



.input-group-btn:first-child > .btn,



.input-group-btn:first-child > .btn-group > .btn,



.input-group-btn:first-child > .dropdown-toggle,



.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),



.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {



  border-bottom-right-radius: 0;



  border-top-right-radius: 0;



}







.input-group-addon:first-child {



  border-right: 0;



}







.input-group .form-control:last-child,



.input-group-addon:last-child,



.input-group-btn:last-child > .btn,



.input-group-btn:last-child > .btn-group > .btn,



.input-group-btn:last-child > .dropdown-toggle,



.input-group-btn:first-child > .btn:not(:first-child),



.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {



  border-bottom-left-radius: 0;



  border-top-left-radius: 0;



}







.input-group-addon:last-child {



  border-left: 0;



}







.input-group-btn {



  position: relative;



  font-size: 0;



  white-space: nowrap;



}



.input-group-btn > .btn {



  position: relative;



}



.input-group-btn > .btn + .btn {



  margin-left: -1px;



}



.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {



  z-index: 2;



}



.input-group-btn:first-child > .btn,



.input-group-btn:first-child > .btn-group {



  margin-right: -1px;



}



.input-group-btn:last-child > .btn,



.input-group-btn:last-child > .btn-group {



  margin-left: -1px;



}







.nav {



  margin-bottom: 0;



  padding-left: 0;



  list-style: none;



}



.nav:before, .nav:after {



  content: " ";



  display: table;



}



.nav:after {



  clear: both;



}



.nav > li {



  position: relative;



  display: block;



}



.nav > li > a {



  position: relative;



  display: block;



  padding: 10px 15px;



}



.nav > li > a:hover, .nav > li > a:focus {



  text-decoration: none;



  background-color: #eeeeee;



}



.nav > li.disabled > a {



  color: #999999;



}



.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {



  color: #999999;



  text-decoration: none;



  background-color: transparent;



  cursor: not-allowed;



}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {



  background-color: #eeeeee;



  border-color: #27c5dc;



}



.nav .nav-divider {



  height: 1px;



  margin: 9px 0;



  overflow: hidden;



  background-color: #e5e5e5;



}



.nav > li > a > img {



  max-width: none;



}







.nav-tabs {



  border-bottom: 1px solid #dddddd;



}



.nav-tabs > li {



  float: left;



  margin-bottom: -1px;



}



.nav-tabs > li > a {



  margin-right: 2px;



  line-height: 1.42857;



  border: 1px solid transparent;



  border-radius: 4px 4px 0 0;



}



.nav-tabs > li > a:hover {



  border-color: #eeeeee #eeeeee #dddddd;



}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {



  color: #555555;



  background-color: white;



  border: 1px solid #dddddd;



  border-bottom-color: transparent;



  cursor: default;



}







.nav-pills > li {



  float: left;



}



.nav-pills > li > a {



  border-radius: 4px;



}



.nav-pills > li + li {



  margin-left: 2px;



}



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {



  color: white;



  background-color: #428bca;



}







.nav-stacked > li {



  float: none;



}



.nav-stacked > li + li {



  margin-top: 2px;



  margin-left: 0;



}







.nav-justified, .nav-tabs.nav-justified {



  width: 100%;



}



.nav-justified > li, .nav-tabs.nav-justified > li {



  float: none;



}



.nav-justified > li > a, .nav-tabs.nav-justified > li > a {



  text-align: center;



  margin-bottom: 5px;



}



.nav-justified > .dropdown .dropdown-menu {



  top: auto;



  left: auto;



}



@media (min-width: 768px) {



  .nav-justified > li, .nav-tabs.nav-justified > li {



    display: table-cell;



    width: 1%;



  }



  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {



    margin-bottom: 0;



  }



}







.nav-tabs-justified, .nav-tabs.nav-justified {



  border-bottom: 0;



}



.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {



  margin-right: 0;



  border-radius: 4px;



}



.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,



.nav-tabs-justified > .active > a:hover,



.nav-tabs.nav-justified > .active > a:hover,



.nav-tabs-justified > .active > a:focus,



.nav-tabs.nav-justified > .active > a:focus {



  border: 1px solid #dddddd;



}



@media (min-width: 768px) {



  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {



    border-bottom: 1px solid #dddddd;



    border-radius: 4px 4px 0 0;



  }



  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,



  .nav-tabs-justified > .active > a:hover,



  .nav-tabs.nav-justified > .active > a:hover,



  .nav-tabs-justified > .active > a:focus,



  .nav-tabs.nav-justified > .active > a:focus {



    border-bottom-color: white;



  }



}







.tab-content > .tab-pane {



  display: none;



}



.tab-content > .active {



  display: block;



}







.nav-tabs .dropdown-menu {



  margin-top: -1px;



  border-top-right-radius: 0;



  border-top-left-radius: 0;



}







.navbar {



  position: relative;



  min-height: 50px;



  margin-bottom: 20px;



  border: 1px solid transparent;



}



.navbar:before, .navbar:after {



  content: " ";



  display: table;



}



.navbar:after {



  clear: both;



}



@media (min-width: 768px) {



  .navbar {



    border-radius: 4px;



  }



}







.navbar-header:before, .navbar-header:after {



  content: " ";



  display: table;



}



.navbar-header:after {



  clear: both;



}



@media (min-width: 768px) {



  .navbar-header {



    float: left;



  }



  .rtl .navbar-header {



    float: right;



  }



}







.navbar-collapse {



  max-height: 340px;



  overflow-x: visible;



  padding-right: 15px;



  padding-left: 15px;



  border-top: 1px solid transparent;



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);



  -webkit-overflow-scrolling: touch;



}



.navbar-collapse:before, .navbar-collapse:after {



  content: " ";



  display: table;



}



.navbar-collapse:after {



  clear: both;



}



.navbar-collapse.in {



  overflow-y: auto;



}



@media (min-width: 768px) {



  .navbar-collapse {



    width: auto;



    border-top: 0;



    box-shadow: none;



  }



  .navbar-collapse.collapse {



    display: block !important;



    height: auto !important;



    padding-bottom: 0;



    overflow: visible !important;



  }



  .navbar-collapse.in {



    overflow-y: visible;



  }



  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {



    padding-left: 0;



    padding-right: 0;



  }



}







.container > .navbar-header,



.container > .navbar-collapse,



.container-fluid > .navbar-header,



.container-fluid > .navbar-collapse {



  margin-right: -15px;



  margin-left: -15px;



}



@media (min-width: 768px) {



  .container > .navbar-header,



  .container > .navbar-collapse,



  .container-fluid > .navbar-header,



  .container-fluid > .navbar-collapse {



    margin-right: 0;



    margin-left: 0;



  }



}







.navbar-static-top {



  z-index: 1000;



  border-width: 0 0 1px;



}



@media (min-width: 768px) {



  .navbar-static-top {



    border-radius: 0;



  }



}







.navbar-fixed-top,



.navbar-fixed-bottom {



  position: fixed;



  right: 0;



  left: 0;



  z-index: 1030;



}



@media (min-width: 768px) {



  .navbar-fixed-top,



  .navbar-fixed-bottom {



    border-radius: 0;



  }



}







.navbar-fixed-top {



  top: 0;



  border-width: 0 0 1px;



}







.navbar-fixed-bottom {



  bottom: 0;



  margin-bottom: 0;



  border-width: 1px 0 0;



}







.navbar-brand {



  float: left;



  padding: 15px 15px;



  font-size: 18px;



  line-height: 20px;



  height: 50px;



}



.navbar-brand:hover, .navbar-brand:focus {



  text-decoration: none;



}



@media (min-width: 768px) {



  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {



    margin-left: -15px;



  }



}







.navbar-toggle {



  position: relative;



  float: right;



  margin-right: 15px;



  padding: 9px 10px;



  margin-top: 8px;



  margin-bottom: 8px;



  background-color: transparent;



  background-image: none;



  border: 1px solid transparent;



  border-radius: 4px;



}



.navbar-toggle:focus {



  outline: none;



}



.navbar-toggle .icon-bar {



  display: block;



  width: 22px;



  height: 2px;



  border-radius: 1px;



}



.navbar-toggle .icon-bar + .icon-bar {



  margin-top: 4px;



}



@media (min-width: 768px) {



  .navbar-toggle {



    display: none;



  }



}







.navbar-nav {



  margin: 7.5px -15px;



}



.navbar-nav > li > a {



  padding-top: 10px;



  padding-bottom: 10px;



  line-height: 20px;



}



@media (max-width: 767px) {



  .navbar-nav .open .dropdown-menu {



    position: static;



    float: none;



    width: auto;



    margin-top: 0;



    background-color: transparent;



    border: 0;



    box-shadow: none;



  }



  .navbar-nav .open .dropdown-menu > li > a,



  .navbar-nav .open .dropdown-menu .dropdown-header {



    padding: 5px 15px 5px 25px;



  }



  .navbar-nav .open .dropdown-menu > li > a {



    line-height: 20px;



  }



  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {



    background-image: none;



  }



}



@media (min-width: 768px) {



  .navbar-nav {



    float: left;



    margin: 0;



  }



  .navbar-nav > li {



    float: left;



  }



  .rtl .navbar-nav > li {



    float: right;



  }



  .navbar-nav > li > a {



    padding-top: 15px;



    padding-bottom: 15px;



  }



  .navbar-nav.navbar-right:last-child {



    margin-right: -15px;



  }



}







@media (min-width: 768px) {



  .navbar-left {



    float: left !important;



  }







  .navbar-right {



    float: right !important;



  }



}



.navbar-form {



  margin-left: -15px;



  margin-right: -15px;



  padding: 10px 15px;



  border-top: 1px solid transparent;



  border-bottom: 1px solid transparent;



  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);



  margin-top: 8px;



  margin-bottom: 8px;



}



@media (max-width: 767px) {



  .navbar-form .form-group {



    margin-bottom: 5px;



  }



}



@media (min-width: 768px) {



  .navbar-form {



    width: auto;



    border: 0;



    margin-left: 0;



    margin-right: 0;



    padding-top: 0;



    padding-bottom: 0;



    -webkit-box-shadow: none;



    box-shadow: none;



  }



  .navbar-form.navbar-right:last-child {



    margin-right: -15px;



  }



}







.navbar-nav > li > .dropdown-menu {



  margin-top: 0;



  border-top-right-radius: 0;



  border-top-left-radius: 0;



}







.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {



  border-bottom-right-radius: 0;



  border-bottom-left-radius: 0;



}







.navbar-btn {



  margin-top: 8px;



  margin-bottom: 8px;



}



.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {



  margin-top: 10px;



  margin-bottom: 10px;



}



.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {



  margin-top: 14px;



  margin-bottom: 14px;



}







.navbar-text {



  margin-top: 15px;



  margin-bottom: 15px;



}



@media (min-width: 768px) {



  .navbar-text {



    float: left;



    margin-left: 15px;



    margin-right: 15px;



  }



  .navbar-text.navbar-right:last-child {



    margin-right: 0;



  }



}







.navbar-default {



  background-color: #f8f8f8;



  border-color: #e7e7e7;



}



.navbar-default .navbar-brand {



  color: #777777;



}



.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {



  color: #5e5e5e;



  background-color: transparent;



}



.navbar-default .navbar-text {



  color: #777777;



}



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



  color: #777777;



}



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



  color: #333333;



  background-color: transparent;



}



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



  color: #555555;



  background-color: #e7e7e7;



}



.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {



  color: #cccccc;



  background-color: transparent;



}



.navbar-default .navbar-toggle {



  border-color: #dddddd;



}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {



  background-color: #dddddd;



}



.navbar-default .navbar-toggle .icon-bar {



  background-color: #888888;



}



.navbar-default .navbar-collapse,



.navbar-default .navbar-form {



  border-color: #e7e7e7;



}



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



  background-color: #e7e7e7;



  color: #555555;



}



@media (max-width: 767px) {



  .navbar-default .navbar-nav .open .dropdown-menu > li > a {



    color: #777777;



  }



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



    color: #333333;



    background-color: transparent;



  }



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



    color: #555555;



    background-color: #e7e7e7;



  }



  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {



    color: #cccccc;



    background-color: transparent;



  }



}



.navbar-default .navbar-link {



  color: #777777;



}



.navbar-default .navbar-link:hover {



  color: #333333;



}







.navbar-inverse {



  background-color: #222222;



  border-color: #090909;



}



.navbar-inverse .navbar-brand {



  color: #999999;



}



.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {



  color: white;



  background-color: transparent;



}



.navbar-inverse .navbar-text {



  color: #999999;



}



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



  color: #999999;



}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {



  color: white;



  background-color: transparent;



}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {



  color: white;



  background-color: #090909;



}



.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {



  color: #444444;



  background-color: transparent;



}



.navbar-inverse .navbar-toggle {



  border-color: #333333;



}



.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {



  background-color: #333333;



}



.navbar-inverse .navbar-toggle .icon-bar {



  background-color: white;



}



.navbar-inverse .navbar-collapse,



.navbar-inverse .navbar-form {



  border-color: #101010;



}



.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {



  background-color: #090909;



  color: white;



}



@media (max-width: 767px) {



  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {



    border-color: #090909;



  }



  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {



    background-color: #090909;



  }



  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {



    color: #999999;



  }



  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {



    color: white;



    background-color: transparent;



  }



  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {



    color: white;



    background-color: #090909;



  }



  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {



    color: #444444;



    background-color: transparent;



  }



}



.navbar-inverse .navbar-link {



  color: #999999;



}



.navbar-inverse .navbar-link:hover {



  color: white;



}







.breadcrumb {



  padding: 8px 15px 6px 0;



  margin-top: 15px;



  list-style: none;



  background-color: transparent;



  border-radius: 4px;



}



.rtl .breadcrumb {



  padding: 8px 0 6px 15px;



}



.breadcrumb > li {



  display: inline-block;



}



.breadcrumb > li + li:before {



  content: "/\00a0";



  padding: 0 5px;



  color: #999999;



}



.breadcrumb > .active {



  color: black;



}







.pagination {



  display: inline-block;



  padding-left: 0;



  margin: 20px 0;



  border-radius: 4px;



}



.pagination > li {



  display: inline;



}



.pagination > li > a,



.pagination > li > span {



  position: relative;



  float: left;



  padding: 6px 12px;



  line-height: 1.42857;



  text-decoration: none;



  color: #27c5dc;



  background-color: white;



  border: 1px solid #dddddd;



  margin-left: -1px;



}



.pagination > li:first-child > a,



.pagination > li:first-child > span {



  margin-left: 0;



  border-bottom-left-radius: 4px;



  border-top-left-radius: 4px;



}



.pagination > li:last-child > a,



.pagination > li:last-child > span {



  border-bottom-right-radius: 4px;



  border-top-right-radius: 4px;



}



.pagination > li > a:hover, .pagination > li > a:focus,



.pagination > li > span:hover,



.pagination > li > span:focus {



  color: #27c5dc;



  background-color: #eeeeee;



  border-color: #dddddd;



}



.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,



.pagination > .active > span,



.pagination > .active > span:hover,



.pagination > .active > span:focus {



  z-index: 2;



  color: white;



  background-color: #428bca;



  border-color: #428bca;



  cursor: default;



}



.pagination > .disabled > span,



.pagination > .disabled > span:hover,



.pagination > .disabled > span:focus,



.pagination > .disabled > a,



.pagination > .disabled > a:hover,



.pagination > .disabled > a:focus {



  color: #999999;



  background-color: white;



  border-color: #dddddd;



  cursor: not-allowed;



}







.pagination-lg > li > a,



.pagination-lg > li > span {



  padding: 10px 16px;



  font-size: 18px;



}



.pagination-lg > li:first-child > a,



.pagination-lg > li:first-child > span {



  border-bottom-left-radius: 6px;



  border-top-left-radius: 6px;



}



.pagination-lg > li:last-child > a,



.pagination-lg > li:last-child > span {



  border-bottom-right-radius: 6px;



  border-top-right-radius: 6px;



}







.pagination-sm > li > a,



.pagination-sm > li > span {



  padding: 5px 10px;



  font-size: 12px;



}



.pagination-sm > li:first-child > a,



.pagination-sm > li:first-child > span {



  border-bottom-left-radius: 3px;



  border-top-left-radius: 3px;



}



.pagination-sm > li:last-child > a,



.pagination-sm > li:last-child > span {



  border-bottom-right-radius: 3px;



  border-top-right-radius: 3px;



}







.pager {



  padding-left: 0;



  margin: 20px 0;



  list-style: none;



  text-align: center;



}



.pager:before, .pager:after {



  content: " ";



  display: table;



}



.pager:after {



  clear: both;



}



.pager li {



  display: inline;



}



.pager li > a,



.pager li > span {



  display: inline-block;



  padding: 5px 14px;



  background-color: white;



  border: 1px solid #dddddd;



  border-radius: 15px;



}



.pager li > a:hover,



.pager li > a:focus {



  text-decoration: none;



  background-color: #eeeeee;



}



.pager .next > a,



.pager .next > span {



  float: right;



}



.pager .previous > a,



.pager .previous > span {



  float: left;



}



.pager .disabled > a,



.pager .disabled > a:hover,



.pager .disabled > a:focus,



.pager .disabled > span {



  color: #999999;



  background-color: white;



  cursor: not-allowed;



}







.label {



  display: inline;



  padding: .2em .6em .3em;



  font-size: 75%;



  font-weight: bold;



  line-height: 1;



  color: white;



  text-align: center;



  white-space: nowrap;



  vertical-align: baseline;



  border-radius: .25em;



}



.label[href]:hover, .label[href]:focus {



  color: white;



  text-decoration: none;



  cursor: pointer;



}



.label:empty {



  display: none;



}



.btn .label {



  position: relative;



  top: -1px;



}







.label-default {



  background-color: #999999;



}



.label-default[href]:hover, .label-default[href]:focus {



  background-color: gray;



}







.label-primary {



  background-color: #428bca;



}



.label-primary[href]:hover, .label-primary[href]:focus {



  background-color: #3071a9;



}







.label-success {



  background-color: #5cb85c;



}



.label-success[href]:hover, .label-success[href]:focus {



  background-color: #449d44;



}







.label-info {



  background-color: #5bc0de;



}



.label-info[href]:hover, .label-info[href]:focus {



  background-color: #31b0d5;



}







.label-warning {



  background-color: #f0ad4e;



}



.label-warning[href]:hover, .label-warning[href]:focus {



  background-color: #ec971f;



}







.label-danger {



  background-color: #d9534f;



}



.label-danger[href]:hover, .label-danger[href]:focus {



  background-color: #c9302c;



}







.badge {



  display: inline-block;



  min-width: 10px;



  padding: 3px 7px;



  font-size: 12px;



  font-weight: bold;



  color: white;



  line-height: 1;



  vertical-align: baseline;



  white-space: nowrap;



  text-align: center;



  background-color: #999999;



  border-radius: 10px;



}



.badge:empty {



  display: none;



}



.btn .badge {



  position: relative;



  top: -1px;



}



.btn-xs .badge, .btn-group-xs > .btn .badge {



  top: 0;



  padding: 1px 5px;



}







a.badge:hover, a.badge:focus {



  color: white;



  text-decoration: none;



  cursor: pointer;



}







a.list-group-item.active > .badge,



.nav-pills > .active > a > .badge {



  color: #27c5dc;



  background-color: white;



}







.nav-pills > li > a > .badge {



  margin-left: 3px;



}







.thumbnail {



  display: block;



  padding: 4px;



  margin-bottom: 20px;



  line-height: 1.42857;



  background-color: white;



  border: 1px solid #dddddd;



  border-radius: 4px;



  -webkit-transition: all 0.2s ease-in-out;



  transition: all 0.2s ease-in-out;



}



.thumbnail > img,



.thumbnail a > img {



  display: block;



  max-width: 100%;



  height: auto;



  margin-left: auto;



  margin-right: auto;



}



.thumbnail .caption {



  padding: 9px;



  color: #333333;



}







a.thumbnail:hover,



a.thumbnail:focus,



a.thumbnail.active {



  border-color: #27c5dc;



}







.alert {



  padding: 15px;



  margin-bottom: 20px;



  border: 1px solid transparent;



  border-radius: 4px;



}



.alert h4 {



  margin-top: 0;



  color: inherit;



}



.alert .alert-link {



  font-weight: bold;



}



.alert > p,



.alert > ul {



  margin-bottom: 0;



}



.alert > p + p {



  margin-top: 5px;



}







.alert-dismissable {



  padding-right: 35px;



}



.alert-dismissable .close {



  position: relative;



  top: -2px;



  right: -21px;



  color: inherit;



}







.alert-success {



  background-color: #dff0d8;



  border-color: #d6e9c6;



  color: #3c763d;



}



.alert-success hr {



  border-top-color: #c9e2b3;



}



.alert-success .alert-link {



  color: #2b542c;



}







.alert-info {



  background-color: #d9edf7;



  border-color: #bce8f1;



  color: #31708f;



}



.alert-info hr {



  border-top-color: #a6e1ec;



}



.alert-info .alert-link {



  color: #245269;



}







.alert-warning {



  background-color: #fcf8e3;



  border-color: #faebcc;



  color: #8a6d3b;



}



.alert-warning hr {



  border-top-color: #f7e1b5;



}



.alert-warning .alert-link {



  color: #66512c;



}







.alert-danger {



  background-color: #f2dede;



  border-color: #ebccd1;



  color: #a94442;



}



.alert-danger hr {



  border-top-color: #e4b9c0;



}



.alert-danger .alert-link {



  color: #843534;



}







@-webkit-keyframes progress-bar-stripes {



  from {



    background-position: 40px 0;



  }







  to {



    background-position: 0 0;



  }



}







@keyframes progress-bar-stripes {



  from {



    background-position: 40px 0;



  }







  to {



    background-position: 0 0;



  }



}







.progress {



  overflow: hidden;



  height: 20px;



  margin-bottom: 20px;



  background-color: whitesmoke;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);



  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);



}







.progress-bar {



  float: left;



  width: 0%;



  height: 100%;



  font-size: 12px;



  line-height: 20px;



  color: white;



  text-align: center;



  background-color: #428bca;



  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);



  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);



  -webkit-transition: width 0.6s ease;



  transition: width 0.6s ease;



}







.progress-striped .progress-bar {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-size: 40px 40px;



}







.progress.active .progress-bar {



  -webkit-animation: progress-bar-stripes 2s linear infinite;



  animation: progress-bar-stripes 2s linear infinite;



}







.progress-bar-success {



  background-color: #5cb85c;



}



.progress-striped .progress-bar-success {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



}







.progress-bar-info {



  background-color: #5bc0de;



}



.progress-striped .progress-bar-info {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



}







.progress-bar-warning {



  background-color: #f0ad4e;



}



.progress-striped .progress-bar-warning {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



}







.progress-bar-danger {



  background-color: #d9534f;



}



.progress-striped .progress-bar-danger {



  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);



}







.media,



.media-body {



  overflow: hidden;



  zoom: 1;



}







.media,



.media .media {



  margin-top: 15px;



}







.media:first-child {



  margin-top: 0;



}







.media-object {



  display: block;



}







.media-heading {



  margin: 0 0 5px;



}







.media > .pull-left {



  margin-right: 10px;



}



.rtl .media > .pull-left {



  margin-left: 10px;



  margin-right: inherit;



}



.media > .pull-right {



  margin-left: 10px;



}



.rtl .media > .pull-right {



  margin-right: 10px;



  margin-left: inherit;



}







.media-list {



  padding-left: 0;



  list-style: none;



}







.list-group {



  margin-bottom: 20px;



  padding-left: 0;



}







.list-group-item {



  position: relative;



  display: block;



  padding: 10px 15px;



  margin-bottom: -1px;



  background-color: white;



  border: 1px solid #dddddd;



}



.list-group-item:first-child {



  border-top-right-radius: 4px;



  border-top-left-radius: 4px;



}



.list-group-item:last-child {



  margin-bottom: 0;



  border-bottom-right-radius: 4px;



  border-bottom-left-radius: 4px;



}



.list-group-item > .badge {



  float: right;



}



.list-group-item > .badge + .badge {



  margin-right: 5px;



}







a.list-group-item {



  color: #555555;



}



a.list-group-item .list-group-item-heading {



  color: #333333;



}



a.list-group-item:hover, a.list-group-item:focus {



  text-decoration: none;



  background-color: whitesmoke;



}



a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {



  z-index: 2;



  color: white;



  background-color: #428bca;



  border-color: #428bca;



}



a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {



  color: inherit;



}



a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {



  color: #e1edf7;



}







.list-group-item-success {



  color: #3c763d;



  background-color: #dff0d8;



}







a.list-group-item-success {



  color: #3c763d;



}



a.list-group-item-success .list-group-item-heading {



  color: inherit;



}



a.list-group-item-success:hover, a.list-group-item-success:focus {



  color: #3c763d;



  background-color: #d0e9c6;



}



a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {



  color: #fff;



  background-color: #3c763d;



  border-color: #3c763d;



}







.list-group-item-info {



  color: #31708f;



  background-color: #d9edf7;



}







a.list-group-item-info {



  color: #31708f;



}



a.list-group-item-info .list-group-item-heading {



  color: inherit;



}



a.list-group-item-info:hover, a.list-group-item-info:focus {



  color: #31708f;



  background-color: #c4e3f3;



}



a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {



  color: #fff;



  background-color: #31708f;



  border-color: #31708f;



}







.list-group-item-warning {



  color: #8a6d3b;



  background-color: #fcf8e3;



}







a.list-group-item-warning {



  color: #8a6d3b;



}



a.list-group-item-warning .list-group-item-heading {



  color: inherit;



}



a.list-group-item-warning:hover, a.list-group-item-warning:focus {



  color: #8a6d3b;



  background-color: #faf2cc;



}



a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {



  color: #fff;



  background-color: #8a6d3b;



  border-color: #8a6d3b;



}







.list-group-item-danger {



  color: #a94442;



  background-color: #f2dede;



}







a.list-group-item-danger {



  color: #a94442;



}



a.list-group-item-danger .list-group-item-heading {



  color: inherit;



}



a.list-group-item-danger:hover, a.list-group-item-danger:focus {



  color: #a94442;



  background-color: #ebcccc;



}



a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {



  color: #fff;



  background-color: #a94442;



  border-color: #a94442;



}







.list-group-item-heading {



  margin-top: 0;



  margin-bottom: 5px;



}







.list-group-item-text {



  margin-bottom: 0;



  line-height: 1.3;



}







.panel {



  margin-bottom: 20px;



  background-color: white;



  border: 1px solid transparent;



  border-radius: 4px;



  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);



  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);



}







.panel-body {



  padding: 15px;



}



.panel-body:before, .panel-body:after {



  content: " ";



  display: table;



}



.panel-body:after {



  clear: both;



}







.panel-heading {



  padding: 10px 15px;



  border-bottom: 1px solid transparent;



  border-top-right-radius: 3px;



  border-top-left-radius: 3px;



}



.panel-heading > .dropdown .dropdown-toggle {



  color: inherit;



}







.panel-title {



  margin-top: 0;



  margin-bottom: 0;



  font-size: 16px;



  color: inherit;



}



.panel-title > a {



  color: inherit;



}







.panel-footer {



  padding: 10px 15px;



  background-color: whitesmoke;



  border-top: 1px solid #dddddd;



  border-bottom-right-radius: 3px;



  border-bottom-left-radius: 3px;



}







.panel > .list-group {



  margin-bottom: 0;



}



.panel > .list-group .list-group-item {



  border-width: 1px 0;



  border-radius: 0;



}



.panel > .list-group:first-child .list-group-item:first-child {



  border-top: 0;



  border-top-right-radius: 3px;



  border-top-left-radius: 3px;



}



.panel > .list-group:last-child .list-group-item:last-child {



  border-bottom: 0;



  border-bottom-right-radius: 3px;



  border-bottom-left-radius: 3px;



}







.panel-heading + .list-group .list-group-item:first-child {



  border-top-width: 0;



}







.panel > .table,



.panel > .table-responsive > .table {



  margin-bottom: 0;



}



.panel > .table:first-child,



.panel > .table-responsive:first-child > .table:first-child {



  border-top-right-radius: 3px;



  border-top-left-radius: 3px;



}



.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,



.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,



.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,



.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,



.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,



.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,



.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,



.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {



  border-top-left-radius: 3px;



}



.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,



.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,



.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,



.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,



.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,



.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,



.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,



.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {



  border-top-right-radius: 3px;



}



.panel > .table:last-child,



.panel > .table-responsive:last-child > .table:last-child {



  border-bottom-right-radius: 3px;



  border-bottom-left-radius: 3px;



}



.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,



.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,



.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,



.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,



.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,



.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,



.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,



.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {



  border-bottom-left-radius: 3px;



}



.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,



.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,



.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,



.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,



.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,



.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,



.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,



.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {



  border-bottom-right-radius: 3px;



}



.panel > .panel-body + .table,



.panel > .panel-body + .table-responsive {



  border-top: 1px solid #dddddd;



}



.panel > .table > tbody:first-child > tr:first-child th,



.panel > .table > tbody:first-child > tr:first-child td {



  border-top: 0;



}



.panel > .table-bordered,



.panel > .table-responsive > .table-bordered {



  border: 0;



}



.panel > .table-bordered > thead > tr > th:first-child,



.panel > .table-bordered > thead > tr > td:first-child,



.panel > .table-bordered > tbody > tr > th:first-child,



.panel > .table-bordered > tbody > tr > td:first-child,



.panel > .table-bordered > tfoot > tr > th:first-child,



.panel > .table-bordered > tfoot > tr > td:first-child,



.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,



.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,



.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,



.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,



.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,



.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {



  border-left: 0;



}



.panel > .table-bordered > thead > tr > th:last-child,



.panel > .table-bordered > thead > tr > td:last-child,



.panel > .table-bordered > tbody > tr > th:last-child,



.panel > .table-bordered > tbody > tr > td:last-child,



.panel > .table-bordered > tfoot > tr > th:last-child,



.panel > .table-bordered > tfoot > tr > td:last-child,



.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,



.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,



.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,



.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,



.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,



.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {



  border-right: 0;



}



.panel > .table-bordered > thead > tr:first-child > td,



.panel > .table-bordered > thead > tr:first-child > th,



.panel > .table-bordered > tbody > tr:first-child > td,



.panel > .table-bordered > tbody > tr:first-child > th,



.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,



.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,



.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,



.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {



  border-bottom: 0;



}



.panel > .table-bordered > tbody > tr:last-child > td,



.panel > .table-bordered > tbody > tr:last-child > th,



.panel > .table-bordered > tfoot > tr:last-child > td,



.panel > .table-bordered > tfoot > tr:last-child > th,



.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,



.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,



.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,



.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {



  border-bottom: 0;



}



.panel > .table-responsive {



  border: 0;



  margin-bottom: 0;



}







.panel-group {



  margin-bottom: 20px;



}



.panel-group .panel {



  margin-bottom: 0;



  border-radius: 4px;



  overflow: hidden;



}



.panel-group .panel + .panel {



  margin-top: 5px;



}



.panel-group .panel-heading {



  border-bottom: 0;



}



.panel-group .panel-heading + .panel-collapse .panel-body {



  border-top: 1px solid #dddddd;



}



.panel-group .panel-footer {



  border-top: 0;



}



.panel-group .panel-footer + .panel-collapse .panel-body {



  border-bottom: 1px solid #dddddd;



}







.panel-default {



  border-color: #dddddd;



}



.panel-default > .panel-heading {



  color: #333333;



  background-color: whitesmoke;



  border-color: #dddddd;



}



.panel-default > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #dddddd;



}



.panel-default > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #dddddd;



}







.panel-primary {



  border-color: #428bca;



}



.panel-primary > .panel-heading {



  color: white;



  background-color: #428bca;



  border-color: #428bca;



}



.panel-primary > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #428bca;



}



.panel-primary > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #428bca;



}







.panel-success {



  border-color: #d6e9c6;



}



.panel-success > .panel-heading {



  color: #3c763d;



  background-color: #dff0d8;



  border-color: #d6e9c6;



}



.panel-success > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #d6e9c6;



}



.panel-success > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #d6e9c6;



}







.panel-info {



  border-color: #bce8f1;



}



.panel-info > .panel-heading {



  color: #31708f;



  background-color: #d9edf7;



  border-color: #bce8f1;



}



.panel-info > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #bce8f1;



}



.panel-info > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #bce8f1;



}







.panel-warning {



  border-color: #faebcc;



}



.panel-warning > .panel-heading {



  color: #8a6d3b;



  background-color: #fcf8e3;



  border-color: #faebcc;



}



.panel-warning > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #faebcc;



}



.panel-warning > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #faebcc;



}







.panel-danger {



  border-color: #ebccd1;



}



.panel-danger > .panel-heading {



  color: #a94442;



  background-color: #f2dede;



  border-color: #ebccd1;



}



.panel-danger > .panel-heading + .panel-collapse .panel-body {



  border-top-color: #ebccd1;



}



.panel-danger > .panel-footer + .panel-collapse .panel-body {



  border-bottom-color: #ebccd1;



}







.well {



  min-height: 20px;



  padding: 19px;



  margin-bottom: 20px;



  background-color: whitesmoke;



  border: 1px solid #e3e3e3;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);



}



.well blockquote {



  border-color: #ddd;



  border-color: rgba(0, 0, 0, 0.15);



}







.well-lg {



  padding: 24px;



  border-radius: 6px;



}







.well-sm {



  padding: 9px;



  border-radius: 3px;



}







.close {



  float: right;



  font-size: 21px;



  font-weight: bold;



  line-height: 1;



  color: black;



  text-shadow: 0 1px 0 white;



  opacity: 0.2;



  filter: alpha(opacity=20);



}



.close:hover, .close:focus {



  color: black;



  text-decoration: none;



  cursor: pointer;



  opacity: 0.5;



  filter: alpha(opacity=50);



}







button.close {



  padding: 0;



  cursor: pointer;



  background: transparent;



  border: 0;



  -webkit-appearance: none;



}







.tooltip {



  position: absolute;



  z-index: 1030;



  display: block;



  visibility: visible;



  font-size: 12px;



  line-height: 1.4;



  opacity: 0;



  filter: alpha(opacity=0);



}



.tooltip.in {



  opacity: 0.9;



  filter: alpha(opacity=90);



}



.tooltip.top {



  margin-top: -3px;



  padding: 5px 0;



}



.tooltip.right {



  margin-left: 3px;



  padding: 0 5px;



}



.tooltip.bottom {



  margin-top: 3px;



  padding: 5px 0;



}



.tooltip.left {



  margin-left: -3px;



  padding: 0 5px;



}







.tooltip-inner {



  max-width: 200px;



  padding: 3px 8px;



  color: white;



  text-align: center;



  text-decoration: none;



  background-color: black;



  border-radius: 4px;



}







.tooltip-arrow {



  position: absolute;



  width: 0;



  height: 0;



  border-color: transparent;



  border-style: solid;



}







.tooltip.top .tooltip-arrow {



  bottom: 0;



  left: 50%;



  margin-left: -5px;



  border-width: 5px 5px 0;



  border-top-color: black;



}



.tooltip.top-left .tooltip-arrow {



  bottom: 0;



  left: 5px;



  border-width: 5px 5px 0;



  border-top-color: black;



}



.tooltip.top-right .tooltip-arrow {



  bottom: 0;



  right: 5px;



  border-width: 5px 5px 0;



  border-top-color: black;



}



.tooltip.right .tooltip-arrow {



  top: 50%;



  left: 0;



  margin-top: -5px;



  border-width: 5px 5px 5px 0;



  border-right-color: black;



}



.tooltip.left .tooltip-arrow {



  top: 50%;



  right: 0;



  margin-top: -5px;



  border-width: 5px 0 5px 5px;



  border-left-color: black;



}



.tooltip.bottom .tooltip-arrow {



  top: 0;



  left: 50%;



  margin-left: -5px;



  border-width: 0 5px 5px;



  border-bottom-color: black;



}



.tooltip.bottom-left .tooltip-arrow {



  top: 0;



  left: 5px;



  border-width: 0 5px 5px;



  border-bottom-color: black;



}



.tooltip.bottom-right .tooltip-arrow {



  top: 0;



  right: 5px;



  border-width: 0 5px 5px;



  border-bottom-color: black;



}







.popover {



  position: absolute;



  top: 0;



  left: 0;



  z-index: 1010;



  display: none;



  max-width: 276px;



  padding: 1px;



  text-align: left;



  background-color: white;



  background-clip: padding-box;



  border: 1px solid #cccccc;



  border: 1px solid rgba(0, 0, 0, 0.2);



  border-radius: 6px;



  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);



  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);



  white-space: normal;



}



.popover.top {



  margin-top: -10px;



}



.popover.right {



  margin-left: 10px;



}



.popover.bottom {



  margin-top: 10px;



}



.popover.left {



  margin-left: -10px;



}







.popover-title {



  margin: 0;



  padding: 8px 14px;



  font-size: 14px;



  font-weight: normal;



  line-height: 18px;



  background-color: #f7f7f7;



  border-bottom: 1px solid #ebebeb;



  border-radius: 5px 5px 0 0;



}







.popover-content {



  padding: 9px 14px;



}







.popover > .arrow, .popover > .arrow:after {



  position: absolute;



  display: block;



  width: 0;



  height: 0;



  border-color: transparent;



  border-style: solid;



}







.popover > .arrow {



  border-width: 11px;



}







.popover > .arrow:after {



  border-width: 10px;



  content: "";



}







.popover.top > .arrow {



  left: 50%;



  margin-left: -11px;



  border-bottom-width: 0;



  border-top-color: #999999;



  border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);



  bottom: -11px;



}



.popover.top > .arrow:after {



  content: " ";



  bottom: 1px;



  margin-left: -10px;



  border-bottom-width: 0;



  border-top-color: white;



}



.popover.right > .arrow {



  top: 50%;



  left: -11px;



  margin-top: -11px;



  border-left-width: 0;



  border-right-color: #999999;



  border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%);



}



.popover.right > .arrow:after {



  content: " ";



  left: 1px;



  bottom: -10px;



  border-left-width: 0;



  border-right-color: white;



}



.popover.bottom > .arrow {



  left: 50%;



  margin-left: -11px;



  border-top-width: 0;



  border-bottom-color: #999999;



  border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);



  top: -11px;



}



.popover.bottom > .arrow:after {



  content: " ";



  top: 1px;



  margin-left: -10px;



  border-top-width: 0;



  border-bottom-color: white;



}



.popover.left > .arrow {



  top: 50%;



  right: -11px;



  margin-top: -11px;



  border-right-width: 0;



  border-left-color: #999999;



  border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%);



}



.popover.left > .arrow:after {



  content: " ";



  right: 1px;



  border-right-width: 0;



  border-left-color: white;



  bottom: -10px;



}







.carousel {



  position: relative;



}







.carousel-inner {



  position: relative;



  overflow: hidden;



  width: 100%;



}



.carousel-inner > .item {



  display: none;



  position: relative;



  -webkit-transition: 0.6s ease-in-out left;



  transition: 0.6s ease-in-out left;



}



.carousel-inner > .item > img,



.carousel-inner > .item > a > img {



  display: block;



  max-width: 100%;



  height: auto;



  line-height: 1;



}



.carousel-inner > .active,



.carousel-inner > .next,



.carousel-inner > .prev {



  display: block;



}



.carousel-inner > .active {



  left: 0;



}



.carousel-inner > .next,



.carousel-inner > .prev {



  position: absolute;



  top: 0;



  width: 100%;



}



.carousel-inner > .next {



  left: 100%;



}



.carousel-inner > .prev {



  left: -100%;



}



.carousel-inner > .next.left,



.carousel-inner > .prev.right {



  left: 0;



}



.carousel-inner > .active.left {



  left: -100%;



}



.carousel-inner > .active.right {



  left: 100%;



}







.carousel-control {



  position: absolute;



  top: 0;



  left: 0;



  bottom: 0;



  width: 15%;



  opacity: 0.5;



  filter: alpha(opacity=50);



  font-size: 20px;



  color: white;



  text-align: center;



  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);



}



.carousel-control.left {



  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));



  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);



}



.carousel-control.right {



  left: auto;



  right: 0;



  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));



  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);



}



.carousel-control:hover, .carousel-control:focus {



  outline: none;



  color: white;



  text-decoration: none;



  opacity: 0.9;



  filter: alpha(opacity=90);



}



.carousel-control .icon-prev,



.carousel-control .icon-next,



.carousel-control .glyphicon-chevron-left,



.carousel-control .glyphicon-chevron-right {



  position: absolute;



  top: 50%;



  z-index: 5;



  display: inline-block;



}



.carousel-control .icon-prev,



.carousel-control .glyphicon-chevron-left {



  left: 50%;



}



.carousel-control .icon-next,



.carousel-control .glyphicon-chevron-right {



  right: 50%;



}



.carousel-control .icon-prev,



.carousel-control .icon-next {



  width: 20px;



  height: 20px;



  margin-top: -10px;



  margin-left: -10px;



  font-family: serif;



}



.carousel-control .icon-prev:before {



  content: '\2039';



}



.carousel-control .icon-next:before {



  content: '\203a';



}







.carousel-indicators {



  position: absolute;



  bottom: 10px;



  left: 50%;



  z-index: 15;



  width: 60%;



  margin-left: -30%;



  padding-left: 0;



  list-style: none;



  text-align: center;



}



.carousel-indicators li {



  display: inline-block;



  width: 10px;



  height: 10px;



  margin: 1px;



  text-indent: -999px;



  border: 1px solid white;



  border-radius: 10px;



  cursor: pointer;



  background-color: #000 \9;



  background-color: rgba(0, 0, 0, 0);



}



.carousel-indicators .active {



  margin: 0;



  width: 12px;



  height: 12px;



  background-color: white;



}







.carousel-caption {



  position: absolute;



  left: 15%;



  right: 15%;



  bottom: 20px;



  z-index: 10;



  padding-top: 20px;



  padding-bottom: 20px;



  color: white;



  text-align: center;



  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);



}



.carousel-caption .btn {



  text-shadow: none;



}







@media screen and (min-width: 768px) {



  .carousel-control .glyphicon-chevron-left,



  .carousel-control .glyphicon-chevron-right,



  .carousel-control .icon-prev,



  .carousel-control .icon-next {



    width: 30px;



    height: 30px;



    margin-top: -15px;



    margin-left: -15px;



    font-size: 30px;



  }







  .carousel-caption {



    left: 20%;



    right: 20%;



    padding-bottom: 30px;



  }







  .carousel-indicators {



    bottom: 20px;



  }



}



.clearfix:before, .clearfix:after {



  content: " ";



  display: table;



}



.clearfix:after {



  clear: both;



}







.center-block {



  display: block;



  margin-left: auto;



  margin-right: auto;



}







.pull-right {



  float: right !important;



}







.pull-left {



  float: left !important;



}







.hide {



  display: none !important;



}







.show {



  display: block !important;



}







.invisible {



  visibility: hidden;



}







.text-hide {



  font: 0/0 a;



  color: transparent;



  text-shadow: none;



  background-color: transparent;



  border: 0;



}







.hidden {



  display: none !important;



  visibility: hidden !important;



}







.affix {



  position: fixed;



}







@-ms-viewport {



  width: device-width;



}







.visible-xs, .visible-sm, .visible-md, .visible-lg {



  display: none !important;



}







@media (max-width: 767px) {



  .visible-xs {



    display: block !important;



  }







  table.visible-xs {



    display: table;



  }







  tr.visible-xs {



    display: table-row !important;



  }







  th.visible-xs,



  td.visible-xs {



    display: table-cell !important;



  }



}



@media (min-width: 768px) and (max-width: 991px) {



  .visible-sm {



    display: block !important;



  }







  table.visible-sm {



    display: table;



  }







  tr.visible-sm {



    display: table-row !important;



  }







  th.visible-sm,



  td.visible-sm {



    display: table-cell !important;



  }



}



@media (min-width: 992px) and (max-width: 1199px) {



  .visible-md {



    display: block !important;



  }







  table.visible-md {



    display: table;



  }







  tr.visible-md {



    display: table-row !important;



  }







  th.visible-md,



  td.visible-md {



    display: table-cell !important;



  }



}



@media (min-width: 1200px) {



  .visible-lg {



    display: block !important;



  }







  table.visible-lg {



    display: table;



  }







  tr.visible-lg {



    display: table-row !important;



  }







  th.visible-lg,



  td.visible-lg {



    display: table-cell !important;



  }



}



@media (max-width: 767px) {



  .hidden-xs {



    display: none !important;



  }



}



@media (min-width: 768px) and (max-width: 991px) {



  .hidden-sm {



    display: none !important;



  }



}



@media (min-width: 992px) and (max-width: 1199px) {



  .hidden-md {



    display: none !important;



  }



}



@media (min-width: 1200px) {



  .hidden-lg {



    display: none !important;



  }



}



.visible-print {



  display: none !important;



}







@media print {



  .visible-print {



    display: block !important;



  }







  table.visible-print {



    display: table;



  }







  tr.visible-print {



    display: table-row !important;



  }







  th.visible-print,



  td.visible-print {



    display: table-cell !important;



  }



}



@media print {



  .hidden-print {



    display: none !important;



  }



}



.effect a {



  position: relative;



  display: block;



  max-width: 100%;



}



.effect a:before {



  position: absolute;



  content: "";



  top: 0;



  left: 0;



  width: 0;



  height: 0;



  margin: auto;



  background-color: rgba(255, 255, 255, 0.1);



  -webkit-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s;



}



.effect a:after {



  content: "";



  position: absolute;



  right: 0;



  bottom: 0;



  width: 0;



  height: 0;



  background-color: rgba(255, 255, 255, 0.1);



  -webkit-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s;



}



.effect a:hover:before, .effect a:hover:after {



  width: 100%;



  height: 100%;



}







.ImageWrapper {



  display: block;



  overflow: hidden;



  position: relative;



}







/* effect *******************/



@media (min-width: 991px) {



  .dropdown-menu,



  .popup-content {



    animation: animationmenus ease 0.5s;



    animation-iteration-count: 1;



    transform-origin: 50% 50%;



    animation-fill-mode: forwards;



    /*when the spec is finished*/



    -webkit-animation: animationmenus ease 0.5s;



    -webkit-animation-iteration-count: 1;



    -webkit-transform-origin: 50% 50%;



    -webkit-animation-fill-mode: forwards;



    /*Chrome 16+, Safari 4+*/



    -moz-animation: animationmenus ease 0.5s;



    -moz-animation-iteration-count: 1;



    -moz-transform-origin: 50% 50%;



    -moz-animation-fill-mode: forwards;



    /*FF 5+*/



    -o-animation: animationmenus ease 0.5s;



    -o-animation-iteration-count: 1;



    -o-transform-origin: 50% 50%;



    -o-animation-fill-mode: forwards;



    /*Not implemented yet*/



    -ms-animation: animationmenus ease 0.5s;



    -ms-animation-iteration-count: 1;



    -ms-transform-origin: 50% 50%;



    -ms-animation-fill-mode: forwards;



    /*IE 10+*/



  }



}



@-webkit-keyframes animationmenus {



  from {



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transform: translate(0px, 10px);



    -ms-transform: translate(0px, 10px);



    transform: translate(0px, 10px);



  }







  to {



    opacity: 1;



    filter: alpha(opacity=100);



    -webkit-transform: translate(0px, 0px);



    -ms-transform: translate(0px, 0px);



    transform: translate(0px, 0px);



  }



}







@-moz-keyframes animationmenus {



  from {



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transform: translate(0px, 10px);



    -ms-transform: translate(0px, 10px);



    transform: translate(0px, 10px);



  }







  to {



    opacity: 1;



    filter: alpha(opacity=100);



    -webkit-transform: translate(0px, 0px);



    -ms-transform: translate(0px, 0px);



    transform: translate(0px, 0px);



  }



}







@-o-keyframes animationmenus {



  from {



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transform: translate(0px, 10px);



    -ms-transform: translate(0px, 10px);



    transform: translate(0px, 10px);



  }







  to {



    opacity: 1;



    filter: alpha(opacity=100);



    -webkit-transform: translate(0px, 0px);



    -ms-transform: translate(0px, 0px);



    transform: translate(0px, 0px);



  }



}







@keyframes animationmenus {



  from {



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transform: translate(0px, 10px);



    -ms-transform: translate(0px, 10px);



    transform: translate(0px, 10px);



  }







  to {



    opacity: 1;



    filter: alpha(opacity=100);



    -webkit-transform: translate(0px, 0px);



    -ms-transform: translate(0px, 0px);



    transform: translate(0px, 0px);



  }



}







/*  =============================================



Button Layout and Color Scheme



============================================= */



.WhiteRounded {



  background-color: #ffffff;



  border: medium none;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



}







.WhiteRounded > a {



  color: #222222;



  display: block;



  font-weight: normal;



}







.RedRounded {



  background-color: #D8322B;



  border: medium none;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



}







.RedRounded > a {



  color: #FFFFFF;



  display: block;



  font-weight: normal;



}







.BlackRounded {



  background-color: #222222;



  border: medium none;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



}







.BlackRounded > a {



  color: #ffffff;



  display: block;



  font-weight: normal;



}







.WhiteHollowRounded {



  border: 1px solid #ffffff;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



}







.WhiteHollowRounded > a {



  color: #ffffff;



  display: block;



  font-weight: normal;



}







.BlackHollowRounded {



  border: 1px solid #222222;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



}







.BlackHollowRounded > a {



  color: #222222;



  display: block;



  font-weight: normal;



}







.WhiteSquare {



  background-color: #ffffff;



  border: medium none;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 4px 4px 4px;



  -moz-border-radius: 4px 4px 4px;



  -ms-border-radius: 4px 4px 4px;



  -o-border-radius: 4px 4px 4px;



  border-radius: 4px 4px 4px;



  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



}







.WhiteSquare > a {



  color: #222222;



  display: block;



  font-weight: normal;



}







.BlackSquare {



  background-color: #222222;



  border: medium none;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 4px 4px 4px;



  -moz-border-radius: 4px 4px 4px;



  -ms-border-radius: 4px 4px 4px;



  -o-border-radius: 4px 4px 4px;



  border-radius: 4px 4px 4px;



  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, 0.1);



}







.BlackSquare > a {



  color: #ffffff;



  display: block;



  font-weight: normal;



}







.WhiteHollowSquare {



  border: 1px solid #ffffff;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 4px 4px 4px;



  -moz-border-radius: 4px 4px 4px;



  -ms-border-radius: 4px 4px 4px;



  -o-border-radius: 4px 4px 4px;



  border-radius: 4px 4px 4px;



}







.WhiteHollowSquare > a {



  color: #ffffff;



  display: block;



  font-weight: normal;



}







.BlackHollowSquare {



  border: 1px solid #222222;



  display: inline-block !important;



  float: none !important;



  font-size: 14px;



  font-weight: normal;



  height: 40px;



  line-height: 40px;



  margin: 0 2px;



  text-align: center;



  width: 40px;



  -webkit-border-radius: 4px 4px 4px;



  -moz-border-radius: 4px 4px 4px;



  -ms-border-radius: 4px 4px 4px;



  -o-border-radius: 4px 4px 4px;



  border-radius: 4px 4px 4px;



}







.BlackHollowSquare > a {



  color: #222222;



  display: block;



  font-weight: normal;



}







.VisibleButtons {



  margin: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



}







.VisibleImageOverlay {



  position: absolute;



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  opacity: .6;



  visibility: visible;



}







/*  =============================================



Overlay Effects



============================================= */



.ImageWrapper .ImageOverlayH {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  bottom: 0;



  display: block;



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  right: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayH {



  opacity: 1;



}







.ImageWrapper .ImageOverlayHe {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 0;



  display: block;



  height: 0;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 50%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayHe {



  height: 100%;



  top: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayLi:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  top: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayLi:after {



  top: -50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayLi:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  bottom: -100%;



  height: 100%;



  content: "";



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayLi:before {



  bottom: -50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayBe:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  top: -100%;



  -webkit-transition: all 0.6s ease 0s;



  -moz-transition: all 0.6s ease 0s;



  -ms-transition: all 0.6s ease 0s;



  -o-transition: all 0.6s ease 0s;



  transition: all 0.6s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayBe:after {



  top: 50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayBe:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  bottom: -100%;



  height: 100%;



  content: "";



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  -webkit-transition: all 0.6s ease 0s;



  -moz-transition: all 0.6s ease 0s;



  -ms-transition: all 0.6s ease 0s;



  -o-transition: all 0.6s ease 0s;



  transition: all 0.6s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayBe:before {



  bottom: 50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayB {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  left: 50%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 0;



}







.ImageWrapper:hover .ImageOverlayB {



  left: 0;



  width: 100%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayC:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  right: -100%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayC:after {



  right: -50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayC:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  left: -100%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayC:before {



  left: -50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayN:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  right: -100%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.6s ease 0s;



  -moz-transition: all 0.6s ease 0s;



  -ms-transition: all 0.6s ease 0s;



  -o-transition: all 0.6s ease 0s;



  transition: all 0.6s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayN:after {



  right: 50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayN:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  content: "";



  display: block;



  left: -100%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.6s ease 0s;



  -moz-transition: all 0.6s ease 0s;



  -ms-transition: all 0.6s ease 0s;



  -o-transition: all 0.6s ease 0s;



  transition: all 0.6s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayN:before {



  left: 50%;



  opacity: 1;



}







.ImageWrapper .ImageOverlayO {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  left: -100%;



  opacity: 0;



  position: absolute;



  top: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayO {



  left: 0;



  top: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayF {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  right: -100%;



  opacity: 0;



  position: absolute;



  top: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayF {



  right: 0;



  top: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayNe {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  left: -100%;



  opacity: 0;



  position: absolute;



  bottom: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayNe {



  bottom: 0;



  left: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayNa {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  right: -100%;



  opacity: 0;



  position: absolute;



  bottom: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayNa {



  bottom: 0;



  right: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayMg {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  top: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayMg {



  top: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayAl {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  left: 0;



  opacity: 0;



  position: absolute;



  bottom: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayAl {



  bottom: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlaySi {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  top: 0;



  opacity: 0;



  position: absolute;



  right: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlaySi {



  right: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayP {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  top: 0;



  opacity: 0;



  position: absolute;



  left: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



}







.ImageWrapper:hover .ImageOverlayP {



  left: 0;



  opacity: 1;



}







.ImageWrapper .ImageOverlayS {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  top: 0;



  opacity: 0;



  position: absolute;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



  -webkit-transform: rotate(180deg) scale(0);



  -moz-transform: rotate(180deg) scale(0);



  -ms-transform: rotate(180deg) scale(0);



  -o-transform: rotate(180deg) scale(0);



  transform: rotate(180deg) scale(0);



}







.ImageWrapper:hover .ImageOverlayS {



  -webkit-transform: rotate(0deg) scale(1);



  -moz-transform: rotate(0deg) scale(1);



  -ms-transform: rotate(0deg) scale(1);



  -o-transform: rotate(0deg) scale(1);



  transform: rotate(0deg) scale(1);



  opacity: 1;



}







.ImageWrapper .ImageOverlayCl {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  height: 100%;



  display: block;



  top: 0;



  opacity: 0;



  position: absolute;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



  -webkit-transform: rotate(-180deg) scale(0);



  -moz-transform: rotate(-180deg) scale(0);



  -ms-transform: rotate(-180deg) scale(0);



  -o-transform: rotate(-180deg) scale(0);



  transform: rotate(-180deg) scale(0);



}







.ImageWrapper:hover .ImageOverlayCl {



  -webkit-transform: rotate(0deg) scale(1);



  -moz-transform: rotate(0deg) scale(1);



  -ms-transform: rotate(0deg) scale(1);



  -o-transform: rotate(0deg) scale(1);



  transform: rotate(0deg) scale(1);



  opacity: 1;



}







.ImageWrapper .ImageOverlayArLeft:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  content: "";



  display: block;



  position: absolute;



  top: -50%;



  -webkit-transition: all 0.2s ease 0s;



  -moz-transition: all 0.2s ease 0s;



  -ms-transition: all 0.2s ease 0s;



  -o-transition: all 0.2s ease 0s;



  transition: all 0.2s ease 0s;



  width: 100%;



  height: 100%;



  left: -100%;



  overflow: hidden;



}







.ImageWrapper .ImageOverlayArLeft:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  -webkit-transition: all 0.2s ease .2s;



  -moz-transition: all 0.2s ease .2s;



  -ms-transition: all 0.2s ease .2s;



  -o-transition: all 0.2s ease .2s;



  transition: all 0.2s ease .2s;



  width: 100%;



  height: 100%;



  left: -100%;



  overflow: hidden;



}







.ImageWrapper .ImageOverlayArRight:before {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  content: "";



  display: block;



  position: absolute;



  top: -50%;



  -webkit-transition: all 0.2s ease .3s;



  -moz-transition: all 0.2s ease .3s;



  -ms-transition: all 0.2s ease .3s;



  -o-transition: all 0.2s ease .3s;



  transition: all 0.2s ease .3s;



  width: 100%;



  height: 100%;



  right: -100%;



  overflow: hidden;



}







.ImageWrapper .ImageOverlayArRight:after {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  -webkit-transition: all 0.2s ease .5s;



  -moz-transition: all 0.2s ease .5s;



  -ms-transition: all 0.2s ease .5s;



  -o-transition: all 0.2s ease .5s;



  transition: all 0.2s ease .5s;



  width: 100%;



  height: 100%;



  right: -100%;



  overflow: hidden;



}







.ImageWrapper:hover .ImageOverlayArLeft:before, .ImageWrapper:hover .ImageOverlayArLeft:after {



  opacity: 1;



  left: 50%;



}







.ImageWrapper:hover .ImageOverlayArRight:before, .ImageWrapper:hover .ImageOverlayArRight:after {



  opacity: 1;



  right: 50%;



}







.ImageWrapper .ImageOverlayK {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: top left;



  -moz-transform-origin: top left;



  -ms-transform-origin: top left;



  -o-transform-origin: top left;



  transform-origin: top left;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .ImageOverlayK {



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



  opacity: 1;



}







.ImageWrapper .ImageOverlayCa {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: top right;



  -moz-transform-origin: top right;



  -ms-transform-origin: top right;



  -o-transform-origin: top right;



  transform-origin: top right;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .ImageOverlayCa {



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



  opacity: 1;



}







.ImageWrapper .ImageOverlaySc {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: bottom left;



  -moz-transform-origin: bottom left;



  -ms-transform-origin: bottom left;



  -o-transform-origin: bottom left;



  transform-origin: bottom left;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .ImageOverlaySc {



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



  opacity: 1;



}







.ImageWrapper .ImageOverlayTi {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);



  opacity: 0;



  position: absolute;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: bottom right;



  -moz-transform-origin: bottom right;



  -ms-transform-origin: bottom right;



  -o-transform-origin: bottom right;



  transform-origin: bottom right;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .ImageOverlayTi {



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



  opacity: 1;



}







/*  =============================================



Background Transform



============================================= */



.GrayScale {



  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");



  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");



  filter: gray;



  -webkit-filter: grayscale(100%);



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);



  opacity: .6;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.GrayScale:hover {



  -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");



  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");



  -webkit-filter: grayscale(0%);



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);



  opacity: 1;



}







.BackgroundS img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundS:hover img {



  -webkit-transform: scale(1.2);



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  transform: scale(1.2);



}







.BackgroundRR img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundRR:hover img {



  -webkit-transform: rotate(-10deg) scale(1.4);



  -moz-transform: rotate(-10deg) scale(1.4);



  -ms-transform: rotate(-10deg) scale(1.4);



  -o-transform: rotate(-10deg) scale(1.4);



  transform: rotate(-10deg) scale(1.4);



}







.BackgroundR img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundR:hover img {



  -webkit-transform: rotate(10deg) scale(1.4);



  -moz-transform: rotate(10deg) scale(1.4);



  -ms-transform: rotate(10deg) scale(1.4);



  -o-transform: rotate(10deg) scale(1.4);



  transform: rotate(10deg) scale(1.4);



}







.BackgroundRS img {



  -webkit-transform: scale(1.2);



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  transform: scale(1.2);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundRS:hover img {



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.BackgroundF img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundF:hover img {



  opacity: 0;



}







.BackgroundFS img {



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundFS:hover img {



  -webkit-transform: scale(10);



  -moz-transform: scale(10);



  -ms-transform: scale(10);



  -o-transform: scale(10);



  transform: scale(10);



  opacity: 0;



}







.BackgroundFRS img {



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.BackgroundFRS:hover img {



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  opacity: 0;



}







.SquareCircle {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.SquareCircle:hover {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



}







.CircleSquare {



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.CircleSquare:hover {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



}







/*  =============================================



Cubic Effects



============================================= */



.ImageWrapper .CStyleH {



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  top: 0;



  visibility: hidden;



  width: 100%;



  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -moz-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -ms-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -o-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



}







.ImageWrapper:hover .CStyleH {



  margin-top: -20px;



  opacity: 1;



  top: 50%;



  visibility: visible;



}







.ImageWrapper .CStyleHe {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  bottom: 0;



  width: 100%;



  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -moz-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -ms-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -o-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



}







.ImageWrapper:hover .CStyleHe {



  margin-bottom: -20px;



  opacity: 1;



  bottom: 50%;



  visibility: visible;



}







.ImageWrapper .CStyleLi {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: right;



  right: 0;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -moz-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -ms-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -o-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



}







.ImageWrapper:hover .CStyleLi {



  margin-right: -42px;



  opacity: 1;



  right: 50%;



  visibility: visible;



}







.ImageWrapper .CStyleBe {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: left;



  left: 0;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -moz-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -ms-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -o-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



}







.ImageWrapper:hover .CStyleBe {



  margin-left: -42px;



  opacity: 1;



  left: 50%;



  visibility: visible;



}







.ImageWrapper .CStyleB {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transform: scale(0.2);



  -moz-transform: scale(0.2);



  -ms-transform: scale(0.2);



  -o-transform: scale(0.2);



  transform: scale(0.2);



  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -moz-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -ms-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  -o-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15);



}







.ImageWrapper:hover .CStyleB {



  opacity: 1;



  visibility: visible;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ImageWrapper .CStyleC span {



  position: absolute;



}







.ImageWrapper .CStyleC span:nth-of-type(1) {



  bottom: 50%;



  top: 50%;



  left: 0;



  margin: -20px 0 0 -68px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 400ms cubic-bezier(1, 0, 0.57, 0) !important;



  -webkit-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -moz-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -ms-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -o-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



}







.ImageWrapper .CStyleC span:nth-of-type(2) {



  bottom: 50%;



  top: 50%;



  left: 50%;



  right: 50%;



  margin: -20px 0 0 -20px;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .CStyleC span:nth-of-type(3) {



  bottom: 50%;



  top: 50%;



  right: 0;



  margin: -20px -68px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 400ms cubic-bezier(1, 0, 0.57, 0) !important;



  -webkit-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -moz-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -ms-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  -o-transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



  transition: all 400ms cubic-bezier(1, -0.36, 0.57, -0.15) !important;



}







.ImageWrapper:hover .CStyleC span:nth-of-type(1) {



  left: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .CStyleC span:nth-of-type(2) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ImageWrapper:hover .CStyleC span:nth-of-type(3) {



  right: 50%;



  visibility: visible;



  opacity: 1;



}







/*  =============================================



Button Effects



============================================= */



.ImageWrapper .StyleH {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleH {



  opacity: 1;



  visibility: visible;



}







.ImageWrapper .StyleHe {



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  top: 0;



  visibility: hidden;



  width: 100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleHe {



  margin-top: -20px;



  opacity: 1;



  top: 50%;



  visibility: visible;



}







.ImageWrapper .StyleLi {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  bottom: 0;



  width: 100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleLi {



  margin-bottom: -20px;



  opacity: 1;



  bottom: 50%;



  visibility: visible;



}







.ImageWrapper .StyleBe {



  visibility: hidden;



  opacity: 0;



  position: absolute;



  text-align: right;



  right: 0;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleBe {



  margin-right: -42px;



  opacity: 1;



  right: 50%;



  visibility: visible;



}







.ImageWrapper .StyleB {



  visibility: hidden;



  opacity: 0;



  position: absolute;



  text-align: left;



  left: 0;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleB {



  margin-left: -42px;



  opacity: 1;



  left: 50%;



  visibility: visible;



}







.ImageWrapper .StyleC {



  visibility: hidden;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transform: scale(0.2);



  -moz-transform: scale(0.2);



  -ms-transform: scale(0.2);



  -o-transform: scale(0.2);



  transform: scale(0.2);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleC {



  opacity: 1;



  visibility: visible;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ImageWrapper .StyleN {



  visibility: hidden;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  visibility: visible;



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleN {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(360deg);



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  transform: rotate(360deg);



}







.ImageWrapper .StyleO span {



  position: absolute;



}







.ImageWrapper .StyleO span:nth-of-type(1) {



  bottom: 50%;



  top: 50%;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleO span:nth-of-type(2) {



  bottom: 50%;



  top: 50%;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleO span:nth-of-type(1) {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(360deg);



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  transform: rotate(360deg);



}







.ImageWrapper:hover .StyleO span:nth-of-type(2) {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(360deg);



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  transform: rotate(360deg);



}







.ImageWrapper .StyleF {



  visibility: hidden;



  -webkit-transform: scale(0.5) rotateX(360deg);



  -moz-transform: scale(0.5) rotateX(360deg);



  -ms-transform: scale(0.5) rotateX(360deg);



  -o-transform: scale(0.5) rotateX(360deg);



  transform: scale(0.5) rotateX(360deg);



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleF {



  opacity: 1;



  -webkit-transform: scale(1) rotateX(0deg);



  -moz-transform: scale(1) rotateX(0deg);



  -ms-transform: scale(1) rotateX(0deg);



  -o-transform: scale(1) rotateX(0deg);



  transform: scale(1) rotateX(0deg);



  visibility: visible;



}







.ImageWrapper .StyleNe {



  visibility: hidden;



  margin: 0;



  -webkit-transform: rotateY(0deg);



  -moz-transform: rotateY(0deg);



  -ms-transform: rotateY(0deg);



  -o-transform: rotateY(0deg);



  transform: rotateY(0deg);



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleNe {



  opacity: 1;



  -webkit-transform: rotateY(360deg);



  -moz-transform: rotateY(360deg);



  -ms-transform: rotateY(360deg);



  -o-transform: rotateY(360deg);



  transform: rotateY(360deg);



  visibility: visible;



}







.ImageWrapper .StyleNa {



  visibility: hidden;



  -webkit-transform: scale(0.2) rotateY(360deg);



  -moz-transform: scale(0.2) rotateY(360deg);



  -ms-transform: scale(0.2) rotateY(360deg);



  -o-transform: scale(0.2) rotateY(360deg);



  transform: scale(0.2) rotateY(360deg);



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleNa {



  opacity: 1;



  -webkit-transform: scale(1) rotateY(0deg);



  -moz-transform: scale(1) rotateY(0deg);



  -ms-transform: scale(1) rotateY(0deg);



  -o-transform: scale(1) rotateY(0deg);



  transform: scale(1) rotateY(0deg);



  visibility: visible;



}







.ImageWrapper .StyleMg span {



  position: absolute;



}







.ImageWrapper .StyleMg span:nth-of-type(1) {



  bottom: 50%;



  top: 50%;



  left: 50%;



  margin: -20px 0 0 -82px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleMg span:nth-of-type(2) {



  bottom: 50%;



  top: 50%;



  right: 50%;



  margin: -20px -82px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleMg span:nth-of-type(1) {



  margin: -20px 0 0 -42px;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleMg span:nth-of-type(2) {



  margin: -20px -42px 0 0;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleAl span {



  position: absolute;



}







.ImageWrapper .StyleAl span:nth-of-type(1) {



  top: 0;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleAl span:nth-of-type(2) {



  bottom: 0;



  right: 50%;



  margin: 0 -42px -20px 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleAl span:nth-of-type(1) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleAl span:nth-of-type(2) {



  bottom: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleSi span {



  position: absolute;



}







.ImageWrapper .StyleSi span:nth-of-type(1) {



  bottom: 0;



  left: 50%;



  margin: 0 0 -20px -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleSi span:nth-of-type(2) {



  top: 0;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleSi span:nth-of-type(1) {



  bottom: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleSi span:nth-of-type(2) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleP span {



  position: absolute;



}







.ImageWrapper .StyleP span:nth-of-type(1) {



  top: 0;



  left: 0;



  margin: -40px 0 0 -40px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleP span:nth-of-type(2) {



  bottom: 0;



  right: 0;



  margin: 0 -40px -40px 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleP span:nth-of-type(1) {



  top: 50%;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleP span:nth-of-type(2) {



  bottom: 50%;



  right: 50%;



  margin: 0 -42px -20px 0;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleS span {



  position: absolute;



}







.ImageWrapper .StyleS span:nth-of-type(1) {



  bottom: 0;



  left: 0;



  margin: -40px 0 0 -40px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleS span:nth-of-type(2) {



  top: 0;



  right: 0;



  margin: 0 -40px -40px 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleS span:nth-of-type(1) {



  bottom: 50%;



  left: 50%;



  margin: 0 0 -20px -42px;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleS span:nth-of-type(2) {



  top: 50%;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleCl {



  visibility: hidden;



  margin: 0;



  opacity: 0;



  position: absolute;



  text-align: center;



  width: 100%;



  top: 50%;



  margin-top: -20px;



  visibility: visible;



  -webkit-transform: rotateX(0deg);



  -moz-transform: rotateX(0deg);



  -ms-transform: rotateX(0deg);



  -o-transform: rotateX(0deg);



  transform: rotateX(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleCl {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateX(360deg);



  -moz-transform: rotateX(360deg);



  -ms-transform: rotateX(360deg);



  -o-transform: rotateX(360deg);



  transform: rotateX(360deg);



}







.ImageWrapper .StyleAr span {



  position: absolute;



}







.ImageWrapper .StyleAr span:nth-of-type(1) {



  top: 50%;



  bottom: 50%;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0.2) rotate(0deg);



  -moz-transform: scale(0.2) rotate(0deg);



  -ms-transform: scale(0.2) rotate(0deg);



  -o-transform: scale(0.2) rotate(0deg);



  transform: scale(0.2) rotate(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleAr span:nth-of-type(2) {



  top: 50%;



  bottom: 50%;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0.2) rotate(0deg);



  -moz-transform: scale(0.2) rotate(0deg);



  -ms-transform: scale(0.2) rotate(0deg);



  -o-transform: scale(0.2) rotate(0deg);



  transform: scale(0.2) rotate(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleAr span:nth-of-type(1) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1) rotate(360deg);



  -moz-transform: scale(1) rotate(360deg);



  -ms-transform: scale(1) rotate(360deg);



  -o-transform: scale(1) rotate(360deg);



  transform: scale(1) rotate(360deg);



}







.ImageWrapper:hover .StyleAr span:nth-of-type(2) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1) rotate(360deg);



  -moz-transform: scale(1) rotate(360deg);



  -ms-transform: scale(1) rotate(360deg);



  -o-transform: scale(1) rotate(360deg);



  transform: scale(1) rotate(360deg);



}







.ImageWrapper .StyleK span {



  position: absolute;



}







.ImageWrapper .StyleK span:nth-of-type(1) {



  top: 50%;



  bottom: 50%;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: rotateY(0deg);



  -moz-transform: rotateY(0deg);



  -ms-transform: rotateY(0deg);



  -o-transform: rotateY(0deg);



  transform: rotateY(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleK span:nth-of-type(2) {



  top: 50%;



  bottom: 50%;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: rotateY(0deg);



  -moz-transform: rotateY(0deg);



  -ms-transform: rotateY(0deg);



  -o-transform: rotateY(0deg);



  transform: rotateY(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleK span:nth-of-type(1) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: rotateY(360deg);



  -moz-transform: rotateY(360deg);



  -ms-transform: rotateY(360deg);



  -o-transform: rotateY(360deg);



  transform: rotateY(360deg);



}







.ImageWrapper:hover .StyleK span:nth-of-type(2) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: rotateY(360deg);



  -moz-transform: rotateY(360deg);



  -ms-transform: rotateY(360deg);



  -o-transform: rotateY(360deg);



  transform: rotateY(360deg);



}







.ImageWrapper .StyleCa span {



  position: absolute;



}







.ImageWrapper .StyleCa span:nth-of-type(1) {



  top: 50%;



  bottom: 50%;



  left: 50%;



  margin: -20px 0 0 -42px;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0.2) rotateY(0deg);



  -moz-transform: scale(0.2) rotateY(0deg);



  -ms-transform: scale(0.2) rotateY(0deg);



  -o-transform: scale(0.2) rotateY(0deg);



  transform: scale(0.2) rotateY(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleCa span:nth-of-type(2) {



  top: 50%;



  bottom: 50%;



  right: 50%;



  margin: -20px -42px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0.2) rotateY(0deg);



  -moz-transform: scale(0.2) rotateY(0deg);



  -ms-transform: scale(0.2) rotateY(0deg);



  -o-transform: scale(0.2) rotateY(0deg);



  transform: scale(0.2) rotateY(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleCa span:nth-of-type(1) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1) rotateY(360deg);



  -moz-transform: scale(1) rotateY(360deg);



  -ms-transform: scale(1) rotateY(360deg);



  -o-transform: scale(1) rotateY(360deg);



  transform: scale(1) rotateY(360deg);



}







.ImageWrapper:hover .StyleCa span:nth-of-type(2) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1) rotateY(360deg);



  -moz-transform: scale(1) rotateY(360deg);



  -ms-transform: scale(1) rotateY(360deg);



  -o-transform: scale(1) rotateY(360deg);



  transform: scale(1) rotateY(360deg);



}







.ImageWrapper .StyleSc span {



  position: absolute;



}







.ImageWrapper .StyleSc span:nth-of-type(1) {



  bottom: 50%;



  top: 50%;



  left: 0;



  margin: -20px 0 0 -68px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleSc span:nth-of-type(2) {



  top: 0;



  right: 50%;



  left: 50%;



  margin: -20px 0 0 -20px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleSc span:nth-of-type(3) {



  bottom: 50%;



  top: 50%;



  right: 0;



  margin: -20px -68px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleSc span:nth-of-type(1) {



  left: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleSc span:nth-of-type(2) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleSc span:nth-of-type(3) {



  right: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleTi span {



  position: absolute;



}







.ImageWrapper .StyleTi span:nth-of-type(1) {



  bottom: 50%;



  top: 50%;



  left: 0;



  margin: -20px 0 0 -68px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleTi span:nth-of-type(2) {



  bottom: 50%;



  top: 50%;



  left: 50%;



  right: 50%;



  margin: -20px 0 0 -20px;



  visibility: hidden;



  opacity: 0;



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper .StyleTi span:nth-of-type(3) {



  bottom: 50%;



  top: 50%;



  right: 0;



  margin: -20px -68px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .StyleTi span:nth-of-type(1) {



  left: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleTi span:nth-of-type(2) {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ImageWrapper:hover .StyleTi span:nth-of-type(3) {



  right: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper .StyleV span {



  position: absolute;



}







.ImageWrapper .StyleV span:nth-of-type(1) {



  top: 0;



  left: 50%;



  margin: -20px 0 0 -68px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s;



  -moz-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s;



  -ms-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s;



  -o-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s;



  transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.2s;



}







.ImageWrapper .StyleV span:nth-of-type(2) {



  top: 0;



  left: 50%;



  margin: -20px 0 0 -20px;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s;



  -moz-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s;



  -ms-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s;



  -o-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s;



  transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.3s;



}







.ImageWrapper .StyleV span:nth-of-type(3) {



  top: 0;



  right: 50%;



  margin: -20px -68px 0 0;



  visibility: hidden;



  opacity: 0;



  -webkit-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s;



  -moz-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s;



  -ms-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s;



  -o-transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s;



  transition: all 200ms cubic-bezier(0, 1.135, 0.73, 1.405) 0.4s;



}







.ImageWrapper:hover .StyleV span:nth-of-type(1) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleV span:nth-of-type(2) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







.ImageWrapper:hover .StyleV span:nth-of-type(3) {



  top: 50%;



  visibility: visible;



  opacity: 1;



}







/*  =============================================



Plus Button Effects



============================================= */



.ImageWrapper .PStyleH {



  background: url(../img/plus.png) no-repeat scroll center center/60px 60px #222222;



  height: 100%;



  left: 0;



  opacity: 0;



  overflow: hidden;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



  z-index: 7;



}







.ImageWrapper:hover .PStyleH {



  opacity: .6;



  visibility: visible;



}







.ImageWrapper .PStyleHe {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll center center/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: center center;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleHe {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



}







.ImageWrapper .PStyleLi {



  -webkit-transform: scale(0.5) rotateY(180deg);



  -moz-transform: scale(0.5) rotateY(180deg);



  -ms-transform: scale(0.5) rotateY(180deg);



  -o-transform: scale(0.5) rotateY(180deg);



  transform: scale(0.5) rotateY(180deg);



  background: url(../img/plus.png) no-repeat scroll center center/60px 60px #222222;



  height: 100%;



  left: 0;



  opacity: 0;



  overflow: hidden;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



  z-index: 7;



}







.ImageWrapper:hover .PStyleLi {



  opacity: .6;



  -webkit-transform: scale(1) rotateY(0deg);



  -moz-transform: scale(1) rotateY(0deg);



  -ms-transform: scale(1) rotateY(0deg);



  -o-transform: scale(1) rotateY(0deg);



  transform: scale(1) rotateY(0deg);



  visibility: visible;



}







.ImageWrapper .PStyleBe {



  -webkit-transform: scale(0.5) rotateX(180deg);



  -moz-transform: scale(0.5) rotateX(180deg);



  -ms-transform: scale(0.5) rotateX(180deg);



  -o-transform: scale(0.5) rotateX(180deg);



  transform: scale(0.5) rotateX(180deg);



  background: url(../img/plus.png) no-repeat scroll center center/60px 60px #222222;



  height: 100%;



  left: 0;



  opacity: 0;



  overflow: hidden;



  position: absolute;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  width: 100%;



  z-index: 7;



}







.ImageWrapper:hover .PStyleBe {



  opacity: .6;



  -webkit-transform: scale(1) rotateX(0deg);



  -moz-transform: scale(1) rotateX(0deg);



  -ms-transform: scale(1) rotateX(0deg);



  -o-transform: scale(1) rotateX(0deg);



  transform: scale(1) rotateX(0deg);



  visibility: visible;



}







.ImageWrapper .PStyleB {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: top left;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleB {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







.ImageWrapper .PStyleC {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: top right;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleC {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







.ImageWrapper .PStyleN {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: bottom right;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleN {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







.ImageWrapper .PStyleO {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: bottom left;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleO {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







.ImageWrapper .PStyleF {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: top center;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleF {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







.ImageWrapper .PStyleNe {



  position: absolute;



  background: url(../img/plus.png) no-repeat scroll top left/100% 100% #222222;



  width: 100%;



  height: 100%;



  z-index: 3;



  -webkit-background-origin: padding-box, padding-box;



  -moz-background-origin: padding-box, padding-box;



  -ms-background-origin: padding-box, padding-box;



  -o-background-origin: padding-box, padding-box;



  background-origin: padding-box, padding-box;



  background-position: bottom center;



  background-repeat: no-repeat;



  -webkit-background-size: 10px 10px, 100% 100%;



  -moz-background-size: 10px 10px, 100% 100%;



  -ms-background-size: 10px 10px, 100% 100%;



  -o-background-size: 10px 10px, 100% 100%;



  background-size: 10px 10px, 100% 100%;



  opacity: 0;



  top: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .PStyleNe {



  opacity: .6;



  -webkit-background-size: 60px 60px, 100% 100%;



  -moz-background-size: 60px 60px, 100% 100%;



  -ms-background-size: 60px 60px, 100% 100%;



  -o-background-size: 60px 60px, 100% 100%;



  background-size: 60px 60px, 100% 100%;



  visibility: visible;



  background-position: center center;



}







/*  =============================================



Content Transform



============================================= */



.ContentWrapperH .ContentH {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperH:hover .ContentH {



  opacity: 1;



  visibility: visible;



}







.ContentWrapperH .ContentH .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperH .ContentH .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperH .ContentH .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperH .ContentH .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperH .ContentH .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperHe .ContentHe {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperHe:hover .ContentHe {



  opacity: 1;



  visibility: visible;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ContentWrapperHe .ContentHe .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperHe .ContentHe .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperHe .ContentHe .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperHe .ContentHe .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperHe .ContentHe .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperLi img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperLi:hover img {



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



}







.ContentWrapperLi .ContentLi {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: scale(0);



  -moz-transform: scale(0);



  -ms-transform: scale(0);



  -o-transform: scale(0);



  transform: scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperLi:hover .ContentLi {



  opacity: 1;



  visibility: visible;



  -webkit-transform: scale(1);



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  transform: scale(1);



}







.ContentWrapperLi .ContentLi .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperLi .ContentLi .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperLi .ContentLi .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperLi .ContentLi .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperLi .ContentLi .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperBe img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  opacity: 1;



}







.ContentWrapperBe:hover img {



  -webkit-transform: scale(10);



  -moz-transform: scale(10);



  -ms-transform: scale(10);



  -o-transform: scale(10);



  transform: scale(10);



  opacity: 0;



}







.ContentWrapperBe .ContentBe {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperBe:hover .ContentBe {



  opacity: 1;



  visibility: visible;



}







.ContentWrapperBe .ContentBe .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperBe .ContentBe .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperBe .ContentBe .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperBe .ContentBe .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperBe .ContentBe .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperB img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperB:hover img {



  -webkit-transform: translateY(100%);



  -moz-transform: translateY(100%);



  -ms-transform: translateY(100%);



  -o-transform: translateY(100%);



  transform: translateY(100%);



}







.ContentWrapperB .ContentB {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: -100%;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperB:hover .ContentB {



  opacity: 1;



  visibility: visible;



  top: 0;



}







.ContentWrapperB .ContentB .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperB .ContentB .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperB .ContentB .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperB .ContentB .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperB .ContentB .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperC img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperC:hover img {



  -webkit-transform: translateY(-100%);



  -moz-transform: translateY(-100%);



  -ms-transform: translateY(-100%);



  -o-transform: translateY(-100%);



  transform: translateY(-100%);



}







.ContentWrapperC .ContentC {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  bottom: -100%;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperC:hover .ContentC {



  opacity: 1;



  visibility: visible;



  bottom: 0;



}







.ContentWrapperC .ContentC .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperC .ContentC .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperC .ContentC .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperC .ContentC .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperC .ContentC .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperN img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperN:hover img {



  -webkit-transform: translateX(-100%);



  -moz-transform: translateX(-100%);



  -ms-transform: translateX(-100%);



  -o-transform: translateX(-100%);



  transform: translateX(-100%);



}







.ContentWrapperN .ContentN {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  right: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperN:hover .ContentN {



  opacity: 1;



  visibility: visible;



  right: 0;



}







.ContentWrapperN .ContentN .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperN .ContentN .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperN .ContentN .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperN .ContentN .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperN .ContentN .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperO img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperO:hover img {



  -webkit-transform: translateX(100%);



  -moz-transform: translateX(100%);



  -ms-transform: translateX(100%);



  -o-transform: translateX(100%);



  transform: translateX(100%);



}







.ContentWrapperO .ContentO {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperO:hover .ContentO {



  opacity: 1;



  visibility: visible;



  left: 0;



}







.ContentWrapperO .ContentO .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperO .ContentO .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperO .ContentO .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperO .ContentO .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperO .ContentO .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperF img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperF:hover img {



  -webkit-transform: translateX(20%);



  -moz-transform: translateX(20%);



  -ms-transform: translateX(20%);



  -o-transform: translateX(20%);



  transform: translateX(20%);



}







.ContentWrapperF .ContentF {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 50%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: perspective(600px) rotateY(90deg);



  -moz-transform: perspective(600px) rotateY(90deg);



  -ms-transform: perspective(600px) rotateY(90deg);



  -o-transform: perspective(600px) rotateY(90deg);



  transform: perspective(600px) rotateY(90deg);



  -webkit-transform-origin: left center 0;



  -moz-transform-origin: left center 0;



  -ms-transform-origin: left center 0;



  -o-transform-origin: left center 0;



  transform-origin: left center 0;



  -webkit-transform-style: preserve-3d;



  -moz-transform-style: preserve-3d;



  -ms-transform-style: preserve-3d;



  -o-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperF:hover .ContentF {



  opacity: 1;



  visibility: visible;



  -webkit-transform: perspective(600px) rotateY(0deg);



  -moz-transform: perspective(600px) rotateY(0deg);



  -ms-transform: perspective(600px) rotateY(0deg);



  -o-transform: perspective(600px) rotateY(0deg);



  transform: perspective(600px) rotateY(0deg);



}







.ContentWrapperF .ContentF .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperF .ContentF .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperF .ContentF .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperNe img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperNe:hover img {



  -webkit-transform: translateY(20%);



  -moz-transform: translateY(20%);



  -ms-transform: translateY(20%);



  -o-transform: translateY(20%);



  transform: translateY(20%);



}







.ContentWrapperNe .ContentNe {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 50%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: perspective(600px) rotateX(-90deg);



  -moz-transform: perspective(600px) rotateX(-90deg);



  -ms-transform: perspective(600px) rotateX(-90deg);



  -o-transform: perspective(600px) rotateX(-90deg);



  transform: perspective(600px) rotateX(-90deg);



  -webkit-transform-origin: center top 0;



  -moz-transform-origin: center top 0;



  -ms-transform-origin: center top 0;



  -o-transform-origin: center top 0;



  transform-origin: center top 0;



  -webkit-transform-style: preserve-3d;



  -moz-transform-style: preserve-3d;



  -ms-transform-style: preserve-3d;



  -o-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperNe:hover .ContentNe {



  opacity: 1;



  visibility: visible;



  -webkit-transform: perspective(600px) rotateX(0deg);



  -moz-transform: perspective(600px) rotateX(0deg);



  -ms-transform: perspective(600px) rotateX(0deg);



  -o-transform: perspective(600px) rotateX(0deg);



  transform: perspective(600px) rotateX(0deg);



}







.ContentWrapperNe .ContentNe .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperNe .ContentNe .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperNe .ContentNe .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperNa img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperNa:hover img {



  -webkit-transform: translateX(-20%);



  -moz-transform: translateX(-20%);



  -ms-transform: translateX(-20%);



  -o-transform: translateX(-20%);



  transform: translateX(-20%);



}







.ContentWrapperNa .ContentNa {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 50%;



  height: 100%;



  display: block;



  top: 0;



  right: 0;



  -webkit-transform: perspective(600px) rotateY(-90deg);



  -moz-transform: perspective(600px) rotateY(-90deg);



  -ms-transform: perspective(600px) rotateY(-90deg);



  -o-transform: perspective(600px) rotateY(-90deg);



  transform: perspective(600px) rotateY(-90deg);



  -webkit-transform-origin: right center 0;



  -moz-transform-origin: right center 0;



  -ms-transform-origin: right center 0;



  -o-transform-origin: right center 0;



  transform-origin: right center 0;



  -webkit-transform-style: preserve-3d;



  -moz-transform-style: preserve-3d;



  -ms-transform-style: preserve-3d;



  -o-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperNa:hover .ContentNa {



  opacity: 1;



  visibility: visible;



  -webkit-transform: perspective(600px) rotateY(0deg);



  -moz-transform: perspective(600px) rotateY(0deg);



  -ms-transform: perspective(600px) rotateY(0deg);



  -o-transform: perspective(600px) rotateY(0deg);



  transform: perspective(600px) rotateY(0deg);



}







.ContentWrapperNa .ContentNa .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperNa .ContentNa .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperNa .ContentNa .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperMg img {



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperMg:hover img {



  -webkit-transform: translateY(-20%);



  -moz-transform: translateY(-20%);



  -ms-transform: translateY(-20%);



  -o-transform: translateY(-20%);



  transform: translateY(-20%);



}







.ContentWrapperMg .ContentMg {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 50%;



  display: block;



  bottom: 0;



  left: 0;



  -webkit-transform: perspective(600px) rotateX(90deg);



  -moz-transform: perspective(600px) rotateX(90deg);



  -ms-transform: perspective(600px) rotateX(90deg);



  -o-transform: perspective(600px) rotateX(90deg);



  transform: perspective(600px) rotateX(90deg);



  -webkit-transform-origin: center bottom 0;



  -moz-transform-origin: center bottom 0;



  -ms-transform-origin: center bottom 0;



  -o-transform-origin: center bottom 0;



  transform-origin: center bottom 0;



  -webkit-transform-style: preserve-3d;



  -moz-transform-style: preserve-3d;



  -ms-transform-style: preserve-3d;



  -o-transform-style: preserve-3d;



  transform-style: preserve-3d;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperMg:hover .ContentMg {



  opacity: 1;



  visibility: visible;



  -webkit-transform: perspective(600px) rotateY(0deg);



  -moz-transform: perspective(600px) rotateY(0deg);



  -ms-transform: perspective(600px) rotateY(0deg);



  -o-transform: perspective(600px) rotateY(0deg);



  transform: perspective(600px) rotateY(0deg);



}







.ContentWrapperMg .ContentMg .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperMg .ContentMg .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperMg .ContentMg .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperAl .ContentAl {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateY(0deg) scale(0);



  -moz-transform: rotateY(0deg) scale(0);



  -ms-transform: rotateY(0deg) scale(0);



  -o-transform: rotateY(0deg) scale(0);



  transform: rotateY(0deg) scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperAl:hover .ContentAl {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateY(360deg) scale(0.9);



  -moz-transform: rotateY(360deg) scale(0.9);



  -ms-transform: rotateY(360deg) scale(0.9);



  -o-transform: rotateY(360deg) scale(0.9);



  transform: rotateY(360deg) scale(0.9);



}







.ContentWrapperAl .ContentAl .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperAl .ContentAl .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperAl .ContentAl .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperAl .ContentAl .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperAl .ContentAl .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperSi .ContentSi {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateX(0deg) scale(0);



  -moz-transform: rotateX(0deg) scale(0);



  -ms-transform: rotateX(0deg) scale(0);



  -o-transform: rotateX(0deg) scale(0);



  transform: rotateX(0deg) scale(0);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperSi:hover .ContentSi {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateX(360deg) scale(0.9);



  -moz-transform: rotateX(360deg) scale(0.9);



  -ms-transform: rotateX(360deg) scale(0.9);



  -o-transform: rotateX(360deg) scale(0.9);



  transform: rotateX(360deg) scale(0.9);



}







.ContentWrapperSi .ContentSi .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperSi .ContentSi .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperSi .ContentSi .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperSi .ContentSi .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperSi .ContentSi .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperP .ContentP {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateY(0deg) scale(0.9);



  -moz-transform: rotateY(0deg) scale(0.9);



  -ms-transform: rotateY(0deg) scale(0.9);



  -o-transform: rotateY(0deg) scale(0.9);



  transform: rotateY(0deg) scale(0.9);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperP:hover .ContentP {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateY(360deg) scale(0.9);



  -moz-transform: rotateY(360deg) scale(0.9);



  -ms-transform: rotateY(360deg) scale(0.9);



  -o-transform: rotateY(360deg) scale(0.9);



  transform: rotateY(360deg) scale(0.9);



}







.ContentWrapperP .ContentP .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperP .ContentP .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperP .ContentP .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperP .ContentP .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperP .ContentP .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperS .ContentS {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateX(0deg) scale(0.9);



  -moz-transform: rotateX(0deg) scale(0.9);



  -ms-transform: rotateX(0deg) scale(0.9);



  -o-transform: rotateX(0deg) scale(0.9);



  transform: rotateX(0deg) scale(0.9);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperS:hover .ContentS {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateX(360deg) scale(0.9);



  -moz-transform: rotateX(360deg) scale(0.9);



  -ms-transform: rotateX(360deg) scale(0.9);



  -o-transform: rotateX(360deg) scale(0.9);



  transform: rotateX(360deg) scale(0.9);



}







.ContentWrapperS .ContentS .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperS .ContentS .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperS .ContentS .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperS .ContentS .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperS .ContentS .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperCl {



  overflow: visible !important;



}







.ContentWrapperCl img {



  position: relative;



  z-index: 5;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCl:hover img {



  -webkit-transform: translateY(-40%);



  -moz-transform: translateY(-40%);



  -ms-transform: translateY(-40%);



  -o-transform: translateY(-40%);



  transform: translateY(-40%);



}







.ContentWrapperCl .ContentCl {



  position: absolute;



  background: #ffffff;



  opacity: 1;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  bottom: 0;



  left: 0;



  z-index: 4;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCl:hover .ContentCl {



  visibility: visible;



}







.ContentWrapperCl .ContentCl .Content {



  position: absolute;



  top: 65%;



  display: block;



  width: 100%;



}







.ContentWrapperCl .ContentCl .Content h2 {



  font: bold 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 2px;



  text-align: center;



}







.ContentWrapperCl .ContentCl .Content .ReadMore {



  margin: 8px auto;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  display: block;



  width: 80px;



}







.ContentWrapperCl .ContentCl .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperAr {



  overflow: visible !important;



}







.ContentWrapperAr img {



  position: relative;



  z-index: 5;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperAr:hover img {



  -webkit-transform: translateY(40%);



  -moz-transform: translateY(40%);



  -ms-transform: translateY(40%);



  -o-transform: translateY(40%);



  transform: translateY(40%);



}







.ContentWrapperAr .ContentAr {



  position: absolute;



  background: #ffffff;



  opacity: 1;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  bottom: 0;



  left: 0;



  z-index: 4;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperAr:hover .ContentAr {



  visibility: visible;



}







.ContentWrapperAr .ContentAr .Content {



  position: absolute;



  top: 5%;



  display: block;



  width: 100%;



}







.ContentWrapperAr .ContentAr .Content h2 {



  font: bold 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 2px;



  text-align: center;



}







.ContentWrapperAr .ContentAr .Content .ReadMore {



  margin: 8px auto;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  display: block;



  width: 80px;



}







.ContentWrapperAr .ContentAr .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperK {



  overflow: visible !important;



}







.ContentWrapperK img {



  position: relative;



  z-index: 5;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperK:hover img {



  -webkit-transform: translateX(-20%);



  -moz-transform: translateX(-20%);



  -ms-transform: translateX(-20%);



  -o-transform: translateX(-20%);



  transform: translateX(-20%);



}







.ContentWrapperK .ContentK {



  position: absolute;



  background: #ffffff;



  opacity: 1;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  bottom: 0;



  left: 0;



  z-index: 4;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperK:hover .ContentK {



  visibility: visible;



}







.ContentWrapperK .ContentK .Content {



  display: block;



  width: 100%;



  position: relative;



}







.ContentWrapperK .ContentK .Content ul {



  position: absolute;



  top: 0;



  right: 0;



}







.ContentWrapperK .ContentK .Content ul li {



  margin: 14px 16px;



}







.ContentWrapperK .ContentK .Content ul li a {



  font-size: 21px;



  color: #a9a9a9;



}







.ContentWrapperCa img {



  position: relative;



  z-index: 5;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCa:hover img {



  -webkit-transform: translateX(20%);



  -moz-transform: translateX(20%);



  -ms-transform: translateX(20%);



  -o-transform: translateX(20%);



  transform: translateX(20%);



}







.ContentWrapperCa .ContentCa {



  position: absolute;



  background: #ffffff;



  opacity: 1;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  bottom: 0;



  left: 0;



  z-index: 4;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCa:hover .ContentCa {



  visibility: visible;



}







.ContentWrapperCa .ContentCa .Content {



  display: block;



  width: 100%;



  position: relative;



}







.ContentWrapperCa .ContentCa .Content ul {



  position: absolute;



  top: 0;



  left: 0;



}







.ContentWrapperCa .ContentCa .Content ul li {



  margin: 5px;



}







.ContentWrapperCa .ContentCa .Content ul li a {



  padding: 6px 9px;



}







.ContentWrapperSc .ContentSc {



  position: absolute;



  background: #ffffff;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: -100%;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperSc:hover .ContentSc {



  visibility: visible;



  top: 0;



}







.ContentWrapperSc .ContentSc .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperSc .ContentSc .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperSc .ContentSc .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperSc .ContentSc .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperSc .ContentSc .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperTi .ContentTi {



  position: absolute;



  background: #ffffff;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperTi:hover .ContentTi {



  visibility: visible;



  left: 0;



}







.ContentWrapperTi .ContentTi .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperTi .ContentTi .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperTi .ContentTi .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperTi .ContentTi .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperTi .ContentTi .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperV .ContentV {



  position: absolute;



  background: #ffffff;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  right: -100%;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperV:hover .ContentV {



  visibility: visible;



  right: 0;



}







.ContentWrapperV .ContentV .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperV .ContentV .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperV .ContentV .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperV .ContentV .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperV .ContentV .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperCr .ContentCr {



  position: absolute;



  background: #ffffff;



  visibility: hidden;



  width: 100%;



  height: 0;



  display: block;



  bottom: -100%;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCr:hover .ContentCr {



  visibility: visible;



  height: 100%;



  bottom: 0;



}







.ContentWrapperCr .ContentCr .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperCr .ContentCr .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperCr .ContentCr .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperCr .ContentCr .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperCr .ContentCr .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperMn .ContentMn {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: top left;



  -moz-transform-origin: top left;



  -ms-transform-origin: top left;



  -o-transform-origin: top left;



  transform-origin: top left;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperMn:hover .ContentMn {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



}







.ContentWrapperMn .ContentMn .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperMn .ContentMn .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperMn .ContentMn .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperMn .ContentMn .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperMn .ContentMn .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperFe .ContentFe {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  right: 0;



  -webkit-transform-origin: top right;



  -moz-transform-origin: top right;



  -ms-transform-origin: top right;



  -o-transform-origin: top right;



  transform-origin: top right;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperFe:hover .ContentFe {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



}







.ContentWrapperFe .ContentFe .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperFe .ContentFe .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperFe .ContentFe .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperFe .ContentFe .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperFe .ContentFe .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperCo .ContentCo {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform-origin: bottom left;



  -moz-transform-origin: bottom left;



  -ms-transform-origin: bottom left;



  -o-transform-origin: bottom left;



  transform-origin: bottom left;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCo:hover .ContentCo {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



}







.ContentWrapperCo .ContentCo .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperCo .ContentCo .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperCo .ContentCo .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperCo .ContentCo .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperCo .ContentCo .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperNi .ContentNi {



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  right: 0;



  -webkit-transform-origin: bottom right;



  -moz-transform-origin: bottom right;



  -ms-transform-origin: bottom right;



  -o-transform-origin: bottom right;



  transform-origin: bottom right;



  -webkit-transform-style: preserve-3D;



  -moz-transform-style: preserve-3D;



  -ms-transform-style: preserve-3D;



  -o-transform-style: preserve-3D;



  transform-style: preserve-3D;



  -webkit-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  transform: rotate(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperNi:hover .ContentNi {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotate(0deg);



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  transform: rotate(0deg);



}







.ContentWrapperNi .ContentNi .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperNi .ContentNi .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperNi .ContentNi .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperNi .ContentNi .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperNi .ContentNi .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperCu img {



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  -ms-backface-visibility: hidden;



  -o-backface-visibility: hidden;



  backface-visibility: hidden;



  -webkit-transform: rotateY(0deg);



  -moz-transform: rotateY(0deg);



  -ms-transform: rotateY(0deg);



  -o-transform: rotateY(0deg);



  transform: rotateY(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCu:hover img {



  -webkit-transform: rotateY(180deg);



  -moz-transform: rotateY(180deg);



  -ms-transform: rotateY(180deg);



  -o-transform: rotateY(180deg);



  transform: rotateY(180deg);



}







.ContentWrapperCu .ContentCu {



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  -ms-backface-visibility: hidden;



  -o-backface-visibility: hidden;



  backface-visibility: hidden;



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateY(180deg);



  -moz-transform: rotateY(180deg);



  -ms-transform: rotateY(180deg);



  -o-transform: rotateY(180deg);



  transform: rotateY(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperCu:hover .ContentCu {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateY(0deg);



  -moz-transform: rotateY(0deg);



  -ms-transform: rotateY(0deg);



  -o-transform: rotateY(0deg);



  transform: rotateY(0deg);



}







.ContentWrapperCu .ContentCu .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperCu .ContentCu .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperCu .ContentCu .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperCu .ContentCu .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperCu .ContentCu .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







.ContentWrapperZn img {



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  -ms-backface-visibility: hidden;



  -o-backface-visibility: hidden;



  backface-visibility: hidden;



  -webkit-transform: rotateX(0deg);



  -moz-transform: rotateX(0deg);



  -ms-transform: rotateX(0deg);



  -o-transform: rotateX(0deg);



  transform: rotateX(0deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperZn:hover img {



  -webkit-transform: rotateX(180deg);



  -moz-transform: rotateX(180deg);



  -ms-transform: rotateX(180deg);



  -o-transform: rotateX(180deg);



  transform: rotateX(180deg);



}







.ContentWrapperZn .ContentZn {



  -webkit-backface-visibility: hidden;



  -moz-backface-visibility: hidden;



  -ms-backface-visibility: hidden;



  -o-backface-visibility: hidden;



  backface-visibility: hidden;



  position: absolute;



  background: #ffffff;



  opacity: 0;



  visibility: hidden;



  width: 100%;



  height: 100%;



  display: block;



  top: 0;



  left: 0;



  -webkit-transform: rotateX(180deg);



  -moz-transform: rotateX(180deg);



  -ms-transform: rotateX(180deg);



  -o-transform: rotateX(180deg);



  transform: rotateX(180deg);



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ContentWrapperZn:hover .ContentZn {



  opacity: 1;



  visibility: visible;



  -webkit-transform: rotateX(0deg);



  -moz-transform: rotateX(0deg);



  -ms-transform: rotateX(0deg);



  -o-transform: rotateX(0deg);



  transform: rotateX(0deg);



}







.ContentWrapperZn .ContentZn .Content {



  position: absolute;



  top: 10%;



  padding: 0 10px;



}







.ContentWrapperZn .ContentZn .Content h2 {



  font: 16px'Source Sans Pro', Arial, sans-serif;



  color: #8CA757;



  padding: 0 0 6px;



}







.ContentWrapperZn .ContentZn .Content p {



  font: normal 12px'Source Sans Pro';



  color: #666666;



}







.ContentWrapperZn .ContentZn .Content .ReadMore {



  float: right;



  margin: 16px 0 0;



  background: #D1CDC3;



  background: -moz-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1cdc3), color-stop(100%, #c9c5ba));



  background: -webkit-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -o-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: -ms-linear-gradient(top, #d1cdc3 0%, #c9c5ba 100%);



  background: linear-gradient(to bottom, #d1cdc3 0%, #c9c5ba 100%);



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);



  -webkit-border-radius: 2px 2px 2px 2px;



  -moz-border-radius: 2px 2px 2px 2px;



  -ms-border-radius: 2px 2px 2px 2px;



  -o-border-radius: 2px 2px 2px 2px;



  border-radius: 2px 2px 2px 2px;



  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);



}







.ContentWrapperZn .ContentZn .Content .ReadMore a {



  color: #757167;



  padding: 6px 16px;



  display: block;



  font: normal 12px'Source Sans Pro';



}







/*  =============================================



Ribbons



============================================= */



.ImageWrapper .RibbonCTL .Triangle:after {



  border-right: 35px solid rgba(0, 0, 0, 0);



  border-top: 35px solid #FFFFFF;



  content: " ";



  display: block;



  height: 0;



  position: absolute;



  width: 0;



  top: 0;



  left: 0;



  z-index: 2;



}







.ImageWrapper .RibbonCTL .Sign {



  top: 2px;



  left: 2px;



  position: absolute;



  z-index: 6;



}







.ImageWrapper .RibbonCTL .Sign a {



  color: #666666;



}







.ImageWrapper .RibbonCTL {



  opacity: 0;



  visibility: hidden;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .RibbonCTL {



  opacity: 1;



  visibility: visible;



}







.ImageWrapper .RibbonCTR .Triangle:after {



  border-left: 35px solid rgba(0, 0, 0, 0);



  border-top: 35px solid #FFFFFF;



  content: " ";



  display: block;



  height: 0;



  position: absolute;



  width: 0;



  top: 0;



  right: 0;



  z-index: 2;



}







.ImageWrapper .RibbonCTR .Sign {



  top: 2px;



  right: 2px;



  position: absolute;



  z-index: 6;



}







.ImageWrapper .RibbonCTR .Sign a {



  color: #666666;



}







.ImageWrapper .RibbonCTR {



  opacity: 0;



  visibility: hidden;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .RibbonCTR {



  opacity: 1;



  visibility: visible;



}







.ImageWrapper .RibbonCBL .Triangle:after {



  border-right: 35px solid rgba(0, 0, 0, 0);



  border-bottom: 35px solid #FFFFFF;



  content: " ";



  display: block;



  height: 0;



  position: absolute;



  width: 0;



  bottom: 0;



  left: 0;



  z-index: 2;



}







.ImageWrapper .RibbonCBL .Sign {



  bottom: 1px;



  left: 1px;



  position: absolute;



  z-index: 6;



}







.ImageWrapper .RibbonCBL .Sign a {



  color: #666666;



}







.ImageWrapper .RibbonCBL {



  opacity: 0;



  visibility: hidden;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .RibbonCBL {



  opacity: 1;



  visibility: visible;



}







.ImageWrapper .RibbonCBR .Triangle:after {



  border-left: 35px solid rgba(0, 0, 0, 0);



  border-bottom: 35px solid #FFFFFF;



  content: " ";



  display: block;



  height: 0;



  position: absolute;



  width: 0;



  bottom: 0;



  right: 0;



  z-index: 2;



}







.ImageWrapper .RibbonCBR .Sign {



  bottom: 1px;



  right: 1px;



  position: absolute;



  z-index: 6;



}







.ImageWrapper .RibbonCBR .Sign a {



  color: #666666;



}







.ImageWrapper .RibbonCBR {



  opacity: 0;



  visibility: hidden;



  -webkit-transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -ms-transition: all 0.3s ease 0s;



  -o-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.ImageWrapper:hover .RibbonCBR {



  opacity: 1;



  visibility: visible;



}







/*  =============================================



Transparent Background



============================================= */



.TBlack {



  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;



}







.TWhite {



  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;



}







.carousel {



  overflow: visible !important;



}







.carousel-control {



  z-index: 10;



  width: 30px;



  height: 30px;



  background: #27c5dc;



  opacity: 1;



  filter: alpha(opacity=100);



  line-height: 30px;



  top: -35px;



  -webkit-border-radius: 100%;



  -moz-border-radius: 100%;



  -ms-border-radius: 100%;



  -o-border-radius: 100%;



  border-radius: 100%;



  -webkit-box-shadow: none;



  box-shadow: none;



  background-image: none !important;



  -webkit-transition: all 0.35s ease 0s;



  transition: all 0.35s ease 0s;



}



.carousel-control:hover {



  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35);



  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35);



}



.carousel-control:before {



  position: absolute;



  content: "\f105";



  font-family: "FontAwesome";



  top: 0;



  left: 0;



  right: 0;



  margin: auto;



  color: white;



  text-shadow: none;



  font-size: 14px;



}



.carousel-control.left {



  left: auto;



  right: 35px;



}



.carousel-control.left:before {



  content: "\f104";



}







.rtl .carousel-control {



  right: auto;



}



.rtl .carousel-control.right {



  left: 35px;



}



.rtl .carousel-control.left {



  left: 0;



}







.btn-inverse {



  color: black;



  background-color: white;



  border-color: white;



}



.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {



  color: #27c5dc;



  background-color: transparent;



  border-color: #27c5dc;



}



.open .btn-inverse.dropdown-toggle {



  color: #27c5dc;



  background-color: transparent;



  border-color: #27c5dc;



}



.btn-inverse:active, .btn-inverse.active {



  background-image: none;



}



.open .btn-inverse.dropdown-toggle {



  background-image: none;



}



.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {



  background-color: white;



  border-color: white;



}



.btn-inverse .badge {



  color: white;



  background-color: black;



}







.btn-outline {



  color: #27c5dc;



  background-color: transparent;



  border-color: #27c5dc;



}



.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {



  color: white;



  background-color: #27c5dc;



  border-color: #27c5dc;



}



.open .btn-outline.dropdown-toggle {



  color: white;



  background-color: #27c5dc;



  border-color: #27c5dc;



}



.btn-outline:active, .btn-outline.active {



  background-image: none;



}



.open .btn-outline.dropdown-toggle {



  background-image: none;



}



.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .btn-outline:active, fieldset[disabled] .btn-outline.active {



  background-color: transparent;



  border-color: #27c5dc;



}



.btn-outline .badge {



  color: transparent;



  background-color: #27c5dc;



}







input[type=number]::-webkit-inner-spin-button,



input[type=number]::-webkit-outer-spin-button {



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  margin: 0;



}







input[type=number] {



  -moz-appearance: textfield;



}







/**



* Transition-timing-function property@mixin 



*/



/*background RGBA



============================================*/



/****/



/* RIGHT TO LEFT */



/**



 * Web Application Prefix Apply For Making Owner Styles



 */



/**



 *   Blocks Layout Selectors 



 */



/***********************************************************************/



/** CHECKOUT BY STEP */



.no-padding {



  padding: 0 !important;



}







.no-margin {



  margin: 0 !important;



}







.icon-box {



  font-size: 40px;



}







.e-scale .popup-content {



  -webkit-transform: scale(0);



  -ms-transform: scale(0);



  transform: scale(0);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.e-scale.popup-over:hover .popup-content {



  -webkit-transform: scale(1);



  -ms-transform: scale(1);



  transform: scale(1);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.e-translate-left .popup-content {



  opacity: 0;



  filter: alpha(opacity=0);



  -webkit-transform: translate(-200px, 0px);



  -ms-transform: translate(-200px, 0px);



  transform: translate(-200px, 0px);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.e-translate-left.popup-over:hover .popup-content {



  opacity: 1;



  filter: alpha(opacity=100);



  -webkit-transform: translate(0, 0);



  -ms-transform: translate(0, 0);



  transform: translate(0, 0);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.e-translate-right .popup-content {



  opacity: 0;



  filter: alpha(opacity=0);



  -webkit-transform: translate(200px, 0px);



  -ms-transform: translate(200px, 0px);



  transform: translate(200px, 0px);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.e-translate-right.popup-over:hover .popup-content {



  opacity: 1;



  filter: alpha(opacity=100);



  -webkit-transform: translate(0, 0);



  -ms-transform: translate(0, 0);



  transform: translate(0, 0);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.e-translate-top .popup-content {



  opacity: 0;



  filter: alpha(opacity=0);



  -webkit-transform: translate(0, 200px);



  -ms-transform: translate(0, 200px);



  transform: translate(0, 200px);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.e-translate-top.popup-over:hover .popup-content {



  opacity: 1;



  filter: alpha(opacity=100);



  -webkit-transform: translate(0, 0);



  -ms-transform: translate(0, 0);



  transform: translate(0, 0);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.e-translate-down .popup-content {



  opacity: 0;



  filter: alpha(opacity=0);



  height: 0;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.e-translate-down.popup-over:hover .popup-content {



  opacity: 1;



  filter: alpha(opacity=100);



  height: auto;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







.fs-style {



  position: relative;



  padding-top: 25px;



  padding-bottom: 25px;



}







.fs-style:before {



  padding: 0 2000px;



  -webkit-box-sizing: content-box;



  -moz-box-sizing: content-box;



  box-sizing: content-box;



  position: absolute;



  content: "";



  width: 100%;



  height: 100%;



  background-color: #eee;



  z-index: 0;



  display: inline-block;



  top: 0;



  left: -2000px;



}







.fs-style1:before {



  background-image: url(../img/patterns/full-screen/style-1.jpg);



}







.fs-style2:before {



  background-image: url(../img/patterns/full-screen/style-2.jpg);



}







.fs-style3:before {



  background-image: url(../img/patterns/full-screen/style-3.jpg);



}







#footer {



  position: relative;



}







#footer .container {



  position: static;



}







.fs-content {



  height: 300px;



}







.fs-content > div {



  position: absolute;



  left: 0;



  width: 100%;



  padding: 0;



}







.grid-system .cell {



  border: 1px solid #e6e6e6;



  background: #e5e5e5;



  text-align: center !important;



  margin: 0 0px 10px 0;



  padding: 8px 0 8px 0;



}







.icons-examples .fa {



  font-size: 24px;



  font-size: 2.4rem;



  line-height: 40px;



  width: 40px;



  height: 40px;



  text-align: center;



}







.pricing-table {



  border: 0px;



  margin: 20px 0;



  -webkit-transform: translate(0, 0);



  -ms-transform: translate(0, 0);



  transform: translate(0, 0);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.pricing-table .pricing-header,



.pricing-table .pricing-footer {



  border: 0px;



}



.pricing-table .plan-price {



  text-transform: uppercase;



}



.pricing-table .plan-currency {



  font-size: 40px;



  font-size: 4rem;



  font-weight: 700;



}



.pricing-table .plan-figure {



  font-size: 72px;



  font-size: 7.2rem;



  font-weight: 700;



}



.pricing-table .plan-period {



  font-size: 12px;



  font-size: 1.2rem;



}



.pricing-table .plan-title {



  color: #fff;



  position: relative;



  padding-bottom: 20px;



}



.pricing-table .plan-title:after {



  content: "";



  background: #fff;



  position: absolute;



  top: auto;



  bottom: 0;



  left: 0;



  right: 0;



  margin: auto;



  width: 30px;



  height: 1px;



}



.pricing-table .pricing-body {



  border-top: 0px solid #e6e6e6;



  border-right: 1px solid #e6e6e6;



  border-bottom: 0px solid #e6e6e6;



  border-left: 1px solid #e6e6e6;



}



.pricing-table ul li,



.pricing-table ol li {



  padding: 12px;



  border-bottom: 1px solid #e6e6e6;



}



.pricing-table .plan-link {



  line-height: 2.5;



  border-radius: 0;



  font-size: 12px;



  font-size: 1.2rem;



}



.pricing-table.featured-plan {



  margin: 0;



}



.pricing-table.featured-plan .pricing-header {



  background: #0eba9e;



  padding-top: 35px;



  padding-bottom: 35px;



}



.pricing-table.featured-plan .plan-link {



  background: #0eba9e;



  padding-top: 20px;



  padding-bottom: 20px;



}



.pricing-table:hover {



  -webkit-transform: translate(0, -20px);



  -ms-transform: translate(0, -20px);



  transform: translate(0, -20px);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}







/**



 * BASE CSS STYLES



 */



html {



  overflow-y: scroll;



  margin: 0;



  padding: 0;



}







body {



  background-color: white;



  color: #333333;



  font-size: 14px;



  margin: 0px;



  padding: 0px;



}







ul,



ol {



  list-style: none;



}







a {



  color: #333333;



}



a:hover, a:focus {



  color: #27c5dc;



}



a:focus {



  outline: none;



}







.clear {



  clear: both;



}







.bullet li {



  padding: 6px 0px 6px 10px;



  position: relative;



}



.rtl .bullet li {



  padding: 6px 10px 6px 0px;



}



.bullet li a {



  /* &:before { display: block; content: "\f105"; font-family: $font-icon; position: absolute; @include rtl-left(0); top: 6px; } */



}







/* links style */



ul.links {



  margin: 0;



  padding: 0;



}



ul.links li {



  display: inline;



  line-height: normal;



}



ul.links li a {



  margin: 0 6px;



}



ul.links li .fa,



ul.links li .icon {



  margin-right: 10px;



}



ul.list li {



  list-style: none;



  padding: 6px 0;



}



ul.my-account li {



  padding: 6px 0;



  list-style: disc;



  margin-left: 14px;



}



ul.inline li {



  float: left;



}







.tree-menu ul {



  list-style: none;



  margin: 0;



  padding: 0;



  font-size: 12px;



}



.tree-menu > ul > li {



  width: 100%;



  height: auto;



  position: relative;



}



.tree-menu > ul > li .caret,



.tree-menu > ul > li .head a {



  position: absolute;



  right: 18px;



  top: 13px;



  background-color: #428bca;



  color: #FFF;



  padding: 0 6px;



  margin-right: -20px;



  -webkit-border-radius: 10%;



  -moz-border-radius: 10%;



  -ms-border-radius: 10%;



  -o-border-radius: 10%;



  border-radius: 10%;



}



.tree-menu > ul > li:last-child a {



  border: none;



}



.tree-menu > ul > li > a {



  display: block;



  padding: 10px 0;



  border-bottom: 1px solid #e0e0e0;



}



.tree-menu > ul > li ul {



  display: none;



}



.tree-menu > ul > li a.active {



  font-weight: bold;



  color: #E02673;



}



.tree-menu > ul > li a.active + ul {



  display: block;



  padding: 0 0 10px 10px;



}



.tree-menu > ul > li ul > li {



  padding-left: 30px;



}



.rtl .tree-menu > ul > li ul > li {



  padding-right: 30px;



  padding-left: inherit;



}



.tree-menu > ul > li ul > li > a {



  text-decoration: none;



  display: block;



  padding: 8px 0;



}



.tree-menu > ul > li ul > li > a.active {



  font-weight: bold;



}







.unvisible {



  display: none;



}







.buttons {



  padding: 20px 0;



}



.buttons:before, .buttons:after {



  content: " ";



  display: table;



}



.buttons:after {



  clear: both;



}



.buttons .left {



  float: left;



}



.buttons .right {



  float: right;



}







input[type="file"] {



  line-height: 20px;



}







.btn {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  outline: 0 !important;



}







.address_alias {



  display: block;



}







.banner {



  text-align: center;



}



.banner img {



  display: inline-block;



}







#header_logo {



  margin: 30px 0;



}







#columns {



  padding: 20px 0;



}



#columns .container {



  padding-top: 0px;



}







#index #columns .container, #product #columns .container {



  padding-top: 0px;



}







/*** PAGE HEADING **/



.page-heading {



  margin-bottom: 20px;



}







.heading-counter {



  text-transform: none;



  font-style: italic;



  font-size: 14px;



}







.form-control {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



}







.content_sortPagiBar {



  padding: 7px 18px 7px 20px;



  margin-bottom: 20px;



  background: #f1f1f1;



}



.rtl .content_sortPagiBar {



  padding: 7px 20px 7px 18px;



}



.content_sortPagiBar label, .content_sortPagiBar span {



  font-weight: 400;



}



.content_sortPagiBar label {



  text-transform: capitalize;



  margin-right: 10px;



}



.rtl .content_sortPagiBar label {



  margin-left: 10px;



  margin-right: inherit;



}



.content_sortPagiBar select {



  height: 33px;



  padding: 0;



  line-height: 30px;



}



.content_sortPagiBar .sort {



  margin-top: 1px;



}



.content_sortPagiBar .product-compare {



  text-align: center;



}



@media (max-width: 991px) {



  .content_sortPagiBar .product-compare .compare-form {



    display: inline-block;



  }



}



.content_sortPagiBar .bt_compare {



  float: right;



  line-height: 21px;



  background: #343434;



  color: white;



  border: 1px #343434 solid;



}



.rtl .content_sortPagiBar .bt_compare {



  float: left;



}



.content_sortPagiBar .bt_compare:hover {



  background: #27c5dc;



  border: 1px #27c5dc solid;



}



.content_sortPagiBar .bt_compare span {



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 2px;



}



.content_sortPagiBar .pagination {



  margin: 0;



}



.content_sortPagiBar .pagination li span, .content_sortPagiBar .pagination li a {



  background: transparent;



  color: black;



  border: none;



  padding: 8px 5px;



}



.content_sortPagiBar .pagination li span:hover, .content_sortPagiBar .pagination li a:hover {



  color: #27c5dc;



}



.content_sortPagiBar .pagination li.disabled span:hover {



  background: transparent;



}



.content_sortPagiBar .pagination li.current span {



  background: none;



  border: none;



  color: #27c5dc;



  text-decoration: underline;



}



.content_sortPagiBar .product-count {



  margin: 8px 0;



}



@media (min-width: 1024px) {



  .content_sortPagiBar .product-count {



    margin: 8px 35px 8px 0;



  }



  .rtl .content_sortPagiBar .product-count {



    margin: 8px 0 8px 35px;



  }



}



@media (min-width: 1200px) {



  .content_sortPagiBar .nbrItemPage {



    margin-left: 34px;



  }



  .rtl .content_sortPagiBar .nbrItemPage {



    margin-right: 34px;



    margin-left: inherit;



  }



}



.content_sortPagiBar .nbrItemPage .form-control {



  width: 60px;



}



.content_sortPagiBar #productsSortForm {



  float: right;



}



.rtl .content_sortPagiBar #productsSortForm {



  float: left;



}



.content_sortPagiBar #productsSortForm .form-control {



  width: 160px;



}



.content_sortPagiBar .form-control {



  display: inline;



  border: none;



}



.content_sortPagiBar .showall {



  margin-right: 10px;



}



.content_sortPagiBar .showall .btn {



  margin-top: 4px;



}



.content_sortPagiBar .display {



  float: left;



  line-height: 30px;



}



.rtl .content_sortPagiBar .display {



  float: right;



}



.content_sortPagiBar .display > div {



  float: left;



}



.rtl .content_sortPagiBar .display > div {



  float: right;



}



.content_sortPagiBar .display li {



  float: left;



  display: block;



}



.rtl .content_sortPagiBar .display li {



  float: right;



}



.content_sortPagiBar .display span {



  margin-right: 5px;



}



.content_sortPagiBar .display a {



  width: 20px;



  height: 30px;



  margin-right: 5px;



  float: left;



  cursor: pointer;



  text-align: center;



}



.rtl .content_sortPagiBar .display a {



  margin-left: 5px;



  margin-right: inherit;



}



.content_sortPagiBar .display a > span {



  margin: 0 3px;



  display: none;



}



.content_sortPagiBar .display a > em {



  display: none;



}



.content_sortPagiBar .display .selected a .fa {



  color: #272727;



}



.content_sortPagiBar .display i {



  line-height: 34px;



  font-size: 14px;



  color: #787878;



  -webkit-transition: color 0.2s ease-out;



  transition: color 0.2s ease-out;



}







ul.step {



  /* border:$checkout-step-container-border; */



  padding: 0;



  margin-bottom: 30px;



  margin-top: 10px;



}



ul.step li {



  float: left;



  padding: 10px 15px;



  font-size: 18px;



  font-weight: normal;



  background: #434a54;



  color: white;



  position: relative;



}



ul.step li a {



  color: white;



}



ul.step li.step_current {



  font-weight: bold;



  background: #27c5dc;



}







.rating {



  clear: both;



  display: block;



  margin: 2em;



  cursor: pointer;



}







.rating:after {



  content: ".";



  display: block;



  height: 0;



  width: 0;



  clear: both;



  visibility: hidden;



}







.cancel, .star {



  overflow: hidden;



  float: left;



  margin: 0 2px 0 0;



  height: 16px;



  cursor: pointer;



}



.rtl .cancel, .rtl .star {



  float: right;



}







.cancel, .cancel a {



  background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important;



}







.cancel a, .star a {



  display: block;



  width: 100%;



  height: 100%;



  background-position: 0 0;



}







div.star_on a {



  background-position: 0 -16px;



}







div.star_hover a,



div.star a:hover {



  background-position: 0 -32px;



}







.pack_content {



  margin: 10px 0 10px 0;



}







.confirmation {



  margin: 0 0 10px;



  padding: 10px;



  border: 1px solid #e6db55;



  font-size: 13px;



  background: none repeat scroll 0 0 lightyellow;



}







#page .rte {



  background: transparent none repeat scroll 0 0;



}







.breadcrumb {



  color: black;



  font-size: 15px;



}



.breadcrumb .navigation-pipe {



  color: transparent;



  padding: 0 7px 0 10px;



}



.breadcrumb .navigation-pipe:before {



  content: "\f0da";



  font-family: "FontAwesome";



  position: absolute;



  margin: 0 auto;



  color: #999999;



  font-size: 15px;



}



.breadcrumb a {



  color: #999999;



  z-index: 2;



}



.breadcrumb a:hover {



  color: black;



}







#short_description_content ul,



#short_description_content ol,



#short_description_content dl,



#tinymce ul,



#tinymce ol,



#tinymce dl {



  margin-left: 20px;



}







.rte ul {



  list-style-type: disc;



  padding-left: 15px;



}



.rtl .rte ul {



  padding-right: 15px;



  padding-left: inherit;



}







.rte ol {



  list-style-type: decimal;



  padding-left: 15px;



}



.rtl .rte ol {



  padding-right: 15px;



  padding-left: inherit;



}







.block_hidden_only_for_screen {



  display: none;



}







.box {



  margin-bottom: 30px;



}



.box p {



  margin-bottom: 0;



}







.cart_navigation {



  margin: 0 0 10px;



}



.cart_navigation .button-exclusive i {



  margin-right: 8px;



}



.rtl .cart_navigation .button-exclusive i {



  margin-left: 8px;



  margin-right: inherit;



}



@media (max-width: 480px) {



  .cart_navigation > span {



    display: block;



    width: 100%;



    padding-bottom: 15px;



  }



}



@media (max-width: 375px) {



  .cart_navigation {



    text-align: center;



  }



  .cart_navigation .standard-checkout, .cart_navigation .btn {



    float: none !important;



    margin-top: 10px;



  }



}







.cart_last_product {



  display: none;



}







.cart_quantity .cart_quantity_input {



  padding: 0;



  text-align: center;



  width: 65px;



}







.cart_gift_quantity .cart_quantity_input {



  padding: 0;



  text-align: center;



  width: 57px;



}







.table tbody > tr > td {



  vertical-align: middle;



}



.table tbody > tr > td.cart_quantity {



  padding: 41px 14px 25px;



  width: 95px;



}



.table tbody > tr > td.cart_quantity .cart_quantity_button {



  margin-top: 3px;



}



.table tbody > tr > td.cart_quantity .cart_quantity_button a {



  float: left;



  margin-right: 2px;



}



.rtl .table tbody > tr > td.cart_quantity .cart_quantity_button a {



  float: right;



}



.rtl .table tbody > tr > td.cart_quantity .cart_quantity_button a {



  margin-left: 2px;



  margin-right: inherit;



}



.table tbody > tr > td.cart_quantity .cart_quantity_button a + a {



  margin-right: 0;



}



.rtl .table tbody > tr > td.cart_quantity .cart_quantity_button a + a {



  margin-left: 0;



  margin-right: inherit;



}



.table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del {



  padding: 5px;



}



.table tfoot > tr > td {



  vertical-align: middle;



}







.cart_delete a.cart_quantity_delete,



a.price_discount_delete {



  font-size: 23px;



  color: #333333;



}



.cart_delete a.cart_quantity_delete:hover,



a.price_discount_delete:hover {



  color: silver;



}







#cart_summary tbody td.cart_product {



  padding: 19px;



  width: 137px;



  /* img {



    border: 1px solid $table-border-color;



    } */



}



#cart_summary tbody td.cart_unit .price .special-price {



  font-weight: 700;



}



#cart_summary tbody td.cart_unit .price .price-percent-reduction {



  font-style: italic;



  color: #27c5dc;



}



#cart_summary tbody td.cart_unit .price .old-price {



  text-decoration: line-through;



}



#cart_summary tbody td.cart_unit .price span {



  display: block;



}



#cart_summary tbody td.cart_unit .price span.price-percent-reduction {



  margin: 5px auto;



  display: inline-block;



}



#cart_summary tbody td.cart_unit .price span.old-price {



  text-decoration: line-through;



}



#cart_summary tbody td.cart_description {



  width: 480px;



}



#cart_summary tbody td.cart_description small {



  display: block;



  padding: 5px 0 0 0;



}



#cart_summary tfoot td.text-right {



  font-weight: bold;



  color: #333333;



}



#cart_summary tfoot td.price {



  text-align: right;



}



.rtl #cart_summary tfoot td.price {



  text-align: left;



}



#cart_summary tfoot td.total_price_container span {



  font: 600 18px/22px "Lato", sans-serif;



  color: #333333;



  text-transform: uppercase;



}



#cart_summary tfoot td#total_price_container {



  font: 600 21px/25px "Lato", sans-serif;



  background: white;



}







.cart_voucher {



  vertical-align: top !important;



}



.cart_voucher h4 {



  font: 600 14px/22px "Lato", sans-serif;



  color: black;



  text-transform: uppercase;



}



.cart_voucher .title-offers {



  color: #333333;



  font-weight: bold;



  margin-bottom: 6px;



}



.cart_voucher fieldset {



  margin-bottom: 10px;



}



.cart_voucher fieldset #discount_name {



  float: left;



  width: 219px;



  margin-right: 11px;



}



.rtl .cart_voucher fieldset #discount_name {



  float: right;



}



.rtl .cart_voucher fieldset #discount_name {



  margin-left: 11px;



  margin-right: inherit;



}



.cart_voucher #display_cart_vouchers span {



  font-weight: bold;



  cursor: pointer;



  color: #27c5dc;



}



.cart_voucher #display_cart_vouchers span:hover {



  color: #27c5dc;



}







.enable-multishipping {



  margin: -13px 0 17px;



}



.enable-multishipping label {



  font-weight: normal;



}







#order_carrier {



  clear: both;



  margin-top: 20px;



  border: 1px solid #999999;



  background: white;



}







.order_carrier_logo {



  max-width: 65px;



  max-height: 65px;



}







#order_carrier .title_block {



  padding: 0 15px;



  height: 29px;



  font-weight: bold;



  line-height: 29px;



  color: #333333;



  font-weight: bold;



  text-transform: uppercase;



  background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;



}







#order_carrier span {



  display: block;



  padding: 15px;



  font-weight: bold;



}







.multishipping_close_container {



  text-align: center;



}







table#cart_summary .gift-icon {



  color: white;



  background: #0088cc;



  display: inline;



  line-height: 20px;



  padding: 2px 5px;



  border-radius: 5px;



}







#multishipping_mode_box {



  padding-top: 12px;



  padding-bottom: 19px;



}



#multishipping_mode_box .title {



  font-weight: bold;



  color: #333333;



  margin-bottom: 15px;



}



#multishipping_mode_box .description_off {



  display: none;



}



#multishipping_mode_box .description_off div {



  margin-bottom: 10px;



}



#multishipping_mode_box .description_off a:hover,



#multishipping_mode_box .description a:hover {



  background: #f3f3f3;



  border: 1px solid #cccccc;



}







#multishipping_mode_box.on .description_off {



  display: block;



}







.multishipping-cart .cart_address_delivery.form-control {



  width: 198px;



}







#order .address_add.submit {



  margin-bottom: 20px;



}







#ordermsg {



  margin-bottom: 30px;



}







#id_address_invoice.form-control,



#id_address_delivery.form-control {



  width: 269px;



}







.addresses .select label,



.addresses .selector,



.addresses .addresses .address_select {



  clear: both;



}



.addresses .waitimage {



  display: none;



  float: left;



  width: 24px;



  height: 24px;



  background-image: url(../../../img/loader.gif);



  background-repeat: no-repeat;



  position: relative;



  bottom: -2px;



  left: 10px;



}



.rtl .addresses .waitimage {



  float: right;



}



.rtl .addresses .waitimage {



  right: 10px;



  left: auto;



}



.addresses .checkbox.addressesAreEquals {



  clear: both;



  float: left;



  margin: 15px 0;



}



.rtl .addresses .checkbox.addressesAreEquals {



  float: right;



}







#order .delivery_option > div,



#order-opc .delivery_option > div {



  display: block;



  margin-bottom: 20px;



  font-weight: normal;



}



#order .delivery_option > div > table,



#order-opc .delivery_option > div > table {



  background: white;



  margin-bottom: 0;



}



#order .delivery_option > div > table.resume,



#order-opc .delivery_option > div > table.resume {



  height: 53px;



}



#order .delivery_option > div > table.resume.delivery_option_carrier,



#order-opc .delivery_option > div > table.resume.delivery_option_carrier {



  margin-top: 10px;



  width: 100%;



  background: #d9edf7;



  color: #31708f;



  border: 1px solid #bce8f1;



  font-weight: bold;



}



#order .delivery_option > div > table.resume.delivery_option_carrier td,



#order-opc .delivery_option > div > table.resume.delivery_option_carrier td {



  padding: 8px 11px 7px 11px;



}



#order .delivery_option > div > table.resume.delivery_option_carrier td i,



#order-opc .delivery_option > div > table.resume.delivery_option_carrier td i {



  font-size: 20px;



  margin-right: 7px;



  vertical-align: -2px;



}



.rtl #order .delivery_option > div > table.resume.delivery_option_carrier td i, .rtl



#order-opc .delivery_option > div > table.resume.delivery_option_carrier td i {



  margin-left: 7px;



  margin-right: inherit;



}



#order .delivery_option > div > table.resume td.delivery_option_radio,



#order-opc .delivery_option > div > table.resume td.delivery_option_radio {



  width: 54px;



  padding-left: 0;



  padding-right: 0;



  text-align: center;



}



.rtl #order .delivery_option > div > table.resume td.delivery_option_radio, .rtl



#order-opc .delivery_option > div > table.resume td.delivery_option_radio {



  padding-right: 0;



  padding-left: inherit;



}



.rtl #order .delivery_option > div > table.resume td.delivery_option_radio, .rtl



#order-opc .delivery_option > div > table.resume td.delivery_option_radio {



  padding-left: 0;



  padding-right: inherit;



}



#order .delivery_option > div > table.resume td.delivery_option_logo,



#order-opc .delivery_option > div > table.resume td.delivery_option_logo {



  width: 97px;



  padding-left: 21px;



}



.rtl #order .delivery_option > div > table.resume td.delivery_option_logo, .rtl



#order-opc .delivery_option > div > table.resume td.delivery_option_logo {



  padding-right: 21px;



  padding-left: inherit;



}



#order .delivery_option > div > table.resume td.delivery_option_price,



#order-opc .delivery_option > div > table.resume td.delivery_option_price {



  width: 162px;



}







.order_carrier_content {



  line-height: normal;



  padding-bottom: 16px;



}



.order_carrier_content .carrier_title {



  font-weight: bold;



  padding-bottom: 10px;



  color: #333333;



}



.order_carrier_content .checkbox input {



  margin-top: 2px;



}



.order_carrier_content .delivery_options_address .carrier_title {



  margin-bottom: 17px;



}



.order_carrier_content + div {



  padding-bottom: 15px;



}







#carrierTable {



  border: 1px solid #999999;



  border-bottom: none;



  background: white;



}







#carrierTable tbody {



  border-bottom: 1px solid #999999;



}







#carrierTable th {



  padding: 0 15px;



  height: 29px;



  font-weight: bold;



  line-height: 29px;



  color: #333333;



  text-transform: uppercase;



  background: url(../img/bg_table_th.png);



  background-repeat: repeat-x;



  background-color: #999999;



  background-position: -1% 0;



}



.rtl #carrierTable th {



  background-position: 101% 0;



}







#carrierTable td {



  padding: 15px;



  font-weight: bold;



  border-right: 1px solid #e9e9e9;



}



.rtl #carrierTable td {



  border-left: 1px solid #e9e9e9;



  border-right: inherit;



}







#carrierTable td.carrier_price {



  border: none;



}







p.checkbox.gift {



  margin-bottom: 10px;



}







#gift_div {



  display: none;



  margin-top: 5px;



  margin-bottom: 10px;



}







a.iframe {



  color: #333333;



  text-decoration: underline;



}



a.iframe:hover {



  text-decoration: none;



}







p.payment_module {



  margin-bottom: 10px;



}



p.payment_module a {



  display: block;



  border: 1px solid #dddddd;



  -webkit-border-radius: 4px;



  -moz-border-radius: 4px;



  -ms-border-radius: 4px;



  -o-border-radius: 4px;



  border-radius: 4px;



  font-size: 17px;



  line-height: 23px;



  color: #333333;



  font-weight: normal;



  padding: 33px 40px 34px 99px;



  letter-spacing: -1px;



  position: relative;



}



p.payment_module a.bankwire {



  background: url(../img/bankwire.png);



  background-repeat: no-repeat;



  background-position: 15px 12px;



}



p.payment_module a.cheque {



  background-image: url(../img/cheque.png);



  background-repeat: no-repeat;



  background-position: 15px 15px;



}



p.payment_module a.cash {



  background: url(../img/cash.png);



  background-repeat: no-repeat;



  background-position: 15px 15px;



}



p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after {



  display: block;



  content: "\f054";



  position: absolute;



  right: 15px;



  margin-top: -11px;



  top: 50%;



  font-family: "FontAwesome";



  font-size: 25px;



  height: 22px;



  width: 14px;



  color: #27c5dc;



}



p.payment_module a:hover {



  border: 1px solid #434a54;



}



p.payment_module a span {



  font-weight: bold;



}







.payment_module.box {



  margin-top: 20px;



}







p.cheque-indent {



  margin-bottom: 9px;



}







.cheque-box .form-group {



  margin-bottom: 0px;



}



.cheque-box .form-group .form-control {



  width: 269px;



}







.order-confirmation.box {



  line-height: 29px;



}



.order-confirmation.box a {



  text-decoration: underline;



}



.order-confirmation.box a:hover {



  text-decoration: none;



}







.delivery_option_carrier td {



  width: 200px;



}







.delivery_option_carrier td + td {



  width: 280px;



}







.delivery_option_carrier td + td + td {



  width: 200px;



}







.delivery_option_carrier tr td {



  padding: 5px;



}







.delivery_option_carrier.selected {



  display: table;



}







.delivery_option_carrier.not-displayable {



  display: none;



}







sup {



  color: red;



}







#address,



#identity,



#account-creation_form,



#new_account_form,



#opc_account_form,



#authentication {



  line-height: 20px;



}



#address p.required,



#identity p.required,



#account-creation_form p.required,



#new_account_form p.required,



#opc_account_form p.required,



#authentication p.required {



  color: #f13340;



  margin: 9px 0 16px 0;



}



#address p.inline-infos,



#identity p.inline-infos,



#account-creation_form p.inline-infos,



#new_account_form p.inline-infos,



#opc_account_form p.inline-infos,



#authentication p.inline-infos {



  color: red;



}



#address .gender-line,



#identity .gender-line,



#account-creation_form .gender-line,



#new_account_form .gender-line,



#opc_account_form .gender-line,



#authentication .gender-line {



  margin-bottom: 4px;



  padding-top: 4px;



}



#address .gender-line > label,



#identity .gender-line > label,



#account-creation_form .gender-line > label,



#new_account_form .gender-line > label,



#opc_account_form .gender-line > label,



#authentication .gender-line > label {



  margin-right: 10px;



  margin-bottom: 0;



}



.rtl #address .gender-line > label, .rtl



#identity .gender-line > label, .rtl



#account-creation_form .gender-line > label, .rtl



#new_account_form .gender-line > label, .rtl



#opc_account_form .gender-line > label, .rtl



#authentication .gender-line > label {



  margin-left: 10px;



  margin-right: inherit;



}



#address .gender-line .radio-inline label,



#identity .gender-line .radio-inline label,



#account-creation_form .gender-line .radio-inline label,



#new_account_form .gender-line .radio-inline label,



#opc_account_form .gender-line .radio-inline label,



#authentication .gender-line .radio-inline label {



  font-weight: normal;



  color: #777777;



}







#new_account_form .box {



  line-height: 20px;



}



#new_account_form .box .date-select {



  padding-bottom: 10px;



}



#new_account_form .box .top-indent {



  padding-top: 10px;



}



#new_account_form .box .customerprivacy {



  padding-top: 15px;



}







#password {



  padding-top: 0;



  border: none;



}



#password .box p {



  margin-bottom: 9px;



}







#form_forgotpassword {



  width: 300px;



}







#instant_search_results a.close {



  font-size: 13px;



  font-weight: 600;



  opacity: 1;



  filter: alpha(opacity=100);



  line-height: inherit;



  text-transform: none;



  font-family: "Lato", sans-serif;



}







#manufacturers_list h3,



#suppliers_list h3 {



  font-size: 17px;



  line-height: 23px;



}



#manufacturers_list .description,



#suppliers_list .description {



  line-height: 18px;



}



#manufacturers_list .product-counter a,



#suppliers_list .product-counter a {



  font-weight: bold;



}



#manufacturers_list.list li .mansup-container,



#suppliers_list.list li .mansup-container {



  border-top: 1px solid #dddddd;



  padding: 31px 0 30px 0;



}



@media (max-width: 767px) {



  #manufacturers_list.list li .mansup-container,



  #suppliers_list.list li .mansup-container {



    text-align: center;



  }



}



#manufacturers_list.list li:first-child .mansup-container,



#suppliers_list.list li:first-child .mansup-container {



  border-top: 0;



}



#manufacturers_list.list li .left-side,



#suppliers_list.list li .left-side {



  text-align: center;



}



#manufacturers_list.list li h3,



#suppliers_list.list li h3 {



  margin-top: -5px;



  padding-bottom: 8px;



}



#manufacturers_list.list li .middle-side,



#suppliers_list.list li .middle-side {



  padding-left: 0;



}



.rtl #manufacturers_list.list li .middle-side, .rtl



#suppliers_list.list li .middle-side {



  padding-right: 0;



  padding-left: inherit;



}



@media (max-width: 767px) {



  #manufacturers_list.list li .middle-side,



  #suppliers_list.list li .middle-side {



    padding-right: 15px;



    padding-left: 15px;



  }



  .rtl #manufacturers_list.list li .middle-side, .rtl



  #suppliers_list.list li .middle-side {



    padding-left: 15px;



    padding-right: inherit;



  }



  .rtl #manufacturers_list.list li .middle-side, .rtl



  #suppliers_list.list li .middle-side {



    padding-right: 15px;



    padding-left: inherit;



  }



}



#manufacturers_list.list li .right-side-content,



#suppliers_list.list li .right-side-content {



  border-left: 1px solid #dddddd;



  padding: 0 0 32px 31px;



  min-height: 108px;



}



.rtl #manufacturers_list.list li .right-side-content, .rtl



#suppliers_list.list li .right-side-content {



  border-right: 1px solid #dddddd;



  border-left: inherit;



}



@media (max-width: 767px) {



  #manufacturers_list.list li .right-side-content,



  #suppliers_list.list li .right-side-content {



    min-height: 1px;



    padding: 0;



    border: none;



  }



}



#manufacturers_list.list li .right-side-content .product-counter,



#suppliers_list.list li .right-side-content .product-counter {



  position: relative;



  top: -6px;



  margin-bottom: 12px;



}



@media (max-width: 767px) {



  #manufacturers_list.list li .right-side-content .product-counter,



  #suppliers_list.list li .right-side-content .product-counter {



    top: 0;



  }



}



#manufacturers_list.grid li,



#suppliers_list.grid li {



  text-align: center;



}



#manufacturers_list.grid li .product-container,



#suppliers_list.grid li .product-container {



  padding-top: 40px;



  padding-bottom: 20px;



  border-bottom: 1px solid #dddddd;



}



#manufacturers_list.grid li .product-container .left-side,



#suppliers_list.grid li .product-container .left-side {



  padding-bottom: 42px;



}



#manufacturers_list.grid li .product-container h3,



#suppliers_list.grid li .product-container h3 {



  padding-bottom: 10px;



}



#manufacturers_list.grid li .product-container .product-counter,



#suppliers_list.grid li .product-container .product-counter {



  margin-bottom: 12px;



}



@media (min-width: 1200px) {



  #manufacturers_list.grid li.first-in-line,



  #suppliers_list.grid li.first-in-line {



    clear: left;



  }



  #manufacturers_list.grid li.last-line .product-container,



  #suppliers_list.grid li.last-line .product-container {



    border-bottom: none;



  }



}



@media (min-width: 768px) and (max-width: 1199px) {



  #manufacturers_list.grid li.first-item-of-tablet-line,



  #suppliers_list.grid li.first-item-of-tablet-line {



    clear: left;



  }



  #manufacturers_list.grid li.last-tablet-line .product-container,



  #suppliers_list.grid li.last-tablet-line .product-container {



    border-bottom: none;



  }



}



@media (max-width: 767px) {



  #manufacturers_list.grid .product-container,



  #suppliers_list.grid .product-container {



    border-bottom: none;



  }



}







#manufacturer .description_box,



#supplier .description_box {



  padding-top: 20px;



  padding-bottom: 20px;



  border-top: 1px solid #dddddd;



}



#manufacturer .description_box .hide_desc,



#supplier .description_box .hide_desc {



  display: none;



}







table.discount i {



  font-size: 20px;



  line-height: 20px;



  vertical-align: -2px;



}







#guestTracking .form-control {



  max-width: 271px;



}



@media (min-width: 1200px) {



  #guestTracking .form-group {



    overflow: hidden;



  }



  #guestTracking .form-group i {



    padding-left: 10px;



  }



  .rtl #guestTracking .form-group i {



    padding-right: 10px;



    padding-left: inherit;



  }



  #guestTracking .form-control {



    float: left;



  }



  .rtl #guestTracking .form-control {



    float: right;



  }



  #guestTracking label {



    float: left;



    clear: both;



    width: 100%;



  }



  .rtl #guestTracking label {



    float: right;



  }



}







#pagenotfound .pagenotfound {



  max-width: 824px;



  margin: 100px auto 100px auto;



  text-align: center;



}



#pagenotfound .pagenotfound .img-404 {



  padding: 8px 0 27px 0;



}



#pagenotfound .pagenotfound .img-404 img {



  max-width: 100%;



}



#pagenotfound .pagenotfound h1 {



  font: 600 28px/34px "Poppins", sans-serif;



  color: #333333;



  text-transform: uppercase;



  margin-bottom: 7px;



}



#pagenotfound .pagenotfound p {



  font: 600 16px/20px "Lato", sans-serif;



  color: #555454;



  text-transform: uppercase;



  border-bottom: 1px solid #dddddd;



  padding-bottom: 19px;



  margin-bottom: 20px;



}



#pagenotfound .pagenotfound h3 {



  font-weight: bold;



  color: #333333;



  font-size: 13px;



  line-height: normal;



  margin-bottom: 18px;



}



#pagenotfound .pagenotfound label {



  font-weight: normal;



}



@media (max-width: 767px) {



  #pagenotfound .pagenotfound label {



    display: block;



  }



}



#pagenotfound .pagenotfound .form-control {



  max-width: 293px;



  display: inline-block;



  margin-right: 5px;



}



.rtl #pagenotfound .pagenotfound .form-control {



  margin-left: 5px;



  margin-right: inherit;



}



@media (max-width: 767px) {



  #pagenotfound .pagenotfound .form-control {



    margin: 0 auto 15px auto;



    display: block;



  }



}



#pagenotfound .pagenotfound .buttons {



  padding: 48px 0 20px 0;



}



#pagenotfound .pagenotfound .buttons .button-medium i.left {



  font-size: 17px;



}







#account-creation_form fieldset.reversoform {



  padding: 10px !important;



}







#account-creation_form fieldset.reversoform .text label {



  display: block;



  padding: 0 0 10px 0;



  width: 100%;



  text-align: left;



}



.rtl #account-creation_form fieldset.reversoform .text label {



  text-align: right;



}







#account-creation_form fieldset.reversoform .infos-sup {



  padding: 0 !important;



  font-size: 10px;



  font-style: italic;



  text-align: right;



}



.rtl #account-creation_form fieldset.reversoform .infos-sup {



  text-align: left;



}







#account-creation_form fieldset.customerprivacy label,



fieldset.customerprivacy label {



  cursor: pointer;



}







form#sendComment fieldset {



  padding: 10px;



  border: 1px solid #cccccc;



  background: #eeeeee;



}







form#sendComment h3 {



  font-size: 14px;



}







#new_comment_form p.text {



  margin-bottom: 0;



  padding-bottom: 0;



}







#sendComment p.text label,



#sendComment p.textarea label {



  display: block;



  margin: 12px 0 4px;



  font-weight: bold;



  font-size: 12px;



}







#sendComment p.text input {



  padding: 0 5px;



  height: 28px;



  width: 498px;



  border: 1px solid #cccccc;



  background: url(../img/bg_input.png);



  background-repeat: repeat-x;



  background-color: white;



  background-position: left 0 !important;



}



.rtl #sendComment p.text input {



  background-position: right 0 !important;



}







#sendComment p.textarea textarea {



  height: 80px;



  width: 508px;



  border: 1px solid #cccccc;



}







#sendComment p.submit {



  padding: 0;



  text-align: right;



}



.rtl #sendComment p.submit {



  text-align: left;



}







#sendComment p.closeform {



  float: right;



  padding: 0;



  height: 12px;



  width: 12px;



  text-indent: -5000px;



  background-image: url(../img/icon/delete.gif);



  background-repeat: no-repeat;



  background-position: left 0 !important;



}



.rtl #sendComment p.closeform {



  float: left;



}



.rtl #sendComment p.closeform {



  background-position: right 0 !important;



}







.star {



  position: relative;



  top: -1px;



  float: left;



  overflow: hidden;



  cursor: pointer;



  font-size: 11px;



  font-weight: normal;



  line-height: 20px;



}



.rtl .star {



  float: right;



}







.star {



  display: block;



}



.star a {



  display: block;



  position: absolute;



  text-indent: -5000px;



}







div.star:after {



  content: "\f005";



  font-family: "FontAwesome";



  display: inline-block;



  color: #c0c0c0;



}







div.star.star_on {



  display: block;



}



div.star.star_on:after {



  content: "\f005";



  font-family: "FontAwesome";



  display: inline-block;



  color: #fdd679;



}







div.star.star_hover:after {



  content: "\f005";



  font-family: "FontAwesome";



  display: inline-block;



  color: #fdd679;



}







@media (max-width: 1199px) {



  .zoomdiv {



    display: none !important;



  }



}



#product.content_only div.pb-left-column p.resetimg {



  margin-bottom: 0px;



  padding-top: 0px;



}



#product.content_only div.pb-left-column #thumbs_list_frame {



  margin-bottom: 0px;



}







#product_comparison td.compare_extra_information {



  padding: 10px;



}



#product_comparison #social-share-compare {



  margin-bottom: 50px;



}



@media (max-width: 767px) {



  #product_comparison #social-share-compare {



    margin-bottom: 20px;



    padding-bottom: 20px;



    border-bottom: 1px #aaaaaa dotted;



  }



}







.footer_links .btn {



  margin: 5px 0;



}



.footer_links .fa {



  margin-right: 5px;



}



.rtl .footer_links .fa {



  margin-left: 5px;



  margin-right: inherit;



}







@media (max-width: 767px) {



  .sidebar .block h4,



  .footer-block h4 {



    position: relative;



    margin-bottom: 0;



    padding-bottom: 13px;



  }



  .sidebar .block h4:after,



  .footer-block h4:after {



    display: block;



    content: "\f055";



    font-family: "FontAwesome";



    position: absolute;



    right: 10px;



    /* bottom: 12px; */



  }



  .rtl .sidebar .block h4:after, .rtl



  .footer-block h4:after {



    left: 10px;



    right: auto;



  }



  .sidebar .block h4.active:after,



  .footer-block h4.active:after {



    content: "\f056";



  }



}







.sidebar .block h4:after {



  bottom: 25px;



}



.sidebar .block#categories_block_left h4:after {



  bottom: 16px;



}







.footer-block h4:after {



  bottom: 12px;



}







#social_block ul {



  float: left;



  width: 100%;



  margin-top: 0px;



}



.rtl #social_block ul {



  float: right;



}



#social_block ul li {



  float: left;



  text-align: right;



}



.rtl #social_block ul li {



  float: right;



}



.rtl #social_block ul li {



  text-align: left;



}



#social_block ul li:hover {



  -webkit-transform: scale(1.1);



  -ms-transform: scale(1.1);



  transform: scale(1.1);



}



#social_block ul li a {



  width: 50px;



  height: 40px;



  line-height: 38px;



  display: inline-block;



  font-size: 16px;



  -webkit-border-radius: 3px;



  -moz-border-radius: 3px;



  -ms-border-radius: 3px;



  -o-border-radius: 3px;



  border-radius: 3px;



  position: relative;



  z-index: 1;



}



#social_block ul li a span {



  display: none;



}



#social_block ul li a:before {



  display: block !important;



  -webkit-transition: all 0.3s ease-out 0s;



  transition: all 0.3s ease-out 0s;



  font-family: "FontAwesome";



  /* background-color: $red; */



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



  position: absolute;



  width: 100%;



  content: "";



  height: 100%;



  left: 0;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



#social_block ul li.facebook a:before {



  content: "\f09a";



}



#social_block ul li.facebook a:hover {



  color: #428bca;



}



#social_block ul li.twitter a:before {



  content: "\f099";



}



#social_block ul li.twitter a:hover {



  color: #5bc0de;



}



#social_block ul li.rss a:before {



  content: "\f09e";



}



#social_block ul li.rss a:hover {



  color: #d9534f;



}



#social_block ul li.youtube a:before {



  content: "\f167";



}



#social_block ul li.youtube a:hover {



  color: #428bca;



}



#social_block ul li.google-plus a:before {



  content: "\f0d5";



}



#social_block ul li.google-plus a:hover {



  color: #5cb85c;



}



#social_block ul li.pinterest a:before {



  content: "\f0d2";



}



#social_block ul li.pinterest a:hover {



  color: #f0ad4e;



}



#social_block ul li.vimeo a:before {



  content: "\f194";



}



#social_block ul li.vimeo a:hover {



  color: #5cb85c;



}



#social_block ul li.instagram a:before {



  content: "\f16d";



}



#social_block ul li.instagram a:hover {



  color: #5cb85c;



}







.socialsharing_product button span {



  display: none;



}



.socialsharing_product .btn-facebook,



.socialsharing_product .btn-twitter,



.socialsharing_product .btn-google-plus,



.socialsharing_product .btn-pinterest {



  background-color: white;



  color: #333333;



}



.socialsharing_product .btn-facebook:hover,



.socialsharing_product .btn-twitter:hover,



.socialsharing_product .btn-google-plus:hover,



.socialsharing_product .btn-pinterest:hover {



  border-color: white;



}



.socialsharing_product .btn-facebook i {



  color: #666666;



}



.socialsharing_product .btn-facebook:hover {



  color: white;



  /* background-color: #435f9f; */



}



.socialsharing_product .btn-facebook:hover i {



  color: #435f9f;



}



.socialsharing_product .btn-twitter i {



  color: #666666;



}



.socialsharing_product .btn-twitter:hover {



  color: white;



  /* background-color: #00aaf0; */



}



.socialsharing_product .btn-twitter:hover i {



  color: #00aaf0;



}



.socialsharing_product .btn-google-plus i {



  color: #666666;



}



.socialsharing_product .btn-google-plus:hover {



  color: white;



  /* background-color: #e04b34; */



}



.socialsharing_product .btn-google-plus:hover i {



  color: #e04b34;



}



.socialsharing_product .btn-pinterest i {



  color: #666666;



}



.socialsharing_product .btn-pinterest:hover {



  color: white;



  /* background-color: #ce1f21; */



}



.socialsharing_product .btn-pinterest:hover i {



  color: #ce1f21;



}







.form-group.form-error input, .form-group.form-error textarea, .form-group .form-error input, .form-group .form-error textarea {



  border: 1px solid #f13340;



  color: #f13340;



  background-image: url(../img/icon/form-error.png);



  background-repeat: no-repeat;



  background-color: #fff1f2;



  background-position: 98% 5px;



}



.rtl .form-group.form-error input, .rtl .form-group.form-error textarea, .rtl .form-group .form-error input, .rtl .form-group .form-error textarea {



  background-position: 2% 5px;



}



.form-group.form-ok input, .form-group.form-ok textarea, .form-group .form-ok input, .form-group .form-ok textarea {



  border: 1px solid #46a74e;



  color: #35b33f;



  background: url(../img/icon/form-ok.png);



  background-repeat: no-repeat;



  background-color: #ddf9e1;



  background-position: 98% 5px;



}



.rtl .form-group.form-ok input, .rtl .form-group.form-ok textarea, .rtl .form-group .form-ok input, .rtl .form-group .form-ok textarea {



  background-position: 2% 5px;



}



.form-group.form-error .form-control, .form-group.form-ok .form-control, .form-group .form-error .form-control, .form-group .form-ok .form-control {



  padding-right: 30px;



}



.rtl .form-group.form-error .form-control, .rtl .form-group.form-ok .form-control, .rtl .form-group .form-error .form-control, .rtl .form-group .form-ok .form-control {



  padding-left: 30px;



  padding-right: inherit;



}







.payment_option_form {



  display: none;



}







.payment_option_logo {



  height: 50px;



  max-height: 50px;



}







.payment_module_adv {



  height: 120px;



  max-height: 120px;



}







.payment_option_selected {



  display: none;



  margin-top: 15px;



}



.payment_option_selected i {



  color: green;



}







.payment_option_cta {



  margin-left: 10px;



  color: #333 !important;



}



.rtl .payment_option_cta {



  margin-right: 10px;



  margin-left: inherit;



}







.tnc_box {



  background: #fbfbfb;



  border: 1px solid #d6d4d4;



  padding: 14px 18px 13px;



  margin: 0 0 30px 0;



  line-height: 23px;



}







.pointer-box {



  cursor: pointer;



}







/* Back to top */



#back-top {



  text-align: center;



  position: fixed;



  cursor: pointer;



  right: 50px;



  bottom: 27px;



  z-index: 99;



}



.rtl #back-top {



  left: 50px;



  right: auto;



}



#back-top a {



  width: 45px;



  height: 45px;



  background: white;



  color: #27c5dc;



  font-size: 20px;



  line-height: 45px;



  border: 2px #27c5dc solid;



}



#back-top a:hover {



  color: white;



  border: 2px #27c5dc solid;



  background: #27c5dc;



}







/* Total Wishlist - Compare */



.ap-total {



  position: relative;



  text-align: center;



  padding: 0 5px;



  color: #999;



  font-size: 12px;



  margin-left: 5px;



}



.ap-total:before {



  content: "(";



  position: absolute;



  left: 0;



  top: 0;



}



.rtl .ap-total:before {



  right: 0;



  left: auto;



}



.ap-total:after {



  content: ")";



  position: absolute;



  right: 0;



  top: 0;



}



.rtl .ap-total:after {



  left: 0;



  right: auto;



}







.box-select {



  position: relative;



  z-index: 2;



  background: white;



  margin-bottom: 0px;



}



.box-select:after {



  content: "\f107";



  font-family: "FontAwesome";



  font-size: 14px;



  position: absolute;



  top: 0;



  bottom: 0;



  z-index: -1;



  right: 0px;



  color: #272727;



  width: 35px;



  height: 35px;



  line-height: 35px;



  text-align: center;



}



.rtl .box-select:after {



  left: 0px;



  right: auto;



}



.box-select:after:hover {



  background: red;



}



.box-select select {



  width: 35px;



  height: 35px;



  line-height: 35px;



  z-index: 9;



  background: transparent;



  -webkit-box-shadow: none;



  box-shadow: none;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



  border-radius: 0px;



  appearance: none;



  -moz-appearance: none;



  -ms-appearance: none;



  -o-appearance: none;



  -webkit-appearance: none;



  padding: 0 35px 0 10px;



}



.rtl .box-select select {



  padding: 0 10px 0 35px;



}



.box-select select:focus, .box-select select:hover, .box-select select:active {



  -webkit-box-shadow: none;



  box-shadow: none;



}







select::-ms-expand {



  display: none;



}







@media (max-width: 1199px) {



  .content_sortPagiBar span, .content_sortPagiBar label {



    font-size: 11px;



  }



  .content_sortPagiBar .pagination li.current span {



    line-height: 20px;



  }



}



@media (max-width: 480px) {



  .content_sortPagiBar .sort, .content_sortPagiBar #pagination_bottom {



    display: inline-block;



    position: relative;



    left: 50%;



    -webkit-transform: translateX(-50%);



    -moz-transform: translateX(-50%);



    -ms-transform: translateX(-50%);



    -o-transform: translateX(-50%);



  }



  .rtl .content_sortPagiBar .sort, .rtl .content_sortPagiBar #pagination_bottom {



    right: 50%;



    left: auto;



  }



  .content_sortPagiBar .product-count {



    width: 100%;



    text-align: center;



    margin-bottom: 10px;



  }







  #back-top {



    right: 15px;



  }



  .rtl #back-top {



    left: 15px;



    right: auto;



  }







  .rtl .content_sortPagiBar .sort, .rtl .content_sortPagiBar #pagination_bottom {



    -webkit-transform: translateX(50%);



    -moz-transform: translateX(50%);



    -ms-transform: translateX(50%);



    -o-transform: translateX(50%);



  }



}



.sidebar .block-default {



  border-color: #dddddd;



}



.sidebar .block-default .title_block {



  color: #333333;



  background-color: whitesmoke;



  border-color: #dddddd;



}



.sidebar .block-default .title_block a {



  color: #333333;



}



.sidebar .block-default .title_block + .block-collapse .block_content {



  border-top-color: #dddddd;



}



.sidebar .block-default > .block-footer + .block-collapse .block-body {



  border-bottom-color: #dddddd;



}



.sidebar .block-primary {



  border-color: #428bca;



}



.sidebar .block-primary .title_block {



  color: white;



  background-color: #428bca;



  border-color: #428bca;



}



.sidebar .block-primary .title_block a {



  color: white;



}



.sidebar .block-primary .title_block + .block-collapse .block_content {



  border-top-color: #428bca;



}



.sidebar .block-primary > .block-footer + .block-collapse .block-body {



  border-bottom-color: #428bca;



}



.sidebar .block-success {



  border-color: #d6e9c6;



}



.sidebar .block-success .title_block {



  color: #3c763d;



  background-color: #dff0d8;



  border-color: #d6e9c6;



}



.sidebar .block-success .title_block a {



  color: #3c763d;



}



.sidebar .block-success .title_block + .block-collapse .block_content {



  border-top-color: #d6e9c6;



}



.sidebar .block-success > .block-footer + .block-collapse .block-body {



  border-bottom-color: #d6e9c6;



}



.sidebar .block-info {



  border-color: #bce8f1;



}



.sidebar .block-info .title_block {



  color: #31708f;



  background-color: #d9edf7;



  border-color: #bce8f1;



}



.sidebar .block-info .title_block a {



  color: #31708f;



}



.sidebar .block-info .title_block + .block-collapse .block_content {



  border-top-color: #bce8f1;



}



.sidebar .block-info > .block-footer + .block-collapse .block-body {



  border-bottom-color: #bce8f1;



}



.sidebar .block-warning {



  border-color: #faebcc;



}



.sidebar .block-warning .title_block {



  color: #8a6d3b;



  background-color: #fcf8e3;



  border-color: #faebcc;



}



.sidebar .block-warning .title_block a {



  color: #8a6d3b;



}



.sidebar .block-warning .title_block + .block-collapse .block_content {



  border-top-color: #faebcc;



}



.sidebar .block-warning > .block-footer + .block-collapse .block-body {



  border-bottom-color: #faebcc;



}



.sidebar .block-danger {



  border-color: #ebccd1;



}



.sidebar .block-danger .title_block {



  color: #a94442;



  background-color: #f2dede;



  border-color: #ebccd1;



}



.sidebar .block-danger .title_block a {



  color: #a94442;



}



.sidebar .block-danger .title_block + .block-collapse .block_content {



  border-top-color: #ebccd1;



}



.sidebar .block-danger > .block-footer + .block-collapse .block-body {



  border-bottom-color: #ebccd1;



}



.sidebar .block-highlighted {



  border-color: #dddddd;



}



.sidebar .block-highlighted .title_block {



  color: white;



  background-color: #e74c3c;



  border-color: #dddddd;



}



.sidebar .block-highlighted .title_block a {



  color: white;



}



.sidebar .block-highlighted .title_block + .block-collapse .block_content {



  border-top-color: #dddddd;



}



.sidebar .block-highlighted > .block-footer + .block-collapse .block-body {



  border-bottom-color: #dddddd;



}



.sidebar .block {



  margin-bottom: 30px;



  border: 1px #eaeaea solid;



}



.sidebar .block .title_block {



  color: black;



  position: relative;



  text-transform: uppercase;



  font-family: "Poppins", sans-serif;



  font-weight: 700;



  padding: 25px 18px;



  font-size: 18px;



  letter-spacing: 1px;



  background: white;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  border: none;



  margin: 0;



}



.sidebar .block .title_block a {



  color: black;



}



.sidebar .block .title_block:before {



  position: absolute;



  content: "";



  width: 30px;



  height: 2px;



  bottom: 0;



  left: 18px;



  background: #27c5dc;



}



.rtl .sidebar .block .title_block:before {



  right: 18px;



  left: auto;



}



.sidebar .block .block_content {



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



  border-radius: 0px;



  padding: 20px;



  background: white;



}



.sidebar .block .block_content:before, .sidebar .block .block_content:after {



  content: " ";



  display: table;



}



.sidebar .block .block_content:after {



  clear: both;



}



.sidebar .block .block_content.products-block {



  padding: 9px 20px 20px;



}



.sidebar .block .block_content.products-block li {



  padding-top: 20px;



  padding-bottom: 20px;



  margin: 0;



}



.sidebar .block .block_content.products-block li + li {



  border-top: 1px #eaeaea solid;



}



.sidebar .product-block .name a {



  font-size: 14px;



}







.footer-container a {



  color: #999999;



}



.footer-container a:hover {



  color: #27c5dc;



}



.footer-container .title_block {



  font-size: 18px;



  font-weight: 700;



  color: white;



  margin-bottom: 35px;



}



@media (max-width: 767px) {



  .footer-container .title_block {



    margin-bottom: 10px;



  }



}



.footer-container .info_footer {



  font-size: 15px;



}



.footer-container ul li {



  padding: 0;



  text-transform: capitalize;



}



.footer-container ul li a {



  line-height: 35px;



}



.footer-container .copyright .block, .footer-container .payment .block {



  margin-top: 14px;



  margin-bottom: 14px;



}



@media (max-width: 991px) {



  .footer-container .copyright {



    text-align: center;



  }



}



.footer-container .payment {



  text-align: center;



}



@media (min-width: 992px) {



  .footer-container .payment {



    text-align: right;



  }



  .rtl .footer-container .payment {



    text-align: left;



  }



}



.footer-container .payment img {



  display: inline-block;



}



@media (min-width: 992px) {



  .footer-container .service_footer .media {



    display: flex;



    float: left;



  }



  .rtl .footer-container .service_footer .media {



    float: right;



  }



}



.footer-container .service_footer .media .icon-box {



  font-size: 25px;



  color: #27c5dc;



  width: 80px;



  height: 80px;



  -webkit-border-radius: 100%;



  -moz-border-radius: 100%;



  -ms-border-radius: 100%;



  -o-border-radius: 100%;



  border-radius: 100%;



  border: 3px #27c5dc solid;



  text-align: center;



  line-height: 70px;



}



@media (min-width: 992px) {



  .footer-container .service_footer .media .icon-box {



    margin-right: 20px;



  }



  .rtl .footer-container .service_footer .media .icon-box {



    margin-left: 20px;



    margin-right: inherit;



  }



}



.footer-container .service_footer .media h4 {



  font-size: 18px;



  font-family: "Poppins", sans-serif;



  font-weight: 700;



  margin-top: 19px;



}



.footer-container .service_footer .media h4 a {



  color: white;



}



.footer-container .service_footer .media h4 a:hover {



  color: #27c5dc;



}



.footer-container .service_footer .media p {



  font-size: 16px;



}



.footer-container .service_footer .btn {



  font-weight: 700;



  text-transform: uppercase;



  font-size: 16px;



  padding: 15px 39px;



  -webkit-transition: all 0.3s ease-out;



  transition: all 0.3s ease-out;



  border-width: 2px;



  float: right;



  margin-top: 12px;



  margin-bottom: 12px;



  color: black;



}



.rtl .footer-container .service_footer .btn {



  float: left;



}



.footer-container .service_footer .btn:hover {



  color: #27c5dc;



}



@media (max-width: 991px) {



  .footer-container .service_footer {



    text-align: center;



  }



  .footer-container .service_footer .icon-box, .footer-container .service_footer .btn_service {



    display: inline-block;



  }



}



@media (max-width: 767px) {



  .footer-container .ApColumn .block {



    margin-bottom: 0;



  }



}







#footer .title_block a {



  color: white;



}



#footer .contact_info .block {



  position: relative;



  margin-bottom: 0;



}



#footer .contact_info .image_description {



  background: white;



  padding: 42px 56px 22px;



}



@media (min-width: 992px) {



  #footer .contact_info .image_description {



    position: absolute;



    bottom: 0;



    left: 0;



  }



  .rtl #footer .contact_info .image_description {



    right: 0;



    left: auto;



  }



}



#footer .contact_info .image_description li {



  display: flex;



  line-height: 35px;



  text-transform: none;



  padding: 3px 0;



}



#footer .contact_info .image_description li i {



  font-size: 16px;



  color: black;



  min-width: 16px;



  margin-right: 14px;



  line-height: 35px;



}



.rtl #footer .contact_info .image_description li i {



  margin-left: 14px;



  margin-right: inherit;



}



#footer .contact_info .image_description li span, #footer .contact_info .image_description li a {



  color: #666666;



}



#footer .contact_info .image_description li:first-child i, #footer .contact_info .image_description li:first-child span {



  line-height: 24px;



}







.logo {



  display: inline-block;



}







.header_block_right {



  padding-top: 15px;



  padding-bottom: 15px;



}



@media (max-width: 991px) {



  .header_block_right {



    padding-top: 0;



    padding-bottom: 20px;



  }



}







@media (min-width: 992px) {



  .top_nav_style1 .header_user_info .popup-title {



    display: none;



  }



  .top_nav_style1 .header_user_info .links {



    display: block;



    position: static;



    background: transparent;



    border: none;



  }



  .top_nav_style1 .header_user_info .links li {



    padding: 0;



  }



  .top_nav_style1 .header_user_info .links li .my_account {



    display: none;



  }



  .top_nav_style1 .header_user_info .links i {



    display: none;



  }



}







@media (min-width: 992px) {



  .header-left #header_logo {



    text-align: left;



  }



  .rtl .header-left #header_logo {



    text-align: right;



  }



}



.header-classic #header_logo {



  float: left;



}



.rtl .header-classic #header_logo {



  float: right;



}



.header-classic #leo-megamenu {



  float: left;



}



.rtl .header-classic #leo-megamenu {



  float: right;



}







.header-right #header_logo {



  text-align: right;



}



.rtl .header-right #header_logo {



  text-align: left;



}







@media (max-width: 991px) {



  .header-center #header_logo {



    text-align: center;



  }



}







/******************************************************



 * $package Leo Theme Framework for Leo THeme 1.6.x



 * $version 1.1



 * $author http://www.leotheme.com



 * $copyright   Copyright (C) Augus 2013 PavoThemes.com <$emai:leotheme$gmail.com>.All rights reserved.



 * $license     GNU General Public License version 2



 *******************************************************/



/*  



 * LAYOUT VARIABLES 



 */



#page {



  overflow: hidden;



}







body.keep-header {



  backface-visibility: hidden;



  /* W3C */



  -webkit-backface-visibility: hidden;



  /* Safari & Chrome */



  -moz-backface-visibility: hidden;



  /* Firefox */



  -ms-backface-visibility: hidden;



  /* Internet Explorer */



  -o-backface-visibility: hidden;



  /* Opera */



}



body.layout-boxed-md {



  /* background: $white; */



}



body.layout-boxed-md #page {



  max-width: 990px;



  -webkit-box-shadow: 0 0 5px #d5d5d5;



  box-shadow: 0 0 5px #d5d5d5;



  margin: 0 auto;



  /* background: $white; */



}



body.layout-boxed-md #page .container {



  max-width: 970px;



}



body.layout-boxed-lg {



  /* background: $white; */



}



body.layout-boxed-lg #page {



  max-width: 1220px;



  -webkit-box-shadow: 0 0 5px #d5d5d5;



  box-shadow: 0 0 5px #d5d5d5;



  margin: 0 auto;



  /* background: $white; */



}



body.layout-boxed-lg #page .container {



  max-width: 1200px;



}



body.layout-boxed-lg.lang_fr .header_user_info .links a {



  margin: 0 8px;



}



body.layout-boxed-lg .content_sortPagiBar span, body.layout-boxed-lg .content_sortPagiBar label {



  font-size: 11px;



}



body.layout-boxed-lg .content_sortPagiBar .nbrItemPage {



  margin-left: 0px;



}



.rtl body.layout-boxed-lg .content_sortPagiBar .nbrItemPage {



  margin-right: 0px;



  margin-left: inherit;



}



body.layout-boxed-lg .content_sortPagiBar .pagination li.current span {



  line-height: 20px;



}







.container {



  position: relative;



}







/*



* HEADER 



*/



#topbar {



  min-height: 30px;



  font-size: 14px;



  background: #333333;



}



#topbar .container {



  background: transparent;



  color: #999999;



}



#topbar .links {



  padding: 15px 0px 16px;



}







#header-main {



  background: white;



}



#header-main .container {



  background: transparent;



  color: #999999;



}







/* FOOTER */



#footer {



  background: #333333;



}



#footer:before, #footer:after {



  content: " ";



  display: table;



}



#footer:after {



  clear: both;



}



#footer .container {



  background: transparent;



  color: #999999;



}







/*



* NAVIGATION



*/



#leo-megamenu {



  font-family: "Lato", sans-serif;



  background: transparent;



  color: #b1b1b1;



  /* menu level 1 */



  /* level 2 */



  /* level > 3 */



}



#leo-megamenu .navbar-toggle:before {



  content: "";



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: rgba(0, 0, 0, 0.5);



  z-index: 999;



  opacity: 0;



  filter: alpha(opacity=0);



  visibility: hidden;



  -webkit-transition: all 0.5s;



  transition: all 0.5s;



}



#leo-megamenu .leo-colorbox {



  display: none !important;



}



#leo-megamenu .navbar {



  background: transparent;



  border: 0;



  margin: 0;



  padding: 0;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



}



#leo-megamenu .navbar-nav {



  display: inline-block;



  float: none;



  margin-bottom: -4px;



}



#leo-megamenu .navbar-nav > li.aligned-fullwidth {



  position: static;



}



#leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu {



  width: 100%!important;



}



#leo-megamenu .navbar-nav > li.aligned-right .dropdown-menu {



  right: 0;



  left: inherit;



}



.rtl #leo-megamenu .navbar-nav > li.aligned-right .dropdown-menu {



  left: 0;



  right: auto;



}



.rtl #leo-megamenu .navbar-nav > li.aligned-right .dropdown-menu {



  right: inherit;



  left: auto;



}



#leo-megamenu .navbar-nav > li.aligned-right .dropdown-menu .dropdown-menu {



  right: 100%;



}



#leo-megamenu .navbar-nav > li.aligned-left .dropdown-menu {



  left: 0;



  right: inherit;



}



.rtl #leo-megamenu .navbar-nav > li.aligned-left .dropdown-menu {



  right: 0;



  left: auto;



}



.rtl #leo-megamenu .navbar-nav > li.aligned-left .dropdown-menu {



  left: inherit;



  right: auto;



}



#leo-megamenu .navbar-nav > li.aligned-left .dropdown-menu .dropdown-menu {



  left: 100%;



}



#leo-megamenu .navbar-nav > li.aligned-center .dropdown-menu {



  left: 50%;



  -webkit-transform: translate(-50%, 0);



  -ms-transform: translate(-50%, 0);



  transform: translate(-50%, 0);



}



#leo-megamenu .navbar-nav > li > a {



  padding: 25px 17px;



  font-size: 16px;



  text-transform: capitalize;



  color: black;



  background-color: transparent;



  font-weight: normal;



  -webkit-transition: all 350ms ease-out;



  transition: all 350ms ease-out;



}



#leo-megamenu .navbar-nav > li > a:hover, #leo-megamenu .navbar-nav > li > a:focus, #leo-megamenu .navbar-nav > li > a:active {



  color: #27c5dc;



  background-color: transparent;



}



#leo-megamenu .navbar-nav > li > a:after {



  content: "";



  bottom: 0;



  left: 0;



  right: 0;



  margin: 0 auto;



  line-height: 0;



  position: absolute;



  border-left: 6px solid transparent;



  border-right: 6px solid transparent;



  border-bottom: 0px solid white;



  width: 0px;



  height: 0px;



  opacity: 0;



  filter: alpha(opacity=0);



  -webkit-transition: border 300ms ease-out 0s;



  transition: border 300ms ease-out 0s;



}



#leo-megamenu .navbar-nav > li:active > a, #leo-megamenu .navbar-nav > li.active > a, #leo-megamenu .navbar-nav > li:hover > a {



  color: #27c5dc;



}



#leo-megamenu .navbar-nav > li:active > a .caret, #leo-megamenu .navbar-nav > li.active > a .caret, #leo-megamenu .navbar-nav > li:hover > a .caret {



  color: #27c5dc;



}



#leo-megamenu .navbar-nav > li .caret {



  position: relative;



  color: black;



  margin-left: 5px;



  font-size: 12px;



}



#leo-megamenu .navbar-nav > li:hover > .caret, #leo-megamenu .navbar-nav > li:active > .caret {



  color: #27c5dc;



}



#leo-megamenu .dropdown-menu {



  top: 100%;



  left: -9999px;



  height: auto;



  font-weight: 300;



  color: #333333;



  border: 0;



  min-width: 185px;



  padding: 20px;



  background-color: white;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



  border-radius: 0px;



  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);



  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);



  -webkit-transition: opacity 0.3s linear 0s;



  transition: opacity 0.3s linear 0s;



  text-align: left;



}



.rtl #leo-megamenu .dropdown-menu {



  text-align: right;



}



#leo-megamenu .dropdown-menu li {



  line-height: 25px;



  padding: 3px 0;



}



#leo-megamenu .dropdown-menu li a {



  color: #333333;



  padding: 0;



  font-weight: 300;



  font-size: 14px;



  line-height: 25px;



  text-transform: capitalize;



}



#leo-megamenu .dropdown-menu li a:hover {



  background-color: transparent;



  color: #27c5dc;



}



#leo-megamenu .dropdown-menu li a:hover .fa {



  color: #27c5dc;



}



#leo-megamenu .dropdown-menu .menu-title {



  font-size: 15px;



  text-transform: capitalize;



  color: black;



  padding: 0 0 15px;



  font-weight: 400;



}



#leo-megamenu .dropdown-menu .menu-title:hover {



  color: #27c5dc;



}



#leo-megamenu .dropdown-menu a > .menu-title {



  text-transform: none;



}



#leo-megamenu .dropdown:hover > .dropdown-menu {



  display: block;



  left: 0px;



}



#leo-megamenu .dropdown:hover > a {



  color: #27c5dc;



}



#leo-megamenu .dropdown:hover > a .fa {



  color: #27c5dc;



}



#leo-megamenu .dropdown-submenu {



  position: relative;



}



#leo-megamenu .dropdown-submenu .dropdown-menu {



  top: 0;



  right: -100%;



  left: auto;



  position: absolute;



}



.rtl #leo-megamenu .dropdown-submenu .dropdown-menu {



  left: -100%;



  right: auto;



}



#leo-megamenu .dropdown-submenu:hover > .dropdown-menu {



  display: block;



  top: 0;



}



#leo-megamenu .mega-group > .dropdown-toggle {



  border: 0;



  display: block;



  letter-spacing: 3px;



  text-transform: uppercase;



  font-family: "Poppins", sans-serif;



  color: white;



}



#leo-megamenu .mega-group > .dropdown-toggle .fa {



  color: white;



}



#leo-megamenu .megamenu .cols1 {



  min-width: 200px;



}



#leo-megamenu .megamenu .cols2 {



  min-width: 500px;



}



#leo-megamenu .megamenu .cols3 {



  min-width: 740px;



}



#leo-megamenu .widget-html {



  margin-top: 20px;



}



#leo-megamenu .product-block {



  background: transparent;



  margin-bottom: 0;



}



#leo-megamenu .product-block .image {



  height: auto;



  float: left;



  margin: 0 0 10px;



  border: none;



}



.rtl #leo-megamenu .product-block .image {



  float: right;



}



#leo-megamenu .product-block .product-meta {



  overflow: hidden;



  zoom: 1;



}



#leo-megamenu .manu-logo img {



  border: 1px solid #dddddd;



  margin-bottom: 10px;



  margin-right: 10px;



}



#leo-megamenu .widget-html img {



  width: 100%;



}







/*



 *



 * Vertical menu



 */



#leo-verticalmenu {



  margin-bottom: 0;



}







div.verticalmenu {



  z-index: 100;



  border: 2px #27c5dc solid;



  background: white;



}



div.verticalmenu .leo-widget {



  margin-bottom: 20px;



}



div.verticalmenu .navbar-collapse, div.verticalmenu .navbar-vertical {



  margin: 0;



  padding: 0;



}



div.verticalmenu .navbar-nav {



  position: static;



  float: none;



  width: 100%;



}



div.verticalmenu .navbar-nav > li {



  position: relative;



  width: 100%;



  height: auto;



  -webkit-transition: all 0.3s ease;



  transition: all 0.3s ease;



}



@media (min-width: 992px) {



  div.verticalmenu .navbar-nav > li:hover > .dropdown-menu, div.verticalmenu .navbar-nav > li:active > .dropdown-menu, div.verticalmenu .navbar-nav > li:focus > .dropdown-menu {



    left: 100% !important;



    top: -1px;



    display: block;



    opacity: 1;



    filter: alpha(opacity=100);



  }



  .rtl div.verticalmenu .navbar-nav > li:hover > .dropdown-menu, .rtl div.verticalmenu .navbar-nav > li:active > .dropdown-menu, .rtl div.verticalmenu .navbar-nav > li:focus > .dropdown-menu {



    right: 100% !important;



    left: auto;



  }



  div.verticalmenu .navbar-nav > li:hover .caret:before, div.verticalmenu .navbar-nav > li:active .caret:before, div.verticalmenu .navbar-nav > li:focus .caret:before {



    -webkit-transform: rotate(-90deg);



    -moz-transform: rotate(-90deg);



    -ms-transform: rotate(-90deg);



    -o-transform: rotate(-90deg);



  }



  div.verticalmenu .navbar-nav > li:hover > a:after, div.verticalmenu .navbar-nav > li:hover > a:before, div.verticalmenu .navbar-nav > li:active > a:after, div.verticalmenu .navbar-nav > li:active > a:before, div.verticalmenu .navbar-nav > li:focus > a:after, div.verticalmenu .navbar-nav > li:focus > a:before {



    margin: 0 -20px;



  }



}



div.verticalmenu .navbar-nav > li > a {



  display: block;



  color: black;



  font-size: 16px;



  padding: 15px 17px 16px;



  font-family: "Lato", sans-serif;



  border-bottom: 1px solid #eaeaea;



}



@media (max-width: 1199px) {



  div.verticalmenu .navbar-nav > li > a {



    padding: 11px 17px 12px;



  }



}



div.verticalmenu .navbar-nav > li .caret {



  position: absolute;



  right: 0;



  top: 17px;



  width: 33px;



  height: 40px;



  border: none;



  margin: -5px 0;



}



.rtl div.verticalmenu .navbar-nav > li .caret {



  left: 0;



  right: auto;



}



div.verticalmenu .navbar-nav > li .caret:before {



  position: absolute;



  content: "\f0da";



  font-family: "FontAwesome";



  font-weight: normal;



  color: black;



  left: 12px;



  top: 6px;



}



@media (max-width: 1199px) {



  div.verticalmenu .navbar-nav > li .caret {



    top: 11px;



  }



}



div.verticalmenu .navbar-nav > li .dropdown-submenu .caret {



  top: 0;



}



div.verticalmenu .navbar-nav > li.last a, div.verticalmenu .navbar-nav > li:last-child a {



  border: 0;



}



div.verticalmenu .navbar-nav > li:hover > a {



  color: #27c5dc;



}



div.verticalmenu .navbar-nav > li:hover > a:hover, div.verticalmenu .navbar-nav > li:hover > a:focus {



  color: #27c5dc;



  /* border-color: $border-color; */



}



div.verticalmenu .navbar-nav > li:hover > .caret {



  color: #27c5dc;



}



div.verticalmenu .navbar-nav > li.open > a {



  color: #27c5dc;



  background: white;



}



div.verticalmenu .navbar-nav > li.open > a:hover, div.verticalmenu .navbar-nav > li.open > a:focus {



  color: #27c5dc;



  background: white;



  border-color: #dddddd;



}



div.verticalmenu .navbar-nav > li.open > .caret {



  color: #27c5dc;



}



div.verticalmenu .navbar-nav > li .parent {



  position: relative;



}



div.verticalmenu .navbar-nav > li .parent > .dropdown-toggle {



  text-transform: none;



  font-weight: normal;



  color: #333333;



}



div.verticalmenu .navbar-nav > li .parent > .dropdown-toggle:hover {



  color: #27c5dc;



}



div.verticalmenu ul li a .menu-icon {



  display: block;



  background-position: left center !important;



}



.rtl div.verticalmenu ul li a .menu-icon {



  background-position: right center !important;



}



div.verticalmenu ul li a .menu-icon span {



  display: block;



  margin-left: 35px;



}



.rtl div.verticalmenu ul li a .menu-icon span {



  margin-right: 35px;



  margin-left: inherit;



}



div.verticalmenu ul li a .menu-icon .menu-desc {



  display: none;



}



div.verticalmenu ul li a .menu-title {



  display: block;



  text-transform: capitalize;



  color: black;



}



div.verticalmenu ul li a .sub-title {



  font-size: 14px;



}



div.verticalmenu ul li a:hover, div.verticalmenu ul li a:focus {



  color: #27c5dc;



  background: transparent;



}



div.verticalmenu ul li a:hover .menu-title, div.verticalmenu ul li a:focus .menu-title {



  color: #27c5dc;



}



div.verticalmenu .dropdown-menu {



  left: -9999px;



  top: -9999px;



  right: auto;



  border: 0;



  min-height: 100px;



  height: auto !important;



  min-width: 215px;



  padding: 20px 28px;



  background: white;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);



  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);



}



div.verticalmenu .dropdown-menu ul li {



  border: 0;



  padding: 4px 0;



  line-height: normal;



  list-style: none;



}



div.verticalmenu .dropdown-menu ul li a {



  color: #333333;



  font-size: 13px;



  font-weight: 400;



  padding: 0;



  text-transform: capitalize;



}



div.verticalmenu .dropdown-menu ul li a:hover {



  color: #27c5dc;



}



div.verticalmenu .dropdown-menu p {



  line-height: 18px;



  font-size: 13px;



}



div.verticalmenu .dropdown-menu .leo-menu-video {



  width: 100%;



}



div.verticalmenu .dropdown-menu .leo-menu-video iframe {



  margin-bottom: 10px;



}



div.verticalmenu .dropdown-menu .dropdown-toggle:hover {



  color: black;



}



div.verticalmenu .dropdown-menu .dropdown-toggle {



  font-weight: bold;



  text-transform: uppercase;



  line-height: normal;



  color: black;



  font-family: "Lato", sans-serif;



  font-size: 13px;



}



div.verticalmenu .dropdown-menu .action {



  display: none;



}



div.verticalmenu .widget-heading {



  color: black;



  text-transform: uppercase;



  font-weight: 600;



  margin-bottom: 10px;



}



div.verticalmenu .product-container {



  background: transparent;



  margin-bottom: 0;



}



div.verticalmenu .product-container .image {



  height: auto;



  float: left;



  margin: 0 10px 10px 0;



  border: none;



}



.rtl div.verticalmenu .product-container .image {



  float: right;



}



div.verticalmenu .product-container .product-meta {



  overflow: hidden;



  zoom: 1;



}







/* CANVAS MENU */



#off-canvas-button {



  text-align: right;



  color: #fff;



  margin: 5px;



}



.rtl #off-canvas-button {



  text-align: left;



}



#off-canvas-button:hover {



  cursor: pointer;



}







.off-canvas body {



  position: relative;



}







/*.off-canvas-inactive #page,



.off-canvas-inactive #off-canvas-nav {



  @include transition(all 500ms ease 0s);



  @include translate(0, 0);



  }*/



.off-canvas-active > #page,



.off-canvas-active > #off-canvas-nav {



  -webkit-transition: all 500ms ease 0s;



  transition: all 500ms ease 0s;



  -webkit-transform: translate(234px, 0);



  -ms-transform: translate(234px, 0);



  transform: translate(234px, 0);



  display: block;



}







.off-canvas-active #page {



  position: fixed;



  margin: 0 auto;



  max-width: 100%;



}



.off-canvas-active #off-canvas-nav .navbar-nav .open .dropdown-menu {



  background: white;



}



.off-canvas-active #leo-megamenu .navbar-toggle:before {



  opacity: 1;



  filter: alpha(opacity=100);



  visibility: visible;



}







#off-canvas-nav {



  position: absolute;



  left: 0;



  display: none;



  top: 0;



  width: 0;



  background: white;



  z-index: 999;



  font-family: "Lato", sans-serif;



}



#off-canvas-nav .navbar-nav {



  margin: 0 !important;



}



#off-canvas-nav .navbar-nav > li > a {



  color: #fff!important;



}



#off-canvas-nav .nav .caret {



  float: right;



  width: 10px;



  height: 10px;



  margin-top: 10px;



  display: none;



}



#off-canvas-nav .ct_menu a.shop-now {



  display: block;



  margin: 10px;



}



#off-canvas-nav .ct_menu a.shop-now:hover {



  color: #fff;



}



#off-canvas-nav .offcanvas-mainnav {



  background-color: #27c5dc;



  position: absolute;



  top: 0;



  left: -234px;



  overflow: hidden;



  width: 234px;



}



#off-canvas-nav .dropdown-menu {



  font-size: 14px;



  position: relative;



  display: inline-block;



  left: 0;



  right: 0;



  top: 0;



  float: none;



  margin: 0;



  -webkit-box-shadow: none;



  box-shadow: none;



  width: 100%!important;



  border: 0;



  padding: 10px 15px;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  -webkit-transform: translate(0, 0);



  -ms-transform: translate(0, 0);



  transform: translate(0, 0);



}



#off-canvas-nav .dropdown-menu .menu-title {



  font-weight: 700;



  margin: 10px 0;



}



#off-canvas-nav .dropdown-menu .menu-title a {



  font-size: 14px;



  color: #333333;



  font-family: "Lato", sans-serif;



}



#off-canvas-nav .dropdown-menu .menu-title a:hover {



  color: #27c5dc;



}



#off-canvas-nav .dropdown-menu ul li {



  line-height: 30px;



}



#off-canvas-nav .dropdown-menu ul li a {



  text-transform: capitalize;



}



#off-canvas-nav .navbar-nav > li > a {



  margin: 0 !important;



}



#off-canvas-nav .navbar-nav > li > a:hover, #off-canvas-nav .navbar-nav > li > a:focus {



  background: none;



}



#off-canvas-nav ul.nav-links {



  padding: 3px 3px 3px 7px;



}



.rtl #off-canvas-nav ul.nav-links {



  padding: 3px 7px 3px 3px;



}



#off-canvas-nav ul.nav-links li {



  line-height: 30px;



}



#off-canvas-nav .widget-subcategories ul {



  padding: 3px 3px 3px 7px;



}



.rtl #off-canvas-nav .widget-subcategories ul {



  padding: 3px 7px 3px 3px;



}



#off-canvas-nav .widget-inner {



  font-family: "Lato", sans-serif;



}



#off-canvas-nav .widget-inner .product-block {



  margin-bottom: 20px;



}



#off-canvas-nav .widget-inner .product-block .image {



  height: auto;



  float: left;



  margin: 0 10px 10px 0;



  border: none;



}



.rtl #off-canvas-nav .widget-inner .product-block .image {



  float: right;



}



.rtl #off-canvas-nav .widget-inner .product-block .image {



  margin: 0 0 10px 10px;



}



#off-canvas-nav .widget-inner .product-block .product-meta {



  text-align: left;



  overflow: hidden;



  zoom: 1;



}



.rtl #off-canvas-nav .widget-inner .product-block .product-meta {



  text-align: right;



}



#off-canvas-nav .mega-col {



  width: 100%;



}







@media (min-width: 993px) {



  .off-canvas-active > #page,



  .off-canvas-active > #off-canvas-nav {



    -webkit-transform: translate(0, 0);



    -ms-transform: translate(0, 0);



    transform: translate(0, 0);



    position: relative!important;



  }







  #off-canvas-button {



    display: none !important;



  }



}



.float-vertical {



  position: relative;



}



.float-vertical .float-vertical-button {



  padding-top: 16px;



  padding-bottom: 15px;



  padding-left: 20px;



  display: block;



  cursor: pointer;



  font-size: 18px;



  font-weight: 700;



  color: white;



  background: #27c5dc;



  margin: 0;



  position: relative;



}



.rtl .float-vertical .float-vertical-button {



  padding-right: 20px;



  padding-left: inherit;



}



.float-vertical .float-vertical-button i {



  margin-right: 7px;



}



.rtl .float-vertical .float-vertical-button i {



  margin-left: 7px;



  margin-right: inherit;



}



.float-vertical .float-vertical-button:before {



  content: "\f106";



  font-family: "FontAwesome";



  position: absolute;



  right: 20px;



  top: 15px;



}



.rtl .float-vertical .float-vertical-button:before {



  left: 20px;



  right: auto;



}



.float-vertical > .block_content {



  height: 0;



  overflow: hidden;



  border: none;



  -webkit-transition: height 0.4s ease 0s;



  transition: height 0.4s ease 0s;



}







.float-vertical.active {



  border-bottom-color: transparent;



}



.float-vertical.active .float-vertical-button:before {



  -webkit-transform: rotate(-180deg);



  -moz-transform: rotate(-180deg);



  -ms-transform: rotate(-180deg);



  -o-transform: rotate(-180deg);



}



.float-vertical.active > .block_content {



  position: absolute;



  z-index: 30;



  height: auto;



  overflow: visible;



  width: 100%;



  -webkit-transition: height 0.4s ease 0s;



  transition: height 0.4s ease 0s;



}







.popup-over {



  position: relative;



  margin-left: 25px;



  float: right;



}



.rtl .popup-over {



  margin-right: 25px;



  margin-left: inherit;



}



.rtl .popup-over {



  float: left;



}



.popup-over .popup-title {



  padding: 15px 15px 16px 5px;



  position: relative;



}



.rtl .popup-over .popup-title {



  padding: 15px 5px 16px 15px;



}



.popup-over .popup-title:before {



  content: "\f0d7";



  position: absolute;



  top: 18px;



  right: 0;



  font-family: "FontAwesome";



}



.rtl .popup-over .popup-title:before {



  left: 0;



  right: auto;



}



.popup-over .popup-title .fa-cog {



  margin-right: 5px;



}



.rtl .popup-over .popup-title .fa-cog {



  margin-left: 5px;



  margin-right: inherit;



}



.popup-over .popup-title a {



  color: #999999;



}



.popup-over .popup-title a:hover {



  color: #27c5dc;



}



.popup-over .popup-content {



  padding: 10px;



  position: absolute;



  top: 50px;



  right: 0;



  background: white;



  border: 1px solid #dddddd;



  min-width: 150px;



  z-index: 99;



  display: none;



  -webkit-transition: opacity 0.3s linear 0s;



  transition: opacity 0.3s linear 0s;



  opacity: 1;



  filter: alpha(opacity=100);



}



.rtl .popup-over .popup-content {



  left: 0;



  right: auto;



}



.popup-over .popup-content li {



  padding: 5px;



}



@media (max-width: 991px) {



  .popup-over .popup-content li {



    display: block;



  }



}



.popup-over .popup-content li.selected a, .popup-over .popup-content li.selected span {



  color: #27c5dc;



}



.popup-over .popup-content a {



  color: #999999;



}



.popup-over .popup-content a:hover {



  color: #27c5dc;



}



.popup-over:hover {



  cursor: pointer;



}



.popup-over:hover .popup-content {



  display: block;



}







/* mini basket */



#cart {



  position: relative;



}



#cart h4 {



  font-weight: normal;



  text-transform: uppercase;



  font-size: 12px;



  padding: 0;



  margin: 8px 0 0;



  font-family: "Lato", sans-serif;



}



#cart .content {



  clear: both;



  display: block;



  position: absolute;



  top: 100%;



  right: 17px;



  left: auto;



  padding: 15px;



  min-height: 100px;



  height: 100px;



  height: auto !important;



  background: white;



  border: 1px solid #dddddd;



  z-index: 99999;



  min-width: 400px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



  border-radius: 0px;



  -webkit-box-shadow: none;



  box-shadow: none;



  display: none;



}



#cart.active .content {



  display: block;



}



#cart .heading {



  min-width: 190px;



  padding-left: 10px;



}



#cart .heading:before, #cart .heading:after {



  content: " ";



  display: table;



}



#cart .heading:after {



  clear: both;



}



.rtl #cart .heading {



  padding-right: 10px;



  padding-left: inherit;



}



#cart .heading a span {



  font-size: 12px;



}



#cart .title-cart {



  width: 40px;



  height: 40px;



  text-align: center;



  position: relative;



  border: 2px #242121 solid;



}



#cart .title-cart .fa {



  font-size: 16px;



  line-height: 36px;



}



#cart .cart-quantity {



  position: absolute;



  top: -12px;



  color: white;



  right: -10px;



  padding: 0 7px;



  -webkit-border-radius: 100%;



  -moz-border-radius: 100%;



  -ms-border-radius: 100%;



  -o-border-radius: 100%;



  border-radius: 100%;



  background: #27c5dc;



  font-weight: bold;



  width: 25px;



  height: 25px;



  font-size: 12px;



}



.rtl #cart .cart-quantity {



  left: -10px;



  right: auto;



}



#cart .cart-quantity span {



  line-height: 24px;



}



#cart .cart-inner {



  display: none;



}



#cart .checkout {



  text-align: right;



  clear: both;



}



#cart .empty {



  padding-top: 20px;



  text-align: center;



}



#cart .mini-cart-total {



  text-align: right;



}



#cart .mini-cart-total td {



  color: #000;



  padding: 4px;



}



#cart .mini-cart-total table {



  border-collapse: collapse;



  display: -moz-inline-stack;



  display: inline-block;



  vertical-align: middle;



  *vertical-align: auto;



  zoom: 1;



  *display: inline;



  margin-bottom: 5px;



}



#cart .mini-cart-info .quantity {



  text-align: right;



}



#cart .mini-cart-info .name {



  font-size: 12px;



  font-weight: bold;



}



#cart .mini-cart-info .name small {



  color: #666;



}



#cart .mini-cart-info td {



  color: #000;



  vertical-align: top;



  padding: 6px;



  border-bottom: 1px solid #dddddd;



}



#cart .mini-cart-info table {



  border-collapse: collapse;



  width: 100%;



  margin-bottom: 5px;



}



#cart .mini-cart-info .image {



  width: 1px;



}



#cart .mini-cart-info .image img {



  text-align: left;



}



#cart .mini-cart-info .remove {



  text-align: right;



}



#cart .mini-cart-info .remove img {



  cursor: pointer;



}



#cart .mini-cart-info td.total {



  text-align: right;



}







/* product style */



.product-block {



  position: relative;



  overflow: hidden;



  margin: 0;



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}



.product-block .left-block {



  display: inline-block;



  position: relative;



}



.product-block .product-meta {



  position: relative;



  padding: 1px 10px;



}



.product-block .nb-comments {



  display: none;



}



.product-block .star_content {



  display: inline-block;



  padding: 9px 0px 3px;



}



.product-block .product-rating, .product-block .norating {



  font-size: 12px;



}



.product-block .content_price {



  margin: 15px 0 10px;



  min-height: 25px;



}



.product-block .price {



  color: black;



  font-weight: 700;



  font-family: "Lato", sans-serif;



  font-size: 16px;



}



.product-block .price-old, .product-block .old-price {



  color: #888888;



  text-decoration: line-through;



  margin: 0 3px;



  font-size: 14px;



}



.product-block .price-percent-reduction {



  background: transparent;



  color: #27c5dc;



  padding: 3px 5px;



  position: relative;



  font-style: italic;



}



.product-block .price-percent-reduction:before, .product-block .price-percent-reduction:after {



  top: 0;



}



.product-block .price-percent-reduction:before {



  content: "(";



  position: absolute;



  left: 0;



}



.rtl .product-block .price-percent-reduction:before {



  right: 0;



  left: auto;



}



.product-block .price-percent-reduction:after {



  content: ")";



  position: absolute;



  right: 0;



}



.rtl .product-block .price-percent-reduction:after {



  left: 0;



  right: auto;



}



.product-block .color-list-container {



  margin-top: 12px;



}



.product-block .color-list-container ul li {



  display: inline-block;



  border: 1px solid #dddddd;



}



.product-block .color-list-container ul li a {



  display: block;



  width: 23px;



  height: 23px;



  margin: 1px;



}



.product-block .product-desc {



  height: 40px;



  overflow: hidden;



  display: none;



}



.product-block .name {



  text-transform: none;



  margin-top: 5px;



}



.product-block .name a {



  color: #666666;



  font-size: 16px;



  font-family: "Lato", sans-serif;



  text-decoration: none;



  display: -moz-inline-stack;



  display: inline-block;



  vertical-align: middle;



  *vertical-align: auto;



  zoom: 1;



  *display: inline;



}



.product-block .name a:hover {



  color: #27c5dc;



}



.product-block .image {



  position: relative;



  overflow: hidden;



  text-align: center;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



  border-radius: 0px;



  margin: 10px 0;



  display: inline-block;



}



.product-block .image img {



  display: inline-block;



}



.product-block .product-additional {



  position: absolute;



  top: 0px;



  visibility: hidden;



  left: 0px;



  opacity: 0;



  filter: alpha(opacity=0);



}



.product-block:hover .product-additional {



  visibility: visible;



  -webkit-transition: all 0.5s ease 0s;



  transition: all 0.5s ease 0s;



  opacity: 1;



  filter: alpha(opacity=100);



}



.product-block .label {



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  text-transform: uppercase;



  padding: 4px 12px;



  font-size: 10px;



  display: inline-block;



  white-space: normal;



}



.product-block .label-new, .product-block .new-label, .product-block .label-sale, .product-block .sale-label {



  position: absolute;



  top: 8px;



}



.product-block .label-new, .product-block .new-label {



  background: #5aa0c1;



  left: 8px;



}



.rtl .product-block .label-new, .rtl .product-block .new-label {



  right: 8px;



  left: auto;



}



.product-block .label-sale, .product-block .sale-label {



  background: #e86666;



  right: 8px;



}



.rtl .product-block .label-sale, .rtl .product-block .sale-label {



  left: 8px;



  right: auto;



}



.product-block .product-flags {



  height: 25px;



}



.product-block .availability {



  height: 28px;



  display: inline-block;



}



.product-block .quickview {



  position: absolute;



  top: 25%;



  left: 0;



  right: 0;



  margin: auto;



}



.product-block .quickview a {



  height: 60px;



  width: 60px;



  padding: 0;



  background: white;



  border: none;



  line-height: 60px;



  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.18);



  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.18);



  font-size: 16px;



  color: black;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



  display: inline-block;



  float: none !important;



  margin: 0 2px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  -ms-border-radius: 50%;



  -o-border-radius: 50%;



  border-radius: 50%;



}



.product-block .quickview a:hover {



  color: #27c5dc;



}



.product-block .functional-buttons {



  padding: 10px 0;



  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.18);



  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.18);



  background: #333333;



  height: 45px;



}



.product-block .functional-buttons > div {



  float: left;



  width: 33.33%;



  position: relative;



}



.rtl .product-block .functional-buttons > div {



  float: right;



}



.product-block .functional-buttons > div a, .product-block .functional-buttons > div .disabled {



  height: 25px;



  width: 61px;



  line-height: 25px;



  padding: 0;



  border: none;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  -ms-border-radius: 0;



  -o-border-radius: 0;



  border-radius: 0;



  -webkit-box-shadow: none;



  box-shadow: none;



  font-size: 16px;



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



.product-block .functional-buttons > div a:hover, .product-block .functional-buttons > div .disabled:hover {



  color: #27c5dc;



}



.product-block .functional-buttons > div a {



  color: white;



}



.product-block .functional-buttons > div .disabled {



  color: #f0f0f0;



}



.product-block .functional-buttons > div:last-child {



  margin-right: 0;



}



.rtl .product-block .functional-buttons > div:last-child {



  margin-left: 0;



  margin-right: inherit;



}



.product-block .functional-buttons > div:nth-child(2):before {



  content: "";



  position: absolute;



  top: 0;



  width: 1px;



  height: 25px;



  right: 0;



  background: #eaeaea;



}



.rtl .product-block .functional-buttons > div:nth-child(2):before {



  left: 0;



  right: auto;



}







.ajax_add_to_cart_button {



  background: transparent;



  color: #333333;



  font-size: 14px;



  font-family: "Lato", sans-serif;



  border: 1px solid transparent;



}



.ajax_add_to_cart_button:hover {



  color: white;



  background: transparent;



  border: 1px solid transparent;



}



.ajax_add_to_cart_button:before {



  content: "";



  position: absolute;



  top: 0;



  width: 1px;



  height: 25px;



  right: 0;



  background: #eaeaea;



}



.rtl .ajax_add_to_cart_button:before {



  left: 0;



  right: auto;



}







@media (min-width: 991px) {



  .product-block .quickview {



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transition: all 0.4s ease 0s;



    transition: all 0.4s ease 0s;



    visibility: hidden;



  }



  .product-block .functional-buttons {



    position: absolute;



    opacity: 0;



    filter: alpha(opacity=0);



    -webkit-transition: all 0.4s ease 0s;



    transition: all 0.4s ease 0s;



    visibility: hidden;



    width: 100%;



  }



  .product-block:hover .quickview {



    opacity: 1;



    filter: alpha(opacity=100);



    visibility: visible;



  }



  .product-block:hover .functional-buttons {



    -webkit-transform: translateY(-60px);



    -moz-transform: translateY(-60px);



    -ms-transform: translateY(-60px);



    -o-transform: translateY(-60px);



    opacity: 1;



    filter: alpha(opacity=100);



    visibility: visible;



  }



}



.profile-default {



  text-align: center;



}



.profile-default .product-block {



  margin-bottom: 59px;



}



@media (max-width: 991px) {



  .profile-default .product-block {



    margin-bottom: 30px;



  }



}







.product_list_list .product-block {



  padding: 15px 0;



  border-top: 1px #eaeaea solid;



}



.product_list_list .product-block:first-child {



  padding-top: 10px;



  border-top: none;



}



.product_list_list .left-block, .product_list_list .right-block {



  float: left;



}



.rtl .product_list_list .left-block, .rtl .product_list_list .right-block {



  float: right;



}



.product_list_list .left-block {



  width: 33%;



}



.product_list_list .left-block .new-box, .product_list_list .left-block .sale-box {



  display: none;



}



.product_list_list .right-block {



  width: 60%;



}







.product_count_down {



  text-align: center;



}



.product_count_down .product-meta {



  padding: 1px 0 0;



}



.product_count_down .old-price, .product_count_down .price-percent-reduction {



  font-size: 13px;



}



.product_count_down .deal-clock {



  margin: 0;



}



.product_count_down .leo-more-cdown {



  margin-top: 30px;



  border-top: 1px #eaeaea solid;



}



.product_count_down .leo-more-cdown li {



  width: 25%;



  padding: 6px 0;



}



.product_count_down .leo-more-cdown li + li {



  border-left: 1px #eaeaea solid;



}



.rtl .product_count_down .leo-more-cdown li + li {



  border-right: 1px #eaeaea solid;



  border-left: inherit;



}



.product_count_down .leo-more-cdown li b {



  display: block;



  font-family: "Poppins", sans-serif;



  font-weight: 400;



}



.product_count_down .leo-more-cdown li span {



  text-transform: uppercase;



  font-size: 11px;



  font-family: "Poppins", sans-serif;



  color: #999999;



}







@media (min-width: 1200px) {



  .owl-featured .product-block {



    width: 65.7%;



  }



}



@media (min-width: 600px) {



  .owl-featured .product-block .left-block {



    width: 45%;



    float: left;



    position: relative;



  }



  .rtl .owl-featured .product-block .left-block {



    float: right;



  }



  .owl-featured .product-block .right-block {



    width: 55%;



    float: left;



    text-align: left;



  }



  .rtl .owl-featured .product-block .right-block {



    float: right;



  }



  .rtl .owl-featured .product-block .right-block {



    text-align: right;



  }



}



.owl-featured .product-block .image {



  margin-bottom: 0;



}



.owl-featured .product-block .name {



  margin-bottom: 20px;



}



.owl-featured .product-block .name a {



  font-size: 16px;



  text-transform: uppercase;



  color: black;



  font-weight: 700;



}



.owl-featured .product-block .content_price {



  margin-top: 24px;



}



.owl-featured .product-block .price {



  color: #f07777;



}



.owl-featured .product-block .product-desc {



  display: block;



  height: 67px;



  color: #777777;



  text-overflow: ellipsis;



  line-height: 24px;



}



.owl-featured .product-block .product-meta {



  padding: 20px 30px 0;



}



@media (max-width: 480px) {



  .owl-featured .product-block .product-meta {



    padding: 20px 0px 0;



  }



}



.owl-featured .product-block .leo-more-cdown {



  text-align: center;



  border: none;



  color: white;



  margin-top: 32px;



}



.owl-featured .product-block .leo-more-cdown li {



  background: #27c5dc;



}



.owl-featured .product-block .leo-more-cdown li + li {



  border-color: white;



}



.owl-featured .product-block .leo-more-cdown li span {



  color: white;



}



.owl-featured .owl-theme .owl-item {



  padding: 0;



}



.owl-featured .owl-theme .owl-controls .owl-buttons {



  top: 10px;



  opacity: 0.3;



  filter: alpha(opacity=30);



  -webkit-transition: all 0.3s ease 0s;



  transition: all 0.3s ease 0s;



}



@media (max-width: 1199px) {



  .owl-featured .owl-theme .owl-controls .owl-buttons {



    display: none;



  }



}



.owl-featured .owl-theme .owl-controls .owl-buttons div {



  width: 239px;



  height: auto;



  border: none;



  visibility: visible;



}



.owl-featured .owl-theme .owl-controls .owl-buttons div.owl-next {



  right: 0;



}



.rtl .owl-featured .owl-theme .owl-controls .owl-buttons div.owl-next {



  left: 0;



  right: auto;



}



.owl-featured .owl-theme .owl-controls .owl-buttons div.owl-next:before {



  content: none;



  left: 0;



}



.rtl .owl-featured .owl-theme .owl-controls .owl-buttons div.owl-next:before {



  right: 0;



  left: auto;



}



.owl-featured .owl-theme .owl-controls .owl-buttons div.owl-prev {



  display: none;



}



.owl-featured .owl-theme .owl-controls .owl-buttons div.owl-prev:after {



  content: none;



  right: 0;



}



.rtl .owl-featured .owl-theme .owl-controls .owl-buttons div.owl-prev:after {



  left: 0;



  right: auto;



}



.owl-featured .block_content:hover .owl-theme .owl-controls .owl-buttons {



  opacity: 1;



  filter: alpha(opacity=100);



}



.owl-featured .block_content:hover .owl-theme .owl-controls .owl-buttons div {



  -webkit-box-shadow: none;



  box-shadow: none;



}







@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



  .product-block .image .img-responsive {



    width: 100%;



  }



}



:root .product-block .image .img-responsive {



  width: 100% \0/IE9;



}







@media (max-width: 990px) {



  .product-block .quickview {



    display: none;



  }



}



/*



 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome



 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)



 */



@font-face {



  font-family: 'FontAwesome';



  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");



  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");



  font-weight: normal;



  font-style: normal;



}







.fa {



  display: inline-block;



  font: normal normal normal 14px/1 FontAwesome;



  font-size: inherit;



  text-rendering: auto;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale;



}







.fa-lg {



  font-size: 1.33333333em;



  line-height: .75em;



  vertical-align: -15%;



}







.fa-2x {



  font-size: 2em;



}







.fa-3x {



  font-size: 3em;



}







.fa-4x {



  font-size: 4em;



}







.fa-5x {



  font-size: 5em;



}







.fa-fw {



  width: 1.28571429em;



  text-align: center;



}







.fa-ul {



  padding-left: 0;



  margin-left: 2.14285714em;



  list-style-type: none;



}







.fa-ul > li {



  position: relative;



}







.fa-li {



  position: absolute;



  left: -2.14286em;



  width: 2.14285714em;



  top: .14285714em;



  text-align: center;



}







.fa-li.fa-lg {



  left: -1.85714em;



}







.fa-border {



  padding: .2em .25em .15em;



  border: solid .08em #eee;



  border-radius: .1em;



}







.fa-pull-left {



  float: left;



}







.fa-pull-right {



  float: right;



}







.fa.fa-pull-left {



  margin-right: .3em;



}







.fa.fa-pull-right {



  margin-left: .3em;



}







.pull-right {



  float: right;



}







.pull-left {



  float: left;



}







.fa.pull-left {



  margin-right: .3em;



}







.fa.pull-right {



  margin-left: .3em;



}







.fa-spin {



  -webkit-animation: fa-spin 2s infinite linear;



  animation: fa-spin 2s infinite linear;



}







.fa-pulse {



  -webkit-animation: fa-spin 1s infinite steps(8);



  animation: fa-spin 1s infinite steps(8);



}







@-webkit-keyframes fa-spin {



  0% {



    -webkit-transform: rotate(0deg);



    transform: rotate(0deg);



  }







  100% {



    -webkit-transform: rotate(359deg);



    transform: rotate(359deg);



  }



}







@keyframes fa-spin {



  0% {



    -webkit-transform: rotate(0deg);



    transform: rotate(0deg);



  }







  100% {



    -webkit-transform: rotate(359deg);



    transform: rotate(359deg);



  }



}







.fa-rotate-90 {



  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";



  -webkit-transform: rotate(90deg);



  -ms-transform: rotate(90deg);



  transform: rotate(90deg);



}







.fa-rotate-180 {



  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg);



}







.fa-rotate-270 {



  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";



  -webkit-transform: rotate(270deg);



  -ms-transform: rotate(270deg);



  transform: rotate(270deg);



}







.fa-flip-horizontal {



  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";



  -webkit-transform: scale(-1, 1);



  -ms-transform: scale(-1, 1);



  transform: scale(-1, 1);



}







.fa-flip-vertical {



  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";



  -webkit-transform: scale(1, -1);



  -ms-transform: scale(1, -1);



  transform: scale(1, -1);



}







:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {



  filter: none;



}







.fa-stack {



  position: relative;



  display: inline-block;



  width: 2em;



  height: 2em;



  line-height: 2em;



  vertical-align: middle;



}







.fa-stack-1x, .fa-stack-2x {



  position: absolute;



  left: 0;



  width: 100%;



  text-align: center;



}







.fa-stack-1x {



  line-height: inherit;



}







.fa-stack-2x {



  font-size: 2em;



}







.fa-inverse {



  color: #fff;



}







.fa-glass:before {



  content: "\f000";



}







.fa-music:before {



  content: "\f001";



}







.fa-search:before {



  content: "\f002";



}







.fa-envelope-o:before {



  content: "\f003";



}







.fa-heart:before {



  content: "\f004";



}







.fa-star:before {



  content: "\f005";



}







.fa-star-o:before {



  content: "\f006";



}







.fa-user:before {



  content: "\f007";



}







.fa-film:before {



  content: "\f008";



}







.fa-th-large:before {



  content: "\f009";



}







.fa-th:before {



  content: "\f00a";



}







.fa-th-list:before {



  content: "\f00b";



}







.fa-check:before {



  content: "\f00c";



}







.fa-remove:before, .fa-close:before, .fa-times:before {



  content: "\f00d";



}







.fa-search-plus:before {



  content: "\f00e";



}







.fa-search-minus:before {



  content: "\f010";



}







.fa-power-off:before {



  content: "\f011";



}







.fa-signal:before {



  content: "\f012";



}







.fa-gear:before, .fa-cog:before {



  content: "\f013";



}







.fa-trash-o:before {



  content: "\f014";



}







.fa-home:before {



  content: "\f015";



}







.fa-file-o:before {



  content: "\f016";



}







.fa-clock-o:before {



  content: "\f017";



}







.fa-road:before {



  content: "\f018";



}







.fa-download:before {



  content: "\f019";



}







.fa-arrow-circle-o-down:before {



  content: "\f01a";



}







.fa-arrow-circle-o-up:before {



  content: "\f01b";



}







.fa-inbox:before {



  content: "\f01c";



}







.fa-play-circle-o:before {



  content: "\f01d";



}







.fa-rotate-right:before, .fa-repeat:before {



  content: "\f01e";



}







.fa-refresh:before {



  content: "\f021";



}







.fa-list-alt:before {



  content: "\f022";



}







.fa-lock:before {



  content: "\f023";



}







.fa-flag:before {



  content: "\f024";



}







.fa-headphones:before {



  content: "\f025";



}







.fa-volume-off:before {



  content: "\f026";



}







.fa-volume-down:before {



  content: "\f027";



}







.fa-volume-up:before {



  content: "\f028";



}







.fa-qrcode:before {



  content: "\f029";



}







.fa-barcode:before {



  content: "\f02a";



}







.fa-tag:before {



  content: "\f02b";



}







.fa-tags:before {



  content: "\f02c";



}







.fa-book:before {



  content: "\f02d";



}







.fa-bookmark:before {



  content: "\f02e";



}







.fa-print:before {



  content: "\f02f";



}







.fa-camera:before {



  content: "\f030";



}







.fa-font:before {



  content: "\f031";



}







.fa-bold:before {



  content: "\f032";



}







.fa-italic:before {



  content: "\f033";



}







.fa-text-height:before {



  content: "\f034";



}







.fa-text-width:before {



  content: "\f035";



}







.fa-align-left:before {



  content: "\f036";



}







.fa-align-center:before {



  content: "\f037";



}







.fa-align-right:before {



  content: "\f038";



}







.fa-align-justify:before {



  content: "\f039";



}







.fa-list:before {



  content: "\f03a";



}







.fa-dedent:before, .fa-outdent:before {



  content: "\f03b";



}







.fa-indent:before {



  content: "\f03c";



}







.fa-video-camera:before {



  content: "\f03d";



}







.fa-photo:before, .fa-image:before, .fa-picture-o:before {



  content: "\f03e";



}







.fa-pencil:before {



  content: "\f040";



}







.fa-map-marker:before {



  content: "\f041";



}







.fa-adjust:before {



  content: "\f042";



}







.fa-tint:before {



  content: "\f043";



}







.fa-edit:before, .fa-pencil-square-o:before {



  content: "\f044";



}







.fa-share-square-o:before {



  content: "\f045";



}







.fa-check-square-o:before {



  content: "\f046";



}







.fa-arrows:before {



  content: "\f047";



}







.fa-step-backward:before {



  content: "\f048";



}







.fa-fast-backward:before {



  content: "\f049";



}







.fa-backward:before {



  content: "\f04a";



}







.fa-play:before {



  content: "\f04b";



}







.fa-pause:before {



  content: "\f04c";



}







.fa-stop:before {



  content: "\f04d";



}







.fa-forward:before {



  content: "\f04e";



}







.fa-fast-forward:before {



  content: "\f050";



}







.fa-step-forward:before {



  content: "\f051";



}







.fa-eject:before {



  content: "\f052";



}







.fa-chevron-left:before {



  content: "\f053";



}







.fa-chevron-right:before {



  content: "\f054";



}







.fa-plus-circle:before {



  content: "\f055";



}







.fa-minus-circle:before {



  content: "\f056";



}







.fa-times-circle:before {



  content: "\f057";



}







.fa-check-circle:before {



  content: "\f058";



}







.fa-question-circle:before {



  content: "\f059";



}







.fa-info-circle:before {



  content: "\f05a";



}







.fa-crosshairs:before {



  content: "\f05b";



}







.fa-times-circle-o:before {



  content: "\f05c";



}







.fa-check-circle-o:before {



  content: "\f05d";



}







.fa-ban:before {



  content: "\f05e";



}







.fa-arrow-left:before {



  content: "\f060";



}







.fa-arrow-right:before {



  content: "\f061";



}







.fa-arrow-up:before {



  content: "\f062";



}







.fa-arrow-down:before {



  content: "\f063";



}







.fa-mail-forward:before, .fa-share:before {



  content: "\f064";



}







.fa-expand:before {



  content: "\f065";



}







.fa-compress:before {



  content: "\f066";



}







.fa-plus:before {



  content: "\f067";



}







.fa-minus:before {



  content: "\f068";



}







.fa-asterisk:before {



  content: "\f069";



}







.fa-exclamation-circle:before {



  content: "\f06a";



}







.fa-gift:before {



  content: "\f06b";



}







.fa-leaf:before {



  content: "\f06c";



}







.fa-fire:before {



  content: "\f06d";



}







.fa-eye:before {



  content: "\f06e";



}







.fa-eye-slash:before {



  content: "\f070";



}







.fa-warning:before, .fa-exclamation-triangle:before {



  content: "\f071";



}







.fa-plane:before {



  content: "\f072";



}







.fa-calendar:before {



  content: "\f073";



}







.fa-random:before {



  content: "\f074";



}







.fa-comment:before {



  content: "\f075";



}







.fa-magnet:before {



  content: "\f076";



}







.fa-chevron-up:before {



  content: "\f077";



}







.fa-chevron-down:before {



  content: "\f078";



}







.fa-retweet:before {



  content: "\f079";



}







.fa-shopping-cart:before {



  content: "\f07a";



}







.fa-folder:before {



  content: "\f07b";



}







.fa-folder-open:before {



  content: "\f07c";



}







.fa-arrows-v:before {



  content: "\f07d";



}







.fa-arrows-h:before {



  content: "\f07e";



}







.fa-bar-chart-o:before, .fa-bar-chart:before {



  content: "\f080";



}







.fa-twitter-square:before {



  content: "\f081";



}







.fa-facebook-square:before {



  content: "\f082";



}







.fa-camera-retro:before {



  content: "\f083";



}







.fa-key:before {



  content: "\f084";



}







.fa-gears:before, .fa-cogs:before {



  content: "\f085";



}







.fa-comments:before {



  content: "\f086";



}







.fa-thumbs-o-up:before {



  content: "\f087";



}







.fa-thumbs-o-down:before {



  content: "\f088";



}







.fa-star-half:before {



  content: "\f089";



}







.fa-heart-o:before {



  content: "\f08a";



}







.fa-sign-out:before {



  content: "\f08b";



}







.fa-linkedin-square:before {



  content: "\f08c";



}







.fa-thumb-tack:before {



  content: "\f08d";



}







.fa-external-link:before {



  content: "\f08e";



}







.fa-sign-in:before {



  content: "\f090";



}







.fa-trophy:before {



  content: "\f091";



}







.fa-github-square:before {



  content: "\f092";



}







.fa-upload:before {



  content: "\f093";



}







.fa-lemon-o:before {



  content: "\f094";



}







.fa-phone:before {



  content: "\f095";



}







.fa-square-o:before {



  content: "\f096";



}







.fa-bookmark-o:before {



  content: "\f097";



}







.fa-phone-square:before {



  content: "\f098";



}







.fa-twitter:before {



  content: "\f099";



}







.fa-facebook-f:before, .fa-facebook:before {



  content: "\f09a";



}







.fa-github:before {



  content: "\f09b";



}







.fa-unlock:before {



  content: "\f09c";



}







.fa-credit-card:before {



  content: "\f09d";



}







.fa-feed:before, .fa-rss:before {



  content: "\f09e";



}







.fa-hdd-o:before {



  content: "\f0a0";



}







.fa-bullhorn:before {



  content: "\f0a1";



}







.fa-bell:before {



  content: "\f0f3";



}







.fa-certificate:before {



  content: "\f0a3";



}







.fa-hand-o-right:before {



  content: "\f0a4";



}







.fa-hand-o-left:before {



  content: "\f0a5";



}







.fa-hand-o-up:before {



  content: "\f0a6";



}







.fa-hand-o-down:before {



  content: "\f0a7";



}







.fa-arrow-circle-left:before {



  content: "\f0a8";



}







.fa-arrow-circle-right:before {



  content: "\f0a9";



}







.fa-arrow-circle-up:before {



  content: "\f0aa";



}







.fa-arrow-circle-down:before {



  content: "\f0ab";



}







.fa-globe:before {



  content: "\f0ac";



}







.fa-wrench:before {



  content: "\f0ad";



}







.fa-tasks:before {



  content: "\f0ae";



}







.fa-filter:before {



  content: "\f0b0";



}







.fa-briefcase:before {



  content: "\f0b1";



}







.fa-arrows-alt:before {



  content: "\f0b2";



}







.fa-group:before, .fa-users:before {



  content: "\f0c0";



}







.fa-chain:before, .fa-link:before {



  content: "\f0c1";



}







.fa-cloud:before {



  content: "\f0c2";



}







.fa-flask:before {



  content: "\f0c3";



}







.fa-cut:before, .fa-scissors:before {



  content: "\f0c4";



}







.fa-copy:before, .fa-files-o:before {



  content: "\f0c5";



}







.fa-paperclip:before {



  content: "\f0c6";



}







.fa-save:before, .fa-floppy-o:before {



  content: "\f0c7";



}







.fa-square:before {



  content: "\f0c8";



}







.fa-navicon:before, .fa-reorder:before, .fa-bars:before {



  content: "\f0c9";



}







.fa-list-ul:before {



  content: "\f0ca";



}







.fa-list-ol:before {



  content: "\f0cb";



}







.fa-strikethrough:before {



  content: "\f0cc";



}







.fa-underline:before {



  content: "\f0cd";



}







.fa-table:before {



  content: "\f0ce";



}







.fa-magic:before {



  content: "\f0d0";



}







.fa-truck:before {



  content: "\f0d1";



}







.fa-pinterest:before {



  content: "\f0d2";



}







.fa-pinterest-square:before {



  content: "\f0d3";



}







.fa-google-plus-square:before {



  content: "\f0d4";



}







.fa-google-plus:before {



  content: "\f0d5";



}







.fa-money:before {



  content: "\f0d6";



}







.fa-caret-down:before {



  content: "\f0d7";



}







.fa-caret-up:before {



  content: "\f0d8";



}







.fa-caret-left:before {



  content: "\f0d9";



}







.fa-caret-right:before {



  content: "\f0da";



}







.fa-columns:before {



  content: "\f0db";



}







.fa-unsorted:before, .fa-sort:before {



  content: "\f0dc";



}







.fa-sort-down:before, .fa-sort-desc:before {



  content: "\f0dd";



}







.fa-sort-up:before, .fa-sort-asc:before {



  content: "\f0de";



}







.fa-envelope:before {



  content: "\f0e0";



}







.fa-linkedin:before {



  content: "\f0e1";



}







.fa-rotate-left:before, .fa-undo:before {



  content: "\f0e2";



}







.fa-legal:before, .fa-gavel:before {



  content: "\f0e3";



}







.fa-dashboard:before, .fa-tachometer:before {



  content: "\f0e4";



}







.fa-comment-o:before {



  content: "\f0e5";



}







.fa-comments-o:before {



  content: "\f0e6";



}







.fa-flash:before, .fa-bolt:before {



  content: "\f0e7";



}







.fa-sitemap:before {



  content: "\f0e8";



}







.fa-umbrella:before {



  content: "\f0e9";



}







.fa-paste:before, .fa-clipboard:before {



  content: "\f0ea";



}







.fa-lightbulb-o:before {



  content: "\f0eb";



}







.fa-exchange:before {



  content: "\f0ec";



}







.fa-cloud-download:before {



  content: "\f0ed";



}







.fa-cloud-upload:before {



  content: "\f0ee";



}







.fa-user-md:before {



  content: "\f0f0";



}







.fa-stethoscope:before {



  content: "\f0f1";



}







.fa-suitcase:before {



  content: "\f0f2";



}







.fa-bell-o:before {



  content: "\f0a2";



}







.fa-coffee:before {



  content: "\f0f4";



}







.fa-cutlery:before {



  content: "\f0f5";



}







.fa-file-text-o:before {



  content: "\f0f6";



}







.fa-building-o:before {



  content: "\f0f7";



}







.fa-hospital-o:before {



  content: "\f0f8";



}







.fa-ambulance:before {



  content: "\f0f9";



}







.fa-medkit:before {



  content: "\f0fa";



}







.fa-fighter-jet:before {



  content: "\f0fb";



}







.fa-beer:before {



  content: "\f0fc";



}







.fa-h-square:before {



  content: "\f0fd";



}







.fa-plus-square:before {



  content: "\f0fe";



}







.fa-angle-double-left:before {



  content: "\f100";



}







.fa-angle-double-right:before {



  content: "\f101";



}







.fa-angle-double-up:before {



  content: "\f102";



}







.fa-angle-double-down:before {



  content: "\f103";



}







.fa-angle-left:before {



  content: "\f104";



}







.fa-angle-right:before {



  content: "\f105";



}







.fa-angle-up:before {



  content: "\f106";



}







.fa-angle-down:before {



  content: "\f107";



}







.fa-desktop:before {



  content: "\f108";



}







.fa-laptop:before {



  content: "\f109";



}







.fa-tablet:before {



  content: "\f10a";



}







.fa-mobile-phone:before, .fa-mobile:before {



  content: "\f10b";



}







.fa-circle-o:before {



  content: "\f10c";



}







.fa-quote-left:before {



  content: "\f10d";



}







.fa-quote-right:before {



  content: "\f10e";



}







.fa-spinner:before {



  content: "\f110";



}







.fa-circle:before {



  content: "\f111";



}







.fa-mail-reply:before, .fa-reply:before {



  content: "\f112";



}







.fa-github-alt:before {



  content: "\f113";



}







.fa-folder-o:before {



  content: "\f114";



}







.fa-folder-open-o:before {



  content: "\f115";



}







.fa-smile-o:before {



  content: "\f118";



}







.fa-frown-o:before {



  content: "\f119";



}







.fa-meh-o:before {



  content: "\f11a";



}







.fa-gamepad:before {



  content: "\f11b";



}







.fa-keyboard-o:before {



  content: "\f11c";



}







.fa-flag-o:before {



  content: "\f11d";



}







.fa-flag-checkered:before {



  content: "\f11e";



}







.fa-terminal:before {



  content: "\f120";



}







.fa-code:before {



  content: "\f121";



}







.fa-mail-reply-all:before, .fa-reply-all:before {



  content: "\f122";



}







.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {



  content: "\f123";



}







.fa-location-arrow:before {



  content: "\f124";



}







.fa-crop:before {



  content: "\f125";



}







.fa-code-fork:before {



  content: "\f126";



}







.fa-unlink:before, .fa-chain-broken:before {



  content: "\f127";



}







.fa-question:before {



  content: "\f128";



}







.fa-info:before {



  content: "\f129";



}







.fa-exclamation:before {



  content: "\f12a";



}







.fa-superscript:before {



  content: "\f12b";



}







.fa-subscript:before {



  content: "\f12c";



}







.fa-eraser:before {



  content: "\f12d";



}







.fa-puzzle-piece:before {



  content: "\f12e";



}







.fa-microphone:before {



  content: "\f130";



}







.fa-microphone-slash:before {



  content: "\f131";



}







.fa-shield:before {



  content: "\f132";



}







.fa-calendar-o:before {



  content: "\f133";



}







.fa-fire-extinguisher:before {



  content: "\f134";



}







.fa-rocket:before {



  content: "\f135";



}







.fa-maxcdn:before {



  content: "\f136";



}







.fa-chevron-circle-left:before {



  content: "\f137";



}







.fa-chevron-circle-right:before {



  content: "\f138";



}







.fa-chevron-circle-up:before {



  content: "\f139";



}







.fa-chevron-circle-down:before {



  content: "\f13a";



}







.fa-html5:before {



  content: "\f13b";



}







.fa-css3:before {



  content: "\f13c";



}







.fa-anchor:before {



  content: "\f13d";



}







.fa-unlock-alt:before {



  content: "\f13e";



}







.fa-bullseye:before {



  content: "\f140";



}







.fa-ellipsis-h:before {



  content: "\f141";



}







.fa-ellipsis-v:before {



  content: "\f142";



}







.fa-rss-square:before {



  content: "\f143";



}







.fa-play-circle:before {



  content: "\f144";



}







.fa-ticket:before {



  content: "\f145";



}







.fa-minus-square:before {



  content: "\f146";



}







.fa-minus-square-o:before {



  content: "\f147";



}







.fa-level-up:before {



  content: "\f148";



}







.fa-level-down:before {



  content: "\f149";



}







.fa-check-square:before {



  content: "\f14a";



}







.fa-pencil-square:before {



  content: "\f14b";



}







.fa-external-link-square:before {



  content: "\f14c";



}







.fa-share-square:before {



  content: "\f14d";



}







.fa-compass:before {



  content: "\f14e";



}







.fa-toggle-down:before, .fa-caret-square-o-down:before {



  content: "\f150";



}







.fa-toggle-up:before, .fa-caret-square-o-up:before {



  content: "\f151";



}







.fa-toggle-right:before, .fa-caret-square-o-right:before {



  content: "\f152";



}







.fa-euro:before, .fa-eur:before {



  content: "\f153";



}







.fa-gbp:before {



  content: "\f154";



}







.fa-dollar:before, .fa-usd:before {



  content: "\f155";



}







.fa-rupee:before, .fa-inr:before {



  content: "\f156";



}







.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {



  content: "\f157";



}







.fa-ruble:before, .fa-rouble:before, .fa-rub:before {



  content: "\f158";



}







.fa-won:before, .fa-krw:before {



  content: "\f159";



}







.fa-bitcoin:before, .fa-btc:before {



  content: "\f15a";



}







.fa-file:before {



  content: "\f15b";



}







.fa-file-text:before {



  content: "\f15c";



}







.fa-sort-alpha-asc:before {



  content: "\f15d";



}







.fa-sort-alpha-desc:before {



  content: "\f15e";



}







.fa-sort-amount-asc:before {



  content: "\f160";



}







.fa-sort-amount-desc:before {



  content: "\f161";



}







.fa-sort-numeric-asc:before {



  content: "\f162";



}







.fa-sort-numeric-desc:before {



  content: "\f163";



}







.fa-thumbs-up:before {



  content: "\f164";



}







.fa-thumbs-down:before {



  content: "\f165";



}







.fa-youtube-square:before {



  content: "\f166";



}







.fa-youtube:before {



  content: "\f167";



}







.fa-xing:before {



  content: "\f168";



}







.fa-xing-square:before {



  content: "\f169";



}







.fa-youtube-play:before {



  content: "\f16a";



}







.fa-dropbox:before {



  content: "\f16b";



}







.fa-stack-overflow:before {



  content: "\f16c";



}







.fa-instagram:before {



  content: "\f16d";



}







.fa-flickr:before {



  content: "\f16e";



}







.fa-adn:before {



  content: "\f170";



}







.fa-bitbucket:before {



  content: "\f171";



}







.fa-bitbucket-square:before {



  content: "\f172";



}







.fa-tumblr:before {



  content: "\f173";



}







.fa-tumblr-square:before {



  content: "\f174";



}







.fa-long-arrow-down:before {



  content: "\f175";



}







.fa-long-arrow-up:before {



  content: "\f176";



}







.fa-long-arrow-left:before {



  content: "\f177";



}







.fa-long-arrow-right:before {



  content: "\f178";



}







.fa-apple:before {



  content: "\f179";



}







.fa-windows:before {



  content: "\f17a";



}







.fa-android:before {



  content: "\f17b";



}







.fa-linux:before {



  content: "\f17c";



}







.fa-dribbble:before {



  content: "\f17d";



}







.fa-skype:before {



  content: "\f17e";



}







.fa-foursquare:before {



  content: "\f180";



}







.fa-trello:before {



  content: "\f181";



}







.fa-female:before {



  content: "\f182";



}







.fa-male:before {



  content: "\f183";



}







.fa-gittip:before, .fa-gratipay:before {



  content: "\f184";



}







.fa-sun-o:before {



  content: "\f185";



}







.fa-moon-o:before {



  content: "\f186";



}







.fa-archive:before {



  content: "\f187";



}







.fa-bug:before {



  content: "\f188";



}







.fa-vk:before {



  content: "\f189";



}







.fa-weibo:before {



  content: "\f18a";



}







.fa-renren:before {



  content: "\f18b";



}







.fa-pagelines:before {



  content: "\f18c";



}







.fa-stack-exchange:before {



  content: "\f18d";



}







.fa-arrow-circle-o-right:before {



  content: "\f18e";



}







.fa-arrow-circle-o-left:before {



  content: "\f190";



}







.fa-toggle-left:before, .fa-caret-square-o-left:before {



  content: "\f191";



}







.fa-dot-circle-o:before {



  content: "\f192";



}







.fa-wheelchair:before {



  content: "\f193";



}







.fa-vimeo-square:before {



  content: "\f194";



}







.fa-turkish-lira:before, .fa-try:before {



  content: "\f195";



}







.fa-plus-square-o:before {



  content: "\f196";



}







.fa-space-shuttle:before {



  content: "\f197";



}







.fa-slack:before {



  content: "\f198";



}







.fa-envelope-square:before {



  content: "\f199";



}







.fa-wordpress:before {



  content: "\f19a";



}







.fa-openid:before {



  content: "\f19b";



}







.fa-institution:before, .fa-bank:before, .fa-university:before {



  content: "\f19c";



}







.fa-mortar-board:before, .fa-graduation-cap:before {



  content: "\f19d";



}







.fa-yahoo:before {



  content: "\f19e";



}







.fa-google:before {



  content: "\f1a0";



}







.fa-reddit:before {



  content: "\f1a1";



}







.fa-reddit-square:before {



  content: "\f1a2";



}







.fa-stumbleupon-circle:before {



  content: "\f1a3";



}







.fa-stumbleupon:before {



  content: "\f1a4";



}







.fa-delicious:before {



  content: "\f1a5";



}







.fa-digg:before {



  content: "\f1a6";



}







.fa-pied-piper-pp:before {



  content: "\f1a7";



}







.fa-pied-piper-alt:before {



  content: "\f1a8";



}







.fa-drupal:before {



  content: "\f1a9";



}







.fa-joomla:before {



  content: "\f1aa";



}







.fa-language:before {



  content: "\f1ab";



}







.fa-fax:before {



  content: "\f1ac";



}







.fa-building:before {



  content: "\f1ad";



}







.fa-child:before {



  content: "\f1ae";



}







.fa-paw:before {



  content: "\f1b0";



}







.fa-spoon:before {



  content: "\f1b1";



}







.fa-cube:before {



  content: "\f1b2";



}







.fa-cubes:before {



  content: "\f1b3";



}







.fa-behance:before {



  content: "\f1b4";



}







.fa-behance-square:before {



  content: "\f1b5";



}







.fa-steam:before {



  content: "\f1b6";



}







.fa-steam-square:before {



  content: "\f1b7";



}







.fa-recycle:before {



  content: "\f1b8";



}







.fa-automobile:before, .fa-car:before {



  content: "\f1b9";



}







.fa-cab:before, .fa-taxi:before {



  content: "\f1ba";



}







.fa-tree:before {



  content: "\f1bb";



}







.fa-spotify:before {



  content: "\f1bc";



}







.fa-deviantart:before {



  content: "\f1bd";



}







.fa-soundcloud:before {



  content: "\f1be";



}







.fa-database:before {



  content: "\f1c0";



}







.fa-file-pdf-o:before {



  content: "\f1c1";



}







.fa-file-word-o:before {



  content: "\f1c2";



}







.fa-file-excel-o:before {



  content: "\f1c3";



}







.fa-file-powerpoint-o:before {



  content: "\f1c4";



}







.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {



  content: "\f1c5";



}







.fa-file-zip-o:before, .fa-file-archive-o:before {



  content: "\f1c6";



}







.fa-file-sound-o:before, .fa-file-audio-o:before {



  content: "\f1c7";



}







.fa-file-movie-o:before, .fa-file-video-o:before {



  content: "\f1c8";



}







.fa-file-code-o:before {



  content: "\f1c9";



}







.fa-vine:before {



  content: "\f1ca";



}







.fa-codepen:before {



  content: "\f1cb";



}







.fa-jsfiddle:before {



  content: "\f1cc";



}







.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {



  content: "\f1cd";



}







.fa-circle-o-notch:before {



  content: "\f1ce";



}







.fa-ra:before, .fa-resistance:before, .fa-rebel:before {



  content: "\f1d0";



}







.fa-ge:before, .fa-empire:before {



  content: "\f1d1";



}







.fa-git-square:before {



  content: "\f1d2";



}







.fa-git:before {



  content: "\f1d3";



}







.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {



  content: "\f1d4";



}







.fa-tencent-weibo:before {



  content: "\f1d5";



}







.fa-qq:before {



  content: "\f1d6";



}







.fa-wechat:before, .fa-weixin:before {



  content: "\f1d7";



}







.fa-send:before, .fa-paper-plane:before {



  content: "\f1d8";



}







.fa-send-o:before, .fa-paper-plane-o:before {



  content: "\f1d9";



}







.fa-history:before {



  content: "\f1da";



}







.fa-circle-thin:before {



  content: "\f1db";



}







.fa-header:before {



  content: "\f1dc";



}







.fa-paragraph:before {



  content: "\f1dd";



}







.fa-sliders:before {



  content: "\f1de";



}







.fa-share-alt:before {



  content: "\f1e0";



}







.fa-share-alt-square:before {



  content: "\f1e1";



}







.fa-bomb:before {



  content: "\f1e2";



}







.fa-soccer-ball-o:before, .fa-futbol-o:before {



  content: "\f1e3";



}







.fa-tty:before {



  content: "\f1e4";



}







.fa-binoculars:before {



  content: "\f1e5";



}







.fa-plug:before {



  content: "\f1e6";



}







.fa-slideshare:before {



  content: "\f1e7";



}







.fa-twitch:before {



  content: "\f1e8";



}







.fa-yelp:before {



  content: "\f1e9";



}







.fa-newspaper-o:before {



  content: "\f1ea";



}







.fa-wifi:before {



  content: "\f1eb";



}







.fa-calculator:before {



  content: "\f1ec";



}







.fa-paypal:before {



  content: "\f1ed";



}







.fa-google-wallet:before {



  content: "\f1ee";



}







.fa-cc-visa:before {



  content: "\f1f0";



}







.fa-cc-mastercard:before {



  content: "\f1f1";



}







.fa-cc-discover:before {



  content: "\f1f2";



}







.fa-cc-amex:before {



  content: "\f1f3";



}







.fa-cc-paypal:before {



  content: "\f1f4";



}







.fa-cc-stripe:before {



  content: "\f1f5";



}







.fa-bell-slash:before {



  content: "\f1f6";



}







.fa-bell-slash-o:before {



  content: "\f1f7";



}







.fa-trash:before {



  content: "\f1f8";



}







.fa-copyright:before {



  content: "\f1f9";



}







.fa-at:before {



  content: "\f1fa";



}







.fa-eyedropper:before {



  content: "\f1fb";



}







.fa-paint-brush:before {



  content: "\f1fc";



}







.fa-birthday-cake:before {



  content: "\f1fd";



}







.fa-area-chart:before {



  content: "\f1fe";



}







.fa-pie-chart:before {



  content: "\f200";



}







.fa-line-chart:before {



  content: "\f201";



}







.fa-lastfm:before {



  content: "\f202";



}







.fa-lastfm-square:before {



  content: "\f203";



}







.fa-toggle-off:before {



  content: "\f204";



}







.fa-toggle-on:before {



  content: "\f205";



}







.fa-bicycle:before {



  content: "\f206";



}







.fa-bus:before {



  content: "\f207";



}







.fa-ioxhost:before {



  content: "\f208";



}







.fa-angellist:before {



  content: "\f209";



}







.fa-cc:before {



  content: "\f20a";



}







.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {



  content: "\f20b";



}







.fa-meanpath:before {



  content: "\f20c";



}







.fa-buysellads:before {



  content: "\f20d";



}







.fa-connectdevelop:before {



  content: "\f20e";



}







.fa-dashcube:before {



  content: "\f210";



}







.fa-forumbee:before {



  content: "\f211";



}







.fa-leanpub:before {



  content: "\f212";



}







.fa-sellsy:before {



  content: "\f213";



}







.fa-shirtsinbulk:before {



  content: "\f214";



}







.fa-simplybuilt:before {



  content: "\f215";



}







.fa-skyatlas:before {



  content: "\f216";



}







.fa-cart-plus:before {



  content: "\f217";



}







.fa-cart-arrow-down:before {



  content: "\f218";



}







.fa-diamond:before {



  content: "\f219";



}







.fa-ship:before {



  content: "\f21a";



}







.fa-user-secret:before {



  content: "\f21b";



}







.fa-motorcycle:before {



  content: "\f21c";



}







.fa-street-view:before {



  content: "\f21d";



}







.fa-heartbeat:before {



  content: "\f21e";



}







.fa-venus:before {



  content: "\f221";



}







.fa-mars:before {



  content: "\f222";



}







.fa-mercury:before {



  content: "\f223";



}







.fa-intersex:before, .fa-transgender:before {



  content: "\f224";



}







.fa-transgender-alt:before {



  content: "\f225";



}







.fa-venus-double:before {



  content: "\f226";



}







.fa-mars-double:before {



  content: "\f227";



}







.fa-venus-mars:before {



  content: "\f228";



}







.fa-mars-stroke:before {



  content: "\f229";



}







.fa-mars-stroke-v:before {



  content: "\f22a";



}







.fa-mars-stroke-h:before {



  content: "\f22b";



}







.fa-neuter:before {



  content: "\f22c";



}







.fa-genderless:before {



  content: "\f22d";



}







.fa-facebook-official:before {



  content: "\f230";



}







.fa-pinterest-p:before {



  content: "\f231";



}







.fa-whatsapp:before {



  content: "\f232";



}







.fa-server:before {



  content: "\f233";



}







.fa-user-plus:before {



  content: "\f234";



}







.fa-user-times:before {



  content: "\f235";



}







.fa-hotel:before, .fa-bed:before {



  content: "\f236";



}







.fa-viacoin:before {



  content: "\f237";



}







.fa-train:before {



  content: "\f238";



}







.fa-subway:before {



  content: "\f239";



}







.fa-medium:before {



  content: "\f23a";



}







.fa-yc:before, .fa-y-combinator:before {



  content: "\f23b";



}







.fa-optin-monster:before {



  content: "\f23c";



}







.fa-opencart:before {



  content: "\f23d";



}







.fa-expeditedssl:before {



  content: "\f23e";



}







.fa-battery-4:before, .fa-battery-full:before {



  content: "\f240";



}







.fa-battery-3:before, .fa-battery-three-quarters:before {



  content: "\f241";



}







.fa-battery-2:before, .fa-battery-half:before {



  content: "\f242";



}







.fa-battery-1:before, .fa-battery-quarter:before {



  content: "\f243";



}







.fa-battery-0:before, .fa-battery-empty:before {



  content: "\f244";



}







.fa-mouse-pointer:before {



  content: "\f245";



}







.fa-i-cursor:before {



  content: "\f246";



}







.fa-object-group:before {



  content: "\f247";



}







.fa-object-ungroup:before {



  content: "\f248";



}







.fa-sticky-note:before {



  content: "\f249";



}







.fa-sticky-note-o:before {



  content: "\f24a";



}







.fa-cc-jcb:before {



  content: "\f24b";



}







.fa-cc-diners-club:before {



  content: "\f24c";



}







.fa-clone:before {



  content: "\f24d";



}







.fa-balance-scale:before {



  content: "\f24e";



}







.fa-hourglass-o:before {



  content: "\f250";



}







.fa-hourglass-1:before, .fa-hourglass-start:before {



  content: "\f251";



}







.fa-hourglass-2:before, .fa-hourglass-half:before {



  content: "\f252";



}







.fa-hourglass-3:before, .fa-hourglass-end:before {



  content: "\f253";



}







.fa-hourglass:before {



  content: "\f254";



}







.fa-hand-grab-o:before, .fa-hand-rock-o:before {



  content: "\f255";



}







.fa-hand-stop-o:before, .fa-hand-paper-o:before {



  content: "\f256";



}







.fa-hand-scissors-o:before {



  content: "\f257";



}







.fa-hand-lizard-o:before {



  content: "\f258";



}







.fa-hand-spock-o:before {



  content: "\f259";



}







.fa-hand-pointer-o:before {



  content: "\f25a";



}







.fa-hand-peace-o:before {



  content: "\f25b";



}







.fa-trademark:before {



  content: "\f25c";



}







.fa-registered:before {



  content: "\f25d";



}







.fa-creative-commons:before {



  content: "\f25e";



}







.fa-gg:before {



  content: "\f260";



}







.fa-gg-circle:before {



  content: "\f261";



}







.fa-tripadvisor:before {



  content: "\f262";



}







.fa-odnoklassniki:before {



  content: "\f263";



}







.fa-odnoklassniki-square:before {



  content: "\f264";



}







.fa-get-pocket:before {



  content: "\f265";



}







.fa-wikipedia-w:before {



  content: "\f266";



}







.fa-safari:before {



  content: "\f267";



}







.fa-chrome:before {



  content: "\f268";



}







.fa-firefox:before {



  content: "\f269";



}







.fa-opera:before {



  content: "\f26a";



}







.fa-internet-explorer:before {



  content: "\f26b";



}







.fa-tv:before, .fa-television:before {



  content: "\f26c";



}







.fa-contao:before {



  content: "\f26d";



}







.fa-500px:before {



  content: "\f26e";



}







.fa-amazon:before {



  content: "\f270";



}







.fa-calendar-plus-o:before {



  content: "\f271";



}







.fa-calendar-minus-o:before {



  content: "\f272";



}







.fa-calendar-times-o:before {



  content: "\f273";



}







.fa-calendar-check-o:before {



  content: "\f274";



}







.fa-industry:before {



  content: "\f275";



}







.fa-map-pin:before {



  content: "\f276";



}







.fa-map-signs:before {



  content: "\f277";



}







.fa-map-o:before {



  content: "\f278";



}







.fa-map:before {



  content: "\f279";



}







.fa-commenting:before {



  content: "\f27a";



}







.fa-commenting-o:before {



  content: "\f27b";



}







.fa-houzz:before {



  content: "\f27c";



}







.fa-vimeo:before {



  content: "\f27d";



}







.fa-black-tie:before {



  content: "\f27e";



}







.fa-fonticons:before {



  content: "\f280";



}







.fa-reddit-alien:before {



  content: "\f281";



}







.fa-edge:before {



  content: "\f282";



}







.fa-credit-card-alt:before {



  content: "\f283";



}







.fa-codiepie:before {



  content: "\f284";



}







.fa-modx:before {



  content: "\f285";



}







.fa-fort-awesome:before {



  content: "\f286";



}







.fa-usb:before {



  content: "\f287";



}







.fa-product-hunt:before {



  content: "\f288";



}







.fa-mixcloud:before {



  content: "\f289";



}







.fa-scribd:before {



  content: "\f28a";



}







.fa-pause-circle:before {



  content: "\f28b";



}







.fa-pause-circle-o:before {



  content: "\f28c";



}







.fa-stop-circle:before {



  content: "\f28d";



}







.fa-stop-circle-o:before {



  content: "\f28e";



}







.fa-shopping-bag:before {



  content: "\f290";



}







.fa-shopping-basket:before {



  content: "\f291";



}







.fa-hashtag:before {



  content: "\f292";



}







.fa-bluetooth:before {



  content: "\f293";



}







.fa-bluetooth-b:before {



  content: "\f294";



}







.fa-percent:before {



  content: "\f295";



}







.fa-gitlab:before {



  content: "\f296";



}







.fa-wpbeginner:before {



  content: "\f297";



}







.fa-wpforms:before {



  content: "\f298";



}







.fa-envira:before {



  content: "\f299";



}







.fa-universal-access:before {



  content: "\f29a";



}







.fa-wheelchair-alt:before {



  content: "\f29b";



}







.fa-question-circle-o:before {



  content: "\f29c";



}







.fa-blind:before {



  content: "\f29d";



}







.fa-audio-description:before {



  content: "\f29e";



}







.fa-volume-control-phone:before {



  content: "\f2a0";



}







.fa-braille:before {



  content: "\f2a1";



}







.fa-assistive-listening-systems:before {



  content: "\f2a2";



}







.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {



  content: "\f2a3";



}







.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {



  content: "\f2a4";



}







.fa-glide:before {



  content: "\f2a5";



}







.fa-glide-g:before {



  content: "\f2a6";



}







.fa-signing:before, .fa-sign-language:before {



  content: "\f2a7";



}







.fa-low-vision:before {



  content: "\f2a8";



}







.fa-viadeo:before {



  content: "\f2a9";



}







.fa-viadeo-square:before {



  content: "\f2aa";



}







.fa-snapchat:before {



  content: "\f2ab";



}







.fa-snapchat-ghost:before {



  content: "\f2ac";



}







.fa-snapchat-square:before {



  content: "\f2ad";



}







.fa-pied-piper:before {



  content: "\f2ae";



}







.fa-first-order:before {



  content: "\f2b0";



}







.fa-yoast:before {



  content: "\f2b1";



}







.fa-themeisle:before {



  content: "\f2b2";



}







.fa-google-plus-circle:before, .fa-google-plus-official:before {



  content: "\f2b3";



}







.fa-fa:before, .fa-font-awesome:before {



  content: "\f2b4";



}







.sr-only {



  position: absolute;



  width: 1px;



  height: 1px;



  padding: 0;



  margin: -1px;



  overflow: hidden;



  clip: rect(0, 0, 0, 0);



  border: 0;



}







.sr-only-focusable:active, .sr-only-focusable:focus {



  position: static;



  width: auto;



  height: auto;



  margin: 0;



  overflow: visible;



  clip: auto;



}







/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 2, 2016 */



@font-face {



  font-family: 'bebas_neuebold';



  src: url("../fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("../fonts/bebasneue_bold-webfont.woff") format("woff");



  font-weight: normal;



  font-style: normal;



}



p#pQuantityAvailable { display:none !important; }

p#product_reference { display:none !important; }

ul#product_list li.ajax_block_product{ 
width:33.3333%; 
float:left; 
min-height: 1px;
}
.hidden-xs #grid { display:none !important; }
.hidden-xs #list { display:none !important; }
.product-compare { display:none !important; }
@media screen and (max-width: 480px) {
   ul#product_list li.ajax_block_product{ width:100%;}
   .intphone{display:block !important; color: #2e3192; }
}
.intphone{display:none; }