.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

#bottom {
    background-color: rgba(26,26,26,.8);
	}

.countme {
	color: var(--main-color);
	font-weight: 800;
	min-width: 120px;
	display: inline-block;
	}

#navigation .navtop .nav-socials a {
    float: left;
    font-size: 12px;
    line-height: 24px;
    margin-left: 15px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	padding: 0px 4px 0px 4px;
}	

.bg-cws-grey {
	background-color: #a6a6a6 !important;
	color: #fff !important;
}
.bg-cws-gradient-dark {
	background: rgb(80,80,80);
	background: -moz-linear-gradient(90deg, rgba(80,80,80,1) 0%, rgba(20,20,20,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(80,80,80,1) 0%, rgba(20,20,20,1) 100%);
	background: linear-gradient(90deg, rgba(80,80,80,1) 0%, rgba(20,20,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#505050",endColorstr="#141414",GradientType=1);
}

.bg-cws-gradient-grey {
	background: rgb(210,208,208);
	background: -moz-linear-gradient(90deg, rgba(210,208,208,1) 0%, rgba(166,166,166,1) 75%);
	background: -webkit-linear-gradient(90deg, rgba(210,208,208,1) 0%, rgba(166,166,166,1) 75%);
	background: linear-gradient(90deg, rgba(210,208,208,1) 0%, rgba(166,166,166,1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2d0d0",endColorstr="#a6a6a6",GradientType=1);
}

#navigation .navbar-logo {
    float: left;
    padding: 15px 0px 10px 0px;
}

#navigation .navbar-logo img {
    height: 65px;
}

#navigation .navbar-secondary .navbar-cart {
	width: 210px;
	padding-top: 20px;
	}
	
#navigation .nav>.current>a {
    color: var(--main-color)!important;
	font-weight: bold;
}

#navigation .sub-menu .active a {
    /*color: #141414!important;*/
	color: var(--main-color) !important;
	font-weight: bold;
}
	
.navbar-menu {
	/*margin-top: 20px; */
	}

.bg-dark-overlay70 p {
	color: #fff;
	padding: 15px;
	}

.bg-white-overlay70 p {
	color: #000;
	padding: 15px;
	}	

.sub-header-txt .news-date {
	font-size: 1em !important;
	background-color: rgba(255,255,255, 0.8);
	color: rgba(0, 0, 0, 0.8);
	}	

#header .header-overlay0 {
    background-color: rgba(255,255,255,0);
}
#header .header-overlay25 {
    background-color: rgba(255,255,255,0.25);
}
#header .header-overlay50 {
    background-color: rgba(255,255,255,0.5);
}
#header .header-overlay75 {
    background-color: rgba(255,255,255,0.75);
}
#header .header-overlay100 {
    background-color: rgba(255,255,255,1);
}


.bg-dark-overlay0 {
    background-color: rgba(147,190,52,0) !important;
}
.bg-dark-overlay10 {
    background-color: rgba(147,190,52,0.1) !important;
}
.bg-dark-overlay25 {
    background-color: rgba(147,190,52,.25) !important;
}
.bg-dark-overlay50 {
    background-color: rgba(147,190,52,.5) !important;
}
.bg-dark-overlay75 {
    background-color: rgba(147,190,52,.75) !important;
}
.bg-dark-overlay100 {
    background-color: rgba(147,190,52,1) !important;
}


span.hide { display: none; }


.affa-portfolios-list-widget ul li {
    width: 33%;
}

/************** CWS STYLES*************/

body {
	background-color: #f9f9f9;
	}
	
body, h3, h4, .sidenav .active a, a:hover, .current-menu-item>a {
color: #141414 !important;
}

#navigation .nav > li > a {
	font-size: 13px;
	}

#navigation .nav > li.current-menu-item > a:before { 
	border-top: none;
}

.page-post .page-content a {
	font-weight: 600;
	}

.page-post a, a:visited, .page-post strong,  h1, h2, .widget_categories ul li:before {
	/*color: var(--main-color);*/
	}

.page-post .page-content ul a{
	color: #141414 !important;
	text-decoration: underline;
	font-weight: 300 !important;
}
.page-post .page-content ul a:hover{
	color: var(--main-color) !important;
}

#header, .navbar {
	 background-color: #fff !important; 
	}
	
#header.header-page {
	padding-top: 0px;
	}	

.affa-feature-col h4 , #bottom .widget .widget-title, .affa-call-action h2 {
	color: #fff !important;
	}	

#navigation .nav > li > a {
	/*color: #141414 !important;*/
	}


#navigation .nav > li > a:hover, #navigation .nav > li.current-menu-item > a {
    color: var(--main-color) !important;
}

