/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* #Basic Styles
================================================== */

body {
	background: #f6f6f6 url('../img/main_bgr.png');
	font: 13px/21px 'Open Sans', arial, sans-serif;
	color: #555555;
	-webkit-font-smoothing: antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

/* #Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #555;
	font-family: "Open Sans", arial, serif;
	font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 29px;
	line-height: 38px;
	margin-bottom: 14px;
}

h2 {
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 10px;
}

h3 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 8px;
}

h4 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
	margin-top: 4px;
}

h5 {
	font-size: 15px;
	line-height: 21px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}

.subheader {
	color: #777;
}

p {
	margin: 0 0 20px 0;
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
	color: #333;
}

small {
	font-size: 80%;
}

/*	Blockquotes  */

blockquote,
blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: #777;
	font-style: italic;
}

blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd;
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

/* #Links
================================================== */

a,
a:visited:not(.btn) {
	color: #444;
	outline: 0;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:hover,
a:focus {
	color: #0ad1e5 !important;
}

p a,
p a:visited {
	line-height: inherit;
}

/* #Lists
================================================== */

ul,
ol {
	margin-bottom: 20px;
}

ul {
	list-style: none outside;
}

ol {
	list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px;
}

ul.square {
	list-style: square outside;
}

ul.circle {
	list-style: circle outside;
}

ul.disc {
	list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 4px 0 5px 30px;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px;
}

li {
	line-height: 1.5em;
	margin-bottom: 12px;
}

ul.large li {
	line-height: 21px;
}

li p {
	line-height: 21px;
}

/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

.frame-scale-with-grid {
	max-width: 100%;
}

#google_map iframe {
	width: 100%;
	height: 416px;
	border: 0;
}

/* #Forms
================================================== */

form:not(#addCampaign) {
	margin-bottom: 20px;
}

fieldset {
	margin-bottom: 20px;
}
input[type=range]{
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: rgb(206, 206, 206);
    margin-top: -4px;
}

input[type=range]:focus {
    outline: none;
}

input[type="range"] {
	height: 35px !important;
	margin: 0 !important;
}

input[type="text"]:not(.form-control),
input[type="number"]:not(.form-control),
input[type="password"]:not(.form-control),
input[type="email"]:not(.form-control),
input[type="url"]:not(.form-control),
textarea:not(.form-control),
select:not(.form-control) {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13px Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}

.dataTable tfoot input, .dataTable tfoot select {
	width: 100% !important;
}

select {
	padding: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

textarea {
	min-height: 60px;
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px;
}

select {
	width: 220px;
}

input[type="checkbox"] {
	display: inline;
}

label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}

/* #Misc
================================================== */

.remove-bottom {
	margin-bottom: 0 !important;
}

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

.add-bottom {
	margin-bottom: 20px !important;
}

/* #Buttons
================================================== */

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-style: solid;
	border-width: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);*/
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	background-color: #374045;
	text-decoration: none;
	font-size: 16px;
	font-family: "Open Sans", arial;
	font-weight: 400;
	display: inline-block;
	cursor: pointer;
	line-height: normal;
	padding: 5px 14px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.button:hover,
a:hover.button,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: #0ad1e5;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background-color: #3d494f;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.button_hilite,
a.button_hilite {
	background-color: #0ad1e5;
}

.button_hilite:hover,
a:hover.button_hilite {
	background-color: #374045;
}

.button_pale,
a.button_pale {
	color: #374045;
	background-color: #f8f8f8;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.4);
}

a:hover.button_pale {
	color: #fff;
	background-color: #374045;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.button,
button.sm_button,
a.sm_button,
input[type="submit"].sm_button,
input[type="reset"].sm_button,
input[type="button"].sm_button {
	font-size: 13px;
}

/* #Main Navigation
================================================== */

/* menu */

#menu-holder {
	background: #fff;
	position: relative;
}

#menu {
	background: #f8f8f8 url('../img/grad_menu.png') top left repeat-x;
	height: 40px;
	padding: 0px 0 0 5px;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#menu a {
	font-size: 15px;
	text-decoration: none;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	margin-bottom: 0;
}

#menu>ul>li {
	position: relative;
	float: left;
	z-index: 1015;
	padding: 0px 2px 0px 0px;
	background: url('../img/main_nav_bgr_sep.png') right top no-repeat;
}

#menu>ul>li:hover {}

#menu>ul>li>a {
	color: #222;
	text-shadow: 0px 1px 0px #fff;
	line-height: 40px;
	text-decoration: none;
	display: block;
	padding: 0px 12px 0px 12px;
	z-index: 6;
	position: relative;
	background: #f8f8f8 url('../img/grad_menu.png') top left repeat-x;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#menu>ul>li:hover>a {
	background-color: #fff;
}

#menu>ul>li>a>span {
	padding: 0px 0px 0px 14px;
	background: url('../img/arrow_down_tiny.png') right center no-repeat;
}

#menu>ul>li>a .home_icon {
	width: 16px;
	height: 40px;
	padding: 0;
	display: block;
	background: url('../img/home_icon_dark.png') center center no-repeat;
}

#menu>ul>li>div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	left: -1px;
	z-index: 1020;
	padding: 0px 0 5px;
	background: url('../img/menu_pale.png');
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);
	border: 1px solid #e8e8e8;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
}

#menu>ul>li>div>ul {
	display: table-cell;
	border-top: 3px solid #e9e9e9;
	padding-top: 7px;
}

#menu>ul>li ul+ul {
	padding-left: 20px;
}

#menu>ul>li ul>li {
	position: relative;
}

#menu>ul>li ul>li>a {
	padding: 7px 0px 9px;
	margin: 0 16px;
	color: #222;
	text-shadow: 0px 1px 0px #fff;
	display: block;
	white-space: nowrap;
	min-width: 160px;
	font-size: 14px;
	background: url('../img/main_nav_bgr_sep_vertical.png') bottom left repeat-x;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#menu>ul>li ul>li>a>span {
	background: url('../img/arrow_left_tiny.png') -20px center no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#menu>ul>li ul>li>a:hover>span {
	background: url('../img/arrow_left_tiny.png') left center no-repeat;
	padding-left: 12px;
}

#menu>ul>li ul>li>a.last_submenu_item {
	padding: 7px 0px 7px;
	background: none;
}

#menu>ul>li ul>li>a:hover {
	text-decoration: none;
}

#menu>ul>li>div>ul>li>a {
	color: #444;
}

/* Dark Nav */

.dark_menu #menu {
	background: #393b3c url('../img/main_nav_bgr_dark.png') top left repeat-x;
}

.dark_menu #menu>ul>li>a .home_icon {
	background: url('../img/home_icon.png') center center no-repeat;
}

.dark_menu #menu>ul>li {
	background: url('../img/main_nav_bgr_sep_dark.png') right top no-repeat;
}

.dark_menu #menu>ul>li>a {
	background: #393b3c url('../img/main_nav_bgr_dark.png') top left repeat-x;
	color: #fff;
	text-shadow: 0px 1px 0px #111;
}

.dark_menu #menu>ul>li>a>span {
	background: url('../img/arrow_down_tiny_dark.png') right center no-repeat;
}

.dark_menu #menu>ul>li>div {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;
	border-top: 1px solid #212223;
}

.dark_menu #menu>ul>li>div>ul {
	border-top: 3px solid #45494b;
}

.dark_menu #menu>ul>li ul>li>a {
	color: #fff;
	text-shadow: 0px -1px 0px #343a3c;
}

.dark_menu #menu>ul>li ul>li>a {
	background: url('../img/main_nav_bgr_sep_vertical_dark.png') bottom left repeat-x;
}

.dark_menu #menu>ul>li ul>li>a>span {
	background: url('../img/arrow_left_tiny_dark.png') -20px center no-repeat;
}

.dark_menu #menu>ul>li ul>li>a:hover>span {
	background: url('../img/arrow_left_tiny_dark.png') left center no-repeat;
}

.dark_menu #menu>ul>li ul>li>a.last_submenu_item {
	background: none;
}

/* Dark Nav : End */

/* Custom Nav */

.custom_menu #menu {
	background: #0ad1e5 url('../img/grad_menu.png') top left repeat-x;
}

.custom_menu #menu>ul>li>a .home_icon {
	background: url('../img/home_icon.png') center center no-repeat;
}

.custom_menu #menu>ul>li>a:hover .home_icon {
	background: url('../img/home_icon.png') center center no-repeat;
}

.custom_menu #menu>ul>li {
	background: none;
	padding: 0;
}

.custom_menu #menu>ul>li>a {
	background: #0ad1e5 url('../img/grad_menu.png') top left repeat-x;
	text-shadow: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.custom_menu #menu>ul>li:hover>a {
	background: #404040;
	color: #fff;
}

.custom_menu #menu>ul>li>a:hover {
	background: #404040;
	color: #fff;
}

.custom_menu #menu>ul>li>a>span {
	background: none;
	padding: 0;
}

.custom_menu #menu>ul>li>div {
	background: url('../img/menu.png') top left;
	border: none;
	box-shadow: none;
	left: 0;
}

.custom_menu #menu>ul>li>div>ul {
	border-top: none;
}

.custom_menu #menu>ul>li ul>li>a {
	color: #fff;
	text-shadow: none;
}

.custom_menu #menu>ul>li ul>li>a {
	background: none;
}

.custom_menu #menu>ul>li ul>li>a>span {
	background: url('../img/arrow_left_tiny_dark.png') -20px center no-repeat;
}

.custom_menu #menu>ul>li ul>li>a:hover>span {
	background: url('../img/arrow_left_tiny_dark.png') left center no-repeat;
}

.custom_menu #menu>ul>li ul>li>a.last_submenu_item {
	background: none;
}

/* Custom Nav : End */

/* 3rd level */

.subsub_menu {
	display: none;
	position: absolute;
	top: -3px;
	left: 97%;
	background: url('../img/menu_pale.png');
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);
	border: 1px solid #ddd;
	webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	z-index: 1021;
	padding: 3px 0 3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.dark_menu .subsub_menu {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;
	box-shadow: none;
}

.custom_menu .subsub_menu {
	background: url('../img/menu.png') top left;
	border: none;
	box-shadow: none;
	left: 100%;
}

/*
#menu > ul > li ul > li.active {
	position: relative;
}*/

/* 3rd level : End */

/* 4rd level */

