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

 Theme Name:   Armen Divi
 Theme URI:    http://www.armen-industries.com
 Description:  Thème Armen avec Divi by Koality!
 Author:       Hippocampe / Koality
 Author URI:   http://www.hippocampe.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

body {
	font-family: "aller",sans-serif;
}

/* TMP */
.et_pb_portfolio_filters { display: none; }
.page-id-240 .et_pb_row_0 { margin-top: 20px; }

/* TOP BAR */
.menu-top-barre {

}

.menu-top-barre-container{
	float: left;
}

#et-secondary-menu li {
	float: left;
	position: relative;
}

#et-secondary-menu a {
	line-height: 40px;
	font-size: 18px;
	font-weight: 300;
	display: block;
	padding-left: 40px;
	padding-right: 40px;
	border-right: 1px solid white;
}

#et-secondary-menu li.current_page_item a {
	color: #0abaee;
}

#et-secondary-menu a:hover {
	background: #0abaee;
	color: white;
}

#et-secondary-menu li:hover .sub-menu {
	display: block;
}

#et-secondary-menu .sub-menu {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: rgba(255,255,255,.9);
	padding: 15px 0;
}

#et-secondary-menu .sub-menu a:hover {
	color: #0abaee;
}

#et-secondary-menu .sub-menu a {
	color: black;
	background: none;
	white-space: nowrap;
}

#et-secondary-menu a:last-child {
	/*padding-right: 0;*/
}


#top-header .container { padding: 0 !important; }

/* Search top bar icon */
#et_top_search { margin: 14px 0 0 45px; }
#et_search_icon:before { color: white !important; }

/* Top MENU MAIN */
#top-menu li { margin: 0 20px; }
#top-menu li li a { 
	font-size: 16px; 
	font-weight: 400;
	width: auto;
}

#top-menu ul.sub-menu {
	width: auto;
}

#top-menu ul.sub-menu a {
	text-transform: inherit !important;
	white-space: nowrap;
}

/* LOGO */
#marque-bretagne {
	position: absolute !important;
	z-index: 1000 !important;
	right: 0 !important;
	top: 270px !important;
}

#logo-bretagne img {
	width: 150px;
}

/* Slide */
.et_pb_slider .et_pb_slide { text-align: left; }
.et_pb_slide_description .et_pb_slide_title a {
	word-wrap: initial !important;
}

.et_pb_slide_description {
	margin: 0;
	width: 90%;
	font-size: 20px;
}

#et-main-area {
	z-index: 100001;
}	

.title-blue h1,
.title-blue h2 {
	position: relative;
}
.title-blue h2:after,
.title-blue h1:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 60%;
	height: 1px;
	background: #0abaee;
}

/* Projects */
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, 
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
	clear: none !important;
	margin: 0 3% 42px 0 !important;
    width: 31.333333% !important;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(3),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(6),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(9),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(12),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(15),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(18),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(21),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(24),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(27),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(30),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(33),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(36),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(39),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(42),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(45),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(48),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(3),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(6),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(9),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(12),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(15),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(18),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(21),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(24),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(27),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(30),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(33),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(36),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(39),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(42),
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(45) {
	margin-right: 0 !important;
}

.et_pb_portfolio_item .et_overlay {
	background: rgba(255,255,255,.7);
	opacity: 1;
	z-index: 1;

}

.et_pb_portfolio_item a:hover .et_overlay {
	background: rgba(11,187,239,.5);
}

.et_pb_portfolio_item .et_overlay::before {
	border: 1px solid #0abaee;
	border-radius: 50%;
	padding: 10px;
	top: 74%;
	left: 80%;
}

.et_pb_portfolio_item a:hover .et_overlay::before {
	color: white;
	border-color: white;
}

.et_pb_portfolio_item h2 {
    position: absolute;
	z-index: 100;
    top: 0;
    text-align: left;
    margin: 0 !important;
    padding: 20px;
    line-height: 25px;
}

.project-template-default .et_pb_section_0 .et_pb_title_container {
    width: 80% !important;
    max-width: 1080px !important;
}

/* Filter portfolio */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border-radius: 0 !important;
	border-color: #0abaee;
}

/*
.et_pb_portfolio_item h2:hover {
	background: rgba(11,187,239,.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
*/

#breadcrumbs {
	position: relative;
    width: 80%;
    max-width: 1080px;
    margin: auto;

	text-align: right;
}

.bluet_title_on_block {
	text-transform: inherit !important;
}