#navigation .nav .sub-menu a {
    color: #fff;
}

#navigation .nav .sub-menu a:hover {
	color: var(--main-color) !important;
}

.sub-menu .menu-item .current-menu-item li a {
	color: #ccc;
	}

#header .header-overlay {
	background-color: transparent;
}
	
.sub-header {
	box-shadow: none !important;
	background-color: var(--main-color);
	border-bottom: none !important;
	}

.header-title {
	color: #fff !important;
	}	

.bg-grey {
	color: #5d686e;
	}		

.sub-header-txt h1{
	display: inline-block;
    color: #FFF;
    line-height: 1;
    /*white-space: nowrap;*/
    background-color: var(--main-color);
    padding: 3px 15px;
	}	
	
#header.header-transparent #navigation .navbar {
    background-color: rgba(255, 255, 255, 0) !important;
    box-shadow: none;
}

#navigation .nav > li .sub-menu, #navigation .nav > li .sub-mega-menu {
	background-color: rgba(147, 190, 52, 1);	
}

#footer .footer-nav a:hover {
    color: #ccc !important;
}

a {
   outline: 0 !important;
}

.parallax {
	height: 350px;
}

.white-box {
	background-color: rgba(255,255,255,0.5);
	padding: 50px;
	}

#header .slider-pro .header-txt {
	/*background-color: rgba(255,255,255,0.7);*/
	}	

#header .slider-pro .dark-bg {
	background-color: rgba(0,0,0,0.5);
	padding: 50px;
    margin-top: 75px;
	}
	
#header .header-txt.header-txt2 h1 {
    color: var(--main-color);
    background-color: transparent;
}	

#header .header-txt.header-txt2 h2 {
    color: #FFF;
    background-color: transparent;
}

#header .header-txt.header-txt2 .p-slider {
    color: #FFF;
    background-color: transparent;
	padding: 3px 15px
}

#header .header-txt.header-txt2 img{
	padding: 3px 15px
	}

#header .header-txt.header-txt2 a {
	margin: 3px 15px
	}	

.bg-dark {
	background-color: var(--main-color);
	}	


.panel-title a {
    color: #303030 !important;
    background-color: #FFF !important;
	}

.panel-body {
    background-color: #fff;
	}	

.affa-feature-col {
    background-color: rgba(146, 192, 35, 0.85);
	min-height: 400px;
}		
	
.affa-form-contact .btn {
	font-family: Montserrat, Arial, sans-serif;
	width: 100%;
    color: #FFF !important;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    white-space: nowrap;
    background-color: var(--main-color);
    padding: 14px 30px;
    border: 2px solid var(--main-color);
    outline: none !important;
    border-radius: 3px;
    -webkit-transition: color .2s ease, background .2s ease, border .2s ease, opacity .2s ease-in-out;
    transition: color .2s ease, background .2s ease, border .2s ease, opacity .2s ease-in-out;
	}	

.affa-form-contact .btn:hover {
    background-color: rgba(26,26,26,.8);
	}		
	
/********************* RESPONSIVE ADDITIONAL ***********************/

#nav-mobile .navbar-menu .nav li.current-menu-item > a {
    color: #FFF !important;
    background-color: var(--main-color);
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.post-heading-left h2, .post-heading-center h2 {
			font-size: 22px;
			line-height: 1.5em;
			}
		#header .sub-header2 .header-title {
			font-size: 20px;
			white-space: normal;
			line-height: 1.5em;
			}
		h2 {
    		font-size: 22px;
			line-height: 1.5em;
			}
		h3 {
			font-size: 18px;
			line-height: 1.5em;
		}

		#header .header-txt.header-txt2 h1 {
			font-size: 22px;
		}
		#header .header-txt.header-txt2 h2 {
			font-size: 16px;
		}
		#header .header-txt.header-txt2 a {
			margin: 0;
		}
		#header .slider-pro .dark-bg {
			padding: 20px;
			margin-top: 25px;
		}
		#header .header-txt.header-txt2 img {
			padding: 0;
			max-width: 250px;
		}

		.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
			font-size: 12px;
			line-height: 1.5em;
			white-space: nowrap;
			padding: 7px 15px;
		}				
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		.post-heading-left h2, .post-heading-center h2 {
			font-size: 22px;
			line-height: 1.5em;
			}
		#header .sub-header2 .header-title {
			font-size: 20px;
			white-space: normal;
			line-height: 1.5em;
			}
		h2 {
    		font-size: 28px;	
			}
		.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
			font-size: 12px;
			line-height: 1.5em;
			white-space: nowrap;
			padding: 7px 15px;
		}	
    }