/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here   
------------------------------------------------------- */

.et_fixed_nav.et_header_style_left #main-header.et-fixed-header {
    -webkit-box-shadow: -2px 3px 32px -3px rgba(0,0,0,.2)!important;
    -moz-box-shadow: -2px 3px 32px -3px rgba(0,0,0,.2)!important;
    box-shadow: -2px 3px 32px -3px rgba(0,0,0,.2)!important;
}

.logo-row img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.logo-row img:hover{
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
  	filter: none;
}

.kundlista ul{
	list-style: none;
	list-style-type: none !important;
}

.kundlista ul li{
	padding: 40px 20px;
    background-color: #f1f1f1;
    margin-bottom: 20px;
    text-align: center;
    color: #666;
	width: 31%;
    display: inline-block;
    margin-right: 14px;
	
	background-color: #202020;
	color: white;
	font-weight: bold;
}

.kundlista ul li span{
	width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    /* background-color: red; */
    white-space: nowrap;
    display: block;
}



@media (max-width: 981px){
	
	#logo {
		max-height: 80% !Important;
		margin-top: 20px !important;
	}
}

body .section-green-call2action-container .et_pb_button:hover,
body .section-green-call2action-container .et_button_no_icon .et_pb_button:hover{
	color: rgba(255, 255, 255, .8) !Important;
}
	


/*********************************
Invert Logo color on fixed header
*********************************/
/*********************************
change logo for fixed header (quick and easy way)
**********************************/
.et-fixed-header #logo {
	content: url('https://www.swecrom.se/wp-content/uploads/2019/12/logo-color.png');
}

@media (max-width: 767px){
	
	#logo {
		
	}
	
}



a.more-link {
    display: table;
    background-color: #be1522;
    padding: 10px 20px;
    color: #202020 !important;
    margin-top: 20px;
    background-color: #f1f1f1;
    text-transform: uppercase;
    font-size: 14px;
    display: table !important;
    letter-spacing: 1px;
}

.et_pb_post .post-meta {
    font-style: italic;
    font-size: 14px !important;
    text-transform: capitalize;
}
/* LOGO STRIP */

/*
h1{
	font-family: georgia !important;
}
*/



/* HEADINGS */

h1{
	font-size: 55px;
	font-weight: bold;
}

h2{
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}






@media (min-width: 981px){
	
	.section-5050 .et_pb_row.et_pb_row_fullwidth{
    	width: 100%!important;
    	max-width: 100%!important;
	}
	
}

.section-5050 .et_pb_row.et_pb_row_fullwidth .et_pb_promo{
	padding: 15% !Important;
}

.section-5050 .et_pb_row.et_pb_row_fullwidth .et_pb_column{
	min-height: 400px !Important;
}

@media (max-width: 980px){
	
	.section-5050.et_pb_column.et_pb_column_empty {
     	display: block;
		min-height: 400px !Important;
	}
	
}






/* BLOG POST */
.et_pb_blurb {
    padding: 19px;
    border: 0px solid #d8d8d8;
    background-color: transparent;
    word-wrap: break-word;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.1) !important;
    box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none!important;
    box-shadow: none !important;
}

.et_pb_blurb:hover {
	background-color: white;
	-webkit-box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.3) !important;
    box-shadow: -2px 3px 82px -3px rgba(0,0,0,0.3) !important;	
}

.row-logos .et_pb_main_blurb_image {
    margin-bottom: 0px !important;
}

.row-logos .et_pb_blurb_description{
	display:none;
}

.section_dark_blue a{
	color: white !Important;
	text-decoration: underline !important;
}

.logo-strip img{
	/*
	opacity: 0.5 !important;
	filter: url(filters.svg#grayscale); 
   	filter: gray; 
   	-webkit-filter: grayscale(1); 
	*/
   	transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out; 
	width: 70%;
	max-width: 300px;
}

.et_pb_slider .et_pb_slide_description h1.et_pb_slide_title {
    	font-weight: bold !important;
	}

@media (max-width: 767px){
	
	
	.et_pb_slider .et_pb_container {
    	width: 100%;   
	}
	
	
	.logo-strip imgNo{
		max-width: 64px;
	}

	.et_pb_main_blurb_image {
    	margin: auto;
	}
}

.logo-strip img:hover{
	opacity: 1 !important;
   	filter: none; /* IE5+ */
   	-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
}




/* FOOTER 
footer{
	background-image: linear-gradient(180deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.81) 100%),url(/wp-content/uploads/2018/11/business-seminar-P8MBXNR.jpg)!important;
	
}
*/

/* IMAGE HOVER BLURS */

.image-hover-layout .et_pb_blurb_content {
 	max-width: 100%;
}