.subsubsub_menu {
	display: none;
	position: absolute;
	top: -3px;
	left: 97%;
	background: url('../img/menu_pale.png');
	background-image: -moz-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(#f8f8f8, #eeeeee);
	background-image: -webkit-linear-gradient(#f8f8f8, #eeeeee);
	background-image: linear-gradient(#f8f8f8, #eeeeee);
	border: 1px solid #ddd;
	webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	z-index: 1021;
	padding: 3px 0 3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.dark_menu .subsubsub_menu {
	background: #4f5152;
	background-image: -moz-linear-gradient(#58595a, #414344);
	background-image: -o-linear-gradient(#58595a, #414344);
	background-image: -webkit-linear-gradient(#58595a, #414344);
	background-image: linear-gradient(#58595a, #414344);
	border: 1px solid #3b3d3e;
}

.custom_menu .subsubsub_menu {
	background: url('../img/menu.png') top left;
	border: none;
	box-shadow: none;
	left: 100%;
}

/* 4rd level : End */

#select_menu {
	display: none;
}

/* #Main Navigation :: END
================================================== */

/* #Main containers + Common styles
================================================== */

#wrapper {
	width: 990px;
	margin: 20px auto;
	text-align: left;
	background: white;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#wrapper.full_wrapper {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0 0;
}

.refresh {
	font-size: 20px !important;
	padding-bottom: 7px !important;
	padding-top: 8px !important;
}
.h5 {
	height: 5px;
}

.h10 {
	height: 10px;
}

.h15 {
	height: 15px;
}

.h20 {
	height: 20px;
}

.h40 {
	height: 40px;
}

.mh10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.divider_bgr {
	background: url('../img/header_bgr_diag.png') left top;
}

.title {
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	background: url('../img/header_bgr_diag.png') left top;
	font-size: 20px;
	line-height: 18px;
	margin: 20px 0 22px;
	letter-spacing: -1px;
}

.title span {
	background: #fff;
	padding-right: 12px;
}

.sidebar {
	padding-bottom: 20px;
	margin-top: -30px;
}

.sidebar .title {
	font-size: 18px;
	line-height: 18px;
	margin-top: 30px;
}

.heading {
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 30px;
	margin: 30px 0 24px;
	letter-spacing: -1px;
	padding-bottom: 10px;
	background: url('../img/header_bgr.png') left top;
}

.heading span {
	display: block;
	line-height: 30px;
	background: #fff;
	padding-bottom: 10px;
}

.header {}

.header_left img {
	margin: 20px 0 0 20px;
}

.header_contacts {
	height: 20px;
	margin: 20px 0 46px;
	font-size: 12px;
	color: #888888;
}

.header_phone {
	float: right;
	padding-left: 22px;
	background: url('../img/header_phone.png') left center no-repeat;
	margin-left: 20px;
}

.header_mail {
	float: right;
	padding-left: 23px;
	background: url('../img/header_mail.png') left center no-repeat;
}

.header_soc_search {
	margin-bottom: 6px;
}

.header_soc_twitter {
	float: right;
	width: 16px;
	height: 16px;
	background: url('../img/header_soc_twitter.png') left -16px no-repeat;
	margin: 8px 0 0 12px;
	text-indent: -10000px;
}

a:hover.header_soc_twitter {
	background: url('../img/header_soc_twitter.png') left top no-repeat;
}

.header_soc_fb {
	float: right;
	width: 16px;
	height: 16px;
	background: url('../img/header_soc_fb.png') left -16px no-repeat;
	margin: 8px 0 0 12px;
	text-indent: -10000px;
}

a:hover.header_soc_fb {
	background: url('../img/header_soc_fb.png') left top no-repeat;
}

.header_soc_rss {
	float: right;
	width: 16px;
	height: 16px;
	background: url('../img/header_soc_rss.png') left -16px no-repeat;
	margin: 8px 0 0 12px;
	text-indent: -10000px;
}

a:hover.header_soc_rss {
	background: url('../img/header_soc_rss.png') left top no-repeat;
}

.header_soc_search a {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.header_search {
	/*
	height: 32px;
	float: right;
	*/
}

.header_search form {
	margin-bottom: 0;
}

#s {
	float: right;
	position: relative;
	top: 0px;
	right: -22px;
	width: 150px;
	margin-bottom: 0;
	border: 1px solid #eeeeee;
	padding: 7px 30px 7px 8px;
	font-size: 13px;
	color: #ccc;
	background: #fbfbfb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#s:focus {
	width: 180px;
	border: 1px solid #eeeeee;
	color: #888;
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
}

#s:hover {
	width: 180px;
}

.button_search {
	float: right;
	position: relative;
	top: 0px;
	right: 5px;
	padding: 0;
	background: url('../img/button_search.png') center center no-repeat;
	width: 22px;
	height: 31px;
	cursor: pointer;
	border: none;
	z-index: 100;
	box-shadow: none;
}

.button_search:hover {
	background: url('../img/button_search.png') center center no-repeat;
	border: none;
}

.section_big_title {
	text-align: center;
	margin: 15px 0 40px;
}

.section_big_no_m {
	margin: 10px 0 0;
}

.section_big_title h1 {
	margin: 30px 0 0;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 300;
	font-size: 31px;
	line-height: 38px;
	color: #444;
	letter-spacing: -1px;
}

.section_big_title h1 strong {
	font-weight: 400;
	text-transform: uppercase;
	color: #0ad1e5;
}

.section_big_title h2 {
	margin: 2px 0 22px;
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 21px;
	line-height: 28px;
	font-style: italic;
	font-weight: 300;
	color: #969696;
}

.carousel_section {
	position: relative;
	margin-bottom: 40px;
}

.section_featured_services {
	position: relative;
}

.section_featured_services h4 {
	margin: 14px 0 6px;
	font-size: 16px;
	line-height: 24px;
}

.section_featured_services p {
	color: #777;
	font-size: 12px;
}

.clients_list ul {
	margin: 20px 0 !important;
}

.clients_list li {
	float: left;
	margin: 0 10px;
}

.clients_list li img {
	height: auto;
	max-width: 100%;
}

.services_list li img {
	height: auto;
	max-width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.services_description {
	padding-left: 16px;
}

.services_description h5 {
	margin: 20px 0 16px;
	font-size: 17px;
}

.services_description p {
	margin: 0 0 12px;
}

.services_description ul {
	margin-bottom: 30px;
}

.pic {
	position: relative;
	display: block;
}

.pic img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

a .img_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(../img/icon_plus.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

a:hover .img_overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1;
}

a .img_overlay_zoom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(../img/icon_zoom.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

a:hover .img_overlay_zoom {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1;
}

.section_featured_texts {
	margin: 34px 0 40px;
}

.section_featured_texts_no_m {
	margin-bottom: 10px;
}

.section_featured_texts .icon {
	float: left;
	margin: 1px 16px 66px 0;
	width: 37px;
	height: 37px;
}

.section_featured_texts h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #555;
	letter-spacing: -1px;
	margin-left: 54px;
}

.section_featured_texts h3 a {
	color: #555;
}

.section_featured_texts h3 a:hover {
	color: #0ad1e5;
}

.section_featured_texts p {
	color: #777;
	font-size: 13px;
	line-height: 21px;
	margin-right: 12px;
	margin-left: 54px;
}

.media_item {
	border-bottom: 1px dotted #EEE;
	margin: 20px 0 20px;
	padding-bottom: 60px;
}

/* Icons */

.big_screen {
	background: url(../img/icon_big_screen.png) center center no-repeat;
}

.big_cog {
	background: url(../img/icon_big_cog.png) center center no-repeat;
}

.big_profile {
	background: url(../img/icon_big_profile.png) center center no-repeat;
}

.big_brush {
	background: url(../img/icon_big_brush.png) center center no-repeat;
}

.big_chat {
	background: url(../img/icon_big_chat.png) center center no-repeat;
}

.big_check {
	background: url(../img/icon_big_check.png) center center no-repeat;
}

.big_download {
	background: url(../img/icon_big_download.png) center center no-repeat;
}

.big_graph {
	background: url(../img/icon_big_graph.png) center center no-repeat;
}

.big_payment {
	background: url(../img/icon_big_payment.png) center center no-repeat;
}

.big_support {
	background: url(../img/icon_big_support.png) center center no-repeat;
}

.big_heart {
	background: url(../img/icon_big_heart.png) center center no-repeat;
}

.big_portfolio {
	background: url(../img/icon_big_portfolio.png) center center no-repeat;
}

.big_university {
	background: url(../img/icon_big_university.png) center center no-repeat;
}

.big_pencil {
	background: url(../img/icon_big_pencil.png) center center no-repeat;
}

/* LISTS */

ul.arrowed {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.arrowed li {
	padding: 0 0 0 20px;
	background: url('../img/arrow.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}

ul.dotted {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dotted li {
	padding: 0 0 0 20px;
	background: url('../img/dot.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}

ul.checked {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.checked li {
	padding: 0 0 0 26px;
	background: url('../img/check.png') 0px 3px no-repeat;
	margin-bottom: 6px;
}

/* Tipsy */

.tipsy {
	padding: 5px;
	font-size: 10px;
	position: absolute;
	z-index: 100000;
}

.tipsy-inner {
	padding: 2px 8px 2px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}

.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tipsy-arrow {
	position: absolute;
	background: url('../img/tipsy.gif') no-repeat top left;
	width: 9px;
	height: 5px;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}

.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

.hilite {
	background: #7fe7f2;
	padding: 2px;
}

.hilite_dark {
	background: #4d5559;
	color: #fff;
	padding: 2px;
}

/* Testimonials */

.testimonials {
	position: relative;
}

.testimonial_quote {}

.quote_content {
	background: #f8f8f8 url('../img/quote.png') 12px 12px no-repeat;
	border: 1px solid #e5e5e5;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.quote_content p {
	margin: 14px 14px 16px 46px;
	font-size: 13px;
	line-height: 20px;
	font-style: italic;
	color: #777;
}

.quote_arrow {
	width: 12px;
	height: 7px;
	position: absolute;
	bottom: -7px;
	left: 46px;
	background: url('../img/quote_arrow.png') 0px 0px no-repeat;
}

.quote_author {
	position: relative;
	left: 46px;
	margin-top: 12px;
}

.quote_author_description {
	display: block;
	color: #aaa;
	font-size: 11px;
}

.icon_testimonial {
	display: inline;
	background: url('../img/icon_testimonial.png') 0px 3px no-repeat;
	padding-left: 24px;
	font-size: 14px;
	font-weight: 600;
}

/* TABS */

.htabs {
	height: 27px;
	line-height: 15px;
	border-bottom: 1px solid #eeeeee;
	margin-right: 4px;
}

.htabs a {
	color: #666;
	background: #fafafa url('../img/grad_menu.png') top left repeat-x;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 6px 10px 5px 10px;
	float: left;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
	margin-right: 4px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.htabs a.selected {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding-bottom: 6px;
	background: #FFFFFF;
}

.tab-content:not(.add-campaign-tabs) {
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 20px 20px 20px;
	margin-bottom: 20px;
	z-index: 2;
	overflow: auto;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	-khtml-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
}

/* Accordions */

.acc_holder {}

.acc_item {
	padding: 12px 0px;
	margin: 0px 0 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.acc_item:hover {
	background: #f8f8f8;
}

.acc_control {
	float: left;
	background: #778185 url('../img/acc_bgr.png') 0px -18px no-repeat;
	width: 18px;
	height: 18px;
	margin: 0 14px 0px 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	-khtml-border-radius: 17px;
	border-radius: 17px;
}

.active_acc .acc_control {
	background: #778185 url('../img/acc_bgr.png') 0px 0px no-repeat;
}

.acc_heading {
	display: block;
	margin-left: 40px;
}

.accordion {
	padding: 0px;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.accordion.active_acc {
	background: url('../img/acc_bgr.png') 0px 0px no-repeat;
}

.accordion_content {
	display: none;
	padding: 10px 10px 0 40px;
	color: #777;
}

/* Page elements */

.page_heading {
	margin: 26px 0 10px;
	background: url('../img/heading_bgr.png') left top repeat-x;
}

.page_heading h1 {
	display: inline;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 28px;
	background: #fff;
	margin: 0;
	padding-right: 10px;
}

.breadcrumb {
	margin: 16px 0 0;
	height: 20px;
	line-height: 20px;
}

.breadcrumb a.first_bc {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-khtml-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.breadcrumb a {
	float: left;
	color: #666;
	font-size: 11px;
	background: #f8f8f8 url('../img/grad_menu.png') top left repeat-x;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	line-height: 20px;
}

.breadcrumb a:hover {
	color: #0ad1e5;
}

.breadcrumb a span {
	display: block;
	line-height: 20px;
	background: url('../img/breadcrumb_divider.png') center right no-repeat;
	padding: 0 20px 0 12px;
}

.breadcrumb a.last_bc span {
	display: block;
	line-height: 20px;
	background: url('../img/breadcrumb_divider_last.png') center right no-repeat;
	padding: 0 20px 0 12px;
}

.success,
.warning,
.attention,
.information {
	padding: 8px 14px;
	margin-top: 6px;
	margin-bottom: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.success a,
.warning a,
.attention a,
.information a {
	color: #444;
}

.success {
	background: #d6f7e2;
	border: 1px solid #c2ebd1;
}

.warning {
	background: #ffe8e8;
	border: 1px solid #efd9d9;
}

.attention {
	background: #FFF5CC;
	border: 1px solid #f0e6bf;
}

.information {
	background: #e2f5f7;
	border: 1px solid #d1e9ec;
}

.success .close,
.warning .close,
.attention .close,
.information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.required {
	color: #ff4242;
	font-weight: bold;
	padding-left: 2px;
}

.error {
	display: block;
	color: #ff4242;
}

.close_img {
	width: 7px;
	height: 7px;
	float: right;
	margin: 7px 0 7px 20px;
	background: url('../img/close.png') 0px 0px no-repeat;
	cursor: pointer;
}

/* Sidebar Menu */

.box-category {
	padding: 0px;
}

.side_bar_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.side_bar_menu>li {
	margin: 1px 0px;
}

.side_bar_menu>li+li {}

.side_bar_menu>li>a {
	display: inline-block;
	color: #444;
	text-decoration: none;
	font-size: 13px;
	border-radius: 3px;
	position: relative;
}

.link_span {
	display: block;
	padding: 4px 10px 4px 19px;
	position: relative;
	z-index: 21;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: url('../img/arrow.png') 2px 7px no-repeat;
}

.side_bar_menu>li ul {
	margin: 1px 0 3px 10px;
}

.side_bar_menu>li a.active {
	background: #f7f7f7;
}

.side_bar_menu>li a:hover {}

.side_bar_menu>li a.active+ul {
	display: block;
}

.side_bar_menu>li ul>li {
	margin: 1px 0px;
}

.side_bar_menu>li ul>li>a {
	display: inline-block;
	color: #444;
	font-size: 13px;
	text-decoration: none;
	border-radius: 3px;
	text-shadow: 0 0 1px #fff;
	position: relative;
}

.side_bar_menu>li ul>li>a.active {
	background-color: #f5f5f5;
	border-radius: 3px;
	text-shadow: 0 0 1px #fff;
}

.hover_span {
	display: block;
	width: 0;
	height: 100%;
	background: #fafafa url('../img/grad_menu.png') top left repeat-x;
	border-radius: 3px;
	position: absolute;
	top: 0;
	z-index: 20;
}

.textwidget {
	padding: 0 0 10px;
	margin: 0px 0 0;
}

.tagcloud {
	padding: 0 0 10px;
}

.tagcloud a {
	float: left;
	font-size: 12px;
	padding: 3px 7px;
	color: #555;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: #fafafa url('../img/grad_menu.png') top left repeat-x;
	margin: 0 6px 6px 0;
	border: 1px solid #e6e6e6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
}

.tagcloud a:hover {
	color: #666;
	background-color: #eee;
	border: 1px solid #d5d5d5;
}

/* Blog Page */

.post_item {
	border-bottom: 1px dotted #eee;
	margin-bottom: 30px;
}

.post_title {
	margin: 24px 0 10px;
	font-size: 23px;
	line-height: 30px;
}

.post_meta {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	color: #999;
}

.post_meta a {
	color: #888;
}

.post_meta a:hover {
	color: #0ad1e5;
}

/*.calendar {
	margin-right: 8px;
	background: url('../img/blog_icon_date.png') 0px 1px no-repeat;
	padding: 0 12px 0 22px;
	border-right: 1px solid #ddd;
}*/

.author {
	margin-right: 8px;
	background: url('../img/blog_icon_author.png') 0px 1px no-repeat;
	padding: 0 12px 0 22px;
	border-right: 1px solid #ddd;
}

.comments {
	margin-right: 8px;
	background: url('../img/blog_icon_comments.png') 0px 1px no-repeat;
	padding: 0 12px 0 23px;
	border-right: 1px solid #ddd;
}

.tags {
	margin-right: 8px;
	background: url('../img/blog_icon_tags.png') 0px 0px no-repeat;
	padding: 0 12px 0 23px;
}

.post_description {
	margin: 16px 0 24px;
}

/* Post/Portfolio specific elements */

.post_description ul {
	margin-bottom: 20px;
	margin-left: 12px;
}

.post_description h1 {
	margin-top: 20px;
	font-size: 24px;
	line-height: 30px;
}

.post_description h2 {
	margin-top: 16px;
	font-size: 21px;
	line-height: 27px;
}

.post_description h3 {
	margin-top: 14px;
	font-size: 18px;
	line-height: 24px;
}

.post_description h4 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 21px;
}

.post_description h5 {
	margin-top: 10px;
	font-size: 15px;
	line-height: 20px;
}

.post_description p {
	margin: 0 0 12px;
}

.padded_block {
	margin-bottom: 80px;
}

.half_padded_block {
	margin-bottom: 40px;
	position: relative;
}

.portfolio_page {
	margin-top: 32px;
}

.portfolio_description {
	margin-top: -20px;
	padding-left: 16px;
}

.portfolio_description h5 {
	margin: 20px 0 16px;
	font-size: 17px;
}

.portfolio_description p {
	margin: 0 0 12px;
}

.portfolio_description ul {
	margin-bottom: 30px;
}

/* Comments Section */

.comments_section {
	margin: 60px 0 60px;
}

.comments_section label {
	font-weight: normal;
}

.aqua_input,
input[type="text"].aqua_input,
input[type="number"].aqua_input,
input[type="password"].aqua_input,
input[type="email"].aqua_input,
input[type="url"].aqua_input,
textarea.aqua_input,
select.aqua_input {
	width: 250px;
	border: 1px solid #EEE;
	padding: 7px 8px 7px 8px;
	font-size: 13px;
	background: #FBFBFB;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .05);
	transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0.1, 0.2, 0.7);
}

textarea.aqua_input {
	width: 400px;
}

.aqua_input:focus {
	border: 1px solid #ccc !important;
}

/* Related Posts */

.related_posts_section {
	position: relative;
	margin: 0px 0 0 -10px;
}

.related_posts_section h4 {
	margin: 14px 0 8px;
	font-size: 16px;
	line-height: 21px;
}

.related_posts_section .meta_date {
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 10px 0;
	color: #999;
	font-style: italic;
}

.related_posts_section p {
	color: #777;
	font-size: 12px;
	line-height: 18px;
}

/* Comments */

.comment_list {
	margin: 40px 0;
	border-top: 1px solid #EEE;
	padding-top: 30px;
}

/* Comment List */

.comment_list ol {
	list-style: none;
	margin-left: 0px;
}

.comment_list ol.comment_sub {
	list-style: none;
}

li.comment .single_comment {
	padding: 20px 0;
	border-top: 1px dotted #ddd;
}

li.comment .single_comment.first_comment {
	border-top: none;
}

li.comment ol.comment_sub {
	margin-left: 65px;
}

/* Comment List Content */

.comment_list ol .comment_avatar {
	float: left;
	margin-right: 15px;
}

.comment_list ol .comment_avatar a.comment_edit {
	display: block;
	margin-top: 12px;
	text-align: center;
	font-style: italic;
}

.comment_list ol .comment_content {
	overflow: hidden;
}

.comment_list ol .comment_name {
	font-weight: bold;
}

.comment_list ol .comment_name span {
	font-weight: normal;
	color: #aaa;
	margin: 0 8px;
}

.comment_list ol .comment_name a {
	font-size: 14px;
	font-weight: 600;
}

.comment_list ol .comment_name a.comment_reply {
	font-size: 13px;
	font-weight: normal;
}

.comment_list ol .comment_desc {
	font-size: 12px;
	margin-bottom: 16px;
	color: #999;
	font-style: italic;
}

/* Pagination */

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
}

.pagination .links {
	float: left;
	font-size: 13px;
	line-height: 16px;
}

.pagination .links a {
	display: inline-block;
	padding: 4px 10px;
	text-decoration: none;
	background: #f8f8f8 url('../img/grad_menu.png') top left repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 0px #fff;
	color: #666;
	font-weight: 400;
}

.pagination .links a:hover {
	background-color: #0ad1e5;
	color: white;
	text-shadow: none;
}

.pagination .links b {
	display: inline-block;
	padding: 3px 9px;
	font-weight: normal;
	text-decoration: none;
	color: #555;
	font-weight: 400;
	cursor: default;
}

.pagination .results {
	float: right;
	padding-top: 3px;
}

/* Sidebar Latest Posts */

.latest_post_sidebar {
	font-size: 11px;
	line-height: 15px;
	margin-right: 8px;
}

.latest_post_sidebar img {
	float: left;
	width: 52px;
	height: 52px;
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
	margin: 2px 14px 22px 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.latest_post_sidebar img:hover {
	border: 1px solid #bbb;
}

.latest_post_sidebar p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 8px;
}

.latest_post_sidebar p.date {
	color: #999;
}

.latest_post_sidebar p.latest_post_sidebar_title {
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
}

/* Portfolio Page */

.portfolio {
	margin: 20px -20px 20px 0;
}

#portfolio_items {
	margin-right: -20px;
}

.portfolio_filter {
	margin: 20px 0;
}

.portfolio_filter span {
	float: left;
	margin: 0 6px 6px 0;
	font-size: 12px;
	padding: 5px 12px;
	color: #555;
}

.portfolio_filter div {
	float: left;
	font-size: 12px;
	padding: 5px 12px;
	color: #555;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.7);
	background: #fafafa url('../img/grad_menu.png') top left repeat-x;
	margin: 0 6px 6px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
	cursor: pointer;
}

.portfolio_filter div:hover {
	color: #fff;
	background-color: #374045;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.portfolio_filter div.current {
	color: #fff;
	background-color: #0ad1e5;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.portfolio_item {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.portfolio_item .pic img {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.portfolio_item a h4 {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #333;
	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background: #fcfcfc url('../img/grad_menu.png') top left repeat-x;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
}

.portfolio_item a:hover h4 {
	color: #222;
	background-color: #e5e5e5;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.6);
}

.portfolio_item a h5 {
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #333;
	padding: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background: #fcfcfc url('../img/grad_menu.png') top left repeat-x;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.8);
}

.portfolio_item a:hover h5 {
	color: #222;
	background-color: #e5e5e5;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.6);
}

/* About Page */

.team_block {
	margin: 30px 0;
}

.team_block h4 {
	margin: 20px 0 6px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
}

.team_block .team_desc {
	font-style: italic;
	color: #aaa;
	text-align: center;
}

.team_block p {}

/* Table */

.aqua_table {
	margin: 20px 0;
}

.aqua_table th {
	border: 1px solid #e2e2e2;
	background: #fcfcfc url('../img/grad_menu.png') top left repeat-x;
	text-align: center;
	padding: 8px 14px;
	font-size: 14px;
	text-align: left;
	font-weight: 600;
}

.aqua_table td {
	padding: 8px 14px;
	border: #e2e2e2 1px solid;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.aqua_table tr.odd td {
	background: #f9f9f9;
}

.aqua_table tr:hover td {
	background: #edf9fa;
}

.aqua_table td.b {
	font-weight: 600;
}

.al_right {
	text-align: right;
}

.no_bm {
	margin-bottom: 0;
}

/* Sequence Slider */

#slider_holder {
	position: relative;
}

#sequence {
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

#sequence ul {
	margin: 0;
}

#sequence ul li {
	z-index: 1;
	margin: 0 !important;
}
#sequence li>* {
	position: absolute;
}

#sequence {
	height: 300px;
	margin: 0 auto;
	position: relative;
	max-width: 1400px;
}

.info {
	color: black;
	left: 80%;
	top: 20%;
	width: 40%;
	z-index: 10;
	vertical-align: middle;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

.info.animate-in {
	left: 8%;
	top: 20%;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
	-moz-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
	-ms-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
	-o-transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.5s;
}

.info.animate-out {
	left: 80%;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.info h2 {
	color: #fff;
	/*	text-shadow: 0 1px 0 rgba(0,0,0,0.2);*/
	background: #0ad1e5;
	padding: 0px 7px;
	font-size: 38px;
	line-height: 45px;
	letter-spacing: -1px;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0 6px 0;
}

.info h3 {
	color: #fff;
	background: #404b50;
	padding: 4px 6px;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0px;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0 6px 0;
}

.info p {
	color: #fff;
	width: 80%;
	font-size: 17px;
	line-height: 27px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	padding: 0px 2px;
}

.info p span {
	background: rgba(57, 59, 60, 0.5);
}

.info a.link {
	color: #3c4549;
	width: 80%;
	font-size: 14px;
	line-height: 25px;
	text-shadow: 0 1px 0 rgba(256, 256, 256, 0.5);
	margin: 0 0 14px;
}

.slider_img {
	max-height: 100%;
	width: auto;
	left: 0%;
	top: 0px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 6;
}

.slider_img.animate-in {
	left: 30%;
	top: 0px;
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 4;
	/*	
	-webkit-transition: all 1s cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-moz-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-ms-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	-o-transition: all 1s  cubic-bezier(0.2,0.1,0.1,0.9) 0.3s;
	transition: all 1s  cubic-bezier(0.5,0.1,0.1,0.9) 0.3s;
*/
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
}

.slider_img.animate-out {
	left: -340%;
	top: 0px;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider_bgr {
	height: auto;
	width: 100%;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	top: 0;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}

.slider_bgr.animate-in {
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 1;
}

.slider_bgr.animate-out {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}

.sequence-preloader .preloading .circle {
	fill: #ccc !important;
}

div.inline {
	background-color: #ccc !important;
}

/* Sequence Slider::END */

/* #Footer
================================================== */

#footer {
	width: 990px;
	clear: both;
	overflow: auto;
	min-height: 100px;
	background: #2d3032;
	font-size: 12px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-top: 4px solid #242628;
	color: #757d82;
}

#wrapper.full_wrapper #footer {
	width: 100%;
}

.footer_inside {
	margin: 20px 15px;
}

#wrapper.full_wrapper .footer_inside {
	width: 960px;
	margin: 20px auto;
}

#footer h3 {
	color: #d1d6d9;
	font-size: 15px;
	line-height: 21px;
	margin-top: 0px;
	margin-bottom: 14px;
}

#footer.footer_dark h3 {
	color: #818f96;
	text-shadow: 0px -1px 0px #111;
}

#footer .column {
	float: left;
	width: 18%;
	min-height: 100px;
}

#footer .big_column {
	float: right;
	width: 28%;
	min-height: 100px;
}

#footer p {
	margin-bottom: 0;
}

/* Footer Icons*/

.icon_tweet {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../img/icon_tweet.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

a.icon_tweet:hover {
	background: url('../img/icon_tweet.png') center top no-repeat;
}

.icon_facebook {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../img/icon_facebook.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

a.icon_facebook:hover {
	background: url('../img/icon_facebook.png') center top no-repeat;
}

.icon_pinterest {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../img/icon_pinterest.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

a.icon_pinterest:hover {
	background: url('../img/icon_pinterest.png') center top no-repeat;
}

.icon_google {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../img/icon_google.png') center -23px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
}

a.icon_google:hover {
	background: url('../img/icon_google.png') top center no-repeat;
}

.icon_skype {
	font-size: 13px;
	line-height: 24px;
	background: url('../img/skype_icon.png') left 5px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}

.icon_phone {
	font-size: 13px;
	line-height: 24px;
	background: url('../img/icon_footer_phone.png') left 4px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}

.icon_mail {
	font-size: 13px;
	line-height: 24px;
	background: url('../img/icon_footer_mail.png') left 5px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}

.icon_loc {
	font-size: 13px;
	line-height: 24px;
	background: url('../img/icon_footer_loc.png') left 3px no-repeat;
	padding: 0 0 0 30px;
	margin-bottom: 6px;
}

#footer.footer_dark .icon_phone,
#footer.footer_dark .icon_mail,
#footer.footer_dark .icon_loc {
	color: #748188;
	text-shadow: none;
}

#footer .columns ul {
	margin: 0px 0 0 18px;
	list-style: none;
	padding: 0;
}

#footer .columns ul li {
	margin-bottom: 4px;
	background: url('../img/arrow_footer_list.png') -5px 1px no-repeat;
	padding-left: 16px;
}

.margined_left {
	margin-left: 18px;
}

#footer a {
	text-decoration: none;
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #949ea3;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#footer a:hover {
	color: #0ad1e5;
}

.footer_pic img {
	float: left;
	border: 3px solid #5d5d5d;
	margin: 2px 14px 22px 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.footer_pic img:hover {
	border: 3px solid #0ad1e5;
}

.footer_news_item h4 {
	font-size: 12px;
	line-height: 15px;
	color: #949ea3;
}

#powered {
	margin-top: 1px;
	text-align:center;
	font-size: 11px;
	color: #748188;
}

#powered a {
	font-size: 11px;
}

.footer_btm {
	clear: both;
	overflow: auto;
	padding: 10px 20px 10px;
	background: #222425;
	border-top: 1px solid #373737;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-khtml-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#wrapper.full_wrapper .footer_btm_inner {
	width: 960px;
	margin: 0px auto;
}

/* #Footer :: END
================================================== */

/* #Template Styles
================================================== */

/* Custom Menu BGR COLOR */

.custom_menu #menu,
.custom_menu #menu>ul>li>a {}

/* Menu Font */

.custom_menu #menu>ul>li>a {}

/* Menu Font Size */

#menu>ul>li>a {}

/* HighLight Color */

/*
a:hover, a:focus { color: hex ; }
.button:hover,a:hover.button,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,	input[type="button"]:hover, .button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite, a.button_hilite { color: #fff; background-color: hex ;}
.button_hilite:hover, a:hover.button_hilite { color: #fff; background-color: #374045;}
		
.section_big_title h1 strong { color: hex ;}
.section_featured_texts h3 a:hover { color: hex ;}
		
.breadcrumb a:hover{ color:  hex ;}
.post_meta a:hover{ color:  hex ;}
.portfolio_filter div.current{ background-color:  hex ;}
	   
.next:hover,.prev:hover{ background-color:  hex ;}
.pagination .links a:hover{ background-color:  hex ;}
	   
.info  h2{ background-color:  hex ;}
#footer a:hover { color:  hex ;}
.footer_pic img:hover{ border: 3px solid  hex ;}

.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover { background-color: hex ;}
*/

/* Title Font */

h1,
h2,
h3,
h4,
h5,
.title,
.section_big_title h1,
.heading,
#footer h3 {}

/* Button Font */

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {}

/* Body Font */

body {}

/* #Template Styles::END
================================================== */

/* CUSTOM RESPONSIVE STYLES */

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.tab {
		font-size: 18px !important;
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
	.paginate_button.page-item.previous span, .paginate_button.page-item.next span {
		display: none;
	}
	.paginate_button > .page-link {
		height: 100% !important;
	}
	.col-md-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.twelve .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.dataTables_length, .dataTables_paginate {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 100% !important;
		text-align: center !important;
	}
	.dataTables_wrapper .bottom {
		flex-wrap: wrap-reverse !important;
	}
	.pagination {
		justify-content: center !important;
	}
	.card-body, .card-block {
		padding: 4px !important;
	}
	.metrics-container {
		width: 60%;
		float: left;
	}
	.metrics .metric {
		padding: 5px 0 !important;
		width: 100% !important;
	}
	.metrics .metric .field {
		line-height: 10px !important;
		font-size: 12px !important;
	}
	.metrics .metric .data {
		font-size: 18px !important;
	}
	.metrics-container .metric:first-child {
		margin-top: 16px !important;
	}
	.metrics-container .metric:last-child {
		padding-bottom: 10px !important;
		border-top: 1px solid #40494f;
	}
	.metric.buttons form:first-child button {
		margin-top: 16px;
	}
	.metric.buttons form:last-child button {
		margin-top: 19px;
	}
	.metric.buttons form {
		display: block !important;
	}
	#wrapper,
	#wrapper.full_wrapper {
		width: 100%;
		margin: 0px auto;
		border-radius: 0px;
		padding: 0;
	}
	#footer {
		width: 100%;
	}
	.footer_inside,
	#wrapper.full_wrapper .footer_inside {
		margin: 20px auto;
		width: 768px;
	}
	.footer_btm {
		border-radius: 0;
	}
	.footer_btm_inner,
	#wrapper.full_wrapper .footer_btm_inner {
		width: 748px;
		margin: 0px auto;
	}
	/* Sequence slider */
	.prev,
	.next {
		top: 130px;
		height: 33px;
		width: 33px;
	}
	.prev {
		left: 10px;
	}
	.next {
		right: 10px;
	}
	.next>span,
	.prev>span {
		margin: 6px;
	}
	#sequence {
		height: 240px;
	}
	.info h2 {
		padding: 0px 5px;
		font-size: 27px;
		line-height: 35px;
		margin: 0 0 5px 0;
	}
	.info h3 {
		padding: 4px 6px;
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 20px 0;
	}
	.info p {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 20px;
		width: 100%;
	}
	.info a.link {
		font-size: 14px;
		line-height: 25px;
		margin: 0 0 14px;
	}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.refresh {
		padding-bottom: 2px !important;
		padding-top: 4px !important;
	}
	.nav-link {
		padding: 0 4px !important;
		font-size: 10px !important;
	}
	.tab {
		font-size: 16px !important;
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
	.websites_container .card-header, .campaigns_container .card-header {
		padding: 2px 0 0 8px !important;
		font-size: 13px !important;
	}
	.paginate_button.page-item.previous span, .paginate_button.page-item.next span {
		display: none;
	}
	.paginate_button > .page-link {
		height: 100%;
	}
	.col-md-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.twelve .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.dataTables_length, .dataTables_paginate {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 100% !important;
		text-align: center !important;
	}
	.dataTables_wrapper .bottom {
		flex-wrap: wrap-reverse;
	}
	.pagination {
		justify-content: center !important;
	}
	.card-body, .card-block {
		padding: 4px !important;
	}
	.metrics-container {
		width: 60%;
		float: left;
	}
	.metrics .metric {
		padding: 5px 0 !important;
		width: 100% !important;
	}
	.metrics .metric .field {
		line-height: 10px !important;
		font-size: 12px !important;
	}
	.metrics .metric .data {
		font-size: 18px !important;
	}
	.metrics-container .metric:first-child {
		padding-top: 10px !important;
		border-bottom: 1px solid #40494f;
	}
	.metrics-container .metric:last-child {
		padding-bottom: 10px !important;
		border-top: 1px solid #40494f;
	}
	.metric.buttons form:first-child button {
		margin-top: 12px;
	}
	.metric.buttons form:last-child button {
		margin-top: 14px;
	}
	.metric.buttons form {
		display: block !important;
	}
	.table-title-m {
		display: block !important;
	}
	.table-title { 
		display: none;
	}
	.btn-card-action {
		height: 24px !important;
		padding: 2px 5px !important;
		font-size: 12px !important;
	}
	.sidebar .title {
		font-size: 16px !important;
	}
	.side_bar_menu {
		float:left !important;
		width: 33.3333333%;
	}
	.side_bar_menu > li {
		height: 22px;
	}
	.side_bar_menu > li > a {
		font-size: 11px !important;
	}
	.side_bar_menu_user {
		display: none;
	}
	.container {
		padding: 0 4px;
	}
	#wrapper,
	#wrapper.full_wrapper {
		width: 100%;
		margin: 0px auto;
		border-radius: 0px;
		padding: 0;
	}
	#footer {
		width: 100%;
		text-align: center;
	}
	.footer_inside,
	#wrapper.full_wrapper .footer_inside {
		margin: 0px auto 10px;
		width: 360px;
	}
	.footer_btm {
		border-radius: 0;
	}
	.footer_btm_inner,
	#wrapper.full_wrapper .footer_btm_inner {
		width: 360px;
		margin: 0px auto;
	}
	#footer .columns ul li {
		background: none;
		padding-left: 0;	
	}
	#footer .menu, #footer .news {
		display: none;
	}
	.icon_skype {
		display: inline-block;
	}
	.header_left {
		text-align: center;
	}
	.header_left img {
		margin: 40px 0 0 0px;
		max-width: 100%;
		height: auto;
	}
	.header_right {
		text-align: center;
	}
	.dashboard-menu {
		max-height: 0;
		padding: 0;
	}
	.dashboard-menu h4 {
		margin-top: 0 !important;
	}
	#menu {
		padding: 0;
	}
	#menu ul {
		max-height: 0;
		position: relative;
		top: 40px;
	}
	#menu ul li:first-child {
		display: none;
	}
	#menu ul li {
		float: none !important;
	}
	.menu-icon, .dashboard-menu-icon {
		display: block !important;
	}
	#slider {
		display: none;
	}
	#select_menu {
		display: block;
		width: 100%;
		padding: 8px;
		margin-bottom: 0;
	}
	.header_contacts {
		text-align: center;
		margin: 20px 0 30px;
		height: auto;
	}
	.header_phone {
		float: none;
		display: inline;
		margin: 4px 14px 5px 0;
	}
	.header_mail {
		float: none;
		display: inline;
		margin-top: 4px;
	}
	.header_search {
		float: left;
	}
	#s {
		right: auto;
	}
	#s:focus,
	#s:hover {
		width: 150px;
	}
	.button_search {
		right: 26px;
	}
	.columns.title,
	.column.title {
		margin: 20px 0 22px;
	}
	.margined_left {
		margin-left: 0;
	}
	#footer h3 {
		margin-top: 30px;
	}
	#footer .columns ul {
		margin-left: 0;
	}
	/* Page Specific */
	.related_posts_section {
		margin: 0;
	}
	textarea.aqua_input {
		width: 280px;
	}
	.page_heading h1 {
		font-size: 20px;
	}
	.section_big_title {
		margin: 10px 0 24px !important;
	}
	.section_featured_services .jcarousel-next-horizontal,
	.carousel_section .jcarousel-next-horizontal {
		right: 0px !important;
	}
	.section_featured_services .jcarousel-prev-horizontal,
	.carousel_section .jcarousel-prev-horizontal {
		right: 20px !important;
	}
	.section_featured_services .carousel_arrows_bgr,
	.carousel_section .carousel_arrows_bgr {
		width: 44px !important;
	}
	.htabs a {
		padding: 6px 7px 5px 7px;
		font-size: 12px;
		margin-right: 2px;
	}
	.portfolio_description {
		padding-left: 0;
	}
	.services_description {
		padding-left: 0;
		margin-top: 20px !important;
	}
	/* Sequence slider */
	#sequence {
		height: 128px;
	}
	.info {
		top: 25%;
	}
	.info.animate-in {
		top: 25%;
	}
	.info h2 {
		padding: 0px 5px;
		font-size: 13px;
		line-height: 22px;
		margin: 0 0 3px 0;
		letter-spacing: 0;
	}
	.info h3 {
		padding: 2px 4px;
		font-size: 10px;
		line-height: 15px;
		margin: 0 0 10px 0;
	}
	.info p {
		display: none;
	}
	.info a.link {
		font-size: 10px;
		line-height: 22px;
		margin: 0 0 10px;
	}
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nav-link {
		padding: 0 4px !important;
		font-size: 12px !important;
	}
	.tab {
		font-size: 16px !important;
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
	.paginate_button.page-item.previous span, .paginate_button.page-item.next span {
		display: none;
	}
	.paginate_button > .page-link {
		height: 100%;
	}
	.col-md-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.twelve .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.dataTables_length, .dataTables_paginate {
		width: 100% !important;
		max-width: 100% !important;
		text-align: center !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 100% !important;
		text-align: center !important;
	}
	.dataTables_wrapper .bottom {
		flex-wrap: wrap-reverse !important;
	}
	.pagination {
		justify-content: center !important;
	}
	.card-body, .card-block {
		padding: 4px !important;
	}
	.metrics-container {
		width: 60%;
		float: left;
	}
	.metrics .metric {
		padding: 5px 0 !important;
		width: 100% !important;
	}
	.metrics .metric .field {
		line-height: 10px !important;
		font-size: 12px !important;
	}
	.metrics .metric .data {
		font-size: 18px !important;
	}
	.metrics-container .metric:first-child {
		padding-top: 10px !important;
		border-bottom: 1px solid #40494f;
	}
	.metrics-container .metric:last-child {
		padding-bottom: 10px !important;
		border-top: 1px solid #40494f;
	}
	.metric.buttons form:first-child button {
		margin-top: 12px;
	}
	.metric.buttons form:last-child button {
		margin-top: 14px;
	}
	.metric.buttons form {
		display: block !important;
	}
	.table-title-m {
		display: block !important;
	}
	.table-title { 
		display: none;
	}
	.btn-card-action {
		height: 24px !important;
		padding: 2px 5px !important;
		font-size: 12px !important;
	}
	.sidebar .title {
		font-size: 16px !important;
	}
	.side_bar_menu {
		float:left !important;
		width: 33.3333333%;
	}
	.side_bar_menu > li {
		height: 22px;
	}
	.side_bar_menu > li > a {
		font-size: 13px !important;
	}
	.side_bar_menu_user {
		display: none;
	}
	.footer_inside,
	#wrapper.full_wrapper .footer_inside {
		margin: 0px auto 20px;
		width: 420px;
		padding: 0;
	}
	.footer_btm_inner,
	#wrapper.full_wrapper .footer_btm_inner {
		margin: 0px auto;
		width: 420px;
	}
	#powered {
		display: block;
	}
	/* Page Specific */
	.htabs a {
		padding: 6px 10px 5px 10px;
		font-size: 13px;
	}
	/* Sequence slider */
	#sequence {
		height: 179px;
	}
	.info {
		top: 14%;
	}
	.info.animate-in {
		top: 14%;
	}
	.info h2 {
		padding: 0px 5px;
		font-size: 19px;
		line-height: 28px;
		margin: 0 0 2px 0;
	}
	.info h3 {
		padding: 4px 6px;
		font-size: 14px;
		line-height: 15px;
		margin: 0 0 6px 0;
	}
	.info p {
		display: block;
		font-size: 10px;
		line-height: 15px;
		margin: 0 0 6px;
		width: 100%;
	}
	.info a.link {
		font-size: 10px;
		line-height: 18px;
		margin: 0 0 0px;
	}
}

