/* ANIMATION fadeIN*/
@-webkit-keyframes fadeIn{ 
	0% {
	    opacity: 0;    
	}
	30% {
	    opacity: 0.4;
	}
	30% {
	    opacity: 0.7;
	}	
	100% {
	    opacity: 1; 
	}
}


/* ANIMATION LEFT TO RIGHT*/
@-webkit-keyframes leftToRight{ 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(-300px);
	    -moz-transform: translateX(-300px);
	    transform: translateX(-300px) ;
	    
	}
	30% {
	    opacity: 1;
	    -webkit-transform: translateX(0px) ;
	    -moz-transform: translateX(0px) ;
	    transform: translateX(0px) ;

	}
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1) ;
	    -moz-transform:  scale(1) ;
	    transform:  scale(1) ;
	    
	}
}

/* ANIMATION RIGHT TO LEFT*/
@-webkit-keyframes rightToLeft{ 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(300px);
	    -moz-transform: translateX(300px);
	    transform: translateX(300px) ;
	    
	}
	30% {
	    opacity: 1;
	    -webkit-transform: translateX(0px) ;
	    -moz-transform: translateX(0px) ;
	    transform: translateX(0px) ;

	}
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1) ;
	    -moz-transform:  scale(1) ;
	    transform:  scale(1) ;
	    
	}
}


/* ANIMATION BOTTOM TO UP*/
@-webkit-keyframes bottomToUp{ 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	     -moz-transform: translateY(200px);
	     transform: translateY(200px);
	}
	30% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    transform: translateY(0px);
	    }
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    transform: scale(1);
	}
}

/* ANIMATION ROTATE*/
@-webkit-keyframes rotate360{ 
	0% {
	    opacity: 0;
	    -webkit-transform: translateX(-300px) rotate(0deg);
	    -moz-transform: translateX(-300px) rotate(0deg);
	    transform: translateX(-300px) rotate(0deg);
	    
	}
	30% {
	    opacity: 1;
	    -webkit-transform: translateX(0px) rotate(360deg);
	    -moz-transform: translateX(0px) rotate(360deg);
	    transform: translateX(0px) rotate(360deg);

	}
	100% {
	    opacity: 1;
	    -webkit-transform: scale(1) rotate(0deg);
	    -moz-transform:  scale(1) rotate(0deg);
	    transform:  scale(1) rotate(0deg);
	    
	}
}

.fadeIn{
    -webkit-animation: fadeIn 3s ease-in-out;
    -moz-animation: fadeIn 3s ease-in-out;
    -o-animation: fadeIn 3s ease-in-out;
    -ms-animation: fadeIn 3s ease-in-out;
    animation: fadeIn 3s ease-in-out;	
	
}
.leftToRight{
    -webkit-animation: leftToRight 2s ease-in-out;
    -moz-animation: leftToRight 2s ease-in-out;
    -o-animation: leftToRight 2s ease-in-out;
    -ms-animation: leftToRight 2s ease-in-out;
    animation: leftToRight 2s ease-in-out;	
	
}
.rightToLeft{
    -webkit-animation: rightToLeft 2s ease-in-out;
    -moz-animation: rightToLeft 2s ease-in-out;
    -o-animation: rightToLeft 2s ease-in-out;
    -ms-animation: rightToLeft 2s ease-in-out;
    animation: rightToLeft 2s ease-in-out;	
	
}
.bottomToUp{
    -webkit-animation: bottomToUp 2s ease-in-out;
    -moz-animation: bottomToUp 2s ease-in-out;
    -o-animation: bottomToUp 2s ease-in-out;
    -ms-animation: bottomToUp 2s ease-in-out;
    animation: bottomToUp 2s ease-in-out;	
	
}
.rotate360{
    -webkit-animation: rotate360 2s ease-in-out;
    -moz-animation: rotate360 2s ease-in-out;
    -o-animation: rotate360 2s ease-in-out;
    -ms-animation: rotate360 2s ease-in-out;
    animation: rotate360 2s ease-in-out;	
	
}

.AdvertsClickTrackerPro-modal {
    /*display: none;  Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.AdvertsClickTrackerPro-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}




/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.AdvertsClickTrackerPro-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
	width:28px;
	height:28px;
}

.AdvertsClickTrackerPro-close:hover,
.AdvertsClickTrackerPro-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.AdvertsClickTrackerPro-modal-header {
    padding: 2px 16px;
    background-color: #ccc;
    color: white;
	min-height:50px;
}

.AdvertsClickTrackerPro-modal-body {padding: 2px 16px;position:relative;}

.AdvertsClickTrackerPro-modal-body img{
	display:inline-block;
}

.AdvertsClickTrackerPro-modal-footer {
    padding: 2px 16px;
    background-color: #ccc;
    color: white;
}

.clearfix{
	overflow:hidden;
	clear:both;
	width:100%;
	box-sizing:border-box;
}


.column1,
.columns2,
.columns3,
.columns4,
.columns5,
.columns6{
	/*box-sizing:border-box;*/
	float:left !important;
}

.column1{
	width:100% !important;
	float:none !important;
}
.columns2{
	width:50% !important;
}
.columns3{
	width:33.3% !important;
}
.columns4{
	width:25% !important;
}
.columns5{
	width:20% !important;
}
.columns6{
	width:16.6% !important;
}

.AdvertsClickTrackerPro-slideshow-body .clearfix, .clearfixslideshow{ 
    position: relative; 
    width: 100%; 
    height: 500px; 
}

.AdvertsClickTrackerPro-slideshow-body .clearfix > div,.clearfixslideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}


@media(max-width:767px){
	.columns2,
	.columns3,
	.columns4,
	.columns5,
	.columns6,	
		float:none !important;
		width:100% !important;
	}
}