#breadcrumbs a {
	color: black;
}

.breadcrumb_last {
	/*padding-left: 4px;*/
}

.search-results #breadcrumbs,
.error404  #breadcrumbs {
	display: none;
}

/* Search Form */
#main-header #et_top_search {
	display: none;
}

.et_search_form_container {
	background: rgba(255,255,255,.9);
	padding-right: 0 !important;
}

.et_search_form_container.et_pb_search_visible,
.et_search_form_container.et_pb_is_animating {
	height: 350px !important;
}

.et-search-form {
	max-width: 100% !important;
	right: 0 !important;
	padding: 60px;
}

.et_search_form_container input {
	text-transform: inherit !important;
}

.et_search_form_container input { text-transform: inherit !important; font-weight: normal !important; }
.et_search_form_container input::-moz-placeholder { text-transform: inherit !important; font-weight: normal !important; }
.et_search_form_container input::-webkit-input-placeholder { text-transform: inherit !important; font-weight: normal !important; }
.et_search_form_container input:-ms-input-placeholder { text-transform: inherit !important; font-weight: normal !important; }

.et-search-form input {
	width: 70%;
	font-size: 80px !important;
	font-weight: normal !important;
	top: 130px;
	left: 0;
	bottom: auto;
	border-bottom: 1px solid black;
}

.et-search-form:before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;

	position: absolute;
    top: 160px;
    left: 60px;
    font-size: 60px;
    content: "\55";
}

/* Search page */
#main-content .container:before {
	display: none;
}

/* Pagination */
.pagination {
	margin-bottom: 30px;
}

/* Footer */
#footer-bottom .container { text-align: center; padding-bottom: 10px;}
#footer-bottom a { 
	font-weight: 300; 
	color: white; 
	line-height: 30px; 
	padding: 0 40px; 
	display: inline-block;
	font-size: 16px !important;
}
#footer-bottom a:hover { color: #0abaee; }
.bottom-nav li { padding-right: 0; border-right: 1px solid white; }
.bottom-nav li:last-child { border: none; }

/* ######### COMMON #########*/
.et_pb_button, et_pb_button:hover { padding: 0.5em 1.3em !important; }
.et_pb_button:hover { padding-right: 2em !important; }

.header-content h1,
.et_pb_section_0 h1 {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
}

/* Bouton type case 3 cols home */
.bt-access {
	display: block;
	font-weight: bold;
	font-size: 26px !important;
	text-align: left;
	line-height: 36px !important;
	padding: 25px 100px 25px 20px !important;
	width: 100%;
}

.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
	position: absolute;
	right: 40px;
	top: 7px;
}

.et_pb_blurb_position_left .et_pb_blurb_content {
	min-height: 70px;
}

.link-wrap-blurp {
	display: block;
	height: 100%;
}

.link-wrap-blurp:hover {
	background: rgba(11,187,239,.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
	line-height: inherit;
	padding-left: 20px;
}

/* ######### FORM DEVIS #########*/
#form_devis {
	width: 70%;
}

#form_devis > div {
	margin-bottom: 30px;
}

#form_devis > div > label,
#form_devis > div > label {
	float: left;
	position: relative;
	top: -2px;
	font-size: 22px !important; 
	padding-right: 35px !important; 
}

.form-mentions {
	font-size: 12px;
	line-height: 20px;
}

#form_devis #message > div{
	line-height: 20px;
	padding: 20px;
	color: #FFF;
}
#form_devis #message #error {
	background: #ea0c00;
}
#form_devis #message #updated {
	background: #29c500;
}

/* Input text */
textarea,
input[type="email"],
input[type="text"],
input[type="number"] {
	border: none;
	border-bottom: 1px solid #0abaee;
	width: 100%;
	font-size: 16px;
}

/* Checkbox */
form .besoins-2 > label,
form .besoins-3 > label,
form .besoins-4 > label {
	display: none;
}

form .besoins-2,
form .besoins-3,
form .besoins-4 {
	margin-left: 156px;
}

form .mon-projet label,
form .besoins-1 label,
form .besoins-2 label,
form .besoins-3 label,
form .besoins-4 label {
	padding-right: 20px;
	font-size: 16px;
}

/* Select */
.select-style {
    padding: 0;
    margin: 0;
    border: none;
    width: 90px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url("css/arrow-blue.png") no-repeat 90% 47%;
}

