/*!
Theme Name: Kable Child
Theme URI: http://demo.themepiko.com/kable/
Description: Kable Child is a child theme of Kable, created by Themepiko team
Author: Themepiko
Author URI: https://themepiko.com/
Template: kable
Version: 1.0.0
Text Domain: kable-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your own styles here */

.plusicon{
  width: 30px;
  height: 30px;
}
.svg1 {
    position: fixed;
    z-index: 999;
    top: 82px;
    right: 0px;
    width: 185px;
    height: 150px;
    background-color: #d14f4f;
    background: #E51215;
    background: -webkit-linear-gradient(top right, #E51215, #A82B2B);
    background: -moz-linear-gradient(top right, #E51215, #A82B2B);
    background: linear-gradient(to bottom left, #E51215, #A82B2B);
    border-radius: 100px 0px 0px 100px;
}
#contactsvg {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  align-items: center;
  height: 100%;
}

#contactsvg text {
  font-family: "Helvetica Neue", Arial;
  font-size: 45px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.csvtext{
  fill: #fff;
}

#contactsvg svg {
  position: absolute;
  width: 250px;

  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -ms-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}