/*------------------------------------------------------------------
[Master Stylesheet]

Template Name  	: Doyle
Description 	: Doyle - Creative Multipurpose Joomla Template
Author      	: TivaTheme
Version     	: 1.0
Created     	: 10/12/2018
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Header
2. Slideshow
3. Search
4. Home 1
5. Banner
6. Footer Home 1
7. Home Contact
8. Page Services
9. Portfolios
10. Testimonial
11. Newsletter
12. Home 3
13. Footer Home 3
14. Home 4, Home 5
15. Breadcrumb
16. About us
17. Contact
18. Blog
19. Blog Single
20. Pagination
21. Login
22. Register
23. My Account
24. Reponsive
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background  : #ffffff
Content     : #686876

a (standard): #171721
a (visited) : #0a6edd
a (active)  : #0a6edd
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body        : 14px "Poppins", sans-serif;
-------------------------------------------------------------------*/


/* 1. Header */
.mega-menu  li.active {
	background: none !important;
}
#main-nav .dropdown-menu {
    width: 270px !important;
	height: inherit !important;
}

/* 2. Slideshow */
.tiva-slideshow-wrapper .tiva-caption .btn:hover {
    border: 2px solid #00c282 !important;
    background-color: #00c282;
}
.custom .tiva-slideshow-wrapper .nivo-controlNav {
    bottom: 30px;
}
.tiva-slideshow-wrapper #tiva-slideshow  a.nivo-nextNav {
    background-position: -40px 0;
}
.tiva-slideshow-wrapper  #tiva-slideshow .nivo-directionNav a {
    width: 40px;
    height: 40px;
}
#all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control.active {
    background-color: #00c282;
}
.home-3 #all .tiva-slideshow-wrapper .nivo-controlNav,
.home-4 #all .tiva-slideshow-wrapper .nivo-controlNav,
.home-5 #all .tiva-slideshow-wrapper .nivo-controlNav,
.home-6 #all .tiva-slideshow-wrapper .nivo-controlNav {
	width: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    bottom: auto;
    right: 50px;
    z-index: 9999;
}
.home-3 .tiva-slideshow-wrapper #tiva-slideshow .nivo-directionNav,
.home-4 .tiva-slideshow-wrapper #tiva-slideshow .nivo-directionNav,
.home-5 .tiva-slideshow-wrapper #tiva-slideshow .nivo-directionNav,
.home-6 .tiva-slideshow-wrapper #tiva-slideshow .nivo-directionNav {
	display: none;
}
.home-3 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control,
.home-4 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control,
.home-5 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control,
.home-6 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control {
	width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #333;
    color: #f4f4f4;
    border-radius: 50%;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
}
.home-3 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control:last-child,
.home-4 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control:last-child,
.home-5 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control:last-child,
.home-6 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control:last-child {
	margin-bottom: 0;
}
.home-3 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control.active,
.home-4 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control.active,
.home-5 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control.active,
.home-6 #all .tiva-slideshow-wrapper .nivo-controlNav .nivo-control.active {
	background-color: #f4f4f4;
    color: #333;
}
.tiva-slideshow-wrapper .tiva-caption {
    width: 100%;
}

