/* Theme Name: The Project - Responsive Website Template
File Description: Place here your custom CSS styles
*/


body {
  color: #58595b !important;
}


h1, h2, h3 {
	text-transform:none;
	font-family: 'Open Sans', sans-serif !important;
}

h1 {
	color:#AB6CC6;
	font-weight:500;
}


h2, h3 {
	font-weight:300;
}

/*
a {
  color: #6A7F10;
}

a:hover {
  color: #879637;
}

a:focus,
a:active {
  color: #879637;
}
*/

.fixed-header-on .header .logo {
  width:80px;
}

.header {
  border-bottom: 0px solid #f1f1f1;
  background-color: transparent !important;
}


.fixed-header-on .header {
  background-color: #f6f6f6 !important;
}

/* revolution slider - disable slider arrows */
.tparrows {
	display: none !important;
}
.tp-bullet {
	display: none !important;
}
.tp-caption {
	font-weight:300;
	font-family: 'Open Sans', sans-serif !important;
}


/* nav */
.main-navigation .navbar-nav > li > a {
	font-family: 'Open Sans', sans-serif !important;
}
.main-navigation .navbar-nav li li a {
	font-family: 'Open Sans', sans-serif !important;
}
.header .navbar-nav li .active > a {
  background-color: #ffffff !important;
  border-color: #f7f7f7;
  color:#000 !important;
}
.header .navbar-nav li .active > a:hover {
  background-color: #fcfcfc !important;
  border-color: #f7f7f7;
  color:#9760af !important;
}




/*Backgrounds
---------------------------------- */
.background-img-11 {
  background: url("/img/background-img-11.jpg") 50% 0px no-repeat;
}


/*paddings
---------------------------------- */
.pv-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding-30 {
	padding:30px;
}
.pb-20 {
	padding-bottom:20px;
}

.pb-40 {
	padding-bottom:40px;
}

.mt-0 {
	margin-top:0px !important;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-40 {
	margin-top:40px;
}
.mb-15 {
	margin-bottom:15px !important;
}

.mb-10 {
	margin-bottom:10px !important;
}

hr.hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}


/*border
---------------------------------- */
.box-border {
	border: 2px solid #f1f1f1;
	margin-bottom:20px;
}

.bottom-line {
	border-bottom:4px solid #648326 !important;
}

.box-white {
	padding:20px;
	background-color:#FFF;
}
.box-light-grey {
	padding:20px;
	background-color:#f6f6f6;
}



/*button
---------------------------------- */
.btn {
	border-radius:0 !important;
}
.btn-nav  {
  color: #9760af;
  border:1px solid #9760af;
  background-color: #fff;
}
a.btn-nav {
  color: #9760af !important;
}

a:hover.btn-nav  {
  color: #fff !important;
  background: #9760af !important;
  border:1px solid #9760af !important;
}

.fixed-header-on .btn-nav  {
  border:1px solid #000 !important;
}
.btn-white {
  color: #777777 !important;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.show > .dropdown-toggle.btn-white {
  color: #ffffff !important;
  background-color: #333333;
  border-color: #ffffff;
}

.btn-dark {
  color: #ffffff;
  background-color: #58595b;
  border-color: #666666;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.show > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #999999;
  border-color: #666666;
}

	/*Default Button*/
	/*
	.btn-default {
	  color: #ffffff;
	  background-color: #6A7F10 !important;
	  border:1px solid #586B0E !important;
	}
	
	.btn-default:hover,
	.btn-default:focus,
	.btn-default.focus,
	.btn-default:active,
	.btn-default.active,
	.show > .dropdown-toggle.btn-default {
	  color: #ffffff;
	  background-color: #879637 !important;
	  border:1px solid #586B0E !important;
	}
	*/


/*home panel
---------------------------------- */
.home-panel-box a {
	text-decoration:none;
}
.home-panel-box a:hover {
}

.home-panel-box h3 {
	font-weight:600;
}

.home-panel {
	padding:30px;
}
.home-panel-list {
	margin-top:30px;
	padding:20px;
	background-color:#ebebeb;
}