.image-hover-layout .et_pb_blurb_content img {
 	width: 100%;
}


.image-hover-layout .et_pb_column {
 	overflow: hidden;
 	position: relative;
}

.image-hover-layout .et_pb_column img {
	 -webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	 display: block;
}

.image-hover-layout .et_pb_column:hover img {
 	transform: scale(1.1);
}

.image-hover-layout .et_pb_column:hover .et_pb_main_blurb_image:after {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.4);
	 content: '';
	 pointer-events: none;
}

.image-hover-layout .et_pb_main_blurb_image {
 	margin: 0;
}

.image-hover-layout .et_pb_column .et_pb_blurb_content:beforeNo {
	 top: 50px;
	 right: 30px;
	 bottom: 50px;
	 left: 30px;
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 -webkit-transform: scale(0, 1);
	 transform: scale(0, 1);
	 -webkit-transform-origin: 0 0;
	 transform-origin: 0 0;
	 position: absolute;
	 content: '';
	 opacity: 0;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 z-index: 1;
	 pointer-events: none;
}

.image-hover-layout .et_pb_column .et_pb_blurb_content:afterNo {
	 top: 30px;
	 right:50px;
	 bottom: 30px;
	 left: 50px;
	 border-right: 1px solid #fff;
	 border-left: 1px solid #fff;
	 -webkit-transform: scale(1, 0);
	 transform: scale(1, 0);
	 -webkit-transform-origin: 100% 0;
	 transform-origin: 100% 0;
	 position: absolute;
	 content: '';
	 opacity: 0;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 pointer-events: none;
}

.image-hover-layout .et_pb_column:hover .et_pb_blurb_content:before, .image-hover-layout .et_pb_column:hover .et_pb_blurb_content:after {
	 -webkit-transition-delay: 0.15s;
	 transition-delay: 0.15s;
	 opacity: 1;
	 -webkit-transform: scale(1);
	 transform: scale(1);
}

.image-hover-layout .et_pb_column .et_pb_blurb_container {
	 opacity: 0;
	 color: #fff;
	 position: absolute;
	 top: 30%; /* Adjust this if the text is in the wrong position */
	 width: 100%;
	 text-align: center;
	 -webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	 margin: 0;
	 /*padding: 0 55px;*/
	 pointer-events: none;
	 line-height: 1em !important;
}

.image-hover-layout .et_pb_column:hover .et_pb_blurb_container {
	 opacity: 1;
	 position: absolute;
	 top: 45%;
	 width: 100%;
	 text-align: center;
	 color: #fff;
	 line-height: 1em !important;
}

.image-hover-layout.show-title h4 {
	 background: transparent;
	 padding: 20px!important;
	 display: inline-block;
	 margin-bottom: 10px;

	font-size: 32px;
	text-shadow: 0 1px 3px rgba(0,0,0,.5) !Important;

	
}

.image-hover-layout.show-title .et_pb_blurb_container {
	 opacity: 1;
	 top: 35%;
}

.image-hover-layout.show-title .et_pb_column:hover .et_pb_blurb_container {
	 opacity: 1;
	 top: 35%;
}

.image-hover-layout.show-title .et_pb_blurb_container p {
 	opacity: 0;
}

.image-hover-layout.show-title .et_pb_column:hover .et_pb_blurb_container p {
 	opacity: 1;
}


.image-hover-layout.show-title .et_pb_main_blurb_image {
    display: inline !important;
}


/* END */



/* CONTACT FORM 7 */

div.wpcf7 {
    margin: 0;
    padding: 0;
    padding: 0px;
    background-color: transparent;
}


input.text, 
input.title, 
input[type=email], input[type=password], 
input[type=tel], 
input[type=url],
input[type=text], 
select, textarea {
    padding: 2px;
    border: 0px solid #bbb;
    color: #4e4e4e;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #c4c4c4;
	width: 100%;
    padding: 16px; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    -webkit-appearance: none;
}

.wpcf7-submit {
    font-size: 14px !Important;
    font-weight: bold !Important;
    letter-spacing: 2px !Important;
    padding: 1em 2em !Important;
    color: #ffffff !Important;
	
	
	
    background: #0079c1;
	border-color: #0079c1;
	
	
	font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
	border-radius: 3px !important;
	
	 -webkit-transition: all 0.5s ease-in-out;
	 -moz-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	
	/*float:right;*/
}

.wpcf7-submit:hover {
    color: #0b4bf4 !important;
	background-color: #fff !important;
}

