/* refrence pf usage :ivacy.com/thankyou/*/
/*opacity*/
/*=========================== media query mixin=================*/
/*=========================== media query mixin=================*/
@font-face {
  font-family: 'avenir-book';
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Book.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-roman';
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-black';
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Black.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* cta bor spacing */
.suport-devices-container .support-device-grid {
  display: flex;
  flex-flow: wrap;
  flex-basis: 33%;
  max-width: 830px;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  margin-top: 25px; }
  .suport-devices-container .support-device-grid .tile {
    max-width: 235px;
    width: 100%;
    border: 1px solid #f1f1f1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 221px;
    margin-left: 1.5%;
    margin-bottom: 30px;
    width: 30%;
    -webkit-transition: background-color ease 0.9s, transform ease 0.9s, color ease 0.9s;
    -moz-transition: background-color ease 0.9s, transform ease 0.9s, color ease 0.9s;
    -ms-transition: background-color ease 0.9s, transform ease 0.9s, color ease 0.9s;
    -o-transition: background-color ease 0.9s, transform ease 0.9s, color ease 0.9s;
    transition: background-color ease 0.9s, transform ease 0.9s, color ease 0.9s; }
    @media (max-width: 767px) {
      .suport-devices-container .support-device-grid .tile {
        width: 49%;
        max-width: 48%; } }
    @media (max-width: 400px) {
      .suport-devices-container .support-device-grid .tile {
        width: 100%;
        max-width: 100%; } }
    .suport-devices-container .support-device-grid .tile figcaption {
      margin-top: 30px; }
    .suport-devices-container .support-device-grid .tile:hover {
      background-color: #6ec0de;
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
      .suport-devices-container .support-device-grid .tile:hover i, .suport-devices-container .support-device-grid .tile:hover figcaption, .suport-devices-container .support-device-grid .tile:hover svg, .suport-devices-container .support-device-grid .tile:hover svg path, .suport-devices-container .support-device-grid .tile:hover svg polygon {
        color: white;
        fill: white; }
  .suport-devices-container .support-device-grid .icon-hover, .suport-devices-container .support-device-grid .tile figcaption, .suport-devices-container .support-device-grid .anroid i, .suport-devices-container .support-device-grid .apple i, .suport-devices-container .support-device-grid .blackberry svg {
    -webkit-transition: color ease 0.9s, fill ease 0.9s;
    -moz-transition: color ease 0.9s, fill ease 0.9s;
    -ms-transition: color ease 0.9s, fill ease 0.9s;
    -o-transition: color ease 0.9s, fill ease 0.9s;
    transition: color ease 0.9s, fill ease 0.9s; }
  .suport-devices-container .support-device-grid .anroid i {
    font-size: 91px;
    color: #aac148; }
  .suport-devices-container .support-device-grid .apple i {
    font-size: 91px;
    color: #CCD0D2; }
  .suport-devices-container .support-device-grid .blackberry svg {
    max-width: 86px;
    width: 100%; }
  .suport-devices-container .support-device-grid .windows svg {
    width: 67px; }
    .suport-devices-container .support-device-grid .windows svg .green {
      fill: #90C300; }
    .suport-devices-container .support-device-grid .windows svg .red {
      fill: #F8672C; }
    .suport-devices-container .support-device-grid .windows svg .yellow {
      fill: #FFC400; }
    .suport-devices-container .support-device-grid .windows svg .blue {
      fill: #00B4F2; }

/* 78x74*/
.ivacy-devices {
  background-image: url(//d2war7j3gfrrus.cloudfront.net/wp-content/uploads/2017/10/ivacy-supported-devices-spirit1.png);
  background-repeat: no-repeat; }

.mac-icon {
  height: 62px;
  width: 106px; }

.linux-icon {
  background-position: -13px -115px;
  height: 77px;
  width: 65px; }

.router-icon {
  background-position: -5px -250px;
  height: 74px;
  width: 78px; }

.console-icon {
  background-position: -5px -407px;
  height: 57px;
  width: 83px; }

.openelec-icon {
  background-position: 0px -515px;
  height: 88px;
  width: 87px; }

.kodi-icon {
  background-position: -4px -640px;
  height: 99px;
  width: 98px; }

/* 78x74*/

/*# sourceMappingURL=supported-devices-wrapper.css.map */