/*
| --------------------------------------------------------
| Theme Name : WebPanda
| Version : 1.2
| Theme Date : 07/08/2018
| Modified Date : 12/09/2018
| Platforms : HTML5, CSS3, Bootstrap3, JS, Jquery
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation
| File : yit-cleaner.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Index Page CSS
| Responsive CSS
*/

/* NOTE: This file contains the styling for the "Cleaner Template". You can edit/add anything in this file! */

/* Button CSS BOF */
.cleaner .btn { position:relative; overflow:hidden; border:medium none; z-index:1; font-weight:500; }
.cleaner .btn::after { background: #123641; content: ""; height: 20px; position: absolute; right: -10px; bottom:-10px; transform: rotate(45deg);
	transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; width: 20px;
	z-index: -5; }
.cleaner .btn:hover::after{ -webkit-transform:scale(30); -o-transform:scale(30); -ms-transform:scale(30); -moz-transform:scale(30); transform:scale(30); }

/*
| ========================================================
| Index Page CSS BOF
| ========================================================
*/

/* HEADER CSS BOF
====================================================== */

/*** Navigation CSS BOF ***/
.cleaner .cleaner-header .navbar { padding:0; }
.cleaner .cleaner-header .yit-nav .navbar-nav::before { background: #2cc6ff; content: ""; height: 100%; position: absolute; right: 0; transform: skew(30deg); width: 65%; z-index: -1;
	transform: skew(30deg); -moz-transform: skew(30deg); -webkit-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); }