/* 3. Search */
.element-invisible {
	display: none;
}
.block-search .input-group-btn .btn {
	border: none;
}
.form-inline .input-group .input-group-btn {
    width: 1%;
}
.moduletable .form-control {
	font-size: 14px;
    font-weight: 400;
    color: #686876;
    width: 100%;
    margin: 0;
    padding: 8px 55px 8px 15px;
    border: 1px solid #ececec;
    background: transparent;
	box-shadow: none;
	height: inherit;
	line-height: inherit;
}
.moduletable .input-group {
	width: 100%;
}
.moduletable .input-group-btn:before {
	content: "\f002";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 15px;
}
.moduletable .button.btn-primary {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 9;
}
.bt-sidebar .moduletable {
    margin-bottom: 50px;
	position: relative;
}
#searchForm {
    padding: 70px 0 50px 0;
}
.btn-group > #search-searchword {
	padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #f3f3f3;
}
.btn.hasTooltip {
	display: block !important;
	border-radius: inherit;
	height: 42px;
    color: #fff;
	background: #0a6edd;
}
.btn.hasTooltip:hover {
	background: #00c282;
}
.btn-group.pull-left {
	margin-left: 0px;
	margin-bottom: 30px;
}
.btn-toolbar {
	margin-left: 0px;
}
legend {
	font-weight: 600;
	padding-bottom: 10px;
	padding-top: 40px;
	margin-bottom: 0px;
	color: #171721;
	font-size: 16px;
}
.phrases-box,
.checkbox {
    margin-left: 20px;
}
.search .error {
	margin-bottom: 70px;
}
.search fieldset label {
	font-weight: 500;
}
.search .result-title {
	font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.search .result-category {
	margin-bottom: 5px;	
}
.search .result-created {
	margin-top: 5px;
	margin-bottom: 30px;
	font-size: 13px;
	color: #999999;
}

/* 4. Home 1 */
.our-customer {
    background-image: none;
}
.our-customer .sub-title {
	color: white;
}
.advantage {
    background-image: none;
}
.home-1.home .our-partner {
	background-color: #f9f9f9 !important;
}
.our-partner .wrap-li .item-img img {
	display: inline-block;
    width: inherit;
    border-radius: inherit;
    border: none;
    position: inherit;
	padding-top: 30px;
    padding-bottom: 30px;
}

/* 5. Banner */
.section.banner .sub-title {
    margin-bottom: 0px;
}
.section.banner {
    background-image: inherit;
}

/* 6. Footer Home 1 */
body .top-footer {
    border-top: 1px solid #dcdcdf;
}
body.footer-no-border .top-footer,
body.home .top-footer {
    border-top: none;
}
.nav.mod-list > li > a {
	padding: 0;
}
.list-text-footer li a i {
	width: 22px;	
}

/* 7. Home Contact */
.contact {
	background-image: none;
}
.home-2 .contact {
    background-image: url(images/bg-map.png);
}
.contact .jd-simple-contact-form .d-block {
    display: none !important;
}
.contact .form-group {
    display: block;
    margin-bottom: 30px;
    position: relative;
}
.contact .form-control {
	max-width: 100%;
    margin: 0;
    color: #ffffff;
    width: 100%;
    padding: 10px 15px;
    transition: all 0.4s;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: 1px solid #ececec;
    box-shadow: none;
    border-radius: 0px;
    height: inherit;
}
.contact textarea.form-control {
	height: 200px;
    min-height: auto;
}
#all .contact .btn-primary {
	font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    background: #00c282;
    min-width: 180px;
    padding: 8px 25px;
    text-align: center;
    border-radius: inherit;
    border-color: #00c282;
}
#all .contact .btn-primary:hover {
	background: #0a6edd;
	border-color: #0a6edd;
}

/* 8. Page Services */
.service .team-slide {
	background-color: #f9f9f9;
}
.service .our-partner.background {
	background-color: inherit;
}
.service-1 img {
	width: 100%;
}

/* 9. Portfolios */
.project-category .a-des:after, 
.project-category .white:after {
	content: ",";
    padding-right: 3px;
    color: #00c282;
	color: inherit;
}
.project-category .a-des:last-child:after,
.project-category .white:last-child:after {
	content: "";
}
.portfolio-category .img-project {
    display: none;
}

