body {font-family: Verdana, Arial, Helvetica, sans-serif;}
.opacity-1 {opacity: 0.1 !important;}
.opacity-2 {opacity: 0.2 !important;}
.opacity-3 {opacity: 0.3 !important;}
.opacity-4 {opacity: 0.4 !important;}
.opacity-5 {opacity: 0.5 !important;}
.opacity-6 {opacity: 0.6 !important;}
.opacity-7 {opacity: 0.7 !important;}
.opacity-8 {opacity: 0.8 !important;}
.opacity-9 {opacity: 0.9 !important;}
.title-line {
    background-color: #E3E3E3;
    border-color: #ff1949;
    border-style: solid;
    height: 5px;
    width: 90%;
    position: absolute;
    border-width: 0px 0px 0px 200px;
}
.border-left-primary{border-left:.25rem solid #4e73df!important}.border-bottom-primary{border-bottom:.25rem solid #4e73df!important}.border-left-secondary{border-left:.25rem solid #858796!important}.border-bottom-secondary{border-bottom:.25rem solid #858796!important}.border-left-success{border-left:.25rem solid #1cc88a!important}.border-bottom-success{border-bottom:.25rem solid #1cc88a!important}.border-left-info{border-left:.25rem solid #36b9cc!important}.border-bottom-info{border-bottom:.25rem solid #36b9cc!important}.border-left-warning{border-left:.25rem solid #f6c23e!important}.border-bottom-warning{border-bottom:.25rem solid #f6c23e!important}.border-left-danger{border-left:.25rem solid #e74a3b!important}.border-bottom-danger{border-bottom:.25rem solid #e74a3b!important}.border-left-light{border-left:.25rem solid #f8f9fc!important}.border-bottom-light{border-bottom:.25rem solid #f8f9fc!important}.border-left-dark{border-left:.25rem solid #5a5c69!important}.border-bottom-dark{border-bottom:.25rem solid #5a5c69!important}

.zoom_box {padding: 50px;background-color: green;transition: transform .2s; /* Animation */margin: 0 auto;}
.zoom_box:hover{transform: scale(0.9);box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.parallax { min-height: 200px;  background-attachment: fixed;background-position: center; background-repeat: no-repeat;background-size: cover; filter: opacity(60%);}

.letter-spacing--1{letter-spacing:-1px;}.letter-spacing-1{letter-spacing:1px;}.letter-spacing-2{letter-spacing:2px;}.letter-spacing-3{letter-spacing:3px;}.letter-spacing-4{letter-spacing:4px;}.letter-spacing-4{letter-spacing:5px;}
@media screen and (max-width: 500px) 
{
.overlap-to-top {position:relative; top:-30px; border-radius:20px 20px 0px 0px; box-shadow:0px 0px 5px; }
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: black;
}
/* Style the back side */
.flip-card-back {background-color: dodgerblue;color: white;transform: rotateY(180deg);}
/*--------Scroll To Top----------*/
#myBtn{display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: red;color: white;cursor: pointer;padding:5px;border-radius:50%;}
#myBtn:hover{ background-color: #009900;}

/*Zoomon and out animation */
.flow-animate{width:45px;height:45px;background:#ff0000;position:relative;color:green; border-radius:50%;text-align: center; z-index: 99999999;}
.flow-animate:after{-webkit-animation: zoomin 2s ease-in infinite;animation: zoomin 2s ease-in infinite; transition: all .0s ease-in-out;width:45px;height:45px;position: absolute;top: 0;left: 0;content: '';display: block;z-index: -1;background:red; border-radius:50%;}
@-webkit-keyframes zoomin {
   0% {transform: scale(1);opacity: 0.8;}
   50% {transform: scale(1.5); opacity: 0;}
   100% {transform: scale(1); opacity: 0;}}
 @keyframes zoomin {
   0% {transform: scale(1); opacity: 0.8;}
   50% {transform: scale(1.5); opacity: 0;}
   100% {transform: scale(1); opacity: 0;}} /*End of Zoom in Keyframes */
 /* Zoom out Keyframes */
 @-webkit-keyframes zoomout {
   0% {transform: scale(1); opacity: 0;}
   50% {transform: scale(0.67); opacity: 0.5;}
   100% {transform: scale(1); opacity: 1;}}
 @keyframes zoomout {
   0% {transform: scale(1); opacity: 0;}
   50% {transform: scale(0.67); opacity: 0.5;}
   100% {transform: scale(1); opacity: 1;}}/*End of Zoom out Keyframes */
 /*Style for the text*/
.flow-animate a{
	text-decoration:none;
}
.flow-animate span{
	font-size: 30px;
}
/* End of animation------ start of color */
.w3-flat-turquoise
{color:#fff;background-color:#1abc9c}
.w3-flat-emerald
{color:#fff;background-color:#2ecc71}
.w3-flat-peter-river
{color:#fff;background-color:#3498db}
.w3-flat-amethyst
{color:#fff;background-color:#9b59b6}
.w3-flat-wet-asphalt
{color:#fff;background-color:#34495e}
.w3-flat-green-sea
{color:#fff;background-color:#16a085}
.w3-flat-nephritis
{color:#fff;background-color:#27ae60}
.w3-flat-belize-hole
{color:#fff;background-color:#2980b9}
.w3-flat-wisteria
{color:#fff;background-color:#8e44ad}
.w3-flat-midnight-blue
{color:#fff;background-color:#2c3e50}
.w3-flat-sun-flower
{color:#fff;background-color:#f1c40f}
.w3-flat-carrot
{color:#fff;background-color:#e67e22}
.w3-flat-alizarin
{color:#fff;background-color:#e74c3c}
.w3-flat-clouds
{color:#000;background-color:#ecf0f1}
.w3-flat-concrete
{color:#fff;background-color:#95a5a6}
.w3-flat-orange
{color:#fff;background-color:#f39c12}
.w3-flat-pumpkin
{color:#fff;background-color:#d35400}
.w3-flat-pomegranate
{color:#fff;background-color:#c0392b}
.w3-flat-silver
{color:#000;background-color:#bdc3c7}
.w3-flat-asbestos
{color:#fff;background-color:#7f8c8d}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}

.theme_c{ background-color:#A0005E}
.theme-l5 {color:#000 !important; background-color:#fff9f0 !important}
.theme-l4 {color:#000 !important; background-color:#ffebcc !important}
.theme-l3 {color:#000 !important; background-color:#ffd699 !important}
.theme-l2 {color:#000 !important; background-color:#ffc266 !important}
.theme-l1 {color:#000 !important; background-color:#ffad33 !important}
.theme-d1 {color:#fff !important; background-color:#e68a00 !important}
.theme-d2 {color:#fff !important; background-color:#cc7a00 !important}
.theme-d3 {color:#fff !important; background-color:#b36b00 !important}
.theme-d4 {color:#fff !important; background-color:#995c00 !important}
.theme-d5 {color:#fff !important; background-color:#804d00 !important}

.theme-light {color:#000 !important; background-color:#fff9f0 !important}
.theme-dark {color:#fff !important; background-color:#804d00 !important}
.theme-action {color:#fff !important; background-color:#804d00 !important}

.theme {color:#000 !important; background-color:#ff9800 !important}
.text-theme {color:#ff9800 !important}
.border-theme {border-color:#ff9800 !important}

.hover-theme:hover {color:#000 !important; background-color:#ff9800 !important}
.hover-text-theme:hover {color:#ff9800 !important}
.hover-border-theme:hover {border-color:#ff9800 !important}