.alert-warning,
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success,
div.wpcf7-mail-sent-ok{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.wpcf7-not-valid{
	border:2px dotted red !important;	
}







.text-max-width{
	max-width: 700px !Important;
	margin: auto !Important;
}





/* BUTTONS */
body .et_pb_button,
body .et_pb_button:hover,
.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover{
    font-size: 14px !Important;
    font-weight: bold  !Important;
    letter-spacing: 2px !Important;
    padding: 1em 2em  !Important;
	color:#ffffff !Important;
}


body .et_pb_button:hover,
.et_button_no_icon .et_pb_button:hover{
	color: #0079c1 !important;
}

.et_pb_button.et_pb_more_button:hover{
	color: white !important;	
}








.home .et_pb_section.et_pb_section_0{
	padding-top: 0 !important;	
}

.et_pb_team_member {
    background-color: white;
    padding: 20px;
	font-size: 18px !important;
}

.et_pb_team_member_image {
    max-width: 100%;
}

.et_pb_team_member_description p{
	padding-bottom: 0px;
}

.et_pb_member_position{
	color: white;
    background-color: #4e5f69;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px !important;
    border-radius: 3px;
	margin-bottom: 10px;

}

.et_pb_map_container{
	background-color: #f1f1f1;
	height: 100% !Important;
}

.et_pb_map{
	height: 100% !important;
	min-height: 500px;

}

@media (max-width: 980px){

.et_pb_column .et_pb_map, 
.et_pb_fullwidth_section .et_pb_map {

    	min-height: 350px;
    	height: 350px !important;
	}

}




/* Change Hamburger color */
.mobile_menu_bar:before{
  color:#ffffff !important;
}

#main-header .et_mobile_menu {
    background-color: #0079c1 !important;
	text-transform: uppercase !Important;
}

#top-menu li li a {
    width: 200px;
    padding: 6px 0px;
}

@media only screen and (min-width: 981px){
	
	.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
    	color: #518bc9 !important;
		color: #4e5f69 !important;
	}
	
}


.et_pb_testimonial_portrait:before {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.3) !Important;
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,.3) !Important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.3) !Important;
}

.et_pb_widget_area_left {
    padding-right: 30px;
    border-right: 0px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1);
    padding-left: 30px;
}


body #page-container .et_pb_button,
a.more-link{

}

@media (max-width: 981px)
{
	.et_pb_fullwidth_header_0 {
    	padding-top: 20px !important;
    	padding-bottom: 20px !important;
	}
	
	
	.et_pb_fullwidth_header_subhead {
 		margin-bottom: 0px !important;
	}

}


.et_pb_fullwidth_header_subhead {
 
    margin-bottom: 30px;
}

.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h2.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h3.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h4.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h5.et_pb_module_header, .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h6.et_pb_module_header {
    
}

a.more-link{
	margin-top:30px;
	padding: 0.9em 1em!important;
}

body #page-container .et_pb_fullwidth_header .et_pb_button_one,
body #page-container .et_pb_fullwidth_header .et_pb_button_two{
    color: #ffffff!important;
    border-color: #ffffff;
    border-radius: 55px;
    font-size: 20px;
  
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    background-color: rgba(255,255,255,0);
	background-color: transparent !important;
	border:4px solid white !important;
	
}

.no-wrap{
	white-space: nowrap;
}

.no-parallax .et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}
 
.no-parallax .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}



ul.social{
	margin-top:30px;
}

ul.social li a{
	opacity: .7;
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ul.social li a:hover{
	opacity: 1;
}


ul.social li{
	display:inline-block;
	width: 30%;
	cursor:pointer;
}

footer #media_image-3{
	max-width: 160px;
    float: none;
}

#footer-widgets .footer-widget li {
    position: relative;
    padding-left: 0;
}


/*** wrap row in a flex box ***/
.custom_row {
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
	-webkit-order: 1;
	order: 1;
}
 
.second-on-mobile {
	-webkit-order: 2;
	order: 2;
}
 
.third-on-mobile {
	-webkit-order: 3;
	order: 3;
}
 
.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
}
/*** add margin to last column ***
.custom_row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;
}

/* Hide Tidio Chat in Admin mode*/
.admin-bar #tidio-chat{
	display:none;
}






.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
 
}
 
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
 
}
 
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
 
}
 
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
 
}
 
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_parallax_bg {
   animation: zoomin 34s infinite;
  -ms-animation: zoomin 34s infinite;
  -webkit-animation: zoomin 34s infinite;
  -moz-animation: zoomin 34s infinite;
 
}
 
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
 
}
 
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
 
}
 
 
 
@keyframes zoomout{
0% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
 
 
100% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
 
 
}
 
 
50%{
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, 0px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, 0px, 0px);
 
}
	
100%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
 
 
}
}
 
@keyframes zoomout-right{
0%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    animation-timing-function: linear;
}
 
 
100%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin-right{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
     
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
 
}
}