/*
Theme Name: CETUS – Creative Portfolio HTML5 Template
Theme URI: http://live.envalab.com/html/cetus
Author: ENVALAB
Author URI: https://themeforest.net/user/envalab/portfolio
Description: CETUS is minimal multi-purpose portfolio template suitable any agencies, portfolios, creative group, freelancers, artists, professionals and much more.
Version: 1.0
*/

/* 
CSS Indexing
=> ABOUT PAGE 1::
=> ABOUT SLIDER AREA CSS
=> ABOUT ONTENT AREA CSS
=> PORTFOLIO AREA CSS
=> ABOUT PAGE 2 CSS
=> ABOUT PAGE 3 CSS
=> ABOUT ME PAGE CSS
=> ABOUT PAGE 5 CSS
=> SERVICE 1 PAGE CSS
=> SERVICE 2 PAGE CSS
=> CONTACT 1 PAGE CSS
=> CONTACT 2 PAGE CSS
=> CONTACT 3 PAGE CSS
*/

/*========================
== about us css style==
========================*/
.about-slider h1 {
    font-size: 60px;
}
/* slider section start */
.team .team-bg-5 {
	background-image: url('../../images/about/team/5.jpg');
}
.team .team-bg-6 {
	background-image: url('../../images/about/team/6.jpg');
}
.team .team-bg-7 {
	background-image: url('../../images/about/team/7.jpg');
}
.team .team-bg-8 {
	background-image: url('../../images/about/team/8.jpg');
}
.about .team .team-cont {
    margin-bottom: 40px;
}
.about .home7-testimonial {
	background: #f6f6f6;
}
/* slider section end */

/* about content section start */
.about-cetus-bg {
	padding: 15px 0 50px;
	position: relative;
}
.about-cetus-bg::before {
	background: url('../../images/about/about-cetus-bg.png') no-repeat center / cover;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 48%;
	height: 100%;
}
.about-cetus-skill {
    margin-right: 30px;
}
.about-cetus-para {
	padding-right: 30px;
}
.about-cetus-para p {
	margin-bottom: 10px;
}
.our-about {
	background: #f6f6f6;
	padding: 50px 0 45px;
	position: relative;
}
.our-about::before {
	background: url('../../images/about/our-about.jpg') no-repeat center right;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 53%;
	height: 100%;
}
.about-cetus-para h2 {
	margin-bottom: 8px;
	font-size: 30px;
}
.about-cetus-para li {
	margin-top: 10px;
	line-height: 25px;
	display: inline-block;
	width: 100%;
}
.about-cetus-para li{
	color: #999999;
}
.about-cetus-para li span {
	color: #000000;
	font-family: 'Courgette', cursive;
    margin-right: 7px;
}
.about .counterup ,
.about-slide {
    position: relative;
}
.about .counterup::before ,
.about-slide::before {
    position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 100%;
	background: #fff;
	opacity: 0.4;
	height: 100%;
}
/* about content section end */

/* portfolio section css start */
.single-portfolio {
	position: relative;
}
.portfolio-box-icon {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 40px;
    border-bottom: 1px solid #c4dae8;
    border-top: 1px solid #c4dae8;
    line-height: 0;
    background-color: #ffffff;
}
.portfolio-box-icon a {
    display: inline-block;
    border: none;
    position: absolute;
    bottom: 0;
    right: -40px;
    vertical-align: top;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    border-right: 1px solid #c4dae8;
    text-align: center;
    font-size: 16px;
}
.related-product-overlay a:last-child {
    border: none;
}
.single-portfolio:hover .portfolio-box-icon {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
}
.portfolio-box-icon a:hover {
	color: #fff;
	background: #c4dae8;
}
.single-portfolio:hover .portfolio-box-icon a {
    right: 75%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 16px;
}
.single-portfolio:hover .portfolio-box-icon a:nth-child(2) {
    right: 50%;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
.single-portfolio:hover .portfolio-box-icon a:nth-child(3) {
    right: 25%;
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    transition: all 0.3s ease 0.2s;
}
.single-portfolio:hover .portfolio-box-icon a:nth-child(4) {
    right: 0%;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}

/* portfolio section end */

/* about2 css start */
.about-banner {
	background: url('../../images/about/banner.jpg') no-repeat;
	background-size: cover;
	padding: 170px 0 130px;
}
.about-banner-content h2 {
	text-transform: uppercase;
	margin-bottom: 10px;
}
.about-banner-content ul li {
	display: inline-block;
}
.about-banner-content ul li.activee a , .about-banner-content ul li a:hover {
	color: #000;
}
.about .counterup {
	background: url('../../images/about/counter.jpg') no-repeat 0 0 / cover;
}
.about .counter-content h2 {
	font-size: 30px;
	font-family: 'Roboto Slab', serif;
    margin: 15px 0 8px;
}
.about .counter-content p , .about .counter-content i {
    margin: 0;
}
/* about2 css end */

/* about3 css start */
.about-banner2 {
	background: #222222;
	padding: 110px 0;
}
.about-banner2 .about-banner-content h2, .about-banner2 .about-banner-content  {
	color: #fff;
}
.our-team span {
	color: #999999;
	font-size: 12px;
	display: block;
	margin: 5px 0;
}
.our-team p {
	font-size: 13px;
	margin-bottom: 10px;
}
.our-team a {
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	text-align: center;
}
.our-team a i {
	background: #3b5998;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	line-height: 35px;
	transition: all 0.4s;
	transform: rotate(0deg);
}
.contact1 .footer-top-icon a i {
	transition: all 0.4s;
	transform: rotate(0deg);
}
.our-team img {
    margin-bottom: 20px;
}
.contact1 .footer-top-icon a:hover i,
.our-team a:hover i {
	transform: rotate(360deg);
}
.our-team a i.fa-twitter {
	background: #55acee;
}
.our-team a i.fa-linkedin {
	background: #007bb6;
}
.about-agency {
	background: #d7eaf6;
	padding: 70px 0 70px;
}
.about .agency-content h3 {
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin: 0 auto;
    line-height: 30px;
	max-width: 615px;
}
/* about3 css end */

/* about-me page start */
.about-me h3 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 10px;
}
.about-me .our-team img {
	padding-right: 50px;
}
.about-me span {
	margin-bottom: 10px;
	display: block;
	font-size: 15px;
}
/* about-me page end */