/* 10. Testimonial */
.our-partner {
	background-color: inherit !important;
}
.custom.testimonials {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.custom.two-columns {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.custom.two-columns:first-child {
	padding-right: 15px;
}
.custom.two-columns:last-child {
	padding-left: 15px;
}
.nav-2 .customer-item {
	margin-bottom: 0;	
}

/* 11. Newsletter */
.newsletter.acymailing_module {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
	margin-bottom: -1px !important;
}
.newsletter .bottom-30 {
    margin-bottom: 30px !important;
}
.newsletter .form-subscribe {
    padding-right: inherit;
}
.newsletter tbody {
	width: 100%;
    display: inline-table;
}
.newsletter .form-subscribe .input-email {
	width: 100% !important;
}
.newsletter .acymailing_module_form td {
    padding-bottom: 0px;
}	
.form-subscribe .subscribe {
	padding: 0px;
	border-radius: 0px;
}
.form-subscribe .subscribe:hover {
    color: white;
}
.form-subscribe i {
    margin-left: 100px;
}

/* 12. Home 3 */
.project-home3 {
    background-image: none !important;
}
.customclear {
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.contact-section {
	background-image: url(images/bg-contact.png);
}
.contact-section .btn-primary {
	float: left;
}
.projects.layout-3 {
    background-image: none;
}
.header_user_info.dropdown-over .dropdown-title {
	display: none;
}

/* 13. Footer Home 3 */
.top-footer-dark h3 {
	position: relative;
    margin-bottom: 27px;
	margin-top: 10px;
    padding-bottom: 15px;
    line-height: 24px;
    color: #FFFFFF;
    font-size: 24px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out;
}	
.top-footer-dark h3:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0a6edd;
}
.footer3-home ul li {
	margin-bottom: 5px;
}
.nav>li>a:focus, 
.nav>li>a:hover {
    background-color: inherit;
}
.footer5-home .nav>li {
    display: inline-block;
	margin-right: 30px;
}
.footer5-home .nav>li:last-child {
	margin-right: 0px;
}

/* 14. Home 4, Home 5 */
.table-price-top {
    background-image: none !important;
}
.home-4  #main-nav .dropdown-menu,
.home-5  #main-nav .dropdown-menu, 
.home-6  #main-nav .dropdown-menu {
    left: 100% !important;
}
.home-4 .menu-footer #main-nav>ul>li, 
.home-5 .menu-footer #main-nav>ul>li,
.home-6 .menu-footer #main-nav>ul>li {
    padding-bottom: 0px; 
}
.home-4 .menu-footer #main-nav>ul>li>a:hover, 
.home-5 .menu-footer #main-nav>ul>li>a:hover, 
.home-6 .menu-footer #main-nav>ul>li>a:hover {
	color: #00c282;
}
.home-4 .footer3-home #main-nav>ul>li, 
.home-5 .footer3-home #main-nav>ul>li,
.home-6 .footer3-home #main-nav>ul>li {
    padding-bottom: 0px;
}

/* 15. Breadcrumb */
.breadcrumb > li+li:before{
	content: none;
}
.breadcrumb img {
	display: none;
}
.home-2 #breadcrumb {
	background-image: none;
    padding: 0px 0;
	text-align: center;
	line-height: 24px;
    letter-spacing: 0.3em;
	text-transform: uppercase;
}
.home-2 #breadcrumb > .breadcrumb {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
}
.home-2 #breadcrumb .bread-title {
	font-size: 50px;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
	margin-bottom: 10px;
}
#breadcrumb .ul-breadcrumb li a:hover span {
	color: #0a6edd;
}
#breadcrumb .ul-breadcrumb li span {
	color: #00c282;	
}
.home-2 #breadcrumb .ul-breadcrumb li a,
.home-2 #breadcrumb .ul-breadcrumb li.active,
.home-2 #breadcrumb .ul-breadcrumb li i {
    color: white;
    font-style: normal;
}

/* 16. About us */
.about-us-1 .funfacts {
    background-image: inherit !important;
}
.aboutus-partner .our-partner {
    background-color: inherit !important;
}
.custom .funfacts {
    background-image: none;
}

/* 17. Contact */
.message {
	min-height: 0px;
}
.form-wrap .form-control-text .input-text {
	color: inherit;
}
.btn-see-all button {
	font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    background: #00c282;
    min-width: 180px;
    padding: 8px 25px;
    text-align: center;
	border-color: inherit;
	border-radius: 0px;
	border: none;
}
.btn:active:focus, .btn:focus {
    outline: none;
}