.select-style select {
    padding: 5px 8px;
    font-size: 16px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

.rappel_1 {
	width: 270px;
    float: left;
}

.rappel_1 label {
	top: 0 !important;
}

.iradio_minimal-blue, 
.icheckbox_minimal-blue {
	top: -1px;
	left: -3px;
}

.porte .et_pb_image img 
 {
    position: relative;
	height: 100%;
	/*max-height: 550px;
	max-width: inherit !important;*/
}

/* TOOLTIPY */

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1140px) {
  .et_fullwidth_nav #main-header .container {
		width: 100%;
		max-width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (max-width: 1140px) {
	#top-menu-nav, #top-menu {display: none;}
	#et_mobile_nav_menu, #et_top_search {display: block;}
	.et_header_style_left #et-top-navigation, 
	.et_header_style_split #et-top-navigation  { padding: 24px 0 0 0 !important;  }
	#logo {
		max-width: 200px;
		max-height: 100%;
	}
	.et_pb_blurb { font-size: 18px !important; }
}


@media all and (max-width: 1024px) {
	#marque-bretagne {
		top: 120px !important;
	}

	.et_pb_fullwidth_post_title_0 .et_pb_title_container h1.entry-title {
		font-size: 33px !important;
	}
	
	.et_pb_slide_description {
		width: 100%;
	}

	.et_search_form_container {
		width: 100% !important;
		padding: 30px;
	}
	
	.et_header_style_left .et-search-form, 
	.et_header_style_split .et-search-form {
		width: 100% !important;
		max-width: none !important;
	}
	
	.et-search-form input {
		margin-left: 10px;
		margin-right: 10px;
		left: 30px;
		width: 80%;
		font-size: 30px !important;
	}
	
	.et_overlay::before {
		font-size: 16px;
	}

	span.et_close_search_field { bottom: 45px; right: 30px; }
	.et-search-form::before { display: none; }
}

/***Switch column order on mobile***/
@media only screen and ( max-width: 980px ) {
	.flip { 
	display: -webkit-flex;
	-webkit-flex-direction: column-reverse;
	display: flex;
	flex-direction: column-reverse !important;}
}
/***end switch column on mobile***/
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	#top-header .container {
		width: 100%;
		max-width: none;
	}

	.menu-top-barre-container {
		width: 100%;
	}

	#et-secondary-nav, #et-secondary-menu { 
		display: block !important; 
		float: none;
		text-align: center;
	}

 	#et-secondary-menu li {
		 float: none;
		 display: inline;
	}
	
 	#et-secondary-nav li ul {
		 background: black;
	}

	#et-secondary-menu a {
		font-size: 14px;
		line-height: 30px;
		display: inline;
	}

	#et-secondary-menu li:last-child a {
		border: none;
	}

	#et_top_search {
		position: absolute;
		top: -13px;
		right: 20px;
	}



	#menu-top-barre > li {
		position: inherit !important;
	}

	#et-secondary-menu .sub-menu {
		right: 0;
		top: 30px;
	}
	
	#et-secondary-menu .sub-menu li {
		display: block;
	}	
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) {
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    #logo {
		/*max-width: 100% !important;*/
		/*max-height: 160%;*/
		/*position: relative;*/
		/*top: -24px;*/
	}

	#marque-bretagne {
		top: 120px !important;
	}

	#logo-bretagne img { width: 100px; }

	#et-secondary-menu a {
		font-size: 10px;
		line-height: 30px;
		display: inline;
		padding: 0 5px;
	}

	.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title {
		font-size: 40px !important;
	}

	.bottom-nav li {
		display: block;
		border: none;
	}

	#form_devis > div > label, #form_devis > div > label,
	.acf-hl > li {
		float: none !important;
	}

	form .besoins-2, form .besoins-3, form .besoins-4 {
		margin-left: 0 !important;
	}

	#form_devis {
		width: 100% !important;
	}

	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
		width: 100% !important;
	}

	.et_portfolio_image img { width: 100%; }

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	.et_pb_fullwidth_post_title_0 .et_pb_title_container h1.entry-title,
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
		font-size: 26px !important;
	}

	#et_top_search {
		right: 5px;
	}

	.menu-top-barre-container {
		position: relative;
	}

	article h1 {
		font-size: 28px;
	}
}


/* ZOOM */
.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
	position: absolute;
	background-attachment: inherit;
}

.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
 
}
 
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 17s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
 
}
 
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 17s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
 
}
 
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
 
}
 
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 17s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
 
}
 
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 17s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-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;
 
 
}
 
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(3.5, 3.5, 3.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);
 
}
}
 
@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);
 
}
}