.metrics {
	font-family: "Helvetica Neue", Arial;
	border-style: solid;
	border-width: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);*/
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	background-color: #374045;
	text-decoration: none;
	font-size: 16px;
	font-family: "Open Sans", arial;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.metrics .metric {
	float: left;
	width: 20%;
	padding: 15px 0;
	text-align: center;
	border-right: 1px solid #40494f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.metrics .metric .field {
	color: #f4f4f4;
	margin-bottom: 2px;
	line-height: 14px;
	display: block;
	font-size: 14px;
}

.metrics .metric .data {
	display: block;
	color: #fff;
	font-size: 22px;
	text-shadow: 1px 1px #000;
}

.title strong {
	font-weight: bold;
	text-transform: uppercase;
	color: #0AD1E5;
}

.slideToggle {
	width: 98%;
	margin: 2px;
}

#traffic_limits,
#timezone_targetting,
#countries_targetting,
#browser_targetting,
#subid_blocker {
	margin-top: 15px;
	margin-bottom: 15px;
}

.tab {
	cursor: pointer;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-top: 2px;
}

.active-white-bg {
	background: #ffffff !important;
}

.inactive {
	opacity: 0.3;
}

.inactive:hover {
	opacity: 1;
	background: #0ad1e5 !important;
}

#encrypted-code,
#anti-adblock-code {
	display: none;
}

