body

{

	background: #ebe8de;

	color: #333333;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #133E22;

}

p

{

	margin-top: 5px;
	margin-bottom: 5px;
	font-family: inherit;

}



a

{

        text-decoration:none;

        color:inherit;

        transition: color .5s ease;

}



strong

{

        font-weight:bold;

}



hr

{

        background-color: #D6D0C1;

        border:0;

        height:1px;

        margin:20px 0;

}

#myBtn {

	display: none;

	position: fixed;

	bottom: 50px;

	left: 30px;

	z-index: 99;

	border: none;

	outline: none;

	background-color: #000;

	color: white;

	cursor: pointer;

	padding: 15px;

	border-radius: 10px;

	opacity: 0.5;

}



#myBtn:hover {

  background-color: #555;

}

.tsmtitle

{

	width: 100%;

	background-color: #F3F3F3;

	padding-bottom: 10px;

	margin-bottom: 15px;

}

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.toptel

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	line-height: 25px;

	color: #000;

	letter-spacing: 1px;

	text-align: right; 

}

.toptel2

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	line-height: 25px;

	color: #018901;

	letter-spacing: 1px;

	text-align: right;

}

.tsm01

{

	width: auto;

	max-width: 1150px;

	font-family: 'Ubuntu', sans-serif;

	font-size: 31px;

	color: #F00;

	text-align: center;

	letter-spacing: 1px;

	line-height: 45px;

	padding-top: 15px;

	margin: auto;

	padding-right: 5px;

	padding-left: 5px;

}

.tsm02

{

	font-family: 'Ubuntu', sans-serif;

	font-size: 31px;

	color: #000000;

	text-align: center;

	letter-spacing: 1px;

	line-height: 45px;

	padding-top: 15px;

}

.imgauto

{

	width: 100%;

	height: auto;

	margin: auto;

}

.pureslider

{

	width: 100%;



}



.britext	{

	width: auto;

	max-width: 1200px;

	font-family: 'Ubuntu', sans-serif;

	font-size: 16px;

	color: #000;

	text-align: justify;

	line-height: 25px;

	margin: auto;

	}

	

.britext ul	{

	list-style-type: disc;

	padding-left: 20px;

	line-height: 35px;

	font-family: 'Ubuntu', sans-serif;

	color: #333;

	font-size: large;

	letter-spacing: 1px;

	padding-bottom: 10px;

	margin-right: 10px;

	margin-left: 10px;

	}

	

.britext2	{

	padding-bottom: 15px;

	padding-right: 7px;

	padding-left: 7px;

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #333;

	line-height: 30px;

	text-align: justify;

	letter-spacing: 1px;

}		
.britext244	{

	padding-bottom: 15px;

	padding-right: 7px;

	padding-left: 7px;

	font-family: 'Ubuntu', sans-serif;

	font-size: 15px;

	color: #333;

	line-height: 20px;

	text-align: right;

	margin: 0px;

	

}
.britext2 a {

	color: #00F;

	font-size: large;

}

.terms	{

	padding-bottom: 15px;

	padding-right: 7px;

	padding-left: 7px;

	font-family: 'Ubuntu', sans-serif;

	font-size: medium;

	color: #333;

	line-height: 20px;

	text-align: justify;

	margin: 0px;

	letter-spacing: 1px;

}

.topbox

{

	background-color: #fff;

	width: 100%;

	height: 150px;

}

.phonetexts

{
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #000;
}

/* HEADER */



header