.home-panel-list li:first-child a {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.home-panel-list li:last-child a {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.home-panel-list ul {
    padding: 0;
    margin: 0 auto;
}

.home-panel-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-panel-list a {
	background-color:#fff;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    display: block;
}

.home-panel-list a:hover,
.home-panel-list a:focus {
	background-color:#ab6cc6;
	color:#fff;
}



/*content
---------------------------------- */
.content-col {
	background:#fff;
}
.txt-green {
	color:#697F0F;
}

strong {
	color:#000 !important;
	font-weight:500 !important;
}
.title-section {
	margin-top:-5px;
	font-size:16px;
	font-weight:400;
	color:#000;
}


/*lists
---------------------------------- */
ul.list-tick {
	margin:30px 0 30px 0px;
	padding-left:0px;
}
ul.list-tick li {
	padding-left:35px;
	line-height:25px;
	margin-bottom:15px;
	background:url(/img/li-tick.png) no-repeat 0px 5px;
	list-style:none;
}

ul.list-default {
}
ul.list-default li {
	margin-bottom:15px;
}

ul.list-sm {
	margin-top:0;
	margin-left:0;
	padding-left:10px;
	font-size:14px;
}
ul.list-sm li {
	margin-bottom:5px;
	padding-left:5px;
}

/*
---------------------------------- */
.navbar-toggler {
  border: 0px solid transparent;
}



/* Tables
---------------------------------- */

.table.table-colored {
  margin-top:30px;
  margin-bottom:30px;
  border-bottom-color: #6A7F10;
}

.table-colored > thead > tr > th {
  border-color: #6A7F10;
  background-color: #6A7F10;
  color: #ffffff;
  font-size:13px;
}

.table.table-colored td {
  font-size:13px;
}





/*call-to-action
---------------------------------- */
.call-to-action {
    padding-top:40px;
	padding-bottom:40px;
	background-color:#AB6CC6;
    border-top:;
	font-weight: 300;
	color:#fff;
	font-size:18px ;
}

.call-to-action h2 {
	margin-top:0;
	font-weight:600;
	color:#fff;
}
.call-to-action a.btn {
	margin-top:0px;
}

.call-to-action a.call {
	font-style:italic;
	color:#fff;
	font-weight:600;
}



/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {
    resize: none;
}

label2.error {font-size:12px; color:#F00; padding-left:5px; margin-top:0; display:block;} 

.footnote {
	font-size:11px;
	font-style:italic;	
}



.header .navbar-nav li ul {
  min-width: 17rem;
}


/*footer
---------------------------------- */
.footer {
	background:#333333; color:#fff;
}
.footer h2 {
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
}
.footer ul {
	margin:0 0 0 0;
	padding:0; 
	list-style:none;
}
.footer li {
	padding:0 0 5px 0;
}
.footer a {
	color:#fff;
	text-decoration:none;
}
.footer a:hover {
	color:#CCC;
	text-decoration:none;
}

.subfooter p {
	font-size:12px;
}


/*media queries
---------------------------------- */


@media (min-width: 1200px) {

	.bg-banner {
		background-size:cover !important;
	}

	.home-panel h3 {
		height:50px;
	}

	.home-panel-list {
		min-height:270px;
	}

}

@media (max-width: 1199px) {


}

@media (min-width: 992px) {

	.bg-banner-img-1 {
		background:url(/img/bg-banner.jpg) top center no-repeat;
	}
	
	.bg-banner-img-2 {
		background:url(/img/bg-banner-2.jpg) top center no-repeat;
	}
	
	.bg-banner-img-3 {
		background:url(/img/bg-banner-3b.jpg) top center no-repeat;
	}
	
	.bg-banner-img-4 {
		background:url(/img/bg-banner-4.jpg) top center no-repeat;
	}
  
	.main-navigation .navbar-nav {
		margin-top:25px;
	}
	
/*	body:not(.fixed-header-on) .main-navigation .navbar-nav a.nav-link,*/
	body:not(.fixed-header-on) .fixed.header .main-navigation.animated .navbar-nav > li:not(.show) > a:not(.btn-nav),
	body:not(.fixed-header-on) .header .navbar-nav .active:not(.show) > .nav-link/*,*/
	/*body:not(.fixed-header-on) .header .navbar-nav .nav-item:not(.show) > .nav-link*/ {
		color: #000;
		font-weight:600;
	}

	body:not(.fixed-header-on) .header .navbar-nav .active > .nav-link {
		border-bottom: 0px solid #fff;
	}

	.header .navbar-nav .active > .nav-link,
	.header .navbar-nav li .nav-link.active,
	.header .navbar-nav li .nav-link:focus,
	.header .navbar-nav li .nav-link:hover,
	.header .navbar-nav .show > .nav-link,
	.header .navbar-nav li .nav-link.show,
	.header .navbar-nav li .show .nav-link,
	.header .navbar-nav .active.show > .nav-link,
	.header .navbar-nav li.show .nav-link.active,
	body:not(.fixed-header-on) .fixed.header .main-navigation.animated .navbar-nav > li > a:hover:not(.btn-nav),
	body:not(.fixed-header-on) .fixed.header .main-navigation.animated .navbar-nav > li > a:focus:not(.btn-nav),
	body:not(.fixed-header-on) .main-navigation .navbar-nav .active a.nav-link:hover,
	body:not(.fixed-header-on) .main-navigation .navbar-nav .active a.nav-link:focus,
	body:not(.fixed-header-on) .main-navigation .navbar-nav .nav-item.show > a.nav-link,
	body:not(.fixed-header-on) .main-navigation .navbar-nav a.nav-link:hover,
	body:not(.fixed-header-on) .main-navigation .navbar-nav a.nav-link:focus  {
	  color: #000;
	  font-weight:600;
	}

	
	.fixed-header-on .main-navigation .navbar-nav {
		margin-top:0px;
	}
	.fixed-header-on .main-navigation .navbar-nav > li > a {
		color:#000 !important;
		font-weight:600;
	}

	.fixed-header-on .header-first {
    	padding: 3px 0 0 0;	
    }
  
  	.nav-item-btn {
		margin-top:15px;
		margin-left:20px;
	}
	.fixed-header-on .nav-item-btn {
	  	margin-top:10px;
	  }  
	
	.fixed-header-on .nav-item-btn .btn-nav,
	.fixed-header-on .nav-item-btn.active .btn-nav {
		color:#000;
	}

	.fixed-header-on .nav-item-btn a.btn-nav:hover,
	.fixed-header-on .nav-item-btn a.btn-nav:focus {
		border-color:#000 !important;
	}
  
	.header .navbar-nav .dropdown-toggle::after {
	  margin-top: -10px !important;
	}
	.fixed-header-on .header .navbar-nav .dropdown-toggle::after {
	  margin-top: -10px !important;
	}
  
  
	.ml-lg-auto {
	  margin-left: auto !important;
	}
	.pr-lg-20 {
		padding-right:20px;
	}
	
	.fixed-header-on .btn-nav {
	  padding-top: 5px !important;
	  padding-bottom: 5px !important;
	}

	.banner-int {
		height:170px;
	}
	
	.content-col {
		padding:50px !important;
		font-size:18px;
	}

	.subfooter-col-2 {
		text-align:right;
	}

	.process-last {
		min-height:91px;
	}
	.visibility-hidden-md-up {
    	visibility: hidden;
	}
}



@media (max-width: 992px) {

	.bg-banner {
		background-size:cover !important;
	}
	
	.bg-banner-img-1 {
		background:url(/img/bg-banner.jpg) top center no-repeat;
	}
	
	.bg-banner-img-2 {
		background:url(/img/bg-banner-2.jpg) top center no-repeat;
	}
	
	.bg-banner-img-3 {
		background:url(/img/bg-banner-3.jpg) top center no-repeat;
	}

.nav-item-btn {
	margin:10px 20px 10px 20px;
}
	
.btn-nav  {
  color: #000;
  border:1px solid #000;
  background-color: #fff;
  display:block;
}

a:hover.btn-nav  {
  color: #000;
  background: #fff !important;
  border:1px solid #fff !important;
}

.fixed-header-on .btn-nav  {
  border:1px solid #9760af; !important;
}

.navbar-collapse {
  background: #fff;
}

.content-col {
	padding:20px !important;
}


}



@media (min-width: 768px) {
	

.main-navigation .navbar-nav > li > a {
	font-size:15px !important;
}

p.title {
	font-size:18px;
	line-height:25px;
	margin-bottom:25px;
}


.table-width-col-1 {
	width:35%;
}
.table-width-col-2 {
	width:65%;
}



ul.title-list {
	margin-bottom:30px;
}

ul.title-list li {
	font-size:18px;
	line-height:25px;
	margin-bottom:15px;
}


.margin-arrow {
	margin-left:-45px
}

.margin-arrow-narrow {
    margin: 0 0 0 -30px;
    padding: 0;
}

.li-price-arrow {
	text-align:left;
}


    a[href^="tel"],
    a[href^="tel"]:hover,
    a[href^="tel"]:focus {
        text-decoration: none;
        cursor: text;
		color:;
    }
    .footer a[href^="tel"],
    .footer a[href^="tel"]:hover,
    .footer a[href^="tel"]:focus {
		color: #fff;
    }
}
@media (min-width: 768px) {
		.visibility-hidden-sm-up {
    	visibility: hidden;
	}
}

@media (max-width: 767px) {
	
	.tp-heading-sm {
		font-weight:700;
		font-size:18px !important;
		line-height:23px;
	}
	
	.subfooter-col-2 {
		margin-top:10px;
		text-align:left;
	}

	.li-price-arrow {
		text-align:right;
	}

}