/* 18. Blog */
.blog-item {
	padding: 0;	
}
.wrap-media {
    position: relative;
}
.bt-sidebar .moduletable > h1,
.bt-sidebar .moduletable > h2,
.bt-sidebar .moduletable > h3,
.bt-sidebar .moduletable > h4,
.bt-sidebar .moduletable > h5,
.bt-sidebar .moduletable > h6 {
	position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.bt-sidebar .moduletable > h1:after,
.bt-sidebar .moduletable > h2:after,
.bt-sidebar .moduletable > h3:after,
.bt-sidebar .moduletable > h4:after,
.bt-sidebar .moduletable > h5:after,
.bt-sidebar .moduletable > h6:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 2px;
    background: #0a6edd;
}
.bt-sidebar .categories-module li {
	position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #ececec;
}
.bt-sidebar .categories-module li:first-child {
    padding-top: 0;
}
.bt-sidebar .categories-module li:last-child {
	border-bottom: 0px;
}
.bt-sidebar .categories-module li  h4 {
	font-size: 14px;
	margin-top: 0px; 
    margin-bottom: 0px; 
	line-height: inherit;
}
.bt-sidebar .categories-module li.active {
	background: transparent !important;
}
.bt-sidebar .categories-module li a,
.bt-sidebar .categories-module li.active a {
	color: #686876;
}	
.bt-sidebar .categories-module li:hover a {
	color: #00c282;
}
.bt-sidebar .widget.widget-post-list .bt-post-list li .bt-term {
	line-height: 18px;	
}
.bt-sidebar .widget.widget-post-list .bt-post-list li .bt-name {
	margin: 7px 0 3px 0;
}

/* 19. Blog Single */
.blog-single-content .bt-tag-share {
    border-bottom: none;
}
.blog-single .blog-single-content .bt-meta strong {
	margin-right: 3px;
}

/* 20. Pagination */
.pagination ul li {
	display: inline;	
}
.pagination ul li a, 
.pagination ul li span {
	min-width: 40px;
    border: 1px solid #ddd;
    margin: 0 3px;
    font-size: 14px;
    color: black;
	position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.57143;
    text-decoration: none;
	background-color: transparent;
}
.pagination ul li.pagination-start span, 
.pagination ul li.pagination-prev span,
.pagination ul li.pagination-next span,
.pagination ul li.pagination-end span {
	border: 1px solid #ddd;
	background-color: transparent;
	color: black;
}
a.hasPopover, a.hasTooltip {
    display: inline-block !important;
}
.pagination ul li span {
	background: #00c282;
	color: white;
	border-color:#00c282;
}
.content_sortPagiBar.bottom {
    background-color: transparent;
    text-align: center;
    padding: 20px 0 0 0;
	clear: both;
}
.pagination ul li a:hover {
	background: #00c282;
	border-color:#00c282;
}
.pagination ul li span, .pagination ul li a:hover {
    color: #fff;
}

/* 21. Login */
h3.tiva-heading {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-size: 22px;
    font-weight: 700;
}
.form-field label {
	color: #999999;
    font-weight: 500;
}
.form-field input {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.57143;
    color: #8a8a8a;
    background-color: white;
    background-image: none;
    border: 1px solid #ebebeb;
    border-radius: 0;
}
.login-panel button,
.register-panel .register-button,
.form-button .validate,
.form-button .btn-primary,
.register-page .form-button .btn-primary,
.profile-page .btn-group .btn {
	display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    background: #171721;
    padding: 8px 30px;
    border-radius: 0px;
    box-shadow: inherit;
	border-color: inherit;
	border: 0px;
}
.login-panel button:hover,
.register-panel .register-button:hover,
.form-button .validate:hover,
.form-button .btn-primary:hover,
.register-page .form-button .btn-primary:hover,
.profile-page .btn-group .btn:hover {
	background: #00c282;
	color: white;
}
.login-panel .forgot {
    margin-bottom: 5px;
}
.login-panel .forgot a {
    color: #333333;
    text-decoration: none;
}
.login-panel .forgot a:hover {
	color: #00c282;
}
.register-panel .tiva-heading {
    margin-bottom: 25px;
}
.register-panel p {
	margin: 0 0 10px;
    font-size: 14px;
    line-height: 25px;
    font-family: "Poppins", sans-serif;
    color: #666666;
    margin-bottom: 15px;
}

