/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDIT US AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */


/* =============================================================
   GENERAL STYLES
 ============================================================ */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

a,
a:active,
a:hover {
	color:#fff;
}

.color-strip {
  height: 3px;
  border-top: 0;
  max-width:220px;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.color-strip-low {
  height: 1px;
  border-top: 0;
  max-width:120px;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
h2,h3 {
    text-transform: uppercase;
}
.text-center {
    text-align:center;
}
/*=====================================
  HOME MAIN STYLES 
   ===================================*/

#home .name-div h1{
     padding-top: 60px;
            color:rgb(255, 5, 85);
            text-transform:uppercase;
}
.home-icon {
    color:rgb(255, 5, 85);
    padding:15px;
    max-height:100px;
    max-width:100px;
}
     
    #home p {
        padding: 20px 20px 20px 0px;
        line-height: 30px;
        font-size: 14px;
    }

      .call-div {
    color: #FFFFFF;
    background-color: rgb(255, 5, 85);
font-size: 18px;
line-height: 30px;
padding:15px;
}
        .call-div span {
            display:block;
        }
        .call-div span >i {
            margin-right:15px;
        }
       

   /*=====================================
  SALE STRIP STYLES 
   ===================================*/
.sale-strip {
    background-color: rgb(255, 5, 85);
min-height: 150px;
margin: 30px 0px 30px 0px;
text-align: center;
padding: 20px;
font-size: 30px;
font-weight: 800;
color:#fff;

}
    .sale-strip small {
        font-size:16px;
        font-weight: 400;
        display:block;
        padding:10px;
       
    }

 /*=====================================
  DETAIL STYLES 
   ===================================*/
#detail {
    text-align:center;
    padding-top:50px;
    padding-bottom:50px;
}


    #detail #info i {
        padding:10px;
    }
     #detail #info p>span {
        display:block;
    }
.vedio-style {
    border: 0px;
     width: 100%; 
     min-height: 260px;
     margin-top:10px;
     
}

#detail h3 {
     color:rgb(255, 5, 85);
}
  /*=====================================
  FOOTER STYLES 
   ===================================*/
#footer-sec {
    color: #fff; 
     padding: 15px 30px 15px 30px; 
     text-align: right;
      background-color: rgb(255, 5, 85);
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}

@-webkit-keyframes ring {
	0% { -webkit-transform: rotate(0); }
	1% { -webkit-transform: rotate(30deg); }
	3% { -webkit-transform: rotate(-28deg); }
	5% { -webkit-transform: rotate(34deg); }
	7% { -webkit-transform: rotate(-32deg); }
	9% { -webkit-transform: rotate(30deg); }
	11% { -webkit-transform: rotate(-28deg); }
	13% { -webkit-transform: rotate(26deg); }
	15% { -webkit-transform: rotate(-24deg); }
	17% { -webkit-transform: rotate(22deg); }
	19% { -webkit-transform: rotate(-20deg); }
	21% { -webkit-transform: rotate(18deg); }
	23% { -webkit-transform: rotate(-16deg); }
	25% { -webkit-transform: rotate(14deg); }
	27% { -webkit-transform: rotate(-12deg); }
	29% { -webkit-transform: rotate(10deg); }
	31% { -webkit-transform: rotate(-8deg); }
	33% { -webkit-transform: rotate(6deg); }
	35% { -webkit-transform: rotate(-4deg); }
	37% { -webkit-transform: rotate(2deg); }
	39% { -webkit-transform: rotate(-1deg); }
	41% { -webkit-transform: rotate(1deg); }
	43% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(0); }
}


.anim-attention {
	animation: 8s ease-in-out 1s normal none infinite running ring;
	transform-origin: 50% 50% 0;
}