/* about5 page start */
.philosophy-content h6 {
	font-weight: 400;
	color: #999999;
	font-family: 'Courgette', cursive;
}
.philosophy-content h2 {
	font-size: 30px;
	margin-bottom: 10px;
}
.about-architect {
	background: #f6f6f6;
}
.about-service-slide {
	text-align: center;
	color: #fff;
}
.about .about-service {
	background: url('../../images/about/about-service.jpg') no-repeat 0 0 / cover;
}
.about-service-slide p {
	margin: 15px 0;
}
.about-service-slide i {
	font-size: 38px;
}
.about-service-slide h5 {
	color: #fff;
}
.about-service-overlay {
	background: rgba(20,20,20,0.7);
	color: #fff;
	padding: 140px 0;
}
.about .about-service-slider .owl-dot {
	background: #717171;
}
.about .about-service-slider .owl-dot.active {
	background: #ffffff;
}
/* about5 page end */

/* about-service2 page start */
.about-service-client h3 {
	margin-bottom: 30px;
}
.breadcrumb2 {
	background: url('../../images/about/about-bread.jpg') 0 0 /cover;
	padding: 150px 0 130px;
}
.breadcrumb2 h2 {
	text-transform: uppercase;
	margin-bottom: 5px;
}
.about-service-client .one-btn {
	margin: 5px;
	border-radius: 30px;
}
.portfolio-leftt-1 {
	background: url('../../images/about/service/1.jpg') 0 0 /cover;
}
.portfolio-leftt-2 {
	background: url('../../images/about/service/2.jpg') 0 0 /cover;
}
.portfolio-leftt-3 {
	background: url('../../images/about/service/3.jpg') 0 0 /cover;
}
.portfolio-leftt-4 {
	background: url('../../images/about/service/4.jpg') 0 0 /cover;
}
.about .portfolio-right h3 {
	margin-bottom: 10px;
}
.about .portfolio-right {
    padding: 40px 45px 0;
    height: 400px;
}
.about .client-title {
	margin-left: 35px;
	margin-right: 35px;
}
.prices-item-head p {
	font-weight: 600;
}
/* about6 page end */

/* contact1 page start */
.contact3-info h3 {
	font-size: 30px;
	padding-bottom: 20px;
}
.contact1 .footer-top-icon {
	margin-top: 20px;
}
.contact2-hr {
	border-top: 1px solid #ddd;
	padding-top: 60px;
}
.contact-location {
	margin-bottom: 60px;
}
.contact-location #map {
	height: 270px;
}
.contact-location h6 {
	margin: 25px 0 15px;
	font-size: 14px;
}
.contact-location ul li {
	margin-bottom: 18px;
}
#map_canvas, #map_canvas2 , #map_canvas3 , #map_canvas4{
	height: 260px;
	width: 100%;
}
/* contact1 page end */

/* contact2 page start */
.contact1-form h3 , .contact-team h3 {
	font-size: 30px;
	margin-bottom: 35px;
}
.contact-team h6 {
	margin-top: 20px;
}
.contact-team p {
	font-size: 12px;
	color: #999999;
	margin-bottom: 10px;
}
.contact-team ul li a {
	opacity: 0.5;
	color: #000000;
	line-height: 30px;
}
.contact-team ul li a:hover {
	opacity: 1;
}
.contact-team ul li.show-auto a , .contact-location ul li.show-auto a {
	opacity: 1;
}
.contact-team ul li span {
	color: #666666;
}
/* contact2 page end */

/* contact3 page start */
.contact3 {
	background: url('../../images/about/contact.jpg') 0 0 /cover;
	color: #fff;
}
.contact3-overlay {
	background: rgba(20,20,20,0.7);
	padding: 150px 0;
}
.contact3-info p {
	margin-top: 10px;
}
.contact3-info p span {
	display: block;
}
.contact3 .footer-top-icon {
	margin: 0 0 10px;
}
.contact3-info .footer-top-icon a {
	color: #fff;
	border: none;
}
.contact3-info .footer-top-icon a i {
	width: 100%;
	height: 100%;
	line-height: 40px;
	border-radius: 100%;
}
.contact3-info .footer-top-icon a .fa-facebook {
	background: #365492;
}
.contact3-info .footer-top-icon a .fa-twitter {
	background: #32CCFE;
}
.contact3-info .footer-top-icon a .fa-google-plus {
	background: #CB2028;
}
.contact3-info .footer-top-icon a .fa-pinterest {
	background: #a9141b;
}
.contact3-info .one-btn {
	margin-top: 40px;
	border-radius: 30px;
	background: #fff;
	color: #000;
}
.contact3-info .one-btn:hover {
	background: #000;
	color: #fff;
}
/* contact3 page end */