body{
      font-family: Quicksand, sans-serif;
      background-color: #F8F8F8;
      font-size: 16px;
      font-weight: 300;
}
.avatar{
      margin-top: -5px;margin-bottom: -5px;
      border-radius: 15px;
}
   #one .owl-prev,#two .owl-prev,#three .owl-prev{
    position: absolute;
    top: 0;
    left: 25px;
    bottom: 0;
    margin: auto;
    padding: 5px;  
    padding-top: 20px;
    padding-right: 20px;                      
    width: 22.5px;
    height: 75px;
    border-radius: 10px;
    color: #000;
    background-color: transparent;
}
#one .owl-next,#two .owl-next,#three .owl-next{
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
    padding: 5px;  
    padding-top: 20px;
    padding-right: 20px;                      
    width: 22.5px;
    height: 75px;
    border-radius: 10px;
    color: #000;
}
#one .owl-carousel:hover .owl-prev,#two .owl-carousel:hover .owl-prev,#three .owl-carousel:hover .owl-prev{
    transition: all 0.2s;
    padding-left: 10px;
    left: 35px;
    padding-right: 10px;
    width: 32.5px;
    background-color: transparent;
}
#one .owl-carousel:hover .owl-next,#two .owl-carousel:hover .owl-next,#three .owl-carousel:hover .owl-next{
    transition: all 0.2s;
    padding-left: 10px;
    right: 35px;
    padding-right: 10px;
    width: 32.5px;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
ul {
  list-style-position: outside;
}
.footer .links,.footer .social{
    padding:30px;
    font-size: 0.9em;
}
.footer .copy,.footer .prowered{
    padding-left: 20px;
    padding-right: 20px;
}
.prowered{
    text-align: right;
}
.footer .links a{
    display: block;
    padding-top: 10px;
}
.topnumbers{
	text-align: right;
}

.navbar li a{
font-weight: 700;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: 
#805CFE;
background-color:
    transparent;
}
@media screen and (max-width: 600px) {
	.topnumbers{
		text-align: center;
}
.main h2{
	font-size: 20px;
}
.gbutton{
  
background: rgba(212,228,239,1);
background: -moz-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
background: -webkit-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -o-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: linear-gradient(135deg, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=1 );

}
}

                    #two.owl-carousel .owl-item{
                    text-align: center;
                    }
                    #two.owl-carousel .owl-item img{
                    display: inline;
                    width: auto;
                    }
                    #two.owl-carousel .owl-item h3{
                    transition: opacity 0.2s;
                    background-color: rgba(127, 7, 17, 0.8);
                    padding: 20px;
                    width: 100%;
                    margin: 0px;
                    position: absolute;
                    top: 40%;
                    opacity: 0;
                    text-align: center;
                    color: #fff;
                    font-weight: 700;
                    }
                    #two.owl-carousel .owl-item:hover h3{
                    transition: opacity 0.4s;
                    opacity: 1;
                    }
                    .intro{
                        background-image: url('images/redpattern.jpg');background-repeat:repeat-y; background-position: left center;
                    }
                    @media screen and (max-width: 600px) {
                       
                        .copy,.powered{
                            text-align: center;
                        }
                        #two.owl-carousel .owl-item h3{
                            opacity: 1;
                        }
                        .intro{
                            background-image: url('images/redback.png');background-repeat:repeat-y; background-size:20% auto;background-position: left center;
                        }
                    }
/* index page css start */

    #three .owl-item img {
                    display: block;
                    width: 120px !important;
                }
                .navbarx{
                    position: fixed;
                    top:-140px;
                    width: 100%;
                    z-index: 9999;
                }
                .footer{
                    color: #fff;
                    line-height: 30px;
                    font-size: 13px;
                    padding-top: 50px;
                    padding-bottom: 50px;
                }
                .footer a{
                    color: #fff;
                    display: block;
                    padding:15px;
                    border-bottom: 1px solid #fff;
                    font-weight: 500;
                }
                .footer a:hover{
                    transition: padding 0.2s;
                    text-decoration: none;
                    padding-left: 30px;
                    display: block;
                    padding:15px;
                }
                .navbar-inverse .navbar-nav > li > a{
                  color: #eee;
                }
                ul>li{
                 font-weight: 400;
                }
                @keyframes example {
                  0% {background-color:red;
                    color: #fff;}
                  50% {background-color:red;
                    color: #fff;}
                  75% {background-color: yellow;
                    color: #333;}
                  100% {background-color:red;
                    color: #fff;}
                }

                /* The element to apply the animation to */
                .nbtn {
                  background-color: #d55562;
                  border: none;
                  animation-name: example;
                  animation-duration: 1s;
                  animation-iteration-count: infinite;
                }
                .apbtn{
                  transition: all 0.4s;
                   background-color: #EE1C24;
                   color: #fff;
                  border: none;
                  padding:10px 40px;
                }
                .apbtn:hover{
                  transition: all 0.4s;
                   background-color: yellow;
                   color: #333;
                  border: none;
                  padding:10px 50px;
                }
                .xxhot{

                  transition: all 0.4s;

                  transform: scale(1);
                  padding: 15px;
                  border-radius: 15px;

                }
                .xxhot:hover{
                  transition: all 0.4s;
                  transform: scale(1.005);
                  box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
                  }  
                  .xxc {
                  /* This will come into play later */
                  perspective: 600px;
                }     
                .inner{
                  transition: transform 0.5s;
                  -webkit-transition: transform 0.5s;
                }  
                .inner:hover{      
                  transition: transform 0.5s;
                  -webkit-transition: transform 0.5s;
                  transform: rotate3d(1, 1, 0, 10deg);
                }  
                .msgbox{
                  display: none;
                }
                .btnsendmsg{
                  background-color: #EE1C24;color: #fff;
                }
                .btnsendmsg:hover{
                  background-color: yellow;color: #333;
                }
                 .navbar-default .navbar-nav > li > a{
                  color: #333;

                  padding-left:5px;
                  padding-right:5px;
                }
                .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
                  color: #EE1C24;
                }
                
    .dropdown:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    body{
      color: #000;
    }

/* index page css end */