{

	position: relative;

	width: auto;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



header h1

{

        margin:35px 0 0 0;

        font-size:55px;

        color:#e56038;

}



header p

{

        font-family: 'Ubuntu', sans-serif;

        font-size:16px;

        color: #4A463B;

        margin-left:132px;

}



nav
{

	width: auto;
	max-width: 2200px;

	text-align: center;

	margin: auto;

	padding-top: 6px;

	background-color: #018901;

	padding-bottom: 4px;

}



nav ul

{

        list-style:none;
text-align: center;
}



nav ul li a

{

	font-family: 'Ubuntu', sans-serif;

	transition: all .25s ease;

	font-size: large;

	color: #FFF;
		text-align: center;

	letter-spacing: 1px;

}



nav ul li a:hover

{

	color: #F1110F;

}



#mobileMenu

{

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        display: none;

}



#mobileMenu ul li

{

	display: block;

	background-color: #018901;

	color: #FFF;

	padding: 12px 0;

	letter-spacing: 0.1em;

	text-align: center;

	text-transform: uppercase;

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}



.toggleMobile

{

        display: none;

}



nav ul li

{

	display: inline;

	text-align: center;

	padding-top: 3px;

	padding-right: 12px;

	padding-bottom: 3px;

	padding-left: 12px;

}


#topcol

{

	width: auto;

	max-width: 1800px;

	margin: auto;

	background-color: #fff;
	padding-right: 8px;

}

#topcolone

{

width: 323px;
float: left;
background-color: #fff;

}

#topcoltwo

{

	width: 320px;

	float: right;

}
.logoauto

{

	width: 100%;

	height: auto;

	margin: auto;	

}

.belttitle

{

	font-family: 'Ubuntu', sans-serif;

	font-size: x-large;

	color: #000;

	text-align: center;

}



/* FOOTER */



footer

{

	position: relative;

	clear: both;

	width: auto;

	height: auto;

	background-color: #000000;

}



.footwrapper

{

	line-height: 25px;

	padding-top: 8px;

	width: auto;

	max-width: 900px;

	font-size: medium;

	background-color: #000000;

	font-family: 'Ubuntu', sans-serif;

	color: #FFF;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-bottom: 8px;

	text-align: center;

	height: auto;

}



/* MISC */

.clear

{

        clear:both;

}

.hidden

{

        position:absolute;

        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */

          clip: rect(1px, 1px, 1px, 1px);

}

.tsmtitle2

{

	font-family: 'Ubuntu', sans-serif;

	font-size: x-large;

	color: #000;

	line-height: 25px;

	margin-bottom: 10px;

	padding-left: 5px;

}



input

{

width: 280px;

 padding: 5px 10px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 8px;

    box-sizing: border-box;

}

textarea

{

	width: 280px;

 padding: 5px 10px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 8px;

    box-sizing: border-box;

}

.formtext

{

	font-family: 'Ubuntu', sans-serif;

	font-size: 15px;

	color: #000;

	text-align: center;

}

input[type=submit] {

    width: 280px;

    background-color: #213F63;

    color: white;

    padding: 5px 10px;

    margin: 8px 0;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}



input[type=submit]:hover {

	background-color: #2E5789;

}

.contacttwo

{

	width: auto;

	max-width: 950px;

	margin: auto;

}

.contacttwo1

{

	width: 520px;

	float: left;

	font-family: 'Ubuntu', sans-serif;

	font-size: 17px;

	color: #000;

	padding-left: 5px;

	line-height: 20px;

}

.contacttwo2

{

	width: 400px;

	float: right;

}



.idctwo

	{

		width: auto;

		max-width: 1200px;

		margin: auto;

	}

	.idctwo1

	{

	width: 680px;

	float: left;

	padding-top: 10px;

	}

	.idctwo2

	{

	width: 480px;

	float: right;

	margin-right: 5px;

	}

	

/* Style the buttons that are used to open and close the accordion panel */

.accordion {

	background-color: #eee;

	color: #018901;

	cursor: pointer;

	padding: 11px;

	width: 100%;

	text-align: left;

	border: 1px solid #CCC;

	outline: none;

	transition: 0.4s;

	font-family: 'Ubuntu', sans-serif;

	font-size: x-large;

	letter-spacing: 1px;

	margin-top: 15px;

	

}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active, .accordion:hover {

	background-color: #ccc;

	color: #F00;

}



/* Style the accordion panel. Note: hidden by default */

.panel {

	padding: 0 18px;

	background-color: white;

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

	border: 1px solid #CCC;

}

.accordion:after {

    content: '\02795'; /* Unicode character for "plus" sign (+) */

    font-size: 13px;

    color: #777;

    float: right;

    margin-left: 5px;

}



.active:after {

	content: "\2796"; /* Unicode character for "minus" sign (-) */

	color: #018901;

}

.panel ul

{

	font-family: 'Ubuntu', sans-serif;

	font-size: medium;

	color: #333;

	list-style-position: inside;

	list-style-type: disc;

	line-height: 25px;

	letter-spacing: 1px;

	text-indent: -22px;

	padding-left: 10px;

}

.taracar

{

	width: auto;

	max-width: 1200px;

	margin: auto;

}

.taracar1

{

	width: 650px;

	float: left;

}

.taracar2

{

	width: 480px;

	float: right;

	padding-right: 5px;

}



.taracar1 ul

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #333;

	list-style-position: inside;

	list-style-type: disc;

	line-height: 25px;

	letter-spacing: 1px;

	padding-left: 10px;

}

