@charset "utf-8";
/*
/*	Copyright (c) 2020 sm_themes
/*	Author: sm_themes
/*	This file is made for CURRENT TEMPLATE



	    TABLE OF CONTENTS

		01. FERRERO BASE
		02. FERRERO HOME
		03. FERRERO ABOUT
		04. FERRERO NEWS
		05. FERRERO CONTACT
		06. FERRERO MEDIA QUERIES (FOR SMALL DEVIVES)
		
		
	
/*---------------------------------------------------*/
/*	 01. FERRERO BASE
/*---------------------------------------------------*/

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: "Roboto";
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #111;
	color: #C3C3C3;
}
svg{
	fill: currentcolor;
	width: 15px;
	height: 15px;
}
img.svg{
	width: 15px;
	height: 15px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}

::placeholder { /* Most modern browsers support this now. */
   color: #fff;
}

.ferrero_tm_all_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_all_wrap,
.ferrero_tm_all_wrap *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.ferrero_tm_all_wrap .wrapper_inner{
	width: 100%;
	min-height: 100vh;
	clear: both;
	float: left;
	z-index: 1;
	position: relative;
}
.ferrero_tm_section{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_preloader{
  position: fixed;
  background-color: #fff;
  z-index: 9999999;
  height: 100%;
  width: 100%;
	
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s; }  
.ferrero_tm_preloader .spinner_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 33333;
}
.ferrero_tm_preloader.loaded {
    opacity: 0;
    visibility: hidden;
}
.ferrero_tm_preloader:before,
.ferrero_tm_preloader:after{
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background-color: #000;
	
    -webkit-transition: .7s all ease;
    -o-transition: .7s all ease;
    transition: .7s all ease;
}
.ferrero_tm_preloader:before{
    top: 0;
    left: 0; 
}
.ferrero_tm_preloader:after{
    bottom: 0;
	left: 0; 
}
.ferrero_tm_preloader.loaded:before, 
.ferrero_tm_preloader.loaded:after{height: 0%;}
.ferrero_tm_topbar{
	position: fixed;
	top: 0px;
	left: 50px;
	right: 50px;
	padding: 50px 0px;
	z-index: 15;
}
.ferrero_tm_topbar .topbar_inner{
	widows: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ferrero_tm_topbar .logo img{max-width: 100px;}
.ferrero_tm_topbar .trigger a{display: block;}
.ferrero_tm_topbar .trigger a span{
	display: block;
	width: 35px;
	height: 2px;
	background-color: #fff;
}
.ferrero_tm_topbar .trigger a span:nth-child(2){
	margin-top: 7px;
	margin-bottom: 7px;
}
.ferrero_tm_menu{
	width: 100%;
	height: 100vh;
	background-color: #000;
	z-index: 1000;
	position: fixed;
	opacity: 0;
	visibility: hidden;
}
.ferrero_tm_menu.active{
	opacity: 1;
	visibility: visible;
}
.ferrero_tm_menu ul{
	margin: 0px;
	list-style-type: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.ferrero_tm_menu ul li{
	margin: 0px;
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	bottom: -15px;
	position: relative;
	
	-webkit-transition: all .7s ease;
	   -moz-transition: all .7s ease;
	    -ms-transition: all .7s ease;
	     -o-transition: all .7s ease;
	        transition: all .7s ease;
}
.ferrero_tm_menu ul li.animate{
	opacity: 1;
	visibility: visible;
	bottom: 0px;
}
.ferrero_tm_menu ul li.active a{color: #fff;}
.ferrero_tm_menu ul li a{
	text-decoration: none;
	font-size: 50px;
	color: transparent;
	-webkit-text-stroke:1px #fff;
	font-family: "Poppins";
	font-weight: 600;
	padding: 25px 0px;
	display: inline-block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_menu ul li a:hover{color: #fff;}
.ferrero_tm_menu .closer{
	position: absolute;
	right: 46px;
	top: 59px;
}
.ferrero_tm_menu .closer span{
	display: block;
	width: 35px;
	height: 2px;
	background-color: #fff;
	position: relative;
}
.ferrero_tm_menu .closer span.one{
	transform: rotate(45deg);
	top: 1px;
}
.ferrero_tm_menu .closer span.two{
	transform: rotate(-45deg);
}
.ferrero_tm_menu .closer a{
	position: absolute;
	z-index: 1;
	width: 45px;
	height: 45px;
	top: -20px;
	left: -4px;
}

/*---------------------------------------------------*/
/*	 02. FERRERO HOME
/*---------------------------------------------------*/

.ferrero_tm_home_hero{
	width: 100%;
	max-width: 900px;
	height: auto;
	clear: both; 
	margin-top: 250px;
}
.ferrero_tm_home_hero .hero_image{
	width: 100%;
	max-width: 170px;
	height: 170px;
	border-radius: 100%;
	position: relative;
	margin: 0px auto;
	margin-bottom: 63px;
}
.ferrero_tm_home_hero .hero_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
}
.ferrero_tm_home_hero .text{
	width: 100%;
	float: left;
}
.ferrero_tm_home_hero .text h3{
	color: #fff;
	font-size: 30px;
	line-height: 1.8;
}
.ferrero_tm_home_hero .text h3 span{
	color: #03a696;
}
.ferrero_tm_projects{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-top: 182px;
	margin-bottom: 125px;
}
.ferrero_tm_projects ul{
	margin: 0px 0px 0px -75px;
	list-style-type: none;
}
.ferrero_tm_projects ul li{
	margin: 0px 0px 75px 0px;
	width: 33.3333%;
	padding-left: 75px;
	float: left;
}
.ferrero_tm_projects ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.ferrero_tm_projects ul li .inner_wrap{
	width: 100%;
	float: left;
}
.ferrero_tm_projects ul li .inner .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ferrero_tm_projects ul li .inner .overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.35));
}
.ferrero_tm_projects ul li .inner .title{
	z-index: 3;
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 40px;
	cursor: pointer;
	transform: translateZ(0) !important;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_projects ul li .inner:hover .title{transform: translateZ(75px) !important;}
.ferrero_tm_projects ul li .inner .title h3{
	font-size: 22px;
	color: #fff;
}
.ferrero_tm_projects ul li .inner .title span{
	color: #fff;
}
.ferrero_tm_projects ul li .inner .link{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 4;
}
.ferrero_tm_footer{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #222;
	padding: 90px 0px;
}
.ferrero_tm_footer .footer_inner{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ferrero_tm_social{
	width: auto;
}
.ferrero_tm_social ul{
	margin: 0px;
	list-style-type: none;
}
.ferrero_tm_social ul li{
	margin: 0px 30px 0px 0px;
	display: inline-block;
}
.ferrero_tm_social ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_social ul li a:hover{color: #03a696;}
.ferrero_tm_footer .copy{color: #fff;}

/*---------------------------------------------------*/
/*	 03. FERRERO ABOUT
/*---------------------------------------------------*/

.ferrero_tm_about{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 235px;
}
.ferrero_tm_about .about_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_main_title{
	max-width: 600px;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_main_title h3{
	line-height: 1.8;
}
.ferrero_tm_main_title span{color: #03a696;}
.ferrero_tm_about .about_main{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	display: flex;
	align-items: center;
	padding-top: 182px;
	margin-bottom: 190px;
}
.ferrero_tm_about .about_main .left{
	width: 50%;
	padding-right: 38px;
}
.ferrero_tm_about .about_main .left ul{
	margin: 0px 0px 0px -20px;
	list-style-type: none;
}
.ferrero_tm_about .about_main .left ul li{
	margin: 0px;
	padding-left: 20px;
	width: 50%;
	float: left;
}
.ferrero_tm_about .about_main .left ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.ferrero_tm_about .about_main .left ul li .inner .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ferrero_tm_about .about_main .right{
	width: 50%;
	padding-left: 38px;
}
.ferrero_tm_about .about_main .right h3{
	margin-bottom: 25px;
}
.ferrero_tm_about .about_main .right .text{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 10px;
}
.ferrero_tm_about .about_main .right .text p{
	margin-bottom: 15px;
}
.ferrero_tm_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_button a{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background-color: #03a696;
	font-family: "Poppins";
	padding: 10px 30px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_button a:hover{
	background-color: #fff;
	color: #000;
}
.ferrero_tm_partners{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 190px;
}
.ferrero_tm_partners ul{
	margin: 0px;
	list-style-type: none;
}
.ferrero_tm_partners ul li{
	margin: 0px;
	text-align: center;
	width: 25%;
	height: 290px;
	line-height: 290px;
	float: left;
	background-color: #111;
	border: 1px solid rgba(255,255,255,.1);
}











/*---------------------------------------------------*/
/*	 04. FERRERO NEWS
/*---------------------------------------------------*/

.ferrero_tm_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 235px;
	margin-bottom: 160px;
}
.ferrero_tm_news .news_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_news .news_list{
	max-width: 650px;
	height: auto;
	clear: both;
	float: left;
	padding-top: 175px;
	position: relative;
}
.ferrero_tm_news .news_list ul{
	margin: 0px;
	list-style-type: none;
}
.ferrero_tm_news .news_list ul li{
	margin: 0px;
	width: 100%;
	float: left;
}
.ferrero_tm_news .news_list ul li .title{
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	display: block;
	padding-bottom: 50px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_news .news_list ul li:hover .title{color: #03a696;}
.ferrero_tm_news .news_list ul li .date{
	text-decoration: none;
	color: #ddd;
	padding-bottom: 5px;
	display: block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_news .news_list ul li:hover .date{color: #fff;}
.ferrero_tm_news .news_list ul li .date span{color: #03a696;}
.ferrero_tm_animate_image{
	position: fixed;
	margin-left: 60px;
	width: 600px;
	height: 400px;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity: 0;
	visibility: hidden;
}
.ferrero_tm_animate_image.active{
	opacity: 1;
	visibility: visible;
}

/*---------------------------------------------------*/
/*	 05. FERRERO CONTACT
/*---------------------------------------------------*/

.ferrero_tm_contact{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 230px;
	margin-bottom: 200px;
}
.ferrero_tm_contact .contact_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_contact .contact_inner .main_wrap{
	width: 100%;
	height: auto;
	clear: both;
	display: flex;
	align-items: center;
	padding-top: 180px;
}
.ferrero_tm_contact .main_wrap .left{
	width: 50%;
	padding-right: 38px;
}
.ferrero_tm_contact .main_wrap .left .image{
	position: relative;
	float: left;
}
.ferrero_tm_contact .contact_inner .left .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ferrero_tm_contact .main_wrap .right{
	width: 50%;
	padding-left: 38px;
}
.ferrero_tm_contact .main_wrap .right .info{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	margin-bottom: 30px;
}
.ferrero_tm_contact .main_wrap .right .info ul{
	margin: 0px 0px 0px -10px;
	list-style-type: none;
}
.ferrero_tm_contact .main_wrap .right .info ul li{
	margin: 0px 0px 10px 0px;
	width: 33.3333%;
	float: left;
	padding-left: 10px;
}
.ferrero_tm_contact .main_wrap .right .info ul li span{
	display: block;
}
.ferrero_tm_contact .main_wrap .right .info ul li span.one{
	color: #03a696;
	font-weight: 500;
}
.ferrero_tm_contact .main_wrap .right .info ul li span.two{color: #fff;}
.ferrero_tm_contact .main_wrap .right .info ul li span a{
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.ferrero_tm_contact .main_wrap .right .info ul li span a:hover{border-bottom: none;}
.ferrero_tm_contact .fields{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.ferrero_tm_contact .fields .first{
	width: 100%;
	float: left;
}
.ferrero_tm_contact .fields ul{
	margin: 0px 0px 0px -30px;
	list-style-type: none;
}
.ferrero_tm_contact .fields ul li{
	width: 50%;
	margin: 0px 0px 30px 0px;
	padding-left: 30px;
	float: left;
}
.ferrero_tm_contact .fields ul li input{
	width: 100%;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.5); 
	text-align: left;
	background-color: transparent;
	color: #fff;
	padding-left: 0px !important;
}
.ferrero_tm_contact .fields ul li input:focus{
	outline: none;
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255,1);
}
.ferrero_tm_contact .fields .last textarea{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.5);
	height: 40px;
	resize: none;
	text-align: left;
	margin-bottom: 20px;
	color: #fff;
	padding-left: 0px !important;
}
.ferrero_tm_contact .fields .last textarea:focus{
	outline: none;
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255,1);
} 
.ferrero_tm_contact .empty_notice{
	color: #F52225;
	margin-bottom: 7px;
	display: none;
	text-align: left;
	font-weight: 500;
}
.ferrero_tm_contact .contact_error{
	color: #F52225;
	text-align: left;
	font-weight: 500;
}
.ferrero_tm_contact .returnmessage{
	color:#41A8FF;
	margin-bottom: 7px;
	text-align: left;
	font-weight: 500;
}

.ferrero_tm_lines{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
}
.ferrero_tm_lines span{
	position: absolute;
	width: 1px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,.025);
}
.ferrero_tm_lines span.one{
	left: 25%;
}
.ferrero_tm_lines span.two{
	left: 50%;
}
.ferrero_tm_lines span.three{
	left: 75%;
}

/*---------------------------------------------------
/*	 06. FERRERO NEWS SINGLE
/*---------------------------------------------------*/

.ferrero_tm_news_single{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 250px;
	margin-bottom: 190px;
}
.ferrero_tm_news_single .hero{
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.ferrero_tm_news_single .hero img{min-width: 100%;}
.ferrero_tm_news_single .single_title_holder{
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.ferrero_tm_news_single .single_title_holder span{
	margin-bottom: 20px;
	display: inline-block;
}
.ferrero_tm_news_single .single_title_holder span a{
	text-decoration: none;
    color: #03a696;
	border-bottom: 1px solid transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.ferrero_tm_news_single .single_title_holder span a:hover{
	border-bottom-color: #03a696;
}
.ferrero_tm_news_single .single_text{
	width: 100%;
	float: left;
}
.ferrero_tm_news_single .single_text p{
	margin-bottom: 25px;
}
.ferrero_tm_news_single .single_text blockquote{
	margin-bottom: 25px;
	border-left: 2px solid #03a696;
	padding-left: 30px;
	font-style: italic;
	color: #fff;
}
.ferrero_tm_news_single .single_share{
	width: 100%;
	display: flex;
	float: left;
}
.ferrero_tm_news_single .single_share span{
	color: #fff;
}
.ferrero_tm_news_single .single_share ul{
	margin: 0px;
	list-style-type: none;
	padding-left: 30px;
}
.ferrero_tm_news_single .single_share ul li{
	margin: 0px 15px 0px 0px;
	display: inline-block;
}
.ferrero_tm_news_single .single_share ul li a{
	text-decoration: none;
	color: #fff;
	transition: all .3s ease;
}
.ferrero_tm_news_single .single_share ul li a:hover{
	color: #03a696;
}

.ferrero_tm_news_single .related_news{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 135px;
}

.ferrero_tm_news_single .related_news .title{
	font-size: 22px;
	margin-bottom: 50px;
}
.ferrero_tm_news_single .related_news ul{
	margin: 0px 0px 0px -50px;
	list-style-type: none;
}
.ferrero_tm_news_single .related_news ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 33.3333%;
	padding-left: 50px;
}
.ferrero_tm_news_single .related_news ul li .inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.ferrero_tm_news_single .related_news ul li .inner .image{
	float: left;
	position: relative;
	margin-bottom: 25px;
}
.ferrero_tm_news_single .related_news ul li .inner .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.ferrero_tm_news_single .related_news ul li h3 a{
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	display: inline-block;
	transition: all .3s ease;
}
.ferrero_tm_news_single .related_news ul li h3 a:hover{
	color: #03a696;
}





/*---------------------------------------------------
/*	 06. FERRERO MEDIA QUERIES (FOR SMALL DEVIVES)
/*---------------------------------------------------*/

@media (max-width: 1400px) {
	.ferrero_tm_projects ul li{padding-left: 50px;margin-bottom: 50px;}
	.ferrero_tm_projects ul{margin-left: -50px;}
}
@media (max-width: 1040px) {
	.ferrero_tm_topbar{background-color: #000;left: 0px;right: 0px;padding: 30px 20px;}
	.ferrero_tm_topbar .logo img{max-width: 75px;}
	.ferrero_tm_menu ul li a{font-size: 30px;padding: 15px 0px;}
	.ferrero_tm_menu .closer{right: 26px;top: 39px;}
	.ferrero_tm_home_hero{margin-top: 200px;}
	.ferrero_tm_projects{margin-top: 132px;}
	.ferrero_tm_projects ul li{width: 50%;}
	.ferrero_tm_footer .footer_inner{flex-direction: column;text-align: center;}
	.ferrero_tm_social{margin-bottom: 20px;}
	.ferrero_tm_about{padding-top: 185px;}
	.ferrero_tm_about .about_main{padding-top: 132px;margin-bottom: 140px;}
	.ferrero_tm_about .about_main .left{display: none;}
	.ferrero_tm_about .about_main .right{width: 100%;padding-left: 0px;}
	.ferrero_tm_partners{margin-bottom: 140px;}
	.ferrero_tm_news{padding-top: 185px;margin-bottom: 110px;}
	.ferrero_tm_news .news_list{padding-top: 125px;}
	.ferrero_tm_animate_image{display: none !important;opacity: 0 !important;visibility: hidden !important;}
	.ferrero_tm_contact{padding-top: 180px;margin-bottom: 150px;}
	.ferrero_tm_contact .contact_inner .main_wrap{padding-top: 130px;}
	.ferrero_tm_contact .contact_inner .main_wrap{flex-direction: column;}
	.ferrero_tm_contact .contact_inner .main_wrap .left{width: 100%;margin-bottom: 40px;padding-right: 0px;}
	.ferrero_tm_contact .contact_inner .main_wrap .right{width: 100%;padding-left: 0px;}
	.ferrero_tm_partners ul li{width: 33.3333%;}
	.ferrero_tm_news_single .related_news ul li{width: 50%;}
}
@media (max-width: 768px) {
	.ferrero_tm_home_hero .text h3{font-size: 25px;}
	.ferrero_tm_projects ul li{width: 100%;padding-left: 0px;margin-bottom: 20px;}
	.ferrero_tm_projects ul{margin: 0px;}
	.ferrero_tm_projects ul li .inner .title{left: 20px;bottom: 20px;}
	.ferrero_tm_main_title h3{font-size: 25px;}
	.ferrero_tm_about .about_main .right h3{font-size: 25px;}
	.ferrero_tm_contact .main_wrap .right .info ul li{width: 100%;padding-left: 0px;}
	.ferrero_tm_contact .fields ul li{width: 100%;padding: 0px;}
	.ferrero_tm_contact .fields ul{margin: 0px;}
	.ferrero_tm_news .news_list ul li .title{font-size: 20px;}
	.ferrero_tm_partners ul li{width: 50%;}
	.ferrero_tm_news_single .single_title_holder h3{font-size: 25px;}
	.ferrero_tm_news_single .related_news ul li{width: 100%;padding-left: 0px;}
	.ferrero_tm_news_single .related_news ul{margin: 0px;}
}	
@media (max-width: 768px) {
	.ferrero_tm_partners ul li{width: 100%;}
}