.cleaner .cleaner-header .navbar-brand { padding:0; }
.cleaner .cleaner-header .navbar-light .navbar-nav .nav-link { font-weight:400; text-transform:uppercase; border-bottom:solid 3px transparent; padding:1.5rem .8rem; color:#fff; }

	/* Navigation Hover CSS BOF */
	.cleaner-header .yit-nav .navbar-nav .nav-link:hover, .cleaner-header .yit-nav .navbar-nav .nav-link:focus,
	.cleaner-header .yit-nav .navbar-nav .nav-link:active, .cleaner-header .yit-nav .navbar-nav .nav-link.active,
	.cleaner-header .yit-nav .navbar-nav .dropdown:hover, .cleaner-header .yit-nav .navbar-nav .dropdown:focus,
	.cleaner-header .yit-nav .navbar-nav .dropdown:active, .cleaner-header .yit-nav .navbar-nav .dropdown:hover .nav-link,
	.cleaner-header .yit-nav .navbar-nav .dropdown:focus .nav-link, .cleaner-header .yit-nav .navbar-nav .dropdown:active .nav-link,
	.cleaner-header .yit-nav .navbar-nav .show .nav-link, .cleaner-header .yit-nav .navbar-nav .active .nav-link, .cleaner-header .yit-nav .nav-link.show,
	.cleaner-header .yit-nav .navbar-nav .nav-link.active { color:#fff; border-bottom:solid 3px rgba(0, 0, 0, .7); background-color:#2cc6ff; } /* override nav-link background */

/*** Dropdown CSS BOF ***/
.cleaner .cleaner-header .yit-nav .dropdown-menu { top:100%; }
.cleaner .cleaner-header .navbar-light .navbar-nav .nav-item.dropdown { border:medium }
.cleaner .cleaner-header .yit-mega-menu .dropdown-menu { border-top:medium none; }

		/* Dropdown Hover CSS BOF */
		.cleaner .cleaner-header .yit-nav .navbar .dropdown .dropdown-item:hover, .cleaner .cleaner-header .yit-nav .navbar .dropdown .dropdown-item:focus,
		.cleaner .cleaner-header .yit-nav .navbar .dropdown .dropdown-item:active, .cleaner .cleaner-header .yit-nav .navbar .dropdown .dropdown-item.active { background:#2cc6ff; color:#fff; }

/*** Custom Toggel Navigation CSS BOF ***/
.cleaner .cleaner-header .nav-toggle-bar.yit-custom-toggle-icon { background:#4caf50; }

/* CONTENT CSS BOF
====================================================== */

/*** Key Benefits Section CSS BOF ***/
.cleaner-key-benefits .yit-feature .yit-feature-item { margin-top:0; margin-bottom:0; }
.cleaner-key-benefits .yit-feature.style-29 .yit-feature-item::after { border-left:15px solid rgba(0, 0, 0, .3); }

/*** About Section CS BOF ***/
.cleaner-agency .yit-feature.style-1 { position:relative; z-index:1; overflow:hidden; }
.cleaner-agency, .cleaner-agency .yit-feature.style-1:after, .cleaner-agency .yit-feature.style-1::before { -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.cleaner-agency .yit-feature.style-1:after, .cleaner-agency .yit-feature.style-1::before { content:""; background:  rgba(0, 0, 0, .1); margin:0 auto; z-index:-1; position:absolute; left:0;
	right:0; }
.cleaner-agency .yit-feature.style-1:after {  width:0; top:46%; height:2px; }
.cleaner-agency .yit-feature.style-1::before { height: 0; top: 0; width: 2px; }
.cleaner-agency .yit-feature .yit-feature-item { margin-bottom:15px; padding-bottom:15px; }
.cleaner-agency:hover .yit-feature.style-1:before { height:100%;  }
.cleaner-agency:hover .yit-feature.style-1:after { width:100%; }

/*** Industry Section CSS BOF ***/
.cleaner-industry .yit-feature.style-8 .yit-feature-item:hover { background-color:rgba(255, 255, 255, .5); }
.cleaner-industry .yit-feature .yit-feature-item .item-icon { width:80px; height:80px; margin:0 auto 20px; }
.cleaner-industry .yit-feature .yit-feature-item .item-icon img { width:70px; height:40px; position:relative; top:18px; }

/*** Gallery Section CSS BOF ***/
.cleaner-work-gallery .yit-portfolio.style-3 .yit-portfolio-item { margin-bottom:0; }

/*** Newsletter Section CSS BOF ***/
.cleaner-newsletter { padding-bottom:160px; padding-top:125px; }
.cleaner-blog .yit-blog.style-10 .yit-blog-item:hover { border-bottom-color:#4caf50; }
.cleaner-blog .yit-blog .yit-blog-item { margin-bottom:0; }

/* Footer CSS BOF
====================================================== */
.cleaner-footer, .cleaner-team-group img { -moz-transition:all .7s ease-in-out 0s; -webkit-transition:all .7s ease-in-out 0s; -o-transition:all .7s ease-in-out 0s; -ms-transition:all .7s ease-in-out 0s; transition:all .7s ease-in-out 0s; }
.cleaner-footer .cleaner-team-group img { left: -120px; position: absolute; top: -150px; transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9);
	-o-transform: scale(0.9); -ms-transform: scale(0.9); z-index: -1; }
.cleaner-footer:hover .cleaner-team-group img {  left:-60px; }

/*
| ========================================================
| Responsive Media CSS BOF
| ========================================================
*/

/*** iPhone Mobile CSS BOF ***/
@media (max-width:767px) {
.cleaner .cleaner-header .navbar { padding:0.5rem 1rem; }
.cleaner .cleaner-header .yit-nav .navbar-nav::before { display:none; }
.cleaner .cleaner-header .navbar-brand { padding-top:0.3125rem; padding-bottom:0.3125rem; }
.cleaner .cleaner-header .yit-nav .navbar-light .navbar-toggler { border-color:#2cc6ff; }
.cleaner .cleaner-header .navbar-light .navbar-nav .nav-link { color:inherit; padding:0.6rem; }
.cleaner .cleaner-header .yit-nav .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(76, 175, 80, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
.cleaner-agency .yit-feature.style-1:after, .cleaner-agency .yit-feature.style-1::before { display:none; }
.cleaner-agency .yit-feature .yit-feature-item { margin-bottom:0; padding-bottom:0; }

	/* Navigation Hover CSS BOF */
	.cleaner-header .yit-nav .navbar-nav .nav-link:hover, .cleaner-header .yit-nav .navbar-nav .nav-link:focus,
	.cleaner-header .yit-nav .navbar-nav .nav-link:active, .cleaner-header .yit-nav .navbar-nav .nav-link.active,
	.cleaner-header .yit-nav .navbar-nav .dropdown:hover, .cleaner-header .yit-nav .navbar-nav .dropdown:focus,
	.cleaner-header .yit-nav .navbar-nav .dropdown:active, .cleaner-header .yit-nav .navbar-nav .dropdown:hover .nav-link,
	.cleaner-header .yit-nav .navbar-nav .dropdown:focus .nav-link, .cleaner-header .yit-nav .navbar-nav .dropdown:active .nav-link,
	.cleaner-header .yit-nav .navbar-nav .show .nav-link, .cleaner-header .yit-nav .navbar-nav .active .nav-link, .cleaner-header .yit-nav .nav-link.show,
	.cleaner-header .yit-nav .navbar-nav .nav-link.active { color:#fff; }
}

/*** iPad Portrait CSS BOF ***/
@media (min-width:768px) and (max-width:980px){
.cleaner .cleaner-header .navbar { padding:15px !important; }
.cleaner .cleaner-header .yit-nav .navbar-nav::before { display:none; }
.cleaner .cleaner-header .navbar-brand { padding-top:0.3125rem; padding-bottom:0.3125rem; }
.cleaner .cleaner-header .yit-nav .navbar-light .navbar-toggler { border-color:#2cc6ff; }
.cleaner .cleaner-header .yit-nav .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(76, 175, 80, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
.cleaner .cleaner-header .navbar-light .navbar-nav .nav-link { color:inherit; padding:0.6rem; }

	/* Navigation Hover CSS BOF */
	.cleaner-header .yit-nav .navbar-nav .nav-link:hover, .cleaner-header .yit-nav .navbar-nav .nav-link:focus,
	.cleaner-header .yit-nav .navbar-nav .nav-link:active, .cleaner-header .yit-nav .navbar-nav .nav-link.active,
	.cleaner-header .yit-nav .navbar-nav .dropdown:hover, .cleaner-header .yit-nav .navbar-nav .dropdown:focus,
	.cleaner-header .yit-nav .navbar-nav .dropdown:active, .cleaner-header .yit-nav .navbar-nav .dropdown:hover .nav-link,
	.cleaner-header .yit-nav .navbar-nav .dropdown:focus .nav-link, .cleaner-header .yit-nav .navbar-nav .dropdown:active .nav-link,
	.cleaner-header .yit-nav .navbar-nav .show .nav-link, .cleaner-header .yit-nav .navbar-nav .active .nav-link, .cleaner-header .yit-nav .nav-link.show,
	.cleaner-header .yit-nav .navbar-nav .nav-link.active { color:#fff; }

}

/*** iPad Landscape CSS BOF ***/
@media (min-width: 979px) and (max-width: 1200px) {
.cleaner .cleaner-header .navbar-light .navbar-nav .nav-link { font-size:14px; }
.cleaner .cleaner-header .yit-nav .navbar-nav::before { width:70%; }
}

/*** Small Tablet Landscape CSS BOF ***/
@media (min-width: 980px) and (max-width: 1023px) {
}