.tarapass

{

	width: auto;

	max-width: 1000px;

	margin: auto;

	

}

.tarapass1

{

	width: 270px;

	float: left;

}

.tarapass2

{

	width: 270px;

	float: left;

	padding-left: 100px;

}

.tarapass3

{

	width: 270px;

	float: right;

}



.passtext

{

	font-family: 'Ubuntu', sans-serif;

	font-size: medium;

	color: #000;

	letter-spacing: 1px;

	text-align: center;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	line-height: 22px;

}



.full

{

	width: 100%;

	font-family: 'Ubuntu', sans-serif;

	font-size: x-large;

	color: #000000;

	letter-spacing: 1px;

	text-align: center;

	line-height: 35px;

	background-color: #F3F3F3;

	margin-bottom: 15px;

	

}

.review

{

	width: 200px;

	margin: auto;

}

.idcfour

{

	width: auto;

	max-width: 960px;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 10px;

}

.idcfour1

{

	width: 240px;

	float: left;

}

.idcfour2

{

	width: 240px;

	float: left;

}

.idcfour3

{

	width: 240px;

	float: left;

}

.idcfour4

{

	width: 240px;

	float: left;

}

.idcfourtitle

{

font-family: 'Ubuntu', sans-serif;

	font-size: 50px;

	color: #000;

	background-color: #F0F0F0;

	letter-spacing: 1px;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: 3px;

	margin-left: 3px;

	padding-right: 1px;

	padding-left: 1px;

}

.idcfourtitle2

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #FFF;

	background-color: #018901;

	letter-spacing: 1px;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: 3px;

	margin-left: 3px;

	padding-right: 1px;

	padding-left: 1px;

}

.idcfourtext

{

font-family: 'Ubuntu', sans-serif;

	font-size: medium;

	color: #333;

	background-color: #F0F0F0;

	letter-spacing: 1px;

	text-align: center;

	padding-top: 10px;

	padding-bottom: 10px;

	margin-right: 3px;

	margin-left: 3px;

	padding-right: 4px;

	padding-left: 4px;

	line-height: 25px;

}

.idcfourtext2

{

	font-family: 'Ubuntu', sans-serif;

	font-size: medium;

	color: #333;

	background-color: #F0F0F0;

	letter-spacing: 1px;

	text-align: center;

	margin-right: 3px;

	margin-left: 3px;

	padding-right: 4px;

	padding-left: 4px;

	line-height: 25px;

}

.taratwo

{

	width: auto;

	max-width: 480px;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 10px;

}

.taratwo1

{

	width: 240px;

	float: left;

}

.taratwo2

{

	width: 240px;

	float: right;

}

.taratext

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #FF0000;

	letter-spacing: 1px;

	text-align: center;

	font-weight: bold;

}

.taratwos

{

	width: auto;

	max-width: 1200px;

	margin: auto;

}

.taratwos1

{

	width: 800px;

	float: left;

}

.taratwos2

{

	width: 350px;

	float: right;

}

.taratwos1 ul

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #333;

	letter-spacing: 1px;

	list-style-position: inside;

	list-style-type: disc;

	padding-left: 20px;

	line-height: 25px;

}





.taralinks

{

	width: auto;

	max-width: 1000px;

	margin: auto;

}

.taralinks1

{

	width: 500px;

	float: left;

}

.taralinks2

{

	width: 450px;

	float: right;

}

