/*Title:   Updates Css File
Author:  http://themeforest.net/user/lorthemes // Bogdan Laurentiu  */

/* UPDATE 1.1 */
/* ONE PAGE */
/* Icons Effect */
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; border-radius: 50%; 
text-align: center; position: relative; z-index: 1; color: #fff; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; 
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 4px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; 
transition: color 0.3s; }
.hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; 
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; 
transition: transform 0.2s, opacity 0.3s; }
.services-section:hover .hi-icon-effect-3b .hi-icon { color: #fff; }
.hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); 
transform: scale(1.3); opacity: 0; background: #f06060; }
.services-section:hover .hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); 
-ms-transform: scale(1); transform: scale(1); opacity: 1; }
.services-box:hover .hi-icon-effect-3b .hi-icon { color: #fff; }
.services-box:hover .hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1); -moz-transform: scale(1); 
-ms-transform: scale(1); transform: scale(1); opacity: 1; }

.new-item { position: absolute; line-height: 1; background: #ff525e; color: #fff; padding: 5px; top: 15px; left: 0; font-size: 12px;}
.new-item:before {content: ""; display: block; position: absolute; border: 5px solid transparent; border-right-color: #ff525e; 
bottom: -5px; left: 0;}
.new-item2 { position: absolute; line-height: 1; background: #ff525e; color: #fff; padding: 5px; top: 8px; right: 10px; font-size: 12px;}
.new-item3 { position: absolute; line-height: 1; background: #ff525e; color: #fff; padding: 5px; top: 10px; right: 10px; font-size: 12px;}
@media (max-width: 1200px) {
	.new-item { right: 30px; left: auto;}	
}

#main-menu ul li.active a { color: #000;}



#services-section { text-align: center; padding: 60px 0;}
.services-span {font-size: 25px; color: #ff525e; border-radius: 50%; border: solid 1px; padding: 31px; display: inline-block; 
margin-bottom: 25px;}

.numbers { background-color: #f7f7f7; padding: 60px 0; }
.timer-box { background-color: #ff525e; border-bottom: solid 4px #d84852; border-radius: 5px; padding: 40px 30px; font-size: 38px; 
font-weight: 300; margin-bottom: 25px;}
.timer-box span { color: #fff; display: inline-block; margin-bottom: 15px; }
.timer-box b {display: block; color: #fff; font-size: 14px;}


#our-team-section { padding: 60px 0;}
.our-team-one-carousel .item { background-color: #f7f7f7;}
.our-team-one-carousel .item b {margin-bottom: 20px; display: block; }
.our-team-one-carousel .item .right-carousel {padding: 80px 50px;}
.social-member-carousel span {color: #ff525e; border: solid 2px; border-radius: 50%; padding: 7px; margin-right: 5px;}
.social-member-carousel span:hover { color: #fff; background-color: #ff525e; border: solid 2px #ff525e;}


.team-img1 { background: url(../team/page/img1.png) no-repeat center top;}
.team-img2 { background: url(../team/page/img2.png) no-repeat center top;}
.team-img3 { background: url(../team/page/img3.png) no-repeat center top;}
.team-img4 { background: url(../team/page/img4.png) no-repeat center top;}
.team-overlay .ch-grid li { width: 245px; height: 245px;}
@media (max-width: 1200px) {
	.team-overlay .ch-grid li { width: 200px !important; height: 200px !important;}
	.team-overlay .ch-info h3 { padding: 50px 0 0 0 !important; margin-bottom: 5px;}
}
@media (max-width: 992px) {
	.team-overlay .ch-grid li { width: 150px !important; height: 150px !important;}
	.team-overlay .ch-info h3 { font-size: 12px !important; line-height: 19px !important; padding: 23px 0 0 0 !important; 
	margin-bottom: 5px; height: auto;}
	.team-overlay .ch-info p {padding: 5px; line-height: 17px;}
}
@media (max-width: 768px) {
	.team-overlay .ch-grid li { width: 200px !important; height: 200px !important;}
	.team-overlay .ch-info h3 { padding: 60px 0 0 0 !important;}
}

.team-overlay .ch-item {box-shadow: inset 0 0 0 16px rgba(231, 231, 231, 0.6), 0 1px 2px rgba(0,0,0,0.1);}
.team-overlay .ch-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1)}
.team-overlay .ch-info { background: rgba(255, 82, 94, 0.72);}
.team-overlay .ch-info h3 { padding: 75px 0 0 0; font-size: 18px; line-height: 26px;}


#portfolio-section { background-color: #f7f7f7; padding: 60px 0;}
.portfolio-section .portfolio-wrapper .portfolio-item { width: 100%;}

.cs-style-1 figcaption { height: 100%; width: 100%; opacity: 0; text-align: center; -webkit-backface-visibility: hidden; 
-moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 
-moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translate(15px, 15px); -moz-transform: translate(15px, 15px); 
-ms-transform: translate(15px, 15px); transform: translate(15px, 15px); }
.cs-style-1 figcaption h3 { margin-top: 70px; }
.cs-style-1 figcaption span {display: block;}
.cs-style-1 figcaption a {margin-top: 30px;}
.grid { padding: 20px 20px 40px 20px; margin: 0 auto; list-style: none; text-align: center; }
.grid figure { margin: 0; position: relative; }
.grid figure img { max-width: 100%; display: block; position: relative; }
.grid figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: rgba(255, 82, 94, 0.7); color: #fff; }
.grid figcaption h3 { margin: 0; padding: 0; color: #fff; padding-top: 50px; }
.grid figcaption h5 { font-size: 18px; color: #fff; }
.grid figcaption a { text-align: center; padding: 5px 10px; border-radius: 2px; display: inline-block; background: #ed4e6e; color: #fff;}



#clients-section { padding: 60px 0;}
.clients-carousel .item { text-align: center;}
.clients-carousel .owl-prev {display: inline-block; width: 30px; height: 30px; background: #E4E4E4; line-height: 30px; color: #000;
position: absolute; left: 0; top: 25%;}
.clients-carousel .owl-next {display: inline-block; width: 30px; height: 30px; background: #E4E4E4; line-height: 30px; color: #000;
position: absolute; right: 0; top: 25%;}
.clients-carousel .owl-prev:hover, .clients-carousel .owl-next:hover { color: #fff;}

#testimonials-section { padding: 60px 0; background: url(../images/testimonials_bg.jpg) no-repeat center top; background-size: cover;}



#prices-section .pricing-table:hover {box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.11); -webkit-transform: scale(1.10); 
transform: scale(1.10); width: -moz-calc(110% - -7px); width: -webkit-calc(110% - -7px); 
width: -o-calc(110% - -7px); width: calc(110% - -7px); margin-left: -16px; margin-top: 6px; position: relative; z-index: 1;
margin-bottom: -30px;}
#prices-section { padding: 60px 0;}
#news-section { padding: 60px 0; background-color: #f7f7f7;}
.services2-section span {color: #ff525e; font-size: 20px; border: solid 2px; border-radius: 50%; padding: 15px; float: left; 
margin-right: 20px;}
.services2-section h6 {margin-bottom: 0; font-size: 20px; margin-left: 74px;}
.services2-section p { margin-left: 73px; margin-bottom: 10px;}
.services2-section a { margin-left: 73px;}

#contact-section { padding: 60px 0;}


/* Timeline Blog */
.timeline-date {
	
	width: 100px;
	background: #F1F1F1;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 600;
	color: #11141F;
	text-align: center;
	line-height: 30px;
	z-index: 1;
	height: 30px;
	border: solid 1px #ddd;
	color: #FFFFFF !important;
	background-color: #999999;
	float: right;
}


/* Clients Page */
.clients { background-color: #F7F7F7; margin-bottom: 25px; border: solid 1px transparent;}
.clients:hover { border: solid 1px #ddd;}


/* About us Page */
.experience ul li {font-size: 16px; font-weight: 300; margin-bottom: 10px;}
.progress-bar { line-height: 30px;}


.about-us-carousel {background: #f2f2f2; padding-top: 50px; padding-bottom: 50px;}
.about-carousel span {float: left; font-size: 32px; border: solid 1px #ff525e; padding: 23px; border-radius: 50%; color: #ff525e;}
.about-carousel h3 { text-align: left; margin-left: 100px; margin-bottom: 10px;}
.about-carousel p { margin-left: 100px;}