/*	General
/*----------------------------------------------------*/

.bg-purple
{
    background-color: #6C27A0;
}

.margin-top-5px
{
    margin-top: -5px;
}

.min-size-600px
{
    min-height: 932px;
}

.align-top
{
    position: absolute;
    top: 0px;
    display: inline;
}

.align-top-10pc
{
    position: absolute;
    top: 15%;
    display: inline;
}

.align-bottom
{
    position: absolute;
    bottom: 0px;
    display: inline;
}

.align-left
{
    position: absolute;
    left: 0px;
    display: inline;
}

.align-right
{
    position: absolute;
    right: 0px;
    display: inline;
}

.align-right-10pc
{
    position: absolute;
    right: 15%;
}

/*	Effects 1
/*----------------------------------------------------*/

.hi-effect-6
{
    transform: scale(1,1);
    transition: transform 0.5s;
}

.hi-effect-6:active {
		position:absolute;

        transform: translate(0px,100%);
    		transform: ;

    	transition: transform 0.5s;

}

.hi-effect-6:hover
{
    animation: spinAround 2s linear infinite;
}

@keyframes spinAround{
	from {
		transform: scale(1,1)
	}
	to {
		transform: scale(2,1);
	}
}

.timings {

  transition: transform 0.5s;
  transform-origin: 100% 0%;
}

/*----------------------------------------------------*/

/*	Header Section
/*----------------------------------------------------*/

#Header
{
    background: url('assets/images/thinkbig-02.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

@media (min-width:768px)
{
    .intro-btn
    {
        margin-left: auto !important;
    }
}

.intro-logo
{
    position: absolute;
    right: 10%;
    top: 15%;
    height: 70%;
}

@media (max-width:768px)
{
    .intro-logo
    {
        position: absolute;
        right: 0%;
        left: 0%;
        margin: auto;
    }
}

/*	Header Section
/*----------------------------------------------------*/

.menu-icon
{
    margin: 10px;
    font-size: 5vh;
}

.menu-icon
{
    color: rgba(0, 0, 0, 0.4);
    margin: 10px;
}

.dropdown
{
    right: 0px;
    top: 0px;
    height: 100%;
    position: absolute;
    position: 999;
    clear: both;

    background-size:cover;
}


.dropdown-menu
{

    transition-timing-function: ease-in-out;
    z-index: 1000;
    display:block;;
    transform: scale(0,0);
    top:5%;
    padding: 6px 0;
    margin: 2px 0 0;
    font-size: 2vh;
    text-align: right;
    list-style: none;
    background-color: transparent;
    b-webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}
}

.dropdown-menu:hover
{

}


.dropdown-toggle
{
    z-index: 1000;
}

.logo-text
{
    font-size: 3vh;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 5%;
    height: 10%;
    width: 100%;
    margin: -5% 0 0 -5%;
}

.margin-top15
{
    margin-top: 15px;
}