.taralinks1 ul

{

	font-family: 'Ubuntu', sans-serif;

	font-size: large;

	color: #333;

	letter-spacing: 1px;

	list-style-position: inside;

	list-style-type: disc;

	padding-left: 20px;

	line-height: 30px;

}

video {

  width: 100%    !important;

  height: auto   !important;

}

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.youvid

{

	width: auto;

	margin: auto;

	max-width: 500px;

}

.maintext3	{

	padding-bottom: 10px;

	padding-right: 10px;

	padding-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	color: #F00;

	letter-spacing: 1px;

	text-align: justify;

	line-height: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999;

}

@media (max-width: 1030px)

{

	.toptel

{ 

	padding-right: 5px;

}

.toptel2

{

	padding-right: 5px;

}

	

	.taralinks

{

padding-left: 5px;

padding-right: 5px;

}

.taralinks1

{

	width: 500px;

	float: left;

}

.taralinks2

{

	width: 450px;

	float: right;

}

	.taratwos

{

	padding-left: 5px;

	padding-right: 5px;

}

.taratwos1

{

	width: 640px;

	float: left;

}

.taratwos2

{

	width: 300px;

	float: right;

}

	.idctwo

	{

		padding-left: 5px;

		padding-right: 5px;

	}

	.idctwo1

	{

	width: 580px;

	float: left;

	padding-top: 10px;

	}

	.idctwo2

	{

	width: 350px;

	float: right;

	margin-right: 5px;

	}

	

	.taracar

{

		padding-left: 5px;

		padding-right: 5px;

}

.taracar1

{

	width: 570px;

	float: left;

}

.taracar2

{

	width: 400px;

	float: right;

	padding-right: 5px;

	padding-top: 5px;

	margin-top: 40px;

}



}



@media (max-width: 1050px)

{



}

@media (max-width: 900px)

{

	.taratwos1

{

	width: auto;

	float: none;

	margin: auto;

}

.taratwos2

{

	width: auto;

	max-width: 450px;

	float: none;

	margin: auto;

}

	.idcfour

{

	width: auto;

	max-width: 480px;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 1px;

}

.taratwo

{

	width: auto;

	max-width: 480px;

	margin-top: -5px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-bottom: 10px;

}



}

@media (max-width: 768px)

{

	.taralinks1

{

	width: 420px;

	float: left;

}

.taralinks2

{

	width: 300px;

	float: right;

}

	.tarapass

{

	width: auto;

	max-width: 600px;

	margin: auto;

	

}

.tarapass1

{

	width: 270px;

	float: left;

}

.tarapass2

{

	width: 270px;

	float: right;

	padding-left: 1px;

}

.tarapass3

{

	width: 270px;

	float: right;

	margin-right: 160px;

	margin-top: 15px;

}

	.tsmtitle2

	{

			width: 100%;

	font-family: 'Ubuntu', sans-serif;

	font-size: x-large;

	color: #000000;

	letter-spacing: 1px;

	text-align: center;

	line-height: 35px;

	background-color: #F3F3F3;

	margin-bottom: 15px;

	}

	.taracar1

{

	width: auto;

	float: none;

	margin: auto;

}

.taracar2

{

	width: auto;

	max-width: 500px;

	float: none;

	margin: auto;	

	padding-top: 10px;

}

	

		.idctwo1

	{

	width: auto;

	float: none;

	margin: auto;

	padding-top: 0px;

	}

	.idctwo2

	{

	width: auto;

	max-width: 450px;

	float: none;

	margin: auto;

	}

	

		.contacttwo

{

	width: auto;

	max-width: 740px;

	margin: auto;

}

.contacttwo1

{

	width: 350px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px;

	color: #000;

	padding-left: 5px;

	line-height: 20px;

}

.contacttwo2

{

	width: 300px;

	float: right;

}

	.britext2

	{

		line-height: 25px;

	}

	.tsm2two2text

	{

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: medium;

	line-height: 27px;

	}



.britext	{

	padding-left: 5px;

	padding-right: 5px;

}

	.britext244
	{
		text-align: center;
	}

#topcoltwo

{

	padding-right: 5px;

}

.twocolone

{

	width: 440px;

}

.twocoltwo

{

width: 250px;

}



        header

        {

           

            text-align: center;

        }        

        #spacer

        {

                height:auto;

                padding-bottom:15px;

        }

      

        footer .wrapper

        {

	width: auto;

	height: auto;

        }

        footer .wrapper .column

        {

                margin: 0 auto 15px auto;

                max-width:300px;

        }

		.active, .toggleMobile:hover {

background: rgba(144, 72, 139, 0.1);

}



        #mobileMenu

        {

                display: block;

                z-index: 99;

        }

        .toggleMobile

        {

                position: fixed;

                top: 10px;

                left: 10px;

                display: block;

                width: 40px;

                height: 36px;

                cursor: pointer;

                z-index: 999;

        }

        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3

        {

	display: block;

	position: absolute;

	width: 40px;

	height: 8px;

	left: 0;

	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	background-color: #018901;

        }

        .toggleMobile span.menu1

        {

                top: 0;

        }

        .toggleMobile span.menu2

        {

                top: 14px;

        }

        .toggleMobile span.menu3

        {

                top: 28px;

        }

        .toggleMobile.active span.menu1

        {

	top: 14px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	background-color: #000000;

        }

        .toggleMobile.active span.menu2

        {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);

	background-color: #000000;

        }

        .toggleMobile.active span.menu3

        {

                opacity: 0;

                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);

        }

        header nav

        {

                display:none;

        }

        header h1

        {

                font-size:40px;

        }

        header p

        {

                margin-left: 60px;

                font-size:14px;

        }

			.toptel

