/*
Theme Name: Content Works
Theme URI: http://converticomedia.com
Author: Convertico Media
Author URI: https://converticomedia.com/
Description: Content Works Theme
Version: 1.0.0
*/

body, html {
    width: 100%;
    height: 100%;
    font-family: 'Verdana', sans-serif;
    color: #666;
    background-color: #fff;
}

/* use for five columns */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.ebook-download-section .col-5ths {
    width: 20%;
    float: left;
}

@media (max-width: 768px) {
    .ebook-download-section .col-5ths {
        width: 100%;
        float: left;
    }
}

.col-md-offset-1.extra14 { margin-left: 14%; }
.col-md-offset-5.extra39 { margin-left: 39%; }

/* no spaces between columns */
.no-gutters {
    padding-right: 0;
    padding-left: 0;
	}

.container-small { width: 98%; }

::-moz-selection { background: rgba(226, 33, 18, 0.4); color:#fff; }
::selection { background: rgba(226, 33, 18, 0.4); color:#fff; }

/**
 * GLOBAL BOOTSTRAP OVERWRITES
 *-----------------
 */
@media(min-width: 992px){
	/* Display nav dropdown on hover only on desktop */
	.dropdown:hover .dropdown-menu {
	    display: block;
	    margin-top: 0; // remove the gap so it doesn't close
	}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #008aab;
    background-color: transparent;
}

section { padding: 50px 0; }
a, a:hover, a:active, a:focus { text-decoration: none; }

.mt40 { margin-top: 40px !important; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px !important; }
.mb25 { margin-bottom: 10px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.pt35px { padding-top: 35px; }
.pt20px { padding-top: 20px; }
.pr10px { padding-right: 10px; }
.pl10px { padding-left: 10px; }

.pr5px { padding-right: 5px !important; }
.pl5px { padding-left: 5px !important; }
.pr15px { padding-right: 15px; }
.pl15px { padding-left: 15px; }
.pr20px { padding-right: 20px; }
.pl20px { padding-left: 20px; }
.pr25px { padding-right: 25px; }
.pl25px { padding-left: 25px; }
.pr30px { padding-right: 30px; }
.pl30px { padding-left: 30px; }
.pr40px { padding-right: 40px; }
.pl40px { padding-left: 40px; }

/**
 * GLOBAL HELPER CLASSES
 *-----------------
 */
.clear-both { clear: both; }
/* Center block in parent element */
.block-center {
	margin: 0 auto;
	display: block;
}
/* Displays a small black line on top of relative parent element */
.top-dark-line {
	display: block;
	width: 100%;
	background-color: #404041;
	height: 10px;
}

.text-center { text-align: center; }

/* Text */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
/* Removes padding */
.no-padding { padding: 0 !important; }

.link-hover:hover { color: #e22112; }

.no-border { border: none !important; }

/**
 * TYPOGRAPHY
 *-----------------
 */
html, body {
	font-family: 'Verdana', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #393939;
	}
body { position: relative; }	

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Verdana', sans-serif;
	margin: 0px 0px 20px;
	font-weight: 400;
	}
	
h1 { font-size: 48px; line-height: 50px; }	
h2 { font-size: 40px; line-height: 45px; }	
h3 { font-size: 38px; line-height: 42px; }	
h4 { font-size: 28px; line-height: 32px; }	
h5 { font-size: 24px; line-height: 24px; }	
h6 { font-size: 22px; line-height: 25px; }

.text-large { font-size: 30px !important; line-height: 35px !important; }
.text-xlarge { font-size: 40px !important; line-height: 45px !important; }

p { 
	font-family: 'Verdana', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px 0px 20px 0px;	
	}
p.xxsmall {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400; 
	}		
p.xsmall {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400; 
	}	
p.small {
	font-size: 15px;
	line-height: 21px;
	font-weight: 400; 
	}

p.large {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400; 
	}
p.xlarge {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400; 
	margin: 0px 0px 10px;
	}

ol {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 20px;
	}

ul {
	margin: 0px 0px 30px;
	padding: 0px;
	list-style: inside none disc;
	}
	li {
		font-family: 'Verdana', sans-serif;
		//margin: 0px 0px 10px 0px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		/*list-style: none;*/
		}

.regular { font-weight: 400; }
.bold { font-weight: 700; }



/**
 * THEME COLORS
 *-----------------
 */
/* text */
.text-white { color: #ffffff; }
.text-grey { color:#808080 !important; }
.text-black { color: #393939; }
.text-red { color: #e22112; }
.text-light-grey { color: #999999; }
.text-dark-grey { color: #3f3f40; }

/* backgrounds */
.bg-red { background-color: #e22112; }
.bg-grey { background-color: #f2f2f2; }


/**
 * BUTTONS
 *-----------------
 */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0px; }
/* Buttons Sizes */
.btn-xs { 
    padding: 6px 25px;
	font-size: 12px; 
	font-weight: 400;
	}
.btn-sm { 
	padding: 10px 25px; 
	font-size: 14px; 
	font-weight: 400;
	}
.btn-lg { 
	padding: 15px 30px; 
	font-size: 18px; 
	font-weight: 400; 
	}

/* btn white */
.btn-white { background-color: transparent !important; color: #ffffff !important; border: 1px solid #ffffff !important; }
	.btn-white:hover { background-color: #e22112 !important; border: 1px solid #e22112 !important; color: #ffffff !important;}
/* btn full white */
.btn-full-white { background-color: #ffffff !important; color: #e22112 !important; border: 1px solid #ffffff !important; }
	.btn-full-white:hover { background-color: #e22112 !important; border: 1px solid #ffffff !important; color: #ffffff !important;}	
	
.btn-solid-white { background-color: #ffffff !important; color: #e22112 !important; border: 1px solid #ffffff !important; }
	.btn-full-white:hover { background-color: #e22112 !important; border: 1px solid #ffffff !important; color: #ffffff !important;}	
/* btn red */
.btn-red { background-color: transparent; color: #e22112; border: 1px solid #e22112; }
	.btn-red:hover { background-color: #e22112; color: #ffffff; }
/* btn transparent / full red on hover */
.btn-transparent { background-color: transparent; border: 1px solid #e22112; color: #e22112;}
	.btn-transparent:hover { color: #ffffff; background-color: #e22112; border: 1px solid #e22112; } 

.btn-full { background-color: #e22112; border: 1px solid #fff; color: #ffffff; border-radius: 0px !important; }
	.btn-full:hover { background-color: #e22112; border: 1px solid #fff; color: #ffffff; } 	

.btn-contact { background-color: #e22112; border: 1px solid #ffffff; color: #ffffff;}
	.btn-contact:hover { color: #e22112; background-color: #ffffff; border: 1px solid #ffffff; } 	

/* border styling */
.btn {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	}
.btn.btn-radius-2px { border-radius: 2px; }
.btn.btn-radius-4px { border-radius: 4px; }
.btn.btn-radius-0px { border-radius: 0px !important; }

/**
 * INPUTS / FORMS
 *-----------------
 */
.form-control { 
	background-color: #f2f2f2; 
	border: 1px solid #cccccc; 
	font-weight: 400; 
	font-size: 16px; 
	color: #333333; 
	border-radius: 0; 
	height: initial;
    padding: 15px 10px;
}

/*	FORMS
/*====================================================================*/

/* cf7-hide custom message and redirect to thank you page */
.wpcf7-mail-sent-ok {
    display: none !important;
}

input[type="text"].mc-input {
    padding: 0px 10px;
    text-align: center;
}

div.wpcf7-validation-errors {
	border: 2px solid #e22212;
}

div.w

input[type="search"] {
	background-color: #ffffff;
	padding: 10px 20px;
	outline: none;
	box-sizing: border-box;
	border: none;
	width: 100%;
	margin: 5px 0px 10px;
	height: 50px; 
	font-size: 16px;
	color: #777777;
	border: 1px solid #ccc;
}

input[type="text"], input[type="date"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], select { 
    background-color: #f2f2f2;
    padding: 0px 20px;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0px 0px 5px;
    height: 50px;
    font-size: 13px;
    color: #333333;
    border: 1px solid #393939;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 17px;
	}
input[type="date"] {
	padding: 5px 10px;
	height: inherit;
	max-width: 250px;
}
textarea {
	background-color: #f2f2f2;
	padding: 10px 20px;
 	outline: none;
	color: #333333;
	box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 5px;
	font-size: 13px;
	color: #ffffff;
	border: 1px solid #393939;
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	resize: vertical;
	color: #333333;
	font-size: 17px;
	}
.dropdown {
	background-image: url("../images/angle_down.png");
	background-position: center right 10px;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	}
	select::-ms-expand { /* ie */
		display: none;
		}	
	
	select.dropdown:after {
		font-family: 'Glyphicons Halflings';
		content:"\e259";
		color: #e22112;
		float: right;
		}
	select > option {
		background: #ffffff;
		color: #3a3a3a;
		}
select.dropdown.select-category {
    margin: 10px 0px;
	}
		
/* This hides dropdown button arrow in IE */
select::-ms-expand {
	display: none;
	}
/* This hides focus around selected option in FF */
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
	}
.input select option:not(:checked){
	color: #e22112;
	background-color: #ffffff;
	font-weight: 400;
	}	
	
::-webkit-input-placeholder {
	color: #b3b3b3;
	font-weight: 400;
    opacity: 1;
	}
:-moz-placeholder {
	color: #b3b3b3;
	font-weight: 400;
    opacity: 1;
	}
::-moz-placeholder {
	color: #b3b3b3;
	font-weight: 400;
    opacity: 1;
	}
:-ms-input-placeholder {
	color: #b3b3b3;
	font-weight: 400;
    opacity: 1;
	}
	
input:required:valid, textarea:required:valid, select:required:valid {
    color: #e22112!important;
    font-weight: 400 !important;
}

input[type="submit"] {
	/*width: 50%;*/
	max-width: 260px;
	outline: none;
	margin: 0px 0px 10px;
}

input[type="submit"]:hover {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

span.wpcf7-list-item {
    display: table;
}	

input[type="radio"], input[type="checkbox"] {
	/*position: absolute;
	margin-left: -20px;
	visibility: hidden;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;*/
	display: table-cell;
	}

/* Checkbox Styles */
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
	}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	}
	.checkbox input[type="checkbox"]:checked + label::before {
		background-color: #769ca8;
		border-color: #769ca8;
		}
.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
    padding-left: 5px;
    padding-top: 6px;
	font-size: 11px;
	color: #555555;
	}	
	.checkbox input[type="checkbox"]:checked + label::after {
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		}
	.checkbox input[type="checkbox"]:checked + label::after {
		font-family: 'FontAwesome';
		content: "\f00c";
		}
		
/* Radio Button Styles */
.radio { margin: 0px; }
 .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
	line-height: 32px;
    font-weight: 400;
    cursor: pointer;
	}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	}
	.radio label::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		left: 0;
		margin-left: -20px;
		border: 1px solid #9a9500;
		border-radius: 50%;
		background-color: #fff;
		-webkit-transition: border 0.15s ease-in-out;
		-o-transition: border 0.15s ease-in-out;
		transition: border 0.15s ease-in-out;
		}
	.radio input[type="radio"]:checked + label::after {
		background-color: #9a9500;
		border-color: #ffffff;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		}
	.radio label::after {
		display: inline-block;
		position: absolute;
		content: " ";
		width: 13px;
		height: 13px;
		left: 6px;
		top: 6px;
		margin-left: -20px;
		border-radius: 50%;
		background-color: #555555;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
		-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		}
.input-label { 
	margin: 5px 0px 0px; 
	padding: 0px 0px 0px 20px;
	float: left; 
	width: 100%;
    font-weight: 500;
	}
	input[type="file" i]::-webkit-file-upload-button {
		background-color: #769ca8;
		color: #ffffff;
		border: none;
		padding: 10px;
		cursor: pointer;
		}
	.upload-text {
		float: left;
		margin: 10px 10px 0px 0px;
		font-weight: 700;
		}
	div.wpcf7 input[type="file"] {
    	cursor: pointer;
    	/*margin: 5px 0px 15px;*/
		}	

		.grecaptcha-badge { visibility: hidden; }

/**
 * --------------- HEADER ---------------
 */

header { width: 100%; float: left; }

body.admin-bar { margin-top: 32px; }
body.logged-in header .navbar-default { margin-top: 32px !important; }
@media screen and (max-width: 782px){
	body.logged-in header .navbar-default { margin-top: 46px !important; }
}

/* header general rules */

header .navbar.navbar-default {
	background-color: #ffffff;
    padding: 20px 0px;
    -webkit-transition: background .5s ease-in;
    -moz-transition: background .5s ease-in;
    transition: background .5s ease-in;
    border-bottom: 1px solid #e6e6e6;
}
header .navbar.navbar-default {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
header .navbar.navbar-default .navbar-collapse {
	float: left;
}
  
header .navbar.navbar-default .navbar-brand { padding: 15px 0px; }
header .navbar.navbar-default .navbar-brand img.logo {
	margin-top: -14px;
	width: 100%;
	max-width: 240px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
header .navbar.navbar-default img.logo.white { display: none; } /* hide the white logo (for now) */
header .navbar.navbar-default.top-nav-collapse img.logo.white { display: none !important; } /* always hide the white logo in the header collapse state  */
header .navbar.navbar-default img.logo.red { display: block; }
header .navbar.top-nav-collapse .navbar-brand img.logo { margin-top: -8px; max-width: 190px; }

/* header in home page rules */
body.home header .navbar.navbar-default { border-bottom: none; background-color: transparent; }
body.single-post header .navbar.navbar-default, body.blog header .navbar.navbar-default { border-bottom: none; }
	body.home header .navbar.navbar-default ul.nav li a { text-shadow: 1px 1px #808080; }

body.home header .navbar.navbar-default .navbar-header .navbar-brand { height: initial;  padding: 15px 15px 10px 15px;}
body.home header .navbar.navbar-default img.logo.white { display: block; }
body.home header .navbar.navbar-default img.logo.red { display: none; }
	body.home header .navbar.navbar-default.top-nav-collapse { 
		/*background-color: rgba(255, 255, 255, 0.90) !important; */
		background-color: #ffffff !important; 
		border-bottom: 1px solid #e6e6e6;
		/*padding: 0px;*/
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
    body.home header .navbar .navbar-default .navbar-brand img.logo { margin-top: -10px; }
    body.home header .navbar.navbar-default.top-nav-collapse img.logo.white { display: none; }
    body.home header .navbar.navbar-default.top-nav-collapse img.logo.red { display: block; }

		body.home header .navbar-default.top-nav-collapse ul.nav li a { color: #393939; }
			body.home header .navbar-default.top-nav-collapse ul.nav li a { text-shadow: none; }

header .navbar .main-menu-container {
    float: right;
    display: block;
    position: relative;
	}
	/*body.home header .navbar .main-menu-container { top: 3px; }*/
body.home header .navbar ul.nav li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
    
	}
	header .navbar ul.nav li a { color: #393939; padding: 12px 10px; }

		header .navbar.top-nav-collapse .navbar-collapse ul.nav li a:hover { color: #393939; }
	body.home header .navbar ul.nav li a:hover,  header .navbar ul.nav li a:hover,  
	header .navbar.top-nav-collapse ul.nav li a:hover, body.home header .navbar ul.nav li a:focus,  
	header .navbar ul.nav li a:focus, header .navbar.top-nav-collapse ul.nav li a:focus  { color: #e22112 !important; }
	header .navbar .navbar-collapse ul.nav li.fca-btn a {
		text-transform: uppercase;
		background-color: transparent; 
		color: #393939 !important; 
		border: 1px solid #393939;
		padding: 7px 10px;
	    font-size: 10px;
	    margin-top: 5px;
		}
		header .navbar .navbar-collapse ul.nav li.fca-btn.active a {
			background-color: #e22112 !important;
			color: #fff !important;
		}
		body.home header .navbar .navbar-collapse ul.nav li.fca-btn a {
			color: #ffffff !important; 
			border: 1px solid #ffffff;
			box-shadow: 1px 1px 1px #808080;
			}
		body.home header .navbar ul.nav li.fca-btn a { 
			color: #393939 !important; 
			border: 1px solid #393939;
			}
		header .navbar ul.nav li.fca-btn a:hover { 
			background-color: #e22112 !important;
			border: 1px solid #e22112 !important;
			color: #ffffff !important; 
			transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			}
			body.home header .navbar-default.top-nav-collapse ul.nav li.fca-btn a {
				border: 1px solid #393939;
				color: #393939 !important; 
				box-shadow: none;
				}	
				body.home header .navbar-default.top-nav-collapse ul.nav li.fca-btn a:hover {
					color: #ffffff !important; 
					}	
	/* active menu item */
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:focus, 
	.navbar-default .navbar-nav>.active>a:hover {
		background-color: transparent;
		color: #e22112;
		}

ul.dropdown-menu.custom-language-switcher {
    padding:  0px !important;
    min-width: 100px;
	}
	li.dropdown a {
	    padding: 10px 3px !important;
		}
	ul.dropdown-menu.custom-language-switcher li.language-option a { 
		font-size: 12px !important;
	    margin: 0px !important;
	 	}
		ul.dropdown-menu.custom-language-switcher>.active>a, 
		ul.dropdown-menu.custom-language-switcher>.active>a:focus, 
		ul.dropdown-menu.custom-language-switcher>.active>a:hover {
		    background-color: #e22122 !important;
			}

	/* social media */
	ul.social-networks {
		display: none;
		list-style: none;
		float: right;
		margin: 0px;
		padding: 5px 0px 0px 5px;
		}		
		ul.social-networks li {
			display: block;
			float: left;
			cursor: pointer;
			list-style: none;
			margin: 0px;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
			}
			ul.social-networks li a.box {
				background-color: transparent;
				padding: 1px 0px;
				border: 1px solid #393939;
			    text-align: center;
			    margin: 0px 2px;
			    border-radius: 50%;
			    width: 28px;
			    height: 28px;
			    display: inline-block;
				box-sizing: border-box;
				}
				body.home header .navbar.navbar-default ul.social-networks li a.box { 
					border: 1px solid #ffffff; 
					text-shadow: 1px 1px 1px #808080;
					box-shadow: 1px 1px 1px #808080;
					}
					body.home header .navbar-default.top-nav-collapse  ul.social-networks li a.box {
						text-shadow: none;
						box-shadow: none;
						border: 1px solid #393939 !important;
						}
					body.home ul.social-networks li a.box:hover { background-color: #ffffff; border: 1px solid #e22112; }
					body.home ul.social-networks li a.box.tiktok {
					    background-image: url("/wp-content/themes/content-works/images/tiktok-white.png") !important;
					}
					body.home header .navbar-default.top-nav-collapse ul.social-networks li a.box.tiktok {
					    background-image: url("/wp-content/themes/content-works/images/tiktok-black.png") !important;
					}
				ul.social-networks li a.box:hover { background-color: #ffffff; border: 1px solid #e22112; }
			ul.social-networks li a.box .fa {
				color: #393939;
				font-size: 14px;
			    line-height: 20px;
				}
				ul.social-networks li a.box.tiktok {
				    background-image: url("/wp-content/themes/content-works/images/tiktok-black.png") !important;
		            width: 28px;
                    height: 28px;
                    background-repeat: no-repeat;
                    background-size: 65%;
                    background-position: center;
				}
				body.home ul.social-networks li a.box .fa { color: #ffffff; }
				ul.social-networks li a.box.tiktok {
				    background-image: url("/wp-content/themes/content-works/images/tiktok-white.png");
				}
				body.home ul.social-networks li a.box:hover .fa { color: #e22112; }
				body.home ul.social-networks li a.box.tiktok:hover, ul.social-networks li a.box.tiktok:hover, header .navbar-default.top-nav-collapse ul.social-networks li a.box.tiktok:hover { background-image: url("/wp-content/themes/content-works/images/tiktok-red.png"); }
				ul.social-networks li a.box:hover .fa { color: #e22112; }
header .navbar-default.top-nav-collapse ul.social-networks li a.box { border: 1px solid #333333; }
	header .navbar-default.top-nav-collapse ul.social-networks li a.box.tiktok{background-image: url("/wp-content/themes/content-works/images/tiktok-black.png");}
		header .navbar-default.top-nav-collapse ul.social-networks li a.box .fa { color: #333333; }
		header .navbar-default.top-nav-collapse ul.social-networks li a.box:hover .fa { color: #e22112; }
header .navbar.top-nav-collapse .navbar-collapse ul.nav li.language-option.active a:hover,
header .navbar ul.nav.navbra-default li.language-option.active a:hover,
header .navbar ul.nav li.language-option a {
    color: #cccccc !important;
    text-shadow: none !important;
	}		
	header .navbar ul.nav li.language-option.active a:hover { color: #ffffff !important; }

@media(max-width: 1199px){
	.navbar-brand > img { max-width: 160px !important; }
	body.home header .navbar-brand { padding: 23px 15px 13px 15px !important; }
	header .navbar.navbar-default .navbar-brand img.logo {
	    margin-top: -7px; 
		}
}
@media(min-width: 992px){
	header ul.social-networks { display: block; }
}
@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in;
        -moz-transition: background .5s ease-in;
        transition: background .5s ease-in;
    }
    .top-nav-collapse {
        padding: 0 !important;
    }

}
@media(max-width: 991px){
	header .navbar ul.nav li a { font-size: 14px !important; padding: 4px 9px !important; margin-top: 8px !important; }
	header .navbar.navbar-default { padding: 0px; }
	header .navbar.navbar-default .navbar-brand { padding: 15px !important; }
	.theme-page {
		margin: 50px 0px 30px !important;
		}
	body.home header .navbar-default, body.home header .navbar-default, body.home header .navbar-default.top-nav-collapse {
	    background-color: transparent !important; height: auto !important; 
	    }	
}
@media(max-width: 767px){
	header .navbar-default,
	header .navbar-default.top-nav-collapse { background-color: #ffffff !important; padding: 0px !important; }
	body.home header .navbar.navbar-default img.logo.white { display: block !important; }
	body.home header .navbar.navbar-default img.logo.red { display: none !important; }
	body.home header .navbar-default.top-nav-collapse img.logo.red { display: block !important; }
	body.home header .navbar-default.top-nav-collapse img.logo.white { display: none !important; }
	header .navbar.navbar-default img.logo.red { display: block !important; }
	header .navbar.navbar-default img.logo.white { display: none !important; }
	header .navbar-default.top-nav-collapse ul.nav li a { color: #393939 !important; }

	.navbar-toggle {
	    padding: 10px;
	    border: 1px solid #e22112 !important;
	    border-radius: 0px;
	    background-color: #fff;
	    margin-right: 15px;
	}
	.main-menu-container { width: 100%; }
	.main-menu-container .navbar-collapse {
		-webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        transition: all .5s ease-in;
	}
	.main-menu-container .navbar-collapse.collapse.in,
	.main-menu-container .navbar-collapse.collapsing { width: 100%; background-color: transparent; text-align: center; }
	.fca-btn > a { max-width: 250px; margin: 0 auto 20px auto; }
	/*body.home header .navbar-default.top-nav-collapse { padding: 15px 5px 0 0; }*/
	body.home header .navbar ul.nav li a,
	body.home header .navbar .navbar-collapse ul.nav li.fca-btn a { color: #393939 !important; }
	body.home header .navbar .navbar-collapse ul.nav li.fca-btn a { border: 1px solid #393939 !important; }
}

/**
 * --------------- Homepage ---------------
 */
/*--------- Video Section --------*/
section.cw-video-section { 
	padding: 0px;
	position: relative;
	}
	section.cw-video-section #big-video {
		position: relative;
		background: #ffffff;
		overflow: hidden;
		height: 700px;
		}
		section.cw-video-section #big-video.cover-image {
			background: url(images/cw_hp_preloading.jpg) no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			-webkit-transition: all 1s;
			-moz-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s;
			/*background-position: top center;  old image  */
			background-position: top left;
		}
		section.cw-video-section #big-video .video {
			z-index: 1;
			position: absolute;
			top: -40px;
			left: 0;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			}
		section.cw-video-section #big-video video {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			}
		section.cw-video-section #big-video .video-element {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: auto 100%;
			}
		section.cw-video-section .video-text {
		    top: 35%;
		    /*position: absolute;*/
		    z-index: 100;
			}
		 	section.cw-video-section .video-text h3 { margin: 0px 0px 10px; }
		 	section.cw-video-section .video-text h1, section.cw-video-section .video-text h3  { text-shadow: 1px 1px #808080; }

section.cw-video-section .tablet-video-element-cover-img {
	height: 700px;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
/*--------- Infographic Section --------*/
section.cw-main-section {}
	section.cw-main-section .info-img { padding: 5px; }
	section.cw-main-section .info-img img { 
		width: 100%;
		height: auto;
		}

/*--------- About Section --------*/
.parallax {
	 /* Set a specific height */
	/*min-height: 500px; */

	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top center;
	background-repeat: no-repeat;
	}
.parallax-header {
	min-height: 300px; 
	margin: 0px 0px 40px;
	background-size: 100%; 
	}	
section.cw-about-section {
	background-repeat: no-repeat;
	/*background-color: #1c1b19;*/
	background-position: top center;
	}
	section.cw-about-section .ab-box { 
		padding: 0px 35px 20px; 
		text-align: center; 
		}
	section.cw-about-section .ab-box .teaser { 
		padding: 0px 35px 0px;
		color: #ffffff;
		}	
	section.cw-about-section .ab-box .complete {
	    display: none;
	    color: #ffffff;
		}
		section.cw-about-section .ab-box .more .fa {
		    font-size: 24px;
		    border-radius: 50%;
		    border: 1px solid #e32213;
		    width: 32px;
		    height: 32px;
		    line-height: 32px;
		    color: #e32213;
		    cursor: pointer;
			}
			section.cw-about-section .ab-box .more .fa.fa-angle-up { line-height: 26px; }

/*--------- Contact Us Widget Section --------*/
.cta-widget a.btn-contact {
    width: 250px;
    height: 70px;
    line-height: 40px;
    float: right;
	}
	.cta-widget h5 { margin: 10px 0px; line-height: 30px ;}

	@media screen and (max-width: 992px) {
	  .cta-widget { text-align: center; }
	  .cta-widget a.btn-contact { float: none; margin: 10px 0px 0px; }
	}

/*--------- Our Story Section --------*/
section.our-story-section { padding: 50px 0px 0px; }
section.our-story-section .our-story-wrapper { 
	border-bottom: 1px solid #393939; 
	padding: 0px 0px 50px;
	}
section.our-story-section .ab-box  { 
	padding: 0px 35px 20px; 
	text-align: center; 
	}
	section.our-story-section .ab-box .teaser {
		padding: 0px 35px 0px;
		color: #393939;
		}
	section.our-story-section .ab-box .complete {
	display: none;
    color: #393939;
	}
	section.our-story-section .ab-box .more .fa {
	    font-size: 24px;
	    border-radius: 50%;
	    border: 1px solid #e32213;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    color: #e32213;
	    cursor: pointer;
		}
		section.our-story-section .ab-box .more .fa.fa-angle-up { line-height: 26px; }
	section.our-story-section .buttons {
    	padding: 25px 0px 0px;
	}

/*--------- Services / Packages Template Page --------*/
.theme-page { margin: 90px 0px 30px; }
body.admin-bar .theme-page { margin: 123px 0px 30px; }
.theme-page .page-header, .page-header { border-bottom: none; }
.packages-list { padding: 145px 0px 0px; float: left; }
	.package-column { padding: 15px 0px; }
		.package-column:hover { background-color: #393939; }
		.package-column:hover h3, .package-column:hover p, .package-column:hover ul.packages li { color: #ffffff; }
		.package-column:hover ul.packages li { border-top: 2px solid #4e4e4e; }
		.package-column:hover ul.packages li:last-child { border-bottom: 2px solid #4e4e4e; }
		.package-column:hover .tell-more-btn { border: 1px solid #e32213; color: #ffffff; background-color: #e32213; }
	.package-column .package-description { min-height: 80px; }
		.package-column h3 { 
			font-size: 18px;
			line-height: 25px;
		 	margin: 0px 0px 5px;
		  	}
		  	.package-column p { 
				padding: 0px 15px;
				min-height: 80px;
				}
	 ul.packages li {
	    list-style: none;
	    text-align: center;
	    border-top: 2px solid #cccccc;
	    padding: 5px;
	    height: 35px;
		font-size: 12px;
		}
		ul.packages li.term-name {
			text-align: left;
			padding: 5px 0px;
			}
		ul.packages li:last-child { border-bottom: 2px solid #cccccc; }

/*--------- Clients Carousel Section --------*/
.clients-section .nbs-flexisel-nav-left, .clients-section .nbs-flexisel-nav-right { display: none !important; }
.clients-section .nbs-flexisel-inner {
    background: #ffffff -webkit-linear-gradient(top, #ffffff 0%, #fff 100%) !important;
    border: 1px solid #ffffff !important;
    }
.clients-section .nbs-flexisel-inner  li.nbs-flexisel-item img {
    width: 100%;
    height: auto;
    max-width: 150px;
    cursor: default;
    }
.clients-section .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: default;
    position: relative;
    line-height: 0px;
    height: 150px;
	}
	.clients-section .nbs-flexisel-item img {
	    max-width: 150px !important;
	    height: auto !important;
	    position: absolute;
	    max-height: 150px;
	    margin: auto;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
		}

.latest-articles-section { 
	margin: 0 0 30px; 
	float:left;	
	width:  100%;
}

/* latest articles carousel */
.latest-articles-section .nbs-flexisel-item img { height:170px; }
.latest-articles-section .nbs-flexisel-inner { background: transparent; border: none; }
.latest-articles-section .blog-post .post-details { padding: 10px; min-height: 70px; }
.latest-articles-section .blog-post .post-image { min-height: initial; height: 220px; }
.latest-articles-section .blog-post .article-excerpt { font-size: 14px; text-align: left; }
.latest-articles-section .blog-post .article-title { font-size: 17px; text-align: left; }

/* related articles carousel */
.related-articles-section .nbs-flexisel-item img { height:170px; }
.related-articles-section .nbs-flexisel-inner { background: transparent; border: none; }
.related-articles-section .blog-post .post-details { padding: 10px; min-height: 70px; }
.related-articles-section .blog-post .post-image { min-height: initial; height: 220px; }
.related-articles-section .blog-post .article-excerpt { font-size: 14px; text-align: left; }
.related-articles-section .blog-post .article-title { font-size: 17px; text-align: left; }

.related-articles-section ul#related-articles-carousel li {
    list-style: none;
	}

/* header post video */
.single-post-image.video iframe {
    max-width: 900px;
    height: 550px !important;
	}
/* add video on post */
.video-embed {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
	}
	.video-embed iframe {
	    width: 100%;
	    height: 400px !important;
		}
.bctt-click-to-tweet {
    border: 1px solid #e22122 !important;
    border-radius: 0px !important;		
    width: 100%;
    float: left;
	}


/*--------- Counter Section --------*/
section.counter-section { 
	/*background-color: #f2f2f2; */
	float:left;
	width: 100%;
}
.counter_wrapper {
	position: relative;
    z-index: 20;
    float: left;
    width: 100%;
	}
	.counter_wrapper .fa {
		font-size: 50px;
		margin: 0px 0px 10px;
		}
    .counter_wrapper span {
        font-size: 60px;
    	line-height: 65px;
		color: #e22112;
		text-align: center;
        display: inline-block;
		width: 100%;
        text-align: center;
        padding: 0px 0px 10px;
    }
	.counter_wrapper p.counter_text { font-size: 22px; }	

/*--------- Newsletter Section --------*/
.newsletter-section { 
	/*margin: 30px 0px 0px;*/     
	float: left;
	width: 100%;
    background-color: #e22112;
    display: none;
	}
.newsletter-box { width: 100%; position: relative; }
	.newsletter-box input[type="email"] {
		background-color: #ffffff;
	    padding: 20px;
	    outline: none;
	    color: #808080;
	    box-sizing: border-box;
	    width: 100%;
	    height: 70px;
	    line-height: 26px;
	    margin: 0px 0px 5px;
	    font-size: 20px;
	    border: none;
	    /*border: 1px solid #e22112;*/
	    border-radius: 0px;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
		}
	.newsletter-box input[name="submit"] {
		height: 70px;
	    min-width: 120px;
		font-size: 18px;
		position: absolute;
    	right: 0px; 
    	top: 0px;
		}
	.newsletter-box input[disabled] { background-color: #4d4d4d; border: 1px solid #4d4d4d; }
	.newsletter-box input[disabled]:hover { color: #fff; }
	.newsletter-box .label.subscribe-success {
	    display: block;
	    padding: 10px;
	    line-height: 18px;
	    font-size: 14px;
	    border: 1px solid #e22122;
	    color: #333333;
	    border-radius: 0px;
	    background-color: #ffffff !important;
		}

/**
 * --------------- BLOG ---------------
 */

.content-bar-page {
    padding: 130px 0px 0px;
}

/* blog header menu */
.blog .navbar-default {
    background-color: #ffffff !important;
    }
    .secondary-menu {
        background-color: #e6e6e6;
        padding: 5px; 
		-webkit-transition: background .5s ease-in;
		-moz-transition: background .5s ease-in;
		transition: background .5s ease-in;
        }
       .top-nav-collapse .secondary-menu { padding: 0; }
        .secondary-menu .page-title { float: left; }
        	.secondary-menu .page-title  i.fa {
				font-size: 20px;
				}
    		.secondary-menu .page-title h6 { margin: 12px 0px; font-size: 26px; line-height: 28px; }
		.secondary-menu .content-bar-menu {
			position: relative;
			top: 5px;
			}
        .secondary-menu ul li a {
        	color: #383838 !important;
        	font-size: 20px !important;
        	}  
/* Search Button */				
.search-btn-form {   
	max-width: 300px;
    position: relative;
    top: 10px;
    }
	.search-btn-form .form-control {
		background-color: #f2f2f2;
		box-sizing: border-box;
		border: 0px solid transparent;
		width: 100%;
		border-radius: 0px;
		margin: 0px;
		height: 40px;
		font-size: 14px;
		color: #333333;
		margin-right: -40px;
		}
		.search-btn-form .form-control:focus, .search-btn-form button.btn.btn-default:focus {
			border-color: transparent;
			outline: 0px;
			-webkit-box-shadow: inset 0px 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6) !important;
			box-shadow: inset 0px 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6) !important; 
			}
			.search-btn-form button.btn.btn-default {
				border: 0px;
				height: 40px;
				background-color: transparent;
			    border-radius: 0px !important;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				}
				.search-btn-form span.glyphicon.glyphicon-search {
					color: #383838;
					font-size: 24px;
					}
			.search-btn-form input.form-control { width: 0; opacity: 0; }


.post-navigation {
    border: 1px solid #e22122;
    padding: 10px;
    text-align: center;
	}
	.post-navigation a { color: #393939; font-size: 12px; }	
		.post-navigation a:hover { color: #e22122; }	

#latest-articles-carousel .post-image.no-image .post-details, #related-articles-carousel .post-image.no-image .post-details { padding: 10px !important; }

a.blog-post {
    float: left;
    width: 100%;
    display: block;
    border: 1px solid #ffffff;
	}
	a.blog-post:hover .post-details, a.blog-post .no-image .post-details {
		top: 0px;
		background-color: rgba(226, 33, 18, 0.8);
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		}
		a.blog-post:hover .post-details p, a.blog-post .no-image .post-details p { display: block; }
	.post-image {
		background-size: cover !important; 
		position: relative;
		background-position: center center !important;
		min-height: 285px;
		}
		.post-image img.play-btn-img {
			height: 90px;
		    position: absolute;
		    top: 0;
		    left: 0;
		    bottom: 0;
		    right: 0;
		    margin: auto;
		}
	.post-image.first { min-height: 570px; }	
.post-details, a.blog-post .no-image .post-details {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 30px;
    background: rgba(57, 57, 57, 0.8);
	}
	a.blog-post .no-image .post-details { background: #999999; }
		a.blog-post:hover .no-image .post-details { background: #e22122; }
	/*a.blog-post .no-image .post-details { background: rgba(226, 33, 18, 0.8); }*/
	.post-details h1 {
	 	color: #ffffff;
	 	font-size: 46px;
	 	line-height: 56px;
		}
	.post-details h1, .post-details h6 { margin: 0px; text-shadow: 1px 1px #808080; }
	a.blog-post .post-details p { 
		display: none;
		padding: 15px 0px 0px;
		margin: 15px 0px 0px;
		color: #ffffff;
		border-top: 2px solid #ffffff;
		}

.cw-cat-title {    
	float: left;
    width: 100%;
	}
	.cw-cat-title.main-blog { margin: 0px 0px 15px; }
	.cw-cat-title h4, .cw-cat-title h3 {
	    float: left;
	    margin: 0px 10px 0px 0px;
	    }
	.cw-cat-title p { 
		margin: 0px;
	    position: relative;
	    float: left;
	    font-size: 16px;
	    top: 8px;
		}
		span.main-cw-desc p { top: 16px; margin: 0px 0px 10px; }

@media screen and (max-width: 992px) {
	  .post-image.first { min-height: 285px; }	
	  .post-details h1, .post-details h6 { font-size: 22px; line-height: 26px; } 
	}

section.featured-posts-section {
    padding: 0px;
    margin: 0px 0px 40px;
	}
.category-section { 
	padding: 0px 0px 25px; 
    float: left;
    width: 100%;
	}
	.category-section h3 a:hover, .category-section h3 a:focus { color: #e22112; }
/* Tags Section */
.show-all-tags { padding: 30px 0px; }
	.show-all-tags a, .post-tags a {
	    font-size: 14px !important;
	    line-height: 18px;
	    border: 1px solid #e22122 !important;
	    border-radius: 10px;
	    padding: 5px 15px;
	    color: #e22122;
	    background-color: #ffffff;
        margin: 5px 3px;
   	 	display: inline-block;
		}
		.show-all-tags a:hover, .post-tags a:hover {
			background-color: #e22122;
			color: #ffffff !important;
			}

/* Single Post Page */
.breadcrumbs { padding: 30px 0px; }
	.breadcrumbs.single-mb-page { background-color: #f2f2f2; }
    .breadcrumbs span { color: #393939;}
        .breadcrumbs span a:hover span { color: #e22122 !important; }
        .breadcrumbs span:last-child span { color: #e22122 !important; }

.single-post-page .single-post-content { 
	color: #3f3f40;
    float: left;
    width: 100%;
	}
	.single-post-page .single-post-content img {
        display: block;
        max-width: 100%;
        height: auto;
        float: left;
   		padding: 0px 20px 10px;
        }
       .single-post-page .single-post-content img.centerImage {
		    text-align: center;
		    width: 100%;
		    margin: 0 auto;
		    display: table;
		    float: none;
	        max-width: 750px;
			}
	.single-post-page .single-post-content p { font-size: 17px; line-height: 24px; }
	.single-post-page .single-post-content a { color: #e22112; }
		.single-post-page .single-post-content a:hover { color: #383838; }
		.single-post-page .single-post-image img {
    	    max-width: 100%;
    	    width:100%;
    	    height: auto;
    	    }
		.single-post-page .single-post-date { 
			margin: 20px 0px;
			float: left;
			width: 100%;
			}    
		.single-post-page h2, .single-post-page h3, .single-post-page h4, .single-post-page h5, .single-post-page h6 {
			margin: 15px 0px 5px;
			float: left;
			width: 100%;
			}
		/*.single-post-page .single-post-content ul li { list-style: none; }
			.single-post-page .single-post-content ul li:before {
				content: '\f111';
				font-family: 'FontAwesome';
				font-size: 7px;
				line-height: 7px;
				position: relative;
				color: #e22212;
				top: -2px;
				margin: 0px 10px 0px 0px;
				}*/
		.single-post-page h2, .single-post-page h3, .single-post-page h4 {
		    color: #e22112;
		}		
		a.scrollup-right {
            right: 40px;
            bottom: 80px;
            }		
				
/* rating stars */
.rating-stars { height: 60px; margin-top: 20px; }
.rating-stars .post-ratings > img { width: 30px; padding: 3px; }

/* blockquote */
blockquote {
	display:block;
	background: #fff;
	padding: 0px 20px 15px 100px;
	margin: 40px;
	position: relative;
	border-left: none;
	}
	blockquote p { 
		font-size: 24px;
		line-height: 32px;
		color: #ed786f;
		}
	blockquote::before {
		font-family: FontAwesome;
		content: "\f10d";
		display: inline-block;
		padding-right: 3px;
		vertical-align: middle;
		font-size: 80px;
		color: #f9d5d2;
		position: absolute;
		left: 10px;
		top: 22px;
		}
	blockquote::after {
		content: "";
		}
@media(max-width:767px) {
	blockquote { margin: 40px 15px; }
	blockquote p { font-size: 20px; line-height: 25px; }
	blockquote::before { font-size: 60px; }
}	
@media(max-width:480px) {	
	blockquote { margin: 40px 0px; padding: 0px 20px 15px 70px; }
	blockquote p { font-size: 18px; line-height: 22px; }
	blockquote::before { font-size: 50px; }
}

/* modal styles */
.modal-content {
    padding: 30px;
	}
.modal input[type="text"], .modal input[type="email"], .modal input[type="number"], .modal input[type="tel"], select {
	background-color: #f2f2f2;
    font-size: 15px;
    color: #383838;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	}
.modal ul li { list-style: none; }
	.modal ul li:before {
		content: '\f111';
		font-family: 'FontAwesome';
		font-size: 7px;
		line-height: 7px;
		position: relative;
		color: #e22212;
		top: -2px;
		margin: 0px 10px 0px 0px;
		}	
.download-form .download-btn { margin: 20px 0px; }

.footnote a { color: #e22122 !important; }
	.footnote a:hover { color: #383838; }	

.footnote .check-list.check-bullets, .footnote .check-list.circle-bullets { margin: 0px 0px 10px;  list-style: none ; } 
	.footnote  .check-list.check-bullets li {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 7px 25px;
		text-indent: -10px;
		}
		.footnote .check-list.check-bullets i.fa {
			font-size: 14px;
			color: #e22112;
			}
		.footnote .check-list.circle-bullets li {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 7px 25px;
			text-indent: -10px;
			}
		.footnote .check-list.circle-bullets i.fa {
			font-size: 7px;
			position: relative;
			top: -3px;
			color: #e22112;
			}	

.ebook-download-form-wrap .g-recaptcha.wpcf7-recaptcha > div { margin: 5px auto 10px auto; }
.ebook-download-form-wrap span.wpcf7-not-valid-tip { margin-bottom: 10px; }
.ebook-download-form-wrap .wpcf7-response-output {
	text-align: center; 
    margin: 0px 0px 15px;
	margin-top: -5px;
	border: 2px solid #e22122 !important;
	padding: 10px !important;
	}
	.label-info {
		background-color: #999999 !important;
		}

.ebook-responsive-size { display: none; }
.ebook-full-size { display: block; }

/**
 * Contact us page
 */
.page-template-template-contact .wpcf7-form-control-wrap .wpcf7-form-control > div { margin: 0 auto; }
.contact-default-page ul.social-networks {
	float: left; 
	display: block;
	}


/* Accordion Careers Page */
.vacancies_section { float: left; width: 100%; margin: 20px 0px; }
.accordion_for_vacancies .panel { margin: 0px 0px 3px; }
.accordion_for_vacancies .panel-heading {
    background-color: #e6e6e6;
    padding: 0px;
    position: relative;
    }
    .accordion_for_vacancies .panel-heading a {
		display: block;
		width: 100%;
		padding: 10px 15px;
    	}
	.accordion_for_vacancies .panel-heading a.accordion-toggle:after {
	 	content:'\f106';
        font-family: FontAwesome;
        position: absolute;
        right: 20px;
        top: 12px;
        font-size: 25px;
        color: #e22112;
		}
    .accordion_for_vacancies .panel-heading a.accordion-toggle.collapsed:after {
        content:'\f107';
        }
.accordion_for_vacancies .row-content { padding: 30px 15px; }
.accordion_for_vacancies .row-content li {
	margin: 0px 0px 10px 0px;
	list-style: none;
	padding: 0px 0px 7px 30px;
	text-indent: -15px !important;
	}
	.accordion_for_vacancies .row-content ul li:before {
		content: '\f111' !important;
		font-family: 'FontAwesome';
		font-size: 7px !important;
		line-height: 7px;
		position: relative;
		color: #e22112;
		top: -3px !important;
		margin: 0px 10px 0px 0px;
		}

.post-tags { float:left; width:100%; }

/* Accordion for References */
.references-section {
    float: left;
    width: 100%;
	}
	.references-section .panel { float:left; width: 100%; }
.references-accordion .panel-heading {
    background-color: #e6e6e6;
    padding: 0px;
    position: relative;
    float:left;
    width:100%;
    }
    .references-accordion .panel-collapse {     
		float: left;
		width: 100%;
		}
    .references-accordion .panel-heading h4.panel-title { margin: 0px; }
 .references-accordion .panel-heading a {
		display: block;
		width: 100%;
		padding: 10px 15px;
    	}
	.references-accordion .panel-heading a.accordion-toggle:after {
	 	content:'\f106';
        font-family: FontAwesome;
        position: absolute;
        right: 20px;
        top: 12px;
        font-size: 25px;
        color: #e22112;
		}
    .references-accordion .panel-heading a.accordion-toggle.collapsed:after {
        content:'\f107';
        }
.references-accordion .row-content { padding: 30px 15px; }
.references-accordion .row-content li {
	margin: 0px 0px 10px 0px;
	list-style: none;
	padding: 0px 0px 7px 30px;
	text-indent: -15px !important;
	}
	.references-accordion .row-content ul li:before {
		content: '\f111' !important;
		font-family: 'FontAwesome';
		font-size: 7px !important;
		line-height: 7px;
		position: relative;
		color: #e22112;
		top: -3px !important;
		margin: 0px 10px 0px 0px;
		}

/**
 * --------------- FOOTER ---------------
 */
footer { 
	float: left; 
	width: 100%;
	background-color: #1a1a1a;
	}
	footer .footer { padding: 60px 0px 20px; }

.widget_recent_entries li {
	list-style: none;
	line-height: 16px;
	text-indent: -15px;
	padding: 0px 0px 10px 20px;
	}
	.widget_recent_entries li:before {
		font-family: FontAwesome;
		content: "\f111";
		font-size: 5px;
		color: #e22122;
		position: relative;
		top: -3px;
		margin: 0px 5px 0px 0px;
		}
		.widget_recent_entries li a { color: #cccccc; line-height: 22px; }
			.widget_recent_entries li a:hover { color: #ffffff; }

/* footer logo */	
/*footer .logo { float: left; width: 100%; }
footer .logo a {
   	padding: 0px 0px 15px;
    margin: 0px 0px -10px;
	}	
footer .cworks-map, footer .cworks-contact-details { float: left; width: 100%; }*/

/* contact details */
.cworks-address { float: left; width: 100%; padding: 20px 0px 0px; }
	.cworks-details { float: left; width: 100%; }
	.cworks-contact-details p { margin: 0px 0px 10px; }
	.cworks-contact-details .fa, .cworks-address .fa, .cworks-details .fa {
		color: #e22122;
	    font-size: 16px;
	    margin: 0px 10px 20px 0px;
	    float: left;
		}
		.cworks-details .fa { margin: 0px 10px 0px 0px; }
/* contact form */		
footer .cworks-contact-form h6 { margin: 0px 0px 10px; }
footer .cworks-contact-form input[type="submit"] { min-width: 120px; }
footer .cworks-contact-form .g-recaptcha.wpcf7-recaptcha > div { margin: 0 auto; } 
footer .cworks-contact-form .button { margin-top: 10px; }
footer .cworks-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok { border: 2px solid #e9e9e9; color: #fff; }
/* footer menu */
footer ul.footer-menu li { display:  inline-block; }
	footer ul.footer-menu { text-align: center; margin: 20px 0px; }
	ul.footer-menu li a {
	    padding: 0px 8px 0px 5px;
	    border-right: 1px solid #ffffff;
	    color: #ffffff;
        font-size: 14px;
		}
		ul.footer-menu li:last-child a { border-right: none !important; } 
		ul.footer-menu li a:hover { color: #e22112; } 
/* social media */
footer ul.social-networks {
	list-style: none;
	float: none !important;
	margin: 0px auto;
	text-align: center;
	padding: 30px 0px 0px;
	}		
	footer ul.social-networks li {
		display: inline-block;
		cursor: pointer;
		list-style: none;
		float: none;
		margin: 0px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		}
		footer ul.social-networks li a.box {
			background-color: transparent;
			padding: 4px 0px;
			border: 1px solid #ffffff;
			text-align: center;
			margin: 0px 2.5px;
			border-radius: 50%;
			width: 32px;
			height: 32px;
			display: inline-block;
			box-sizing: border-box;
			}
			footer ul.social-networks li a.box.tiktok {
                width: 32px;
                position: relative;
                top: 10px;
                height: 32px;
            }
            footer ul.social-networks li a.box.tiktok i { color:#fff; }
			footer ul.social-networks li a.box:hover { background-color: #ffffff; }
		footer ul.social-networks li a.box .fa {
			color: #ffffff;
			font-size: 16px;
			line-height: 18px;
			}
			footer ul.social-networks li a.box:hover .fa { color: #e22112; }
footer .site-credit {
	border-top: 1px solid #393939;
	padding: 30px 0px 20px;
    float: left;
    width: 100%;
	}
	footer .site-credit p { margin: 0px 0px 10px; }
footer .left-side { float: left; }
footer .right-side { float: right; }
	footer .right-side a { color: #cccccc; }

/* style twitter widget */
.SandboxRoot { color: #ffffff !important; }
	.SandboxRoot div.timeline-Widget {
	    max-width: 1200px;
	    background-color: #333333 !important;
	    border-radius: 0px !important;
	    color: #ffffff;
		}
iframe#twitter-widget-0 {
	position: static;
	visibility: visible;
	display: inline-block;
	width: 100%;
	height: 300px;
	padding: 0px;
	border: none;
	max-width: 100%;
	min-width: 180px;
	margin-top: -50px !important;
	margin-bottom: -60px !important;
	min-height: 200px;
	}
.twitter-block .SandboxRoot.env-bp-660 .timeline-Tweet-text {
    font-size: 13px !important;
	}	
footer input[type="text"], footer input[type="email"], footer input[type="number"], footer input[type="tel"], footer textarea{ 
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #333333;
	}

@media(min-width: 100px){
	footer ul.social-networks { display: block; }
}

/* sumoselect */
.SumoSelect { width: 100%; margin-bottom: 10px; }
.SumoSelect .SelectBox { background-color: #f2f2f2; border: 1px solid #393939; border-radius: 4px; }
.SumoSelect .SelectBox .placeholder { font-size: 17px; }
.SumoSelect>.optWrapper { border: 1px solid #393939; }
.SumoSelect>.optWrapper.multiple>.options li.opt { padding: 0; padding-left: 35px; }
.SumoSelect .optWrapper .options li label { font-size: 13px; }
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont { outline: none; border: 1px solid #393939; box-shadow: none; }

.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i { background-color: #e22112; }
/* twitter feed */
.twitter-feed { 
	width: 100%;
	height: 350px;
	position: relative;
	overflow: auto;
	padding-right: 10px; /* let some space for our scrollbar */
}

/* pagination */
.pagination { margin: 40px auto 0 auto !important; }
.pagination .screen-reader-text { display: none; }
.pagination .nav-links a,
.pagination .nav-links span {
	display: block;
	float: left;
	padding: 10px 15px;
	border: 1px solid #e6e6e6;
	font-size: 16px;
    color: #000;
     -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.pagination .nav-links a:hover,
.pagination .nav-links span:hover {
	background-color: #e22112;
	color: #fff;
	 -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.pagination .nav-links span:hover { background-color: #e6e6e6; color: #000; }

/* for twitter feed */
.MediaCard-mediaContainer { display: none !important; }


.page-template-template-free-content-audit .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha > div { margin: 0 auto 15px auto; }
.page-template-template-free-content-audit span.wpcf7-form-control-wrap.subscribe span.first {
    display: block;
	}

/* SHOWCASE PAGES */
.header-top.portfolio-header .parallax-header {
	margin: 0 0 20px;
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}
@media only screen and (min-width : 300px) and (max-width : 991px) {
	.header-top.portfolio-header .parallax-header {
		min-height: 300px !important;
	}
	.header-top.portfolio-header .header-top-title {
	    padding-top: 15% !important;
	}
	.header-top.portfolio-header .header-top-title h1 {
		padding-top: 40px !important;
	}
}
.header-top.portfolio-header .header-top {
    padding-top: 5%;
}
	.header-top.portfolio-header .header-top-title {
	    background: transparent;
	    padding-top: 8%;
	}
	.header-top.portfolio-header .header-top-title h1 {
	   	max-width: 1200px;
	    margin: 0 auto;
	    text-shadow: none;
	    color: #000;
	    text-transform: uppercase;
	    height: 100%;
	    font-size: 40px;
	    line-height: 45px;
        padding-top: 100px;
	}
	body.tax-portfolio_categories .header-top.portfolio-header .header-top-title .breadcrumbs,
	.header-top.portfolio-header .header-top-title .breadcrumbs {
    	margin-top: -100px;
	}
.para-text {
    max-width: 800px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px 20px;
}
	.para-text p {
		text-align: center;
        font-size: 16px;
    	line-height: 22px;
	}
.showcase-section {
	float: left;
	width: 100%;
}
	.showcase-section .showcase-navigation {
		float: left;
		width: 100%;
	    padding: 0 0 40px;
	}
		.showcase-section .showcase-navigation .navigation-inner {
			text-align: center;
			max-width: 1000px;
			margin: 0 auto;
			display: table;
			float: none;
			width: 100%;
		}
		.showcase-section .showcase-navigation .navigation-inner .category {
			display: inline-block;
			margin: 8px;
		}
		.showcase-section .showcase-navigation .navigation-inner .category a {
			color: #fff;
			background-color: #808080;
			padding: 15px 20px;
			display: inline-block;
			font-size: 16px;
		}
		.showcase-section .showcase-navigation .navigation-inner .category:hover a,
		.showcase-section .showcase-navigation .navigation-inner .category a.active {
				background-color: #e22122;
				color: #fff;
			}

.showcase-items { 
	float: left; 
	width: 100%;
	}
.showcase-items .item-link {
	float:left;
	margin: 0 0 30px;
}
.showcase-items .show-item {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
	}
	.showcase-items .show-item:hover a { color: #e22122; }	
	.showcase-items .show-item .item-image, .single-item .item-image {
		height: 250px;
		width: 100%;
		max-width: 360px;
		width: 100%;
	 	display: block;
	    margin: 0 auto;
		background-position: center center !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		text-align: center;
		opacity: 1;
		-webkit-transition: opacity 1s ease;
		-moz-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		}
	.showcase-items .show-item .item-name { 
		font-size: 14px;
		line-height: 20px;
		padding: 10px;
		width: 100%;
		float: left;
	    min-height: 75px;
		}		
	.showcase-items .show-item .item-overlay {	
	    position: absolute;
	    display: none;
        height: 300px;
   	 	max-width: 360px;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    background-size: cover;
	    background-position: center center;
	    /*background-color: #e22122;*/
	    background-size: 100%;
	    background-repeat: no-repeat;
	    z-index: 1;
		}
		.showcase-items .show-item .overlay-content {
			position: absolute;
			left: 0; right: 0;
	        height: 300px;
		}
		.showcase-items .show-item .company-name, 
		.showcase-items .show-item .view-more {
			position: absolute;
			left: 0;
			right: 0;
			display: none;
			margin: 0 auto;
			z-index: 999;
		}
		.showcase-items .show-item .company-name {
			top: 40%;
			font-size: 20px;
			line-height: 24px;
			color: #fff;
		}
		.showcase-items .show-item .view-more {
			top: 45%;
			max-width: 150px;
		}
		.showcase-items .show-item:hover .item-overlay{
			opacity: .8 !important;
			background-color: #e22122;
		    display: block;
		    width: 100%;
		    left: 50%;
		    height: 100%;
			}
			.showcase-items .show-item:hover .company-name,
			.showcase-items .show-item:hover .view-more {
				display: block;
				z-index: 999;
				position: relative;
			}
		.showcase-items .item_details {
		 	max-width: 360px;
		 	background-color: #f2f2f2;
		 	width: 100%;
	 	    float: left;
		 	bottom: 0;
		}	
			.showcase-items .item_details p { margin: 0px; }
/* portfolio pagination */
.post-type-pagination {
    float: left;
    width:  100%;
    text-align: center;
    margin: 20px 0;
	}
	.post-type-pagination a {
	    color: red;
	    display: inline-block;
	    border: 1px solid red;
	    padding: 4px 10px;
	}
	.post-type-pagination a.prev.page-numbers, .post-type-pagination a.next.page-numbers { border: none; }
	.post-type-pagination span.page-numbers.current {
	    color: #fff;
	    display: inline-block;
	    border: 1px solid red;
	    background: red;
	    padding: 4px 10px;
	}			

/* single portfolio post */

.portfolio-extra-section {
	margin: 20px auto; 
	width: 100%;
	text-align: center;
	max-width: 1000px;
	display: table;
}
	.portfolio-extra-section iframe {
		width: 100% !important;
		margin: 20px 0 !important; 
		max-width: 650px;
	}
	.portfolio-extra-section .pdf-section a {
		background-position: center center;
	    background-size: cover;
	    min-height: 330px;
	    margin: 0 auto;
	    max-width: 500px;
	    display: block;
	    position: relative;
	}
	.portfolio-extra-section .pdf-section a:before {
		content: "\f1c1";
		position: absolute;
		font-family: fontAwesome;
		font-size: 40px;
		color: rgba(255, 255, 255, 0.5);
		left: 0;
		right: 0;
		top: 50%;
	}
	.portfolio-extra-section .pdf-section a:hover:before {
		color: red;
	}

.theme-page.single-portfolio {
    margin: 40px 0px 30px;
}
	.theme-page.single-portfolio .single-portfolio-header {
		padding: 20px 0;
		background-color: #f2f2f2;
	}
	.theme-page.single-portfolio h1 {
	    font-size: 35px;
	    line-height: 40px;
	    text-align: center;
		margin: 0;
		font-weight: 900;
	}
.portfolio-post-section {
	float: left;
	width: 100%;
	padding: 30px 0;
}
	.portfolio-post-section .main-post {
		float: left;
		width: 100%;
	}
		.portfolio-post-section .main-post .post-main-content {
			float: left;
			width: 100%;
		}
			.portfolio-post-section .main-post .post-main-content .post-content {
				padding: 30px 0 15px;
			}
				.portfolio-post-section .main-post .post-main-content .post-content p {
					text-align: justify;
				}
				.portfolio-post-section .main-post .post-main-content .post-content h2, 
				.portfolio-post-section .main-post .post-main-content .post-content h3, 
				.portfolio-post-section .main-post .post-main-content .post-content h4 {
					font-size: 20px;
					line-height: 22px;
				}
			.portfolio-post-section .main-post .post-main-content .post-img .single-post-img {
				margin: 30px 0;
				min-height: 400px;
				background-size: cover !important;
			    background-position: center center !important;
			    background-repeat: no-repeat !important; 
			}
			.portfolio-post-section .main-post .post-main-content .post-img .single-post-img.pdf {
				display: block;
				background-position: center center;
			    background-size: cover;
			    min-height: 330px;
			    margin: 0 auto;
			    max-width: 500px;
			    display: block;
			    position: relative;
			}
			.portfolio-post-section .main-post .post-main-content .post-img .single-post-img.pdf:before {
					content: "\f1c1";
					position: absolute;
					font-family: fontAwesome;
					font-size: 40px;
					color: #999;
				    text-align: center;
					left: 0;
					right: 0;
					top: 50%;
				}
					.portfolio-post-section .main-post .post-main-content .post-img .single-post-img.pdf:hover:before {
						color: red;
					}
			.portfolio-post-section .main-post .post-main-content .post-img .single-post-img iframe {
				width: 100%;
			}
/*related posts*/
.related-portfolio-posts {
	background-color: #f2f2f2;
	float:left;
	width: 100%;
}
	.related-portfolio-posts h3 {
		font-size: 35px;
		line-height: 38px;
	}
	.related-portfolio-posts .showcase-items .item_details {
	 	background-color: #fff;
	 }
 .related-portfolio-posts .nbs-flexisel-inner {
    background: #f2f2f2 -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%) !important;
    border: 1px solid #f2f2f2 !important;
    }
.related-portfolio-posts .nbs-flexisel-inner li.nbs-flexisel-item img {
    width: 100%;
    height: auto;
    max-width: 150px;
    cursor: default;
    }
.related-portfolio-posts .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: default;
    position: relative;
    line-height: 0px;
	}
	.related-portfolio-posts .nbs-flexisel-item img {
	    max-width: 150px !important;
	    height: auto !important;
	    position: absolute;
	    max-height: 150px;
	    margin: auto;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}


/* team members pages */
.header-page-title {
	margin: 50px 0px;
}
.team-members { 
	float: left; 
	width: 100%;
	}
.team-members .member {
	display: inline-block;
	margin: 40px 0px;
    width: 100%;
	}
	.team-members .member:hover a { text-decoration: underline; color: #e22122; }	
	.team-members .member .tm-image, .single-member .tm-image {
		height: 200px;
		max-width: 200px;
	 	display: block;
	    margin: 0 auto;
		background-position: center center !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		border-radius: 50%;
		text-align: center;
		opacity: 1;
		-webkit-transition: opacity 1s ease;
		-moz-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		}
		.tm-image.tm-single { 
			height: 350px;
			max-width: 350px;
			margin: 30px auto 0px;
			}
		.member:hover .tm-image {
		    opacity: 0;
			}
	.team-members .member .tm-name { 
		font-size: 23px;
		line-height: 26px;
		margin: 10px auto 0px;
		width: 100%;
		float: left;
		}		
	.team-members .member .tm-overlay {	
	    position: absolute;
	    height: 200px;
	    width: 200px;
	    border-radius: 200px;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    background-size: cover;
	    background-position: center center;
	    /*background-color: #e22122;*/
	    background-size: 100%;
	    background-repeat: no-repeat;
	    z-index: 1;
		}
		.team-members .member:hover .tm-overlay {
			opacity: 1 !important;
			background-image: url("../content-works/images/Contentworks_team_hover.png");
			}
		.team-members .tm_details { min-height: 100px; }	
			.team-members .tm_details p { margin: 0px; }

/* Directors */
.team-members.directors .member .tm-image, .single-member .tm-image {
	height: 250px;
	max-width: 250px;
	}
	.team-members.directors .member .tm-overlay {	
	    height: 250px;
	    width: 250px;
	    border-radius: 250px;
		}

.cta-team-section { padding: 70px 0px; margin: 40px 0px 0px; }
.cta-team-section .cta-wrapper {margin: 15px 0px; }
.cta-team-section .cta-wrapper i.fa {
    font-size: 70px;
    color: #ffffff;
    margin: 20px 0px 30px;
	}

.single-member { margin: 40px 0px; }
	.single-member h1 { margin: 0px 0px 10px; }
	.single-member .content_wrapper { margin: 30px 0px; }
	.single-member .content_wrapper a { color: #e22122; }
		.single-member .content_wrapper a:hover { color: #393939; }



/* elena's styles */
/* Style Arrows for carousel */
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { background: transparent !important; }
	.nbs-flexisel-nav-left:before {
	    content: "\f104";
	    font-family: FontAwesome;
	    font-size: 50px;
	    color: #e22112;
		}
	.nbs-flexisel-nav-right:before {
		content: "\f105";
	    font-family: FontAwesome;
	    font-size: 50px;
	    color: #e22112;
		}	

/* Add border-bottom in navbar */
nav.navbar.navbar-default.navbar-fixed-top.top-nav-collapse {
	border: 1px solid #e6e6e6; 
	}		
/* Style links and lists in single pages */
.header-top { position: relative; }
	.header-top .header-top-title { 
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin: 0;
		right: 0;
		text-align: center;
		padding-top: 7%;
		background: rgba(0,0,0,.20);
		}
		.header-top .header-top-title h1 { text-shadow: 1px 2px #808080; }

.page .entry-content a { color: #e22112; }
	.page .entry-content a:hover { color: #383838; }	

.check-list.check-bullets, .check-list.circle-bullets { margin: 0px 0px 10px;  list-style: none ; } 
	.check-list.check-bullets li {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 7px 25px;
		text-indent: -10px;
		}
		.check-list.check-bullets i.fa {
			font-size: 14px;
			color: #e22112;
			}
		.check-list.circle-bullets li {
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 7px 25px;
			text-indent: -10px;
			}
		.check-list.circle-bullets i.fa {
			font-size: 7px;
			position: relative;
			top: -3px;
			color: #e22112;
			}	

footer.entry-footer {
    background-color: #ffffff;
	}

/* Services + portfolio LANDING PAGES */
.page-template-template-service-landing-page .header-top .header-top-title, 
.page-template-template-portfolio-landing-page .header-top .header-top-title {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	right: 0;
	height: 700px;
	text-align: center
	}
	.page-template-template-service-landing-page .header-top .header-top-title .header-inner, 
	.page-template-template-portfolio-landing-page .header-top .header-top-title .header-inner {
		display: table-cell;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		vertical-align: middle;
	}
	.page-template-template-service-landing-page .header-top .header-top-title .header-inner h1,
	.page-template-template-portfolio-landing-page .header-top .header-top-title .header-inner h1 {
		text-shadow: 0px 0px #808080;
		font-size: 55px;
	}
	.page-template-template-service-landing-page .header-top .header-top-title .header-inner h6,
	.page-template-template-portfolio-landing-page .header-top .header-top-title .header-inner h6 {
		font-size: 21px;
	}
	.page-template-template-service-landing-page .header-top .header-top-title .header-inner:after,
	.page-template-template-portfolio-landing-page .header-top .header-top-title .header-inner:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 50px;
		width: 100%;
		background-color: rgba(226, 33, 18, 0.8);
		max-width: 1000px;
		margin: 0 auto;
		float: left;
		text-align: center;
	}
.service-page { 

}
	.service-page .sheader, .portfolio-page .sheader {
		min-height: 700px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin-bottom: 80px;
		margin-top: -90px;
	}
	.service-page .main-service-content, .portfolio-page .main-portfolio-content {
		max-width: 1000px;
		margin: 0 auto;
	}
		.service-page .main-service-content form, .portfolio-page .main-portfolio-content form {
			padding: 0px 30px;
		}
		.service-page .main-service-content .left-paragraph, .portfolio-page .main-portfolio-content .left-paragraph {
			padding-bottom: 30px;
		}
	.service-page .main-service-content input, .portfolio-page .main-portfolio-content input { margin-bottom: 10px; }
	.service-page .main-service-content input[type="submit"], .portfolio-page .main-portfolio-content input[type="submit"] {
	    width: 100%;
	    font-weight: 700;
	    border: 2px solid #e22112;
	    max-width: 100%;
	}
	.services-features, .portfolio-features  {
	 	float: left;
	 	width: 100%;
	 	position: relative;
	}
	.services-features .parallax-header, .portfolio-features .parallax-header {
		background-size: cover;
	}
		.services-features .usps, .portfolio-features .usps {
			padding: 80px 0px 60px;
			float: left;
			width: 100%;
		}
			.services-features .usps h2, .portfolio-features .usps h2 {
				color: #fff;
				text-align: center;
			}
			.services-features .usps .usp, .portfolio-features .usps .usp {
				text-align: center;
				margin: 40px auto 0;
				max-width: 280px;
			}
				.services-features .usps .usp .img, .portfolio-features .usps .usp .img {
					width: 130px;
					height: 130px;
					margin: 0 auto;
				}
				.services-features .usps .usp .title, .portfolio-features .usps .usp .title {
					color: #fff;
				}
				.services-features .usps .usp .title h6, .portfolio-features .usps .usp .title h6 {
					margin: 0px 0px 5px;
				}
				.services-features .usps .usp .text, .portfolio-features .usps .usp .text {
					color: #fff;
					font-size: 20px;
					line-height: 30px;
					min-height: 75px;
				}
				.services-features .usps .usp .text p, .portfolio-features .usps .usp .text p {
					margin: 0;
				}
.additional-services-text, .additional-portfolio-text {
	float: left;
	width: 100%;
}
	.additional-services-text .additional-services-text-inner, .additional-portfolio-text .additional-portfolio-text-inner {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
		.additional-services-text h4, .additional-portfolio-text h4 {
			font-size: 24px;
			line-height: 30px;
		}
		.additional-services-text p, .additional-portfolio-text p {
			font-size: 18px;
			line-height: 26px;
		}
.services-outer, .portfolio-outer {
	float: left;
	width: 100%;
    margin: 0 0 60px;
}
.services-cta-banner, .portfolio-cta-banner {
	background-color: #e22112;
    padding: 40px 30px;
    max-width: 1000px;
    margin: 0 auto;
}
	.services-cta-banner .cta-btn > a, .portfolio-cta-banner .cta-btn > a  {
		float: right;
		font-weight: bold !important;
	}
	.services-cta-banner .cta-text h4, .portfolio-cta-banner .cta-text h4 {
		margin: 0px;
	    padding-top: 12px;
		font-size: 24px;
	}


/*	MEDIA QUERIES
/*====================================================================*/

@media only screen and (min-width : 300px) and (max-width : 479px) {	
	.counter_wrapper .fa {
		font-size: 25px;
		margin: 0px 0px 10px;
		}
	.counter_wrapper span {
	    font-size: 24px;
	    line-height: 30px;
		}
	.counter_wrapper p.counter_text {
		font-size: 14px;
		line-height: 18px;
		}
	.secondary-menu .page-title h6 { 
		font-size: 18px;
    	line-height: 25px;
    	}
	h1 { font-size: 30px; line-height: 35px; }	
	h2 { font-size: 28px; line-height: 30px; }	
	h3 { font-size: 26px; line-height: 30px; }	
	h4 { font-size: 26px; line-height: 30px; }	
	h5 { font-size: 22px; line-height: 22px; }	
	h6 { font-size: 20px; line-height: 22px; }

	.tm-image.tm-single {
	    height: 250px;
	    max-width: 250px;
		}
		.team-members .tm_details { min-height: auto; }	
		.team-members .member { margin: 20px 0px; }
	.secondary-menu .page-title h6 a {
	    font-size: 18px !important;
		}
	.secondary-menu .page-title {
	    width: 100%;
	    float: none !important;
	    margin: 0 auto;
		}
	.secondary-menu .sc-menu {
	    float: none !important;
	    position: absolute;
      	top: 0px;
	    right: 0px;
		}		
	header .navbar.navbar-default .navbar-brand img.logo {
		margin-top: -5px;
		}	
	header .navbar.navbar-default .navbar-brand {
		padding: 15px 0px 0px 5px!important;
		}
	ul.footer-menu li a { border-right: none; }

	section.cw-video-section  #big-video.cover-image { min-height: 550px; }
	.ebook-responsive-size { display: block; }
	.ebook-full-size { display: none; }

	/* header post video */
	.single-post-image.video iframe {
	    height: 400px !important;
		}
	section.cw-about-section { background-color: #1c1b19; background-attachment: initial; }
	
	a.scrollup-right {
	    right: 0px;
	    bottom: 0px;
	}
	.news-text { color: #fff; }

}
	
@media only screen and (min-width : 480px) and (max-width : 767px) {
	h1 { font-size: 40px; line-height: 45px; }	
	h2 { font-size: 36px; line-height: 40px; }	
	h3 { font-size: 34px; line-height: 38px; }	
	h4 { font-size: 26px; line-height: 30px; }	
	h5 { font-size: 22px; line-height: 22px; }	
	h6 { font-size: 20px; line-height: 22px; }

	.counter_wrapper .fa {
		font-size: 35px;
		margin: 0px 0px 10px;
		}
	.counter_wrapper span {
	    font-size: 28px;
	    line-height: 30px;
		}
	.counter_wrapper p.counter_text {
		font-size: 18px;
		line-height: 24px;
		}
	.latest-articles-section .blog-post .article-excerpt, .latest-articles-section .blog-post .article-title { line-height: 18px; }	
	a.blog-post .post-details p { padding: 5px 0px 0px; margin: 5px 0px 0px; }

	.newsletter-box input[type="email"] { font-size: 14px; }
	
	.secondary-menu .page-title h6 a {
	    font-size: 18px !important;
		}		

	body.home header .navbar.navbar-default.top-nav-collapse, body.home header .navbar.navbar-default { height: 50px; }	
	ul.footer-menu li a { border-right: none; }
	section.cw-about-section { background-color: #1c1b19; background-attachment: initial;  }

	.news-text { color: #fff; }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.latest-articles-section .blog-post .article-excerpt, .latest-articles-section .blog-post .article-title { line-height: 18px; }	
	a.blog-post .post-details p { padding: 5px 0px 0px; margin: 5px 0px 0px; }
	.newsletter-box input[type="email"] { font-size: 16px; }
	body.home header .navbar.navbar-default.top-nav-collapse { background: #ffffff; }	
	.package-column .package-description {
	    min-height: 160px;
		}
	.packages-list {
		padding: 175px 0px 0px;
		}	
	.package-column .package-description p {
		font-size: 11px;
		line-height: 15px;
	    padding: 0px 5px;
        min-height: 100px;
        margin: 0px;
		}
	ul.packages li.term-name { padding: 5px 0px; }
		ul.packages li {
			height: 45px;
			line-height: 15px;
			}
	.package-column .btn-xs {
		padding: 6px 15px;
		}
		section.cw-about-section { background-color: #1c1b19; background-attachment: initial;  }
		
		.single-post footer .site-credit, .single-team footer .site-credit {
            margin: 0px 0px 40px;
            }
        .single-post a.scrollup-right, .single-team a.scrollup-right {
            right: 40px;
            bottom: 120px;
            }	    
}

@media only screen and (min-width : 991px) and (max-width : 1200px) {
    header .navbar ul.nav li a {
	    padding: 12px 4px !important;
		}	
		header .navbar ul.nav li.fca-btn a { padding: 5px !important; }
   
	header .navbar.navbar-default .navbar-brand {
	    padding: 15px !important;
		}	
   .secondary-menu ul li a { font-size: 14px !important; }
	.post-details h1 {
		font-size: 30px;
		line-height: 35px;
		}	
	.post-details h6 {
		font-size: 18px;
		line-height: 22px;
		}	
}

@media only screen and (min-width : 1025px) and (max-width : 1200px) {
	.latest-articles-section .blog-post .article-excerpt, .latest-articles-section .blog-post .article-title { line-height: 18px; }	
	a.blog-post .post-details p { padding: 5px 0px 0px; margin: 5px 0px 0px; }
	ul.packages li.term-name { padding: 5px 0px; }
		ul.packages li {    
			height: 45px;
    		line-height: 15px; 
    	}
    ul.packages .package-column p { padding: 0px 5px; }	
		.package-column .package-description { min-height: 140px; }
		.packages-list { padding: 155px 0px 0px; }	
		.package-column .package-description p { margin: 0px; }
}

@media only screen and (min-width : 991px) and (max-width : 1400px) {
	.small-cont-infograph { width: 900px  !important; }
	.cw-vid iframe { height: 500px !important; }
}

@media only screen and (min-width : 300px) and (max-width : 767px) {

	.text-large { font-size: 30px !important; line-height: 35px !important; }
	.text-xlarge { font-size: 40px !important; line-height: 45px !important; }

	.package-column .package-description {
	    min-height: auto;
		}
	.package-column { padding: 20px 0px; }	
	.newsletter-box ::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; }
    .newsletter-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; }
    .newsletter-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }
   	.newsletter-box :-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }	

   	footer .right-side, footer .left-side {
		float: none;
		text-align: center;
		}
	.breadcrumbs.mb-breadcrumbs {
	    display: none;
		}	
	.single-post footer .site-credit, .single-team footer .site-credit {
        margin: 0px 0px 40px;
        }
 	.single-post a.scrollup-right, .single-team a.scrollup-right {
            right: 40px;
            bottom: 120px;
            }	               
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	header .navbar ul.nav li a { padding: 4px 7px !important; }
	header .navbar .main-menu-container { float: none; }
	.secondary-menu .page-title {
		float: none;
		text-align: center;
		}	
		.sc-menu { width: 100%; }
	.search-btn-form, .secondary-menu .content-bar-menu { top: 0px; }	
	header .navbar.navbar-default .navbar-collapse {
		height: 50px !important;
		}
	body.home header .navbar.navbar-default img.logo.red { display: none; }	
	body.home header .navbar.navbar-default img.logo.white { display: block; }	
	.cw-vid iframe { height: 300px !important; }

}

@media (max-width: 768px) {
	.cw-vid iframe { height: 200px !important; }
}

@media only screen and (min-width : 300px) and (max-width : 991px) {
	.cta-widget a.btn-contact { float: none !important; }

	.cw-main-section img.last-image {
		max-width: 400px;
		margin: 0 auto;
		}
	section.cw-about-section .ab-box, section.our-story-section .ab-box { padding: 0px 0px 20px; }
	section.cw-about-section .ab-box .teaser, section.our-story-section .ab-box .teaser { padding: 0px 10px 0px; }	
	.cworks-contact-form {
		margin: 20px 0px;
		}
	.cta-team-section { padding: 30px 0px; }		
	.cta-team-section .cta-wrapper h5 { font-size: 20px; }	

	.team-members .extra14 { margin-left: 0px; }
}

@media only screen and (min-width : 991px) and (max-width : 1200px) {
	.team-members.directors .col-md-3 {
		width: 33.33333333%;
		}	
	.team-members.directors	.extra14 { margin-left: 0px; }
}

/* Media Queries for images */
@media only screen and (min-width : 300px) and (max-width : 619px) {
	.parallax-header {
		min-height: 150px;
		background-size: cover;
		background-attachment: initial;
		}
}

@media only screen and (min-width : 620px) and (max-width : 860px) {
	.parallax-header {
	    min-height: 200px;
	    background-size: contain;
	}
}


body.home header .navbar.navbar-default.bg-white { background-color: #ffffff !important; }
body.home header .navbar.navbar-default.bg-white ul.nav li a { text-shadow: none; }

/* new styles for download free ebooks page section */
.ebook-download-section h5 { margin-bottom: 40px; }
.ebook-download-section p { font-size: 17px; min-height: 48px; }
.ebook-download-section .btn { margin-top: 15px; }
.ebook-download-section img.cover {
	height:150px;
	/*border:1px solid;
	margin-bottom: 10px;
	-webkit-box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.5);*/
}
@media (max-width: 992px) {
	.ebook-download-section .row > div[class^="col-"] { margin-bottom: 25px; }
	.ebook-download-section .btn { margin-top: 0; margin-bottom: 25px; }
	.services-cta-banner, .portfolio-cta-banner {
		text-align: center;
	}
	.services-cta-banner .cta-btn > a, .portfolio-cta-banner .cta-btn > a {
    	float: none;
    	margin-top: 10px;
	}
}

/*disable blog post iframe*/
iframe#st_gdpr_iframe {
    display: none !important;
}

.mc4wp-cwbox {
    font-size: 12px;
    text-align: left;
    font-weight: 400 !important;
    padding: 10px 0;
}
.mc4wp-cwbox label {
    font-weight: 400 !important;
}
.mc4wp-cwbox .icheckbox_minimal-red {
    margin-right: 10px;
    font-weight: 400 !important;
    border: 1px solid #e22112;
}
@media only screen and (min-width: 300px) and (max-width: 479px) {
    .page-template-template-service-landing-page .header-top .header-top-title .header-inner h1, .page-template-template-portfolio-landing-page .header-top .header-top-title .header-inner h1 {
        line-height:55px;
    }
}