#code textarea,
#encrypted-code textarea,
#anti-adblock-code textarea {
	width: 100% !important;
}

pre {
	display: block;
	font: normal 12px/22px Monaco, Monospace !important;
	color: #00A5B5;
	background-color: #f2f2f2;
	background-image: -webkit-repeating-linear-gradient(top, #ededed 0px, #ededed 22px, #f2f2f2 22px, #f2f2f2 44px);
	background-image: -moz-repeating-linear-gradient(top, #ededed 0px, #ededed 22px, #f2f2f2 22px, #f2f2f2 44px);
	background-image: -ms-repeating-linear-gradient(top, #ededed 0px, #ededed 22px, #f2f2f2 22px, #f2f2f2 44px);
	background-image: -o-repeating-linear-gradient(top, #ededed 0px, #ededed 22px, #f2f2f2 22px, #f2f2f2 44px);
	background-image: repeating-linear-gradient(top, #ededed 0px, #ededed 22px, #f2f2f2 22px, #f2f2f2 44px);
	padding: 0em 1em;
	border: 4px solid #f2f2f2;
	overflow: auto;
}

.loader {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.898) 25%, rgba(255, 255, 255, 0.898) 75%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
	color: #20a8d8;
	font-size: 3em;
	left: 50%;
	margin-left: -50%;
	position: absolute;
	text-align: center;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 999
}

.loader div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.loader-full {
	position: fixed
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #c2cfd6;
}

.card>hr {
	margin-right: 0;
	margin-left: 0;
}

.card-body,
.card-block {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: 0.75rem;
}

.card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: none;
}

.card-link+.card-link {
	margin-left: 1.25rem;
}

.card-header {
	font-size: 0.875rem;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: #f0f3f5;
	border-bottom: 1px solid #c2cfd6;
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0;
}

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: #f0f3f5;
	border-top: 1px solid #c2cfd6;
}

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img {
	width: 100%;
}

.card-img-top {
	width: 100%;
}

.card-img-bottom {
	width: 100%;
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.card-deck .card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}

.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.card-group .card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-group {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.card-group .card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0;
	}
	.card-group .card+.card {
		margin-left: 0;
		border-left: 0;
	}
}

.card-columns .card {
	margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

.card {
	margin-bottom: 1.5rem;
}

.card.bg-primary {
	border-color: #187da0;
}

.card.bg-primary .card-header {
	background-color: #1e9ecb;
	border-color: #187da0;
}

.card.bg-secondary {
	border-color: #7e99a7;
}

.card.bg-secondary .card-header {
	background-color: #9bb0bb;
	border-color: #7e99a7;
}

.card.bg-success {
	border-color: #379457;
}

.card.bg-success .card-header {
	background-color: #44b76c;
	border-color: #379457;
}

.card.bg-info {
	border-color: #2eadd3;
}

.card.bg-info .card-header {
	background-color: #56bddb;
	border-color: #2eadd3;
}

.card.bg-warning {
	border-color: #c69500;
}

.card.bg-warning .card-header {
	background-color: #f7b900;
	border-color: #c69500;
}

.card.bg-danger {
	border-color: #f5302e;
}

.card.bg-danger .card-header {
	background-color: #f75d5c;
	border-color: #f5302e;
}

.card.bg-light {
	border-color: #cad4dc;
}

.card.bg-light .card-header {
	background-color: #e7ecef;
	border-color: #cad4dc;
}

.card.bg-dark {
	border-color: #0f1417;
}

.card.bg-dark .card-header {
	background-color: #232e34;
	border-color: #0f1417;
}

.text-white .text-muted {
	color: rgba(255, 255, 255, 0.6) !important;
}

.card-header .icon-bg {
	display: inline-body;
	padding: 0.75rem 1.25rem !important;
	margin-top: -0.75rem;
	margin-right: 1.25rem;
	margin-bottom: -0.75rem;
	margin-left: -1.25rem;
	line-height: inherit;
	color: #555555;
	vertical-align: bottom;
	background: transparent;
	border-right: 1px solid #c2cfd6;
}

.card-header .nav.nav-tabs {
	margin-top: -0.75rem;
	margin-bottom: -0.75rem;
	border-bottom: 0;
}

.card-header .nav.nav-tabs .nav-item {
	border-top: 0;
}

.card-header .nav.nav-tabs .nav-link,
.card-header .nav.nav-tabs .navbar .dropdown-toggle,
.navbar .card-header .nav.nav-tabs .dropdown-toggle {
	padding: 0.75rem 0.625rem;
	color: #536c79;
	border-top: 0;
}

.card-header .nav.nav-tabs .nav-link.active,
.card-header .nav.nav-tabs .navbar .active.dropdown-toggle,
.navbar .card-header .nav.nav-tabs .active.dropdown-toggle {
	color: #555555;
	background: #fff;
}

.card-header.card-header-inverse {
	color: #fff;
}

.card-header .btn {
	margin-top: -0.375rem;
}

.card-header .btn-sm,
.card-header .btn-group-sm>.btn {
	margin-top: -0.25rem;
}

.card-header .btn-lg,
.card-header .btn-group-lg>.btn {
	margin-top: -0.5rem;
}

.card-footer ul {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	table-layout: fixed;
}

.card-footer ul li {
	display: table-cell;
	padding: 0 1.25rem;
	text-align: center;
}

[class*="card-outline-"] .card-body,
[class*="card-outline-"] .card-block {
	background: #fff !important;
}

[class*="card-outline-"].card-outline-top {
	border-top-width: 2px;
	border-right-color: #c2cfd6;
	border-bottom-color: #c2cfd6;
	border-left-color: #c2cfd6;
}

.card-accent-primary {
	border-top-width: 2px;
	border-top-color: #20a8d8;
}

.card-accent-secondary {
	border-top-width: 2px;
	border-top-color: #a4b7c1;
}

.card-accent-success {
	border-top-width: 2px;
	border-top-color: #4dbd74;
}

.card-accent-info {
	border-top-width: 2px;
	border-top-color: #63c2de;
}

.card-accent-warning {
	border-top-width: 2px;
	border-top-color: #ffc107;
}

.card-accent-danger {
	border-top-width: 2px;
	border-top-color: #f86c6b;
}

.card-accent-light {
	border-top-width: 2px;
	border-top-color: #f0f3f5;
}

.card-accent-dark {
	border-top-width: 2px;
	border-top-color: #29363d;
}

.card-header>i {
	margin-right: 0.5rem;
}

.card-header .card-actions {
	position: absolute;
	top: 0;
	right: 0;
}

.card-header .card-actions a:not(.nostyle),
.card-header .card-actions button:not(.nostyle) {
	display: block;
	float: left;
	width: 50px;
	padding: 0.75rem;
	margin: 0 !important;
	color: #555555;
	text-align: center;
	background: transparent;
	border: 0;
	border-left: 1px solid #c2cfd6;
	box-shadow: none;
}

.card-header .card-actions a:hover,
.card-header .card-actions button:hover {
	text-decoration: none;
	color: #555 !important;
}

.card-header .card-actions a [class^="icon-"],
.card-header .card-actions a [class*=" icon-"],
.card-header .card-actions button [class^="icon-"],
.card-header .card-actions button [class*=" icon-"] {
	display: inline-body;
	vertical-align: middle;
}

.card-header .card-actions a i,
.card-header .card-actions button i {
	display: inline-body;
	transition: .4s;
}

.card-header .card-actions a .r180,
.card-header .card-actions button .r180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.card-header .card-actions .input-group {
	width: 230px;
	margin: 6px;
}

.card-header .card-actions .input-group .input-group-addon {
	background: #fff;
}

.card-header .card-actions .input-group input:not(.nostyle) {
	border-left: 0;
}

.card-full {
	margin-top: -1rem;
	margin-right: -15px;
	margin-left: -15px;
	border: 0;
	border-bottom: 1px solid #c2cfd6;
}

.table {
	border-collapse: collapse !important;
}

.table td,
.table th {
	background-color: #fff !important;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #ddd !important;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}

.table th,
.table td {
	padding: 0.75rem;
	vertical-align: middle;
	border-top: 1px solid #c2cfd6;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #c2cfd6;
	font-weight: bold;
}

.table tbody+tbody {
	border-top: 2px solid #c2cfd6;
}

.table .table {
	background-color: #e4e5e6;
}

.table-sm th,
.table-sm td {
	padding: 0.3rem;
}

.table-xsm th,
.table-xsm td {
	font-size: 0.775rem;
	padding: 0 0.2rem;
}

.table-xsm .btn {
	font-size: 0.66563rem !important;
	padding: 0.15rem 0.2rem !important;
	line-height: 1 !important;
}

.table-bordered {
	border: 1px solid #c2cfd6;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #c2cfd6;
}

.table-bordered thead th,
.table-bordered thead td {
	border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.03);
}

.table-hover tbody tr:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.table-primary,
.table-primary>th,
.table-primary>td {
	background-color: #c1e7f4;
}

.table-hover .table-primary:hover {
	background-color: #abdff0;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
	background-color: #abdff0;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
	background-color: #e6ebee;
}

.table-hover .table-secondary:hover {
	background-color: #d7dfe4;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
	background-color: #d7dfe4;
}

.table-success,
.table-success>th,
.table-success>td {
	background-color: #cdedd8;
}

.table-hover .table-success:hover {
	background-color: #bae6c9;
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
	background-color: #bae6c9;
}

.table-info,
.table-info>th,
.table-info>td {
	background-color: #d3eef6;
}

.table-hover .table-info:hover {
	background-color: #bee6f2;
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
	background-color: #bee6f2;
}

.table-warning,
.table-warning>th,
.table-warning>td {
	background-color: #ffeeba;
}

.table-hover .table-warning:hover {
	background-color: #ffe8a1;
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
	background-color: #ffe8a1;
}

.table-danger,
.table-danger>th,
.table-danger>td {
	background-color: #fdd6d6;
}

.table-hover .table-danger:hover {
	background-color: #fcbebe;
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
	background-color: #fcbebe;
}

.table-light,
.table-light>th,
.table-light>td {
	background-color: #fbfcfc;
}

.table-hover .table-light:hover {
	background-color: #ecf1f1;
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
	background-color: #ecf1f1;
}

.table-dark,
.table-dark>th,
.table-dark>td {
	background-color: #c3c7c9;
}

.table-hover .table-dark:hover {
	background-color: #b6babd;
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
	background-color: #b6babd;
}

.table-active,
.table-active>th,
.table-active>td {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
	color: #e4e5e6;
	background-color: #555555;
	border-color: #252f35;
}

.table .thead-light th {
	color: #3e515b;
	background-color: #c2cfd6;
	border-color: #c2cfd6;
}

.table-dark {
	color: #e4e5e6;
	background-color: #555555;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
	border-color: #252f35;
}

.table-dark.table-bordered {
	border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.03);
}

.table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

@media (max-width: 575px) {
	.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive-sm.table-bordered {
		border: 0;
	}
}

@media (max-width: 767px) {
	.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive-md.table-bordered {
		border: 0;
	}
}

@media (max-width: 991px) {
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive-lg.table-bordered {
		border: 0;
	}
}

@media (max-width: 1199px) {
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive-xl.table-bordered {
		border: 0;
	}
}

.btn-card-action {
	width: auto !important;
}

.btn-card-action:active,
.btn-card-action:hover,
.btn-card-action:focus {
	box-shadow: none !important;
}

.show > .btn-primary.dropdown-toggle.btn-card-action {
	box-shadow: none !important; }

.btn-card-action-add::after {
	content: "";
	display: inline-block;
	font-family: FontAwesome;
	height: 0;
	margin-left: 0.255em; }

.btn {
	text-shadow: none !important;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus,
.btn:hover {
	text-decoration: none;
}

.btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

.btn.disabled,
.btn:disabled {
	opacity: .65;
}

.btn.disabled:hover {
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
	background-color: #374045;
	cursor: default;
}

.btn:not([disabled]):not(.disabled):active,
.btn:not([disabled]):not(.disabled).active {
	background-image: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 6rem;
    padding: 0 0;
    margin: 0.125rem 0 0;
    margin-top: 0.125rem;
    font-size: 0.75rem;
    color: #151b1e;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
	border: 1px solid #c2cfd6;
	box-shadow: 0 0 10px #c2cfd6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #c2cfd6;
}

.table th, .table td:not(.dataTables_empty) {
    padding: 0.3rem;
    vertical-align: middle;
    border-top: 1px solid #c2cfd6 !important;
}

*, ::before, ::after {
    box-sizing: border-box;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.15rem 0.25rem;
    font-size: 0.76563rem;
    line-height: 1.5;
}

.btn-success {
    color: #fff;
    background-color: #4dbd74;
    border-color: #4dbd74;
}

.notification {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
    transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    display: none;
}

.bg-primary {
	background-color: #20a8d8 !important; }

a.bg-primary:focus, a.bg-primary:hover {
	background-color: #1985ac !important; }

.bg-secondary {
	background-color: #a4b7c1 !important; }

a.bg-secondary:focus, a.bg-secondary:hover {
	background-color: #869fac !important; }

.bg-success {
	background-color: #4dbd74 !important; }

a.bg-success:focus, a.bg-success:hover {
	background-color: #3a9d5d !important; }

.bg-info {
	background-color: #63c2de !important; }

a.bg-info:focus, a.bg-info:hover {
	background-color: #39b2d5 !important; }

.bg-warning {
	background-color: #ffc107 !important; }

a.bg-warning:focus, a.bg-warning:hover {
	background-color: #d39e00 !important; }

.bg-danger {
	background-color: #f86c6b !important; }

a.bg-danger:focus, a.bg-danger:hover {
	background-color: #f63c3a !important; }

.bg-light {
	background-color: #f0f3f5 !important; }

a.bg-light:focus, a.bg-light:hover {
	background-color: #d1dbe1 !important; }

.bg-dark {
	background-color: #29363d !important; }

a.bg-dark:focus, a.bg-dark:hover {
	background-color: #151b1f !important; }

.bg-white {
	background-color: #fff !important; }

.bg-transparent {
	background-color: transparent !important; }

.modal-primary .modal-content {
border-color: #20a8d8; }

.modal-primary .modal-header {
color: #fff;
background-color: #20a8d8; }

.modal-secondary .modal-content {
border-color: #a4b7c1; }

.modal-secondary .modal-header {
color: #fff;
background-color: #a4b7c1; }

.modal-success .modal-content {
border-color: #4dbd74; }

.modal-success .modal-header {
color: #fff;
background-color: #4dbd74; }

.modal-info .modal-content {
border-color: #63c2de; }

.modal-info .modal-header {
color: #fff;
background-color: #63c2de; }

.modal-warning .modal-content {
border-color: #ffc107; }

.modal-warning .modal-header {
color: #fff;
background-color: #ffc107; }

.modal-danger .modal-content {
border-color: #f86c6b; }

.modal-danger .modal-header {
color: #fff;
background-color: #f86c6b; }

.modal-light .modal-content {
border-color: #f0f3f5; }

.modal-light .modal-header {
color: #fff;
background-color: #f0f3f5; }

.modal-dark .modal-content {
border-color: #29363d; }

.modal-dark .modal-header {
color: #fff;
background-color: #29363d; }

.modal-open {
	overflow: inherit; }
  
  .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0; }
	.modal.fade .modal-dialog {
	  transition: -webkit-transform 0.3s ease-out;
	  transition: transform 0.3s ease-out;
	  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	  -webkit-transform: translate(0, -25%);
			  transform: translate(0, -25%); }
	.modal.show .modal-dialog {
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0); }
  
  .modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto; }
  
  .modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
	pointer-events: none; }
  
  .modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
		flex-direction: column;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	outline: 0; }
  
  .modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000; }
	.modal-backdrop.fade {
	  opacity: 0; }
	.modal-backdrop.show {
	  opacity: 0.5; }
  
  .modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
		align-items: flex-start;
	-ms-flex-pack: justify;
		justify-content: space-between;
	padding: 15px;
	border-bottom: 1px solid #c2cfd6; }
	.modal-header .close {
	  padding: 15px;
	  margin: -15px -15px -15px auto; }
  
  .modal-title {
	margin-bottom: 0;
	line-height: 1.5; }
  
  .modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	padding: 15px; }
  
  .modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: end;
		justify-content: flex-end;
	padding: 15px;
	border-top: 1px solid #c2cfd6; }
	.modal-footer > :not(:first-child) {
	  margin-left: .25rem; }
	.modal-footer > :not(:last-child) {
	  margin-right: .25rem; }
  
  .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll; }
  
  @media (min-width: 576px) {
	.modal-dialog {
	  max-width: 500px;
	  margin: 30px auto; }
	.modal-sm {
	  max-width: 300px; } }
  
  @media (min-width: 992px) {
	.modal-lg {
	  max-width: 800px; } }

	  .close {
		float: right;
		font-size: 1.3125rem;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		opacity: .5; }
		.close:focus, .close:hover {
		  color: #000;
		  text-decoration: none;
		  opacity: .75; }
	  
	  button.close {
		padding: 0;
		background: transparent;
		border: 0;
		-webkit-appearance: none; }

.hidden { display: none !important; }

.credits tfoot select, .debits tfoot select { margin:0; width:40px; }

.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-md-12 {
	width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.twelve .row {
	margin-right: -15px;
	margin-left: -15px;
}
.page-link, .pagination-datatables li a, .pagination li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
        padding-left: 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #20a8d8;
    background-color: #fff;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
}

div.dataTables_paginate li.previous a::before {
    content: "\f104";
}
div.dataTables_paginate li.first a::before, div.dataTables_paginate li.previous a::before {
    position: absolute;
    top: 6px !important;
    left: 10px;
    display: block;
    font-family: FontAwesome;
}
div.dataTables_paginate li.previous a::before {
    content: "\f104";
}
.page-item.disabled .page-link, .pagination-datatables li.disabled .page-link, .pagination li.disabled .page-link, .page-item.disabled .pagination-datatables li a, .pagination-datatables li .page-item.disabled a, .pagination-datatables li.disabled a, .page-item.disabled .pagination li a, .pagination li .page-item.disabled a, .pagination li.disabled a {
    color: #536c79;
    pointer-events: none;
    background-color: #fff;
    border-color: #ddd;
}
.page-item:first-child .page-link, .pagination-datatables li:first-child .page-link, .pagination li:first-child .page-link, .page-item:first-child .pagination-datatables li a, .pagination-datatables li .page-item:first-child a, .pagination-datatables li:first-child a, .page-item:first-child .pagination li a, .pagination li .page-item:first-child a, .pagination li:first-child a {
    margin-left: 0;
}
div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a {
    position: relative;
    padding-left: 24px;
}
div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a {
    position: relative;
    padding-left: 24px;
}
.page-item.active .page-link, .pagination-datatables li.active .page-link, .pagination li.active .page-link, .page-item.active .pagination-datatables li a, .pagination-datatables li .page-item.active a, .pagination-datatables li.active a, .page-item.active .pagination li a, .pagination li .page-item.active a, .pagination li.active a {
    z-index: 2;
    color: #fff;
    background-color: #20a8d8;
    border-color: #20a8d8;
}
div.dataTables_paginate li.next a::after {
    content: "\f105";
}
div.dataTables_paginate li.next a::after, div.dataTables_paginate li.last a::after {
    position: absolute;
    top: 6px !important;
    right: 10px;
    display: block;
    font-family: FontAwesome;
}
div.dataTables_paginate li.next a::after {
    content: "\f105";
}
.dataTables_length select {
	/*height: calc(1.64844rem + 2px);*/
}
.btn-primary {
	color: #fff;
	background-color: #20a8d8;
	border-color: #20a8d8; }
	.btn-primary:hover {
	  color: #fff;
	  background-color: #1b8eb7;
	  border-color: #1985ac; }
	.btn-primary:focus, .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); }
	.btn-primary.disabled, .btn-primary:disabled {
	  background-color: #20a8d8;
	  border-color: #20a8d8; }
	.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #fff;
	  background-color: #1985ac;
	  border-color: #187da0;
	  box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.5); }
  
  .btn-secondary {
	color: #111;
	background-color: #a4b7c1;
	border-color: #a4b7c1; }
	.btn-secondary:hover {
	  color: #111;
	  background-color: #8da5b2;
	  border-color: #869fac; }
	.btn-secondary:focus, .btn-secondary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }
	.btn-secondary.disabled, .btn-secondary:disabled {
	  background-color: #a4b7c1;
	  border-color: #a4b7c1; }
	.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
	.show > .btn-secondary.dropdown-toggle {
	  color: #111;
	  background-color: #869fac;
	  border-color: #7e99a7;
	  box-shadow: 0 0 0 0.2rem rgba(164, 183, 193, 0.5); }
  
  .btn-success {
	color: #fff;
	background-color: #4dbd74;
	border-color: #4dbd74; }
	.btn-success:hover {
	  color: #fff;
	  background-color: #3ea662;
	  border-color: #3a9d5d; }
	.btn-success:focus, .btn-success.focus {
	  box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); }
	.btn-success.disabled, .btn-success:disabled {
	  background-color: #4dbd74;
	  border-color: #4dbd74; }
	.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
	.show > .btn-success.dropdown-toggle {
	  color: #fff;
	  background-color: #3a9d5d;
	  border-color: #379457;
	  box-shadow: 0 0 0 0.2rem rgba(77, 189, 116, 0.5); }
  
  .btn-info {
	color: #111;
	background-color: #63c2de;
	border-color: #63c2de; }
	.btn-info:hover {
	  color: #111;
	  background-color: #43b6d7;
	  border-color: #39b2d5; }
	.btn-info:focus, .btn-info.focus {
	  box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); }
	.btn-info.disabled, .btn-info:disabled {
	  background-color: #63c2de;
	  border-color: #63c2de; }
	.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
	.show > .btn-info.dropdown-toggle {
	  color: #fff;
	  background-color: #39b2d5;
	  border-color: #2eadd3;
	  box-shadow: 0 0 0 0.2rem rgba(99, 194, 222, 0.5); }
  
  .btn-warning {
	color: #111;
	background-color: #ffc107;
	border-color: #ffc107; }
	.btn-warning:hover {
	  color: #111;
	  background-color: #e0a800;
	  border-color: #d39e00; }
	.btn-warning:focus, .btn-warning.focus {
	  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
	.btn-warning.disabled, .btn-warning:disabled {
	  background-color: #ffc107;
	  border-color: #ffc107; }
	.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
	.show > .btn-warning.dropdown-toggle {
	  color: #111;
	  background-color: #d39e00;
	  border-color: #c69500;
	  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  
  .btn-danger {
	color: #fff;
	background-color: #f86c6b;
	border-color: #f86c6b; }
	.btn-danger:hover {
	  color: #fff;
	  background-color: #f64846;
	  border-color: #f63c3a; }
	.btn-danger:focus, .btn-danger.focus {
	  box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); }
	.btn-danger.disabled, .btn-danger:disabled {
	  background-color: #f86c6b;
	  border-color: #f86c6b; }
	.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
	.show > .btn-danger.dropdown-toggle {
	  color: #fff;
	  background-color: #f63c3a;
	  border-color: #f5302e;
	  box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); }
  
  .btn-light {
	color: #111;
	background-color: #f0f3f5;
	border-color: #f0f3f5; }
	.btn-light:hover {
	  color: #111;
	  background-color: #d9e1e6;
	  border-color: #d1dbe1; }
	.btn-light:focus, .btn-light.focus {
	  box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }
	.btn-light.disabled, .btn-light:disabled {
	  background-color: #f0f3f5;
	  border-color: #f0f3f5; }
	.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
	.show > .btn-light.dropdown-toggle {
	  color: #111;
	  background-color: #d1dbe1;
	  border-color: #cad4dc;
	  box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }
  
  .btn-dark {
	color: #fff;
	background-color: #29363d;
	border-color: #29363d; }
	.btn-dark:hover {
	  color: #fff;
	  background-color: #1a2226;
	  border-color: #151b1f; }
	.btn-dark:focus, .btn-dark.focus {
	  box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }
	.btn-dark.disabled, .btn-dark:disabled {
	  background-color: #29363d;
	  border-color: #29363d; }
	.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
	.show > .btn-dark.dropdown-toggle {
	  color: #fff;
	  background-color: #151b1f;
	  border-color: #0f1417;
	  box-shadow: 0 0 0 0.2rem rgba(41, 54, 61, 0.5); }

.card-actions .btn-group {
	display: table-cell; }

.btn-group, .btn-group-vertical {
	position: relative;
	vertical-align: middle;
}
.dropdown-menu.show {
	display: block; }

.dropdown-card-item {
display: block !important;
	width: 100% !important;
	position: relative !important;
	padding: 2px 5px !important;
	border: 0 !important;
	border-bottom: 1px solid #c2cfd6 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;  }

.dropdown-card-item span {
	font-weight: bold;
}
.dropdown-card-item:focus, .dropdown-card-item:hover {
color: #0b0e0f !important;
text-decoration: none !important;
background-color: #f0f3f5 !important; }

.dropdown-card-item:active {
	/*color: #fff !important;
	text-decoration: none !important;
	background-color: #20a8d8 !important;*/ }

.open > a, .show > a {
	outline: 0;	}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #151b1e;
	text-align: inherit;
	white-space: nowrap;
	background: none;
	border: 0; }
.dropdown-item.active {
	color: white !important; }
.dropdown-scroll {
	height: auto;
	max-height: 200px;
	overflow-y: auto;
	z-index: 99999; }
.dt-center {
	text-align: center; }
.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline; }
.badge-success {
	color: #fff;
	background-color: #4dbd74; }
.badge-warning {
	color: #111;
	background-color: #ffc107; }
.badge-gray {
	color: #111;
	background-color: #b7b7b7; }
.tooltip{
	position:absolute;
	z-index:1070;
	display:block;
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-style:normal;
	font-weight:400;
	line-height:1.5;
	text-align:left;
	text-align:start;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-break:normal;
	word-spacing:normal;
	white-space:normal;
	line-break:auto;
	font-size:.875rem;
	word-wrap:break-word;
	opacity:0
}
.tooltip.show{
	opacity:.9
}
.tooltip .arrow{
	position:absolute;
	display:block;
	width:.8rem;
	height:.4rem
}
.tooltip .arrow::before{
	position:absolute;
	content:"";
	border-color:transparent;
	border-style:solid
}
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{
	padding:.4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{
	bottom:0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{
	top:0;
	border-width:.4rem .4rem 0;
	border-top-color:#000
}
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{
	padding:0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{
	left:0;
	width:.4rem;
	height:.8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{
	right:0;
	border-width:.4rem .4rem .4rem 0;
	border-right-color:#000
}
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{
	padding:.4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{
	top:0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{
	bottom:0;
	border-width:0 .4rem .4rem;
	border-bottom-color:#000
}
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{
	padding:0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{
	right:0;
	width:.4rem;
	height:.8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{
	left:0;
	border-width:.4rem 0 .4rem .4rem;
	border-left-color:#000
}
.tooltip-inner{
	max-width:200px;
	padding:.25rem .5rem;
	color:#fff;
	text-align:center;
	background-color:#000;
	border-radius:.25rem
}
.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none; }
  
  .nav-link, .navbar .dropdown-toggle {
	display: block;
	padding: 0.5rem 1rem; }
	.nav-link:focus, .navbar .dropdown-toggle:focus, .nav-link:hover, .navbar .dropdown-toggle:hover {
	  text-decoration: none; }
	.nav-link.disabled, .navbar .disabled.dropdown-toggle {
	  color: #536c79; }
  
  .nav-tabs {
	border-bottom: 1px solid #ddd; }
	.nav-tabs .nav-item {
	  margin-bottom: -1px; }
	.nav-tabs .nav-link, .nav-tabs .navbar .dropdown-toggle, .navbar .nav-tabs .dropdown-toggle {
	  border: 1px solid transparent; }
	  .nav-tabs .nav-link:focus, .nav-tabs .navbar .dropdown-toggle:focus, .navbar .nav-tabs .dropdown-toggle:focus, .nav-tabs .nav-link:hover, .nav-tabs .navbar .dropdown-toggle:hover, .navbar .nav-tabs .dropdown-toggle:hover {
		border-color: #c2cfd6 #c2cfd6 #ddd; }
	  .nav-tabs .nav-link.disabled, .nav-tabs .navbar .disabled.dropdown-toggle, .navbar .nav-tabs .disabled.dropdown-toggle {
		color: #536c79;
		background-color: transparent;
		border-color: transparent; }
	.nav-tabs .nav-link.active, .nav-tabs .navbar .active.dropdown-toggle, .navbar .nav-tabs .active.dropdown-toggle,
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-item.show .navbar .dropdown-toggle, .navbar
	.nav-tabs .nav-item.show .dropdown-toggle {
	  color: #3e515b;
	  background-color: #e4e5e6;
	  border-color: #ddd #ddd #e4e5e6; }
	.nav-tabs .dropdown-menu {
	  margin-top: -1px; }
  
  .nav-pills .nav-link.active, .nav-pills .navbar .active.dropdown-toggle, .navbar .nav-pills .active.dropdown-toggle,
  .nav-pills .show > .nav-link,
  .nav-pills .navbar .show > .dropdown-toggle, .navbar
  .nav-pills .show > .dropdown-toggle {
	color: #fff;
	background-color: #20a8d8; }
  
  .nav-fill .nav-item {
	-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	text-align: center; }
  
  .nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
		flex-basis: 0;
	-ms-flex-positive: 1;
		flex-grow: 1;
	text-align: center; }
  
  .tab-content > .tab-pane {
	display: none; }
  
  .tab-content > .active {
	display: block; }
  
  .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-ms-flex-align: center;
		align-items: center;
	-ms-flex-pack: justify;
		justify-content: space-between;
	padding: 0.5rem 1rem; }
	.navbar > .container,
	.navbar > .container-fluid {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  -ms-flex-align: center;
		  align-items: center;
	  -ms-flex-pack: justify;
		  justify-content: space-between; }
  
  .navbar-brand {
	display: inline-block;
	padding-top: 0.33594rem;
	padding-bottom: 0.33594rem;
	margin-right: 1rem;
	font-size: 1.09375rem;
	line-height: inherit;
	white-space: nowrap; }
	.navbar-brand:focus, .navbar-brand:hover {
	  text-decoration: none; }
  
  .navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
		flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none; }
	.navbar-nav .nav-link, .navbar-nav .navbar .dropdown-toggle, .navbar .navbar-nav .dropdown-toggle {
	  padding-right: 0;
	  padding-left: 0; }
	.navbar-nav .dropdown-menu {
	  position: static;
	  float: none; }
  
  .navbar-text {
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem; }
  
  .navbar-collapse {
	-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	-ms-flex-positive: 1;
		flex-grow: 1;
	-ms-flex-align: center;
		align-items: center; }
  
  .navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.09375rem;
	line-height: 1;
	background: transparent;
	border: 1px solid transparent; }
	.navbar-toggler:focus, .navbar-toggler:hover {
	  text-decoration: none; }
  
  .navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%; }

.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #3e515b;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #c2cfd6;
	border-radius: 0;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:disabled, .form-control[readonly] {
	background-color: #c2cfd6;
	opacity: 1; }

label {
	cursor: pointer;
	display: inline-block;
	margin-bottom: .5rem; }

.tab-content .tab-pane {
	padding: 1rem; }
.tab-content > .active {
	display: block; }
.tab-content {
	margin-top: -1px;
	background: #fff;
	border: 1px solid #c2cfd6; }

.row2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0;
	margin-left: 0; }

.form-group {
	margin-bottom: 1rem; }
	
.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%; }

.form-control + .input-group-addon:not(:first-child) {
	border-left: 0; }

.input-group-addon, .input-group-btn {
	white-space: nowrap;
	vertical-align: middle; }

.input-group-addon {
	padding: 0.375rem 0.75rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #3e515b;
	text-align: center;
	background-color: #f0f3f5;
	border: 1px solid #c2cfd6;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: rgb(194, 207, 214); }

.input-group-addon, .input-group-btn {
	white-space: nowrap; }

.input-group-addon, .input-group-btn, .input-group .form-control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center; }

.browsers, .oss, .categories, .isplists, .traffic_sources, .countries {
	max-height: 200px;
	overflow: auto; }

.save {
	margin-top: 1rem;
	margin-bottom: 0; }

.checkbox label, input[type='checkbox'] {
	cursor: pointer; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #bfbfbf;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #bfbfbf;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #bfbfbf;
}

select option:disabled {
	color: #bfbfbf;
}

.campaign-name {
	max-width: 320px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.dataTable tfoot input, .dataTable tfoot select {
    margin-bottom: 0 !important;
}

.tokens-help {
	color: #0AD1E5 !important;
	margin-left: 5px;
	font-weight: bold;
}

#generateInvoiceModal .modal-body {
	padding-bottom: 0 !important;
}

#generateInvoiceModal .modal-body form {
	margin-bottom: 0 !important;
}

.action-icon {
	font-size:14px !important;
	cursor: pointer;
}

.mb-0 {
	margin-bottom: 0 !important;
}

#websitesFilter {
	max-width: 400px;
	width: 400px;
}


#add-campaign-form {
	position: relative;
}





#menu ul li:last-child {
	background: none;
}

.menu-links,
.dashboard-menu {
	overflow: hidden;
	transition: max-height .2s ease-out;
}

.menu-btn,
.dashboard-btn {
	display: none !important;
}

.dashboard-btn:checked ~ .dashboard-menu {
	max-height:540px !important;
	margin-bottom: 15px;
}

.menu-btn:checked ~ .menu-links {
	max-height: 360px !important;
}

.menu-checked,
.dashboard-menu-checked {
	background: transparent !important;
}

.menu-checked:before,
.dashboard-menu-checked:before {
	transform: rotate(-45deg);
}

.menu-checked:after,
.dashboard-menu-checked:after {
	transform: rotate(45deg);
}

.menu-checked:before,
.menu-checked:after,
.dashboard-menu-checked:before,
.dashboard-menu-checked:after {
	top: 0 !important;
}

.dashboard-menu-icon {
	padding: 19px 14px 19px 12px;
	/*background: url('../img/main_nav_bgr_sep_dark.png') right top no-repeat;*/
	background-color: #f8f8f8 !important;
	background: url('../img/grad_menu.png');
	background-repeat: repeat-x;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}

.menu-icon {
	padding: 19px 12px 19px 14px;
	background: url('../img/main_nav_bgr_sep_dark.png') left top no-repeat;
	float: right;
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}
  .menu-icon,
  .dashboard-menu-icon {
	cursor: pointer;
	display: none;
	position: relative;
	user-select: none;
	margin-bottom: 0;
	z-index: 1016;
  }
  
  .menu-icon:hover .navicon,
  .menu-icon:hover .navicon:before,
  .menu-icon:hover .navicon:after,
  .dashboard-menu-icon:hover .navicon,
  .dashboard-menu-icon:hover .navicon:before,
  .dashboard-menu-icon:hover .navicon:after {
	background: #0ad1e5;
  }

  .menu-icon .navicon,
  .dashboard-menu-icon .navicon {
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
  }
  .menu-icon .navicon {
	background: #fff;
  }
  .dashboard-menu-icon .navicon {
	background: #444;
  }
  .menu-icon .navicon:before,
  .menu-icon .navicon:after,
  .dashboard-menu-icon .navicon:before,
  .dashboard-menu-icon .navicon:after {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
  }
  .menu-icon .navicon:before,
  .menu-icon .navicon:after {
	background: #fff;
  }
  .dashboard-menu-icon .navicon:before,
  .dashboard-menu-icon .navicon:after {
	background: #444;
  }
  
  .menu-icon .navicon:before,
  .dashboard-menu-icon .navicon:before {
	top: 5px;
  }
  
  .menu-icon .navicon:after,
  .dashboard-menu-icon .navicon:after {
	top: -5px;
  }

  #menu > ul > li > a span {
	padding:0;
  }

  .metric.buttons {
	border-right: 0px !important;
	padding-top: 17px !important;
	width: 40% !important;
  }

  .metric.buttons button {
	width: 110px;
	font-weight: bold;
	font-size: 16px;
  }

  .card-actions {
	background: #f0f3f5;
  }

.metric.buttons form {
	margin: 0 !important;
	display: inline;
}

#credits, #debits, #statistics, #websites, #campaigns  {
	min-height: 30px;
}

div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
}

table.dataTable td, table.dataTable th {
	white-space: nowrap;
}

.table-title-m {
	display: none;
}

.table-title-m i {
	margin-right: 0.2rem !important;
}

.min_cashout {
	display: none;
}