{

	text-align: center;

}

.toptel2

{

	text-align: center;

	color: #F00;

}			
.contacttwo

{

	width: auto;

	margin: auto;

}

.contacttwo1

{

	width: auto;

	float: none;

	margin: auto;



}

.contacttwo2

{

	width: auto;

	float: none;

	margin: auto;

}

	.pureslider

	{

	margin-top: 60px;

	}

		#topcolone

{

	float: none;

	margin: auto;

	max-width: 320px;

}

	

	#topcol

{

	text-align: center;	

	float: none;

	margin: auto;
	
	max-width: 500px;

}
	#topcoltwo

{

	text-align: center;	
	float: none;
	margin: auto;
	width: auto;
	max-width: 500px;

}
}



@media (max-width: 640px)

{

	.taralinks1

{

	width: auto;

	float: none;

	margin: auto;

}

.taralinks2

{

	width: auto;

	max-width: 450px;

	float: none;

	margin: auto;

}

	

	

	.tsm01

{

	font-size: x-large;

	line-height: 30px;

}



	.tsm02

{

	font-size: x-large;

	line-height: 30px;

}

	

.britext2

{

	padding-left: 10px;

	margin-top: 10px;

	line-height: 25px;

}

.brititle

{

	padding-left: 10px;

}

}



@media (max-width: 590px)

{

	.idcfour1

{

	width: 240px;

	float: none;

	margin: auto;

}

.idcfour2

{

	width: 240px;

	float: none;

	margin: auto;

}

.idcfour3

{

	width: 240px;

	float: none;

	margin: auto;

}

.idcfour4

{

	width: 240px;

	float: none;

	margin: auto;

}

.taratwo1

{

		width: 240px;

	float: none;

	margin-top: -20px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

.taratwo2

{

	width: 240px;

	float: none;

		margin: auto;

}	

	.tarapass

{

	width: auto;

	max-width: 600px;

	margin: auto;

	

}

.tarapass1

{

	width: auto;

	max-width: 400px;

	float: none;

	margin: auto;

}

.tarapass2

{

	width: auto;

	max-width: 400px;

	float: none;

	margin: auto;

	padding-left: 0px;

}

.tarapass3

{

	width: auto;

	max-width: 400px;

	float: none;

	margin: auto;



}

	.pureslider

	{

	margin-top: 70px;

	}

}



/* KEYFRAMES */



@keyframes stylie-transform-keyframes {

  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}

  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}

}



@keyframes stylie-transform2-keyframes {

  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}

  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}

}