/* 22. Register */
.form-field label.hasPopover, .form-field label.hasTooltip {
    display: inline-block !important;
}
.register-page .form-field input,
.profile-edit-page .form-field input {
    width: 50%;
}
.form-button .validate {
	margin-right: 10px;
}
.register-page .form-button {
    margin-top: 25px;
}
#jform_spacer-lbl {
	display: none;
}
.register-page  h3.tiva-heading {
    margin-bottom: 0;
}

/* 23. My Account */
.profile-page fieldset legend {
    border-bottom: none;
    margin-bottom: 5px;
    display: none;
}
.profile-page dl dt {
    text-align: left;
    font-weight: 500;
}
dl {
    margin-top: 0;
    margin-bottom: 40px;
}
.profile-page dl dd {
    margin-bottom: 15px;
}
.profile-page h3.tiva-heading {
	margin-bottom: 25px;
	margin-top: 0px; 
}
.chzn-container.chzn-container-single .chzn-single {
    padding-top: 4px;
    height: 35px;
    box-shadow: none;
    background: none;
    border-radius: 0;
    border: 1px solid #dfdfdf;
    color: #999999;
}
.profile-edit-page .form-field .chzn-container.chzn-container {
    width: 50% !important;
}
.profile-edit-page #helpsite-refresh {
    background: transparent;
    font-size: 12px;
	outline: none;
}
.profile-edit-page #helpsite-refresh:hover {
	color: #00c282;
}
.profile-edit-page .form-button {
    margin-top: 25px;
}
body input[type="submit"] {
    background-color: inherit;
    border: 0px;
}
body input[type="submit"]:hover {
	color: #0a6edd;
}

/* 24. Reponsive */
@media (max-width: 991px) {
	.header .wrap.clearfix {
		display: none;
	}
	#off-mainmenu .dropdown-menu.tiva-active {
		width: 100% !important;
		height: inherit !important;
		left: inherit !important;
		overflow: inherit !important; 
		display: block !important; 
	}
	#off-mainmenu .dropdown-menu.tiva-active .menu-title {
		border-bottom: none;
	}
	.childcontent-inner-wrap {
		margin-top: 0 !important;
	}
	.childcontent-inner.clearfix {
		width: 260px !important;
	}
	.megacol.first {
		width: 260px !important;
	}
	.custom.two-columns {
		width: inherit; 
		float: none; 
		padding: 0;
		text-align: center;
	}
	.custom.two-columns:first-child,
	.custom.two-columns:last-child {
		padding: 0;
	}
	.two-columns .section.testimonial {
		padding-bottom: 0px;
	}
	.two-columns .nav-2.owl-theme .owl-controls .owl-nav div {
		display: inline-block !important;
	}
	.two-columns .section.our-partner {
		padding-top: 0px;
	}
	.nav-2 .customer-item {
		margin-bottom: 20px;
	}
	.footer5-home #main-nav {
		text-align: inherit;
    }
	.footer3-home .navbar-nav {
		margin: 0px; 
    }
}

@media (max-width: 767px) {
	.home-3 #all .tiva-slideshow-wrapper .nivo-controlNav,
	.home-4 #all .tiva-slideshow-wrapper .nivo-controlNav,
	.home-5 #all .tiva-slideshow-wrapper .nivo-controlNav,
	.home-6 #all .tiva-slideshow-wrapper .nivo-controlNav {
		right: 20px;
	}
}