/* PART (1) COMMON STYLESHEETS */

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

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	font-family: 'ralewayregular';
	line-height: 150%;
}

body {
	background: #fff;
	line-height: 150%;
	overflow-x: hidden;
}


/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
	border-left: 5px solid #fe0051;
	font-weight: 600;
	font-style: italic;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address {
	font-style: normal;
	margin-top: 20px;
}
div,a,input,img,textarea,button,button:focus {
	outline:none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/*
----------
paragraphs
----------
*/
p {
	font-size: 18px;
	line-height:150%;
	word-break:break-all;
	white-space:normal;
	margin-bottom: 25px;
	font-weight: 600;
}
[class^="icon-"], [class*=" icon-"] {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

 /* CLEAR */

.clearfix,
.spacer,
.clear {
	clear: both;
	height: 0pt;
	line-height: 0
}


/* LINE HEIGHTS */

.line-height-normal {
	line-height: 1.4em
}

 


/******************************
MOZ SELECTIONS
******************************/

hr {
	display: block;
	margin: 1em 0 1.3em;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc
}
/* ***************** */
/* HEADERS STYLES */
/* ***************** */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: #001871;
	line-height: 120%;
	margin-bottom: 25px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 29px;
}

h3 {
	font-size:25px;
}

h4 {
	font-size: .875em;
}

h5 {
	font-size:20px;
}

h6 {
	font-size: .688em
}
@media only screen and (max-width:767px) {
	h1 {
	font-size: 22px;
	}

	h2 {
		font-size: 19px;
	}

	h3 {
		font-size:15px;
	}

	 
	h5 {
		font-size:12px;
	}
	a {
		word-break: break-word;  /* allows breaking long words */
		overflow-wrap: break-word;
		white-space: normal;     /* ensures wrapping is allowed */
	}

	.f-xxlarge {
		font-size:30px!important;
	}

	 
}
/*
-----
links
-----
*/

a,
a:link {
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: #fe0051;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #0099CC;
}

a:visited {}

input,
button,
textarea,
select {
	margin: 0
}

table,
tr,
td {
	vertical-align: top
}

.iemessage {
	display: none;
}

/* lists */
ul, ol {
	margin:20px 0;
	padding-left:40px;
}
ol  {
	list-style:decimal;
}
ul  {
	list-style:disc;

}

ul li,
ol li {
	margin: 0px 0 25px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
}
ul ul li,
ol ol li {
	padding-left:20px;
}
/* definition lists */
dl {
    border: 3px double #ccc;
    padding: 0.5em;
}
dt {
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	color: red;
}
dt::after {
	content: ":";
}
dd {
	margin: 0 0 0 110px;
	padding: 0 0 0.5em 0;
}

@media only screen and (max-width: 767px) {
	p, 
	ul li, 
	ol li, 
	ul ul li, 
	ol ol li {
		font-size:16px;
		line-height: 150%;
		white-space: normal;
		word-wrap: break-word;
	}
}



/* tables , forms */
table,tr,td,tdoby,th {
	border-collapse:collapse;
}
form,legend,input,select,textarea {
}
/* INPUT RESETS */

input[type="button"],
input[type="submit"],
input[type="image"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
	-webkit-appearance: none;
}

/*
----------------
responsive video
----------------
*/
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,
.Flexible-container video, /* for html5 video embeds */
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
---------------
floats & blocks
---------------
*/

.float-left {
	float:left;
}
.float-left {
	float:right;
}
.inline {
	display:inline;
}
.inline-block {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:100%;
	*display:inline;
}
.block {
	display:block;
}
/*
----------------------
alignments and flexbox
----------------------
*/
 .align-left {
     text-align: left;
}
 .align-right {
     text-align: right;
}
 .align-center {
     text-align: center;
}
 .marginauto {
     margin: 0 auto!important;
}
 .valign-top {
     vertical-align: top!important;
}
 .valign-middle, .valign-middle-children > * {
     vertical-align: middle!important;
}
 .valign-bottom {
     vertical-align: bottom!important;
}
 .fullwidth {
     width: 100%!important;
}
 .fullheight {
     height: 100%!important;
}

  
/* Row with equal height columns -------------------------------------------------- */

.vertical-align-all {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
    }

 @media (min-width: 768px) {
     .vertical-align-no-xs {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
    }
}
 @media (max-width: 991px) {
     .vertical-align-no-md {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
    }
}
 @media (min-width: 992px) {
     .vertical-align-no-sm {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -webkit-flex-direction: row;
         -ms-flex-direction: row;
         flex-direction: row;
    }
     .row-eq-height-no-sm {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
    }
}
 @media (min-width: 1200px) {
     .row-eq-height, .row-eq-height-no-md {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
    }
}
@media(min-width:768px){ 
	
	.vertical-align-no-xs{ 
		margin: 0 auto; /* IE9 */
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-webkit-align-items: center;
				-ms-flex-align: center;
					align-items: center;
		-webkit-box-pack: center;
			-webkit-justify-content: center;
				-ms-flex-pack: center;
					justify-content: center;
		-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
				-webkit-flex-direction: row;
					-ms-flex-direction: row;
						flex-direction: row;
	}
} 
@media(min-width:992px){
	.vertical-align-no-sm{ /* NO IE9 */
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-webkit-align-items: center;
				-ms-flex-align: center;
					align-items: center;
		-webkit-box-pack: center;
			-webkit-justify-content: center;
				-ms-flex-pack: center;
					justify-content: center;
		-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
				-webkit-flex-direction: row;
					-ms-flex-direction: row;
						flex-direction: row;
	}
}
.only-vertical-align{ /* NO IE9 */
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
}

	
/* OVERLAYS */

#overlay {
	overflow-x: hidden;
	overflow-y: hidden;
	position: fixed;
	display: none;
	z-index: 999999999;
	height: 100%;
	width: 100%;
	background: #000 url(../images/texture.jpg) repeat;
	opacity: 0.8;
	background-attachment: fixed;
}


/* CURSORS */

.default {
	cursor: default;
}

.pointer {
	cursor: pointer;
}


/* POSITIONS */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}


/* BOX SIZING */

.borderbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mwidth100 {
	width: 100px;
}

.mwidth200 {
	width: 200px;
}

.mwidth300 {
	width: 300px;
}

.mwidth400 {
	width: 400px;
}

.mwidth500 {
	width: 500px;
}

.mwidth600 {
	width: 600px;
}


/* FLOATS & HORIZONTAL ALIGNMENTS */

.float-none {
	float: none!important;
}

.float-left {
	float: left!important;
}

.float-right {
	float: right!important;
}

.float-nonetoleft {
	float: none!important;
}

.float-nonetoright {
	float: none!important;
}

.float-left {
	float: left!important;
}

.float-right {
	float: right!important;
}

.align-left {
	text-align: left!important;
}

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

.align-centertoleft {
	text-align: center!important;
}

.align-centertoright {
	text-align: center!important;
}

.align-right {
	text-align: right!important;
}

.hidden {
	display: none;
}

.align-lefttocenter {
	text-align: left!important;
}

.align-righttocenter {
	text-align: right!important;
}


/* FONTS */

.f-family1 {
	font-family: 'ralewayregular';
}

.f-family2 {
	font-family: 'open_sansregular';
}

.f-family3 {
	font-family: 'Lato', sans-serif;
}

.f-family4 {
	font-family: 'Raleway', sans-serif;
}

.f-bold1 {
	font-family: 'open_sanssemibold';
}

.f-semibold1 {
	font-family: 'open_sanssemibold';
}

.f-light1 {
	font-family: 'open_sanslight';
}

.f-bold {
	font-family: 'ralewaybold';
}

.f-xbold {
	font-family: 'ralewayextrabold';
}

.f-italic {
	font-family: 'ralewayitalic';
}

.f-semibold {
	font-family: 'ralewaysemibold';
}


/* SIZES */

.f-small {
	font-size: 12px !important;
}

.f-medium {
	font-size: 14px !important;
}

.f-mediumtolarge {
	font-size: 16px !important;
}

.f-large {
	font-size: 18px !important;
}

.f-xlarge {
	font-size: 24px !important;
}

.f-xxlarge {
	font-size: 40px !important;
}

.f-xxxlarge {
	font-size: 40px !important;
}

.f-xxxxlarge {
	font-size: 70px !important;
}

.f-large {
	font-size: 18px !important;
}

.f-mediumtoxxxlarge,
.f-mobiletoxlarge,
.f-mobiletoxxlarge,
.f-mobiletoxxxlarge,
.f-mobiletoxxxxlarge {
	font-size: 25px !important;
}

.f-mediumtoxxxxlarge {
	font-size: 25px !important;
}


/* FONT WEIGHTS */

.f-bold {
	font-weight: bold;
}

.f-normal {
	font-weight: normal;
}

.f-italic {
	font-style: italic;
}

.f-upper {
	text-transform: uppercase;
}

.f-lower {
	text-transform: lowercase;
}

.f-capi {
	text-transform: capitalize;
}


 

/* CSS3 TRANSITIONS */

.trans1 {
	-webkit-transition: background 0.5s ease, color 0.3s linear;
	-moz-transition: background 0.5s ease, color 0.3s linear;
	-o-transition: background 0.5s ease, color 0.3s linear;
	transition: background 0.5s ease, color 0.3s linear;
}


/* COLOURS PALETTE & BACKGROUNDS */


/* STANDARD COLOURS */

.f-color0 {
	color: #fff!important;
}

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


/* WHITE */

.f-color1 {
	color: #000;
}

.bg-color1 {
	background: #000;
}


/* BLACK */

.f-color1a {
	color: #777;
}

.bg-color1a {
	background: #777;
}


/* GRAY */

.f-color2 {
	color: #bbb;
}

.bg-color2 {
	background: #bbb;
}


/* LIGHT GRAY */

.f-color3 {
	color: #ccc;
}

.bg-color3 {
	background: #ccc;
}


/* WHITE GRAY */

.f-light1 {
	color: #eee;
}

.bg-light {
	background: #eee;
}


/* WHITE GRAY */

.bg-gradient {
	background: url(../images/bg-gradient1.png) repeat-x top;
}


/* SITE SPECIFICS */

.f-color4 {
	color: #f5f9fa;
}

.bg-color4 {
	background: #f5f9fa;
}


/* LIGHT BLUE */

.f-color5 {
	color: #faf1f1;
}

.bg-color5 {
	background: #faf1f1;
}


/* LIGHT PINK */


/* ERRORS AND VALIDS */

.f-color6,
.f-error {
	color: #bf0200;
}

.bg-color6,
.bg-error {
	background: #bf0200;
}


/* RED */

.f-color7,
.f-valid {
	color: #33b500;
}

.bg-color7,
.bg-valid {
	background: #33b500;
}


/* GREEN */


/* SITE BRAND MAIN COLOURS */

.f-color8a {
	color: #666666;
}

.bg-color8a {
	background: #666666
}


/* DARK GRAY */

.f-color8 {
	color: #f9f0b5;
}

.bg-color8 {
	background: #f9f0b5
}


/* PALE YELLOW */

.f-color9 {
	color: #dfc300;
}

.bg-color9 {
	background: #dfc300;
}


/* DARK YELOW */

.f-color10 {
	color: #6b8da2;
}

.bg-color10 {
	background: #6b8da2
}


/* NAVY BLUE */

.f-color11 {
	color: #000720;
}

.bg-color11 {
	background: #000720
}


/* DARK  BLUE */

.f-brand {
	color: #0e307e!important;
}

.bg-brand {
	background: #2563c1;
}


/*  BLUE */

.f-lightbrand {
	color: #a1bccd;
}

.bg-lightbrand {
	background: #a1bccd;
}


/* LIGHT NAVY BLUE */

.f-subbrand {
	color: #f5f5f5;
}

.bg-subbrand {
	background: #ffc600!important;
}


/* BOLD YELLOW */

.f-subbrand2 {
	color: #ffc500!important;
}

.bg-subbrand2 {
	background: #ffc500!important;
}


/* NORMAL YELLOW */


/* BORDERS */

.bd-color1 {
	border: solid 1px #000;
}

.bd-color2 {
	border: solid 1px #bbb;
}

.bd-color3 {
	border: solid 1px #ccc;
}

.bd-color4 {
	border: solid 1px #ccc;
}

.bd-color5 {
	border: 1px solid #dfc300;
}

.bd-color6 {
	border: 1px solid;
}

.bd-color7 {
	border: 1px solid;
}

.bd-color8 {
	border: 1px solid;
}

.bd-color9 {
	border: 1px solid;
}

.bd-color10 {
	border: 1px solid #1c5863;
}

.bd-color11 {
	border: 1px solid #c96b6b;
}

.bd-dotted {
	border-style: dotted!important;
}

.bd-dashed {
	border-style: dashed!important;
}

.bd-thick {
	border-width: 2px;
}

.bd-top0 {
	border-top-width: 0;
}

.bd-toponly {
	border-width: 1px 0 0;
}

.bd-top2 {
	border-width: 2px 0 0;
}

.bd-top3 {
	border-width: 3px 0 0;
}

.bd-bottomonly {
	border-width: 0 0 1px;
}

.bd-bottom2 {
	border-width: 0 0 2px;
}

.bd-topbottom {
	border-width: 1px 0;
}

.bd-topbottom2 {
	border-width: 2px 0;
}

.bd-sidesonly {
	border-width: 0 1px;
}


/********************SHOW/HIDE - CLASSES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/

.hidden {
	display: none;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block,
.inline-block-children>* {
	display: inline-block;
	vertical-align: top;
}

.hideonnarrow,
.hideonnarrowinline,
.hideonnarrowinlineblock,
.showonwide,
.showonwideinline,
.showonwideinlineblock {
	display: none!important;
}

.showonnarrow {
	display: block;
}

.showonnarrowinlineblock {
	display: inline-block;
}

.blocktoinlineblock {
	display: block;
}

.blocktoinline {
	display: block;
}

.inlinetoblock {
	display: inline;
}


/* ROUNDED CORNERS */

.rounded {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.roundedleft {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.roundedright {
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}


/* SHADOWS */

.shadows {
	background: #F5F5F5;
	padding: 15px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
	border: solid 1px #EAEAEA;
}


/* WIDTHS */

.fullwidth,
.fullwidthonnarrow {
	width: 100%!important;
}

.fullwidthtotwothirdswidth {
	width: 100%!important;
}

.fullwidthtohalfwidth {
	width: 100%!important;
}

.fixedwidthextra {
	width: 100%;
	margin: 0 auto;
}

.halfwidth {
	width: 50%!important;
}

.thirdwidth {
	width: 33.33333% !important;
}

.twothirdstothirdwidth {
	width: 50% !important;
}

.twothirdstofullwidth,
.twothirdstoauto,
.twothirdswidth {
	width: 66.66667% !important;
}

.m0-25 {
	margin: 4px !important;
}

.pad0-25 {
	padding: 4px !important;
}

.mt0-25 {
	margin-top: 4px !important;
}

.pt0-25 {
	padding-top: 4px !important;
}

.mb0-25 {
	margin-bottom: 4px !important;
}

.pb0-25 {
	padding-bottom: 4px !important;
}

.ml0-25 {
	margin-left: 4px !important;
}

.pl0-25 {
	padding-left: 4px !important;
}

.mr0-25 {
	margin-right: 4px !important;
}

.pr0-25 {
	padding-right: 4px !important;
}

.mtb0-25 {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

.ptb0-25 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.mlr0-25 {
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.plr0-25 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.m0-5 {
	margin: 8px !important;
}

.pad0-5 {
	padding: 8px !important;
}

.mt0-5 {
	margin-top: 8px !important;
}

.pt0-5 {
	padding-top: 8px !important;
}

.mb0-5 {
	margin-bottom: 8px !important;
}

.pb0-5 {
	padding-bottom: 8px !important;
}

.ml0-5 {
	margin-left: 8px !important;
}

.pl0-5 {
	padding-left: 8px !important;
}

.mr0-5 {
	margin-right: 8px !important;
}

.pr0-5 {
	padding-right: 8px !important;
}

.mtb0-5 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.ptb0-5 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.mlr0-5 {
	margin-left: 8px !important;
	margin-right: 8px !important;
}

.plr0-5 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.m {
	margin: 16px !important;
}

.pad {
	padding: 16px !important;
}

.mt,
mtto0 {
	margin-top: 16px !important;
}

.pt,
ptto0 {
	padding-top: 16px !important;
}

.mb,
.mbto0 {
	margin-bottom: 16px !important;
}

.pb,
.pbto0 {
	padding-bottom: 16px !important;
}

.ml {
	margin-left: 16px !important;
}

.pl {
	padding-left: 16px !important;
}

.mr {
	margin-right: 16px !important;
}

.pr {
	padding-right: 16px !important;
}

.mtb,
.mtbto0 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.ptb,
.ptbto0 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.mlr {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.plr {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.mlto0 {
	margin-left: 0 !important;
}

.m0 {
	margin: 0px !important;
}

.p0 {
	padding: 0px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.mtb0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.ptb0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.mlr0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.m1 {
	margin: 16px !important;
}

.p1 {
	padding: 16px !important;
}

.mt1 {
	margin-top: 16px !important;
}

.pt1 {
	padding-top: 16px !important;
}

.mb1 {
	margin-bottom: 16px !important;
}

.pb1 {
	padding-bottom: 16px !important;
}

.ml1 {
	margin-left: 16px !important;
}

.pl1 {
	padding-left: 16px !important;
}

.mr1 {
	margin-right: 16px !important;
}

.pr1 {
	padding-right: 16px !important;
}

.mtb1 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.ptb1 {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.mlr1 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.plr1 {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.m1-5 {
	margin: 20px !important;
}

.p1-5 {
	padding: 20px !important;
}

.mt1-5 {
	margin-top: 20px !important;
}

.pt1-5 {
	padding-top: 20px !important;
}

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

.pb1-5 {
	padding-bottom: 20px !important;
}

.ml1-5 {
	margin-left: 20px !important;
}

.pl1-5 {
	padding-left: 20px !important;
}

.mr1-5 {
	margin-right: 20px !important;
}

.pr1-5 {
	padding-right: 20px !important;
}

.mtb1-5 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.ptb1-5 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.mlr1-5 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.plr1-5 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.m2 {
	margin: 32px !important;
}

.p2 {
	padding: 32px !important;
}

.mt2 {
	margin-top: 32px !important;
}

.pt2 {
	padding-top: 32px !important;
}

.mb2 {
	margin-bottom: 32px !important;
}

.pb2 {
	padding-bottom: 32px !important;
}

.ml2 {
	margin-left: 32px !important;
}

.pl2 {
	padding-left: 32px !important;
}

.mr2 {
	margin-right: 32px !important;
}

.pr2 {
	padding-right: 32px !important;
}

.mtb2 {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.ptb2 {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}

.mlr2 {
	margin-left: 32px !important;
	margin-right: 32px !important;
}

.plr2 {
	padding-left: 32px !important;
	padding-right: 32px !important;
}


/* CHANGES */


/* GUTTERS AND PERCENTAGES */

.mlrgutter,
.mlrgutterto0,
.mlrguttertoauto {
	margin-left: 1.25% !important;
	margin-right: 1.25% !important;
}

.plrgutter,
.plrgutterto0,
.plrguttertoauto {
	padding-left: 1.25% !important;
	padding-right: 1.25% !important;
}

.mlrdoublegutter,
.mlrdoublegutterto0,
.mlrdoubleguttertoauto {
	margin-left: 2.5% !important;
	margin-right: 2.5% !important;
}

.plrdoublegutter,
.plrdoublegutterto0,
.plrdoubleguttertoauto {
	padding-left: 2.5% !important;
	padding-right: 2.5% !important;
}

.mlrquadruplegutter,
.mlrquadruplegutterto0 {
	margin-left: 5% !important;
	margin-right: 5% !important;
}

.plrquadruplegutter,
.plrquadruplegutterto0 {
	padding-left: 5% !important;
	padding-right: 5% !important;
}

.mlrfifthgutter,
.mlrfifthgutterto0 {
	margin-left: 6.25% !important;
	margin-right: 6.25% !important;
}

.plrfifthgutter,
.plrfifthgutterto0 {
	padding-left: 6.25% !important;
	padding-right: 6.25% !important;
}

.mlrgutterto0,
.mlrdoublegutterto0 {
	margin-left: 0;
	margin-right: 0;
}

.plrgutterto0,
.plrdoublegutterto0 {
	padding-left: 0;
	padding-right: 0;
}

.mlr0todoublegutter {
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.plr0todoublegutter {
	padding-left: 2.5%;
	padding-right: 2.5%;
}


/* TEXT & LINKS */

.decor {
	text-decoration: underline;
}

.nodecor,
.nodecor:hover {
	text-decoration: none!important;
}


/***** PART (2) SITE SPECIFICS  *********/


/********** HEADER *************/

.header,
.myheader {
	width: 100%;
	position: fixed;
	z-index: 9999;
	padding: 0;
	top: 0;
	background: transparent;
	font-family: 'ralewaysemibold'
}

.stickyHeader {
	display: none!important;
}

.myheader {
	transition: top 0.6s ease-in-out;
}

.nav-up {
	top: -90px;
}

.nav-down {
	background-color: #001871;
}

#header .logo {
	box-sizing: border-box;
}

#header .logo img {
	max-width: 100%;
}


/* WEBSITE BUTTONS */


/* PRIMARY BUTTONS */


/* INPUT FILEDS ONLY */

input[type=text],
input[type=tel],
input[type=email],
input[type="password"] {
	border: 0;
	padding: 5px 10px;
}

.text-danger ul li {
	list-style: none;
	text-align: left;
	color: red;
	margin-left: 0;
	padding-left: 0;
}


/* BUTTONS */

.btn,
.btnrounded {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-break: break-all;
	white-space: normal;
}

.btn-pricelist {
	background-color: #ff1682!important;
	color: #fff!important;
	word-break: break-all;
	white-space: normal;
}

.btn-reverse {
	color: #ffc000!important;
}

a.btnrounded,
div.btnrounded,
input[type=submit].btnrounded,
input[type=button].btnrounded,
button.btnrounded,
.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
}

a.btncore,
div.btncore,
input[type=submit].btncore,
input[type=button].btncore,
button.btncore {
	background-color: #ffc500;
	border: 0;
	padding: 10px 25px 8px 25px;
	text-transform: uppercase;
	font-size: 20px!important;
	color: #000;
}

a.btnsecondary,
div.btnsecondary,
input[type="submit"].btnsecondary,
input[type="button"].btnsecondary {
	background: #001871;
	border: 0;
	padding: 10px 25px;
	box-shadow: 1px 2px #001871;
	color: #fff!important;
	text-transform: uppercase
}

a.btntertiary,
div.btntertiary,
input[type=submit].btntertiary,
div.btntertiary,
input[type=button].btntertiary {
	background-color: #6b8da2;
	border: 0;
	padding: 10px 25px;
	color: #fff!important;
	box-shadow: 1px 2px #001871
}

a.btntransparent,
div.btntransparent,
input[type=submit].btntransparent,
div.btntransparent,
input[type=button].btntransparent {
	background-color: transparent;
	border: 2px solid #000;
	padding: 10px 25px;
	color: #000;
}

a.btntransparentwhite,
div.btntransparentwhite,
input[type=submit].btntransparentwhite,
div.btntransparentwhite,
input[type=button].btntransparentwhite {
	background-color: transparent!important;
	border: 2px solid #fff!important;
	padding: 10px 25px;
	color: #fff!important;
}

.btnlargepad {
	padding: 10px 45px 8px!important;
}

.readmorebtn {
	font-weight: bold;
	background: url(../images/arrow-more.png) right no-repeat;
	display: inline-block;
	padding-right: 65px;
	max-width: 150px;
}

.readmorebtn.yellow {
	color: #ffc000;
	background: url(../images/arrow-more-yellow.png) right no-repeat;
}


/* BUTTONS HOVER STATES */

a.btncore:hover,
div.btncore:hover,
input[type=submit].btncore:hover,
input[type=button].btncore:hover {
	background-color: #f90367;
	text-decoration: none;
	color: #fff;
}

a.btnsecondary:hover,
div.btnsecondary:hover,
input[type="submit"].btnsecondary:hover,
input[type="button"].btnsecondary:hover {
	background-color: #6b8da2;
	text-decoration: none;
}

a.btntertiary:hover,
div.btntertiary:hover,
input[type=submit].btntertiary:hover,
div.btntertiary:hover,
input[type=button].btntertiary:hover {
	background-color: #001871;
	text-decoration: none;
}

a.btntransparent:hover,
div.btntransparent:hover,
input[type=submit].btntransparent:hover,
.btntransparent:hover,
div.btntransparent:hover,
input[type=button].btntransparent:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

a.btntransparentwhite:hover,
div.btntransparentwhite:hover,
input[type=submit].btntransparentwhite:hover,
.btntransparentwhite:hover,
div.btntransparentwhite:hover,
input[type=button].btntransparentwhite:hover {
	background-color: #f90367!important;
	border-color:#f90367!important;
	text-decoration: none;
	color: #fff!important;
}

.btn-pricelist:hover {
	background-color: #bb1361!important;
}


/* ARROW BUTTONS */

#footer .newslettercont input[type="submit"],
input.arrowbtn {
	border: 0;
	background: url(../images/arrow-btn.jpg) 90% top no-repeat;
}


/* WRAPPER */

#wrapper {
	width: 100%;
	height: 100%;
	text-align: left;
}

.inner,
.container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

@media only screen and (min-width:1890px) {
	.container, .inner{
		max-width:1400px;
	}
}

/* TOP NAV */

#header nav#topNav {
	text-align: left;
}


/* MAIN-IMAGE */

.background-container {
	position: relative;
	width: 100%;
	text-align: center;
	max-height: 870px;
	overflow: hidden;
	z-index: 3;
}


/* MAIN */

#main {
	width: 100%;
	margin: 0 auto;
}


/* SIDEBAR */

#sidebar {
	min-height: 100%;
	height: 100%;
}


/* CONTENT */

#content {}

#content {
	padding: 2%;
	box-sizing: border-box
}


/*  FOOTER  */

#footer {
	width: 100%;
	color: #fff;
	background: #2563c1;
}

#footer>.inner {
	padding: 2%;
}

#footer>.inner>.footer-col-1,
#footer>.inner>.footer-col-2,
#footer>.inner>.footer-col-3 {
	display: block;
	width: 100%;
}

#footer h6 {
	color: #ffc500;
	font-size: 15px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#footer a {
	color: #ffc500;
}

#footer .newslettercont input[type="submit"] {
	width: 30px;
	font-size: 0;
}

/* footer */
#footer .copyright ul, #footer .copyright ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

/*
Social links
------------
*/
.social-links {
	text-align: left;
}

.social-links a {
	display: inline-block!important;
	text-decoration: none;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}

.social-links .scl {
	background: url(../images/social.png);
	display: none;
	background-size: 216px;
	height: 38px;
	margin-left: 5px;
	vertical-align: middle;
	width: 38px
}

.social-links .scl:hover {}

.social-links .scl.fb {
	background-position: 0 0
}

.social-links .scl.fb:hover {
	opacity: 0.4
}

.social-links .scl.pn {
	background-position: -46px top
}

.social-links .scl.pn:hover {
	opacity: 0.4
}

.social-links .scl.tw {
	background-position: -91px top
}

.social-links .scl.tw:hover {
	opacity: 0.4
}

.social-links .scl.yb {
	background-position: -135px top
}

.social-links .scl.yb:hover {
	opacity: 0.4
}

.social-links .scl.ins {
	background-position: -178px top
}

.social-links .scl.ins:hover {
	opacity: 0.4
}

.social-links .scl.gp {
	background-position: right top
}

.social-links .scl.gp:hover {
	opacity: 0.4
}

.social-links .scl {
	display: block
}


/* SLIDERS & MAIN BACKGROUND TEXT */

.swiper-text,
.main-text,
.article-heading {
	color: #fff;
	width: 100%;
	background: #000720;
	text-align: center;
	padding: 2%;
	box-sizing: border-box;
	margin-top: -2px
}

.main-text.nobackground {
	background: transparent;
}

.swiper-text>.heading,
.main-text>.heading {
	font-size: 20px;
}

.main-text>.heading h1 span {
	font-size: 18px;
}

.swiper-text>.content,
.main-text>.content {
	font-size: 13px;
}

.main-text,
.article-heading {
	text-align: center;
}

.main-text>.heading h1 {
	line-height: 120%;
	font-size: 18px;
}

.swiper-button-prev,
.swiper-button-next {
	display: none
}


/* MAIN BACKGROUND TEXT */


/* SCROLL TO TOP BUTTON */

.scrollToTop {
	position: fixed;
	right: 40px;
	display: none;
	background: url('../images/scrollbtn.png') no-repeat;
	font-size: 0;
	height: 55px;
	position: fixed;
	bottom: 40px;
	width: 55px;
	z-index: 123456789
}


/* HOVER EFFECTS */

.hoverbox {
	cursor: pointer;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	min-height:220px;
}


.hoverbox-info {
	display: none;
	background: none repeat scroll 0 0 #2563c1;
	bottom: 0;
	left: 0;
	color: #fff;
	font-family: tahoma;
	height: 100%;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	position: absolute;
	width: 100%;
	text-align: center;
}

.hoverbox-info .magnifier {
	background: rgba(0, 0, 0, 0) url("../images/magnify.png") no-repeat scroll center center / 50px auto;
	height: 100%;
	width: 100%;
}

.hoverbox-info>div {
	padding: 20px 16px;
	text-align: center;
}

.hoverbox-info>div>p {
	margin: 25px 0;
}

.hoverbox-info>div>img {
	width: 100%;
	max-width: 200px;
}

div.relative {
	position: relative;
}

.btn-hoverbox {
	display: block;
	background: #fff;
	color: #bf0200;
	height: 36px;
	line-height: 36px;
	width: 40%;
	margin: 0 auto;
}

.btn-hoverbox span {
	display: block;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px
}

.absolute {
	bottom: 10%;
	left: 30%;
	margin: 0 auto;
	position: absolute;
}

#testimonials .hoverbox-info>div>p:before {
	content: '';
	background: url(../images/symbol_top.png) top left no-repeat;
	width: 30px;
	height: 30px;
}

#testimonials .hoverbox-info>div>p:after {
	content: '';
	background: url(../images/symbol_bottom.png) bottom right no-repeat;
	width: 30px;
	height: 30px;
}


/* SLIDERS & MAIN BACKGROUND TEXT */

.swiper-text,
.main-text,
.article-heading {
	color: #fff;
	width: 100%;
	background: #040e15;
	text-align: center;
	padding: 2%;
	box-sizing: border-box;
	margin-top: -2px
}

.swiper-text>.heading,
.main-text>.heading {
	font-size: 20px;
}

.main-text>.heading h1 span {
	font-size: 18px;
}

.swiper-text>.content,
.main-text>.content {
	font-size: 13px;
}

.main-text,
.article-heading {
	text-align: center;
}

.main-text>.heading h1 {
	line-height: 120%;
	font-size: 18px;
}

.swiper-button-prev,
.swiper-button-next {
	display: none
}


/* MAIN BACKGROUND TEXT */

.client-logo {
	max-width: 150px;
}


/* TABLET */

@media screen and (min-width: 48em) {
	.float-nonetoleft {
		float: left!important;
	}
	.float-nonetoright {
		float: right!important;
	}
	.mtbto0 {
		margin-top: 0!important;
		margin-bottom: 0!important;
	}
	.f-mediumtolarge {
		font-size: 20px!important
	}
	.f-mediumtoxlarge,
	.f-mobiletoxlarge {
		font-size: 24px !important;
	}
	.f-mediumtoxxlarge,
	.f-mobiletoxxlarge {
		font-size: 30px !important;
	}
	.f-mediumtoxxxlarge,
	.f-mobiletoxxxlarge {
		font-size: 40px !important;
	}
	.f-mediumtoxxxxlarge,
	.f-mobiletoxxxxlarge {
		font-size: 60px !important;
	}
	.client-logo {
		max-width: 170px;
	}
	.mlto0 {
		margin-left: 16px !important;
	}
	#header .logo {
		padding: 0;
	}
	#portfolio-works>div>div.col-sm-4 {
		min-height: 350px;
	}
	.fullwidthonnarrow {
		width: auto!important;
	}
	.mwidth100 {
		width: 100px;
	}
	.mwidth200 {
		width: 200px;
	}
	.mwidth300 {
		width: 300px;
	}
	.mwidth400 {
		width: 400px;
	}
	.mwidth500 {
		width: 500px;
	}
	.mwidth600 {
		width: 600px;
	}
	/* DISPLAYS */
	.blocktoinlineblock {
		display: inline-block!important;
	}
	.blocktoinline {
		display: inline;
	}
	.inlinetoblock {
		display: block;
	}
	.showonnarrow,
	.showonnarrowinlineblock {
		display: none!important
	}
	.hideonnarrow {
		display: block!important;
	}
	.hideonnarrowinlineblock {
		display: inline-block!important;
	}
	/* ALIGNMENTS */
	.align-centertoleft {
		text-align: left!important;
	}
	.align-centertoright {
		text-align: right!important;
	}
	.align-lefttocenter {
		text-align: center!important;
	}
	.align-righttocenter {
		text-align: center!important;
	}
	/* LOGO */
	#header .logo {
		display: inline-block;
		width: 40%;
	}
	#header nav#topNav,
	#header nav#nav {
		display: inline-block!important;
		vertical-align: top;
		width: 60%;
		text-align: right;
	}
	.stickyHeader {
		background: rgba(0, 0, 0, 0.45);
		position: fixed!important;
		min-height: 110px;
		max-height: 220px;
		display: block!important;
	}
	.stickyHeader .logo {
		margin-top:10px;
	}
	
	#header .logo img {
		max-width: 350px;
	}
	/* TOPNAV */
	/* PAGE WRAPPER */
	/* SIDEBAR */
	#sidebar {
		float: right;
		width: 20%;
		padding: 1%;
		box-sizing: border-box;
	}
	/* CONTENT */
	#content {
		width: 78%;
		float: left;
		margin-right: 2%;
		background: #fff;
	}
	/* FOOTER */
	#footer p {
		margin: 0 0 40px 0
	}
	#footer>.inner {
		padding: 50px 0;
	}
	#footer .copyright {
		width: 100%;
		background: #12141b;
		clear: both;
	}
	#footer>.inner>.footer-col-1,
	#footer>.inner>.footer-col-2,
	#footer>.inner>.footer-col-3 {
		display: inline-block;
		width: 25.25%;
		margin-left: 6.5%;
		vertical-align: top;
	}
	#footer>.inner>.footer-col-1 {
		margin-left: 0!important;
	}
	#footer h6 {
		font-weight: bold
	}
	/* SLIDERS & MAIN TEXT */
	.main-text.main-text-centered {
		top: 5%;
		background: transparent;
		width: 100%;
		background: transparent;
		text-align: center!important;
		padding: 0 5%;
		box-sizing: border-box;
		left: 0;
		z-index: 99;
	}
	#bgvid {
		height: auto;
		margin-left: -25%;
		min-height: 100%;
		min-width: 150%;
		transition: opacity 1s ease 0s;
		width: auto;
	}
	.bgvid-overlay {
		background: rgba(0, 0, 0, 0.2);
	}
	/* SLIDERS & MAIN TEXT */
	.swiper-text,
	.main-text,
	.article-heading {
		position: absolute;
		top: 40%;
		color: #fff;
		width: 80%;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		left: 10%;
		padding: 2%;
		box-sizing: border-box;
	}
	.main-text {
		top: 5%;
		left: 1%;
		background: transparent;
		width: 98%;
		padding: 0
	}
	.swiper-text>.heading,
	.main-text>.heading {
		font-size: 20px;
	}
	.swiper-text>.content,
	.main-text>.content {
		font-size: 16px;
	}
	.main-text>.heading h1 span {
		font-size: 30px;
	}
	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}


/* DESKTOP */

@media screen and (min-width: 62.5em) {
	#header .logo {
		width: 30%;
	}
	#header .logo img {
		max-width: 400px;
	}
	#header nav#topNav,
	#header nav#nav {
		width: 70%;
	}
	.main-text {
		top: 10%;
		left: 0;
		background: transparent;
		width: 60%;
	}
	.swiper-text>.heading,
	.main-text>.heading {
		font-size: 40px;
	}
	.main-text>.heading h1 span {
		font-size: 60px;
		line-height: 70px;
	}
}


/* LARGE SCREENS */

@media screen and (min-width: 103.250em) {
	/* FOOTER */
	#footer>.inner>.footer-col-1,
	#footer>.inner>.footer-col-2,
	#footer>.inner>.footer-col-3 {
		display: inline-block;
		width: 400px;
		margin-left: 30px;
		vertical-align: top;
	}
}

@media screen and (max-width: 480px) {
	.logo img {
		max-width: 250px!important;
	}
}

section#portfolio-works>div {
	max-width: 3830px;
}

/*
------------
custom forms
------------
*/

/* 
11.forms 
--------


input::-webkit-input-placeholder {
	color: #333;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}

input::-moz-input-placeholder {
	color: #333;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}

input::-moz-input-placeholder {
	color: #333;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}

input::-ms-input-placeholder {
	color: #333;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}
*/

/* 
.formContainer class in front to limit only to contact us page) 
---------------------------------------------------------------
*/

.formContainer .row {
	text-align: left;
	margin:0 0 20px 0;
}
/*
legends
-------
*/

.formContainer legend {
    box-sizing: border-box;
    font-style: italic;
    padding: 0 0 20px 0;
    margin: 20px 0;
    font-size: 30px;
    line-height: inherit;
    color: #9c5105;
    border: 0;
    border-bottom: 1px dotted;
    font-family: didotbold_italic;
    position:relative;
    display:block;
    clear: both;
}
.formContainer legend:before {
	/* content:''; */
	width:40%;
	display:block;
	position:absolute;
	top:50%;
	z-index:1;
	left:0;
	border: 1px dotted;
}
.formContainer legend:after {
	/* content:''; */
	width:40%;
	height:1px;
	background:brown;
	display:block;
	position:absolute;
	top:50%;
	z-index:1;
	right:0;
}
.formContainer input[type="text"],
.formContainer input[type="password"],
.formContainer input[type="email"],
.formContainer input[type="tel"],
.formContainer textarea {
	background: none;
	border: none;
	border-bottom: 1px solid #666;
	padding: 20px 0;
	padding-top:5px;
	width: 100%;
	color: #333;
	transition: border 0.3s linear, color 0.3s linear;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}

.formContainer textarea {
	min-height: 120px;
	resize: none;
}

.formContainer input[type="text"]+.fas,
.formContainer input[type="password"]+.fas,
.formContainer input[type="email"]+.fas,
.formContainer input[type="tel"]+.fas,
.formContainer textarea+.fas {
	position: absolute;
	top: 30px;
	left: 0;
	transform: translateY(-50%);
	transition: 0.3s ease-in all;
	color: #333;
}

.formContainer input[type="text"]:focus,
.formContainer input[type="password"]:focus,
.formContainer input[type="email"]:focus,
.formContainer input[type="tel"]:focus,
.formContainer textarea:focus {
	outline: none;
	border-color: #9c4e27;
	color: #9c4e27;
}

.formContainer input[type="text"]:focus+.fas,
.formContainer input[type="password"]:focus+.fas,
.formContainer input[type="email"]:focus+.fas,
.formContainer input[type="tel"]:focus+.fas,
.formContainer textarea:focus+.fas {
	color: #9c4e27;
}

/*
Comments forms
--------------
*/

.comments input[type="text"],
.comments input[type="password"],
.comments input[type="email"],
.comments input[type="tel"],
.comments textarea {
	background: none;
	border: none;
	border-bottom: 1px solid #666;
	padding: 20px 0;
	padding-top:5px;
	width: 100%;
	color: #333;
	transition: border 0.3s linear, color 0.3s linear;
	font: 300 18px/1.6 'didotbold_italic', sans-serif;
}
.comments label {
    display: inline-block;
    max-width: 100%;
    margin:20px 0;
    font-weight: 700;
	font-style:italic;
	font-size:18px;
}
.comments textarea {
	min-height: 120px;
	resize: none;
}
.comments .btn-primaryinput[type="submit"] {
}

.comments input[type="text"]+.fas,
.comments input[type="password"]+.fas,
.comments input[type="email"]+.fas,
.comments input[type="tel"]+.fas,
.comments textarea+.fas {
	position: absolute;
	top: 30px;
	left: 0;
	transform: translateY(-50%);
	transition: 0.3s ease-in all;
	color: #333;
}

.comments input[type="text"]:focus,
.comments input[type="password"]:focus,
.comments input[type="email"]:focus,
.comments input[type="tel"]:focus,
.comments textarea:focus {
	outline: none;
	border-color: #9c4e27;
	color: #9c4e27;
}

.comments input[type="text"]:focus+.fas,
.comments input[type="password"]:focus+.fas,
.comments input[type="email"]:focus+.fas,
.comments input[type="tel"]:focus+.fas,
.comments textarea:focus+.fas {
	color: #9c4e27;
}


/* 
radio buttons 
-------------
*/
.formContainer input[type="radio"] {
	position:absolute;
	left:-9999px;
}
.formContainer input[type="radio"] + label {
	position:relative;
	cursor:pointer;
	padding: 0px 0 0 40px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	font-weight: 500;
}
.formContainer input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left:0;
    top:0;
    border: 1px solid #333;
    width: 30px;
    height: 30px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
}
.formContainer input[type="radio"] + label:after {
	content: '';
	position:absolute;
	top: 9px;
	left: 9px;
	width: 12px;
	height: 12px;
	background:#333;
	opacity: 0;
	transform: scale(3); /* scale it up for smooth animation */
	transition: transform 0.3s linear, opacity 0.3s linear;
	border-radius: 50px;
}
.formContainer input[type="radio"]:checked+label:after {
	opacity:1;
	transform:scale(1); /* scale it down fom smooth animation */
}
/* 
checkboxes 
-----------
*/
.formContainer input[type="checkbox"] {
	position:absolute;
	left:-9999px;
}
.formContainer input[type="checkbox"] + label {
	position:relative;
	cursor:pointer;
	padding: 0px 0 10px 40px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	font-weight: 500;
}
.formContainer input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left:0;
    top:0;
    border: 1px solid #333;
    width: 30px;
    height: 30px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
}
.formContainer input[type="checkbox"] + label:after {
	content: '';
	border-style: solid;
	border-width: 0 0 2px 2px;
	border-color: transparent transparent #333 #333;
	width: 17px;
	height: 10px;
	position: absolute;
	top: 7px;
	left: 6px;
	opacity: 0;
	transform: scale(2) rotate(-45deg);
	transition: transform 0.3s linear, opacity 0.3s linear, background-color 0.3s ease;
}
.formContainer input[type="checkbox"]:checked+label:after {
	opacity:1;
	transform:scale(1) rotate(-45deg);
	border-color: transparent transparent #333 #333;
}

/*
form button
-----------
*/

.formContainer .btn {
	border-radius:0;
	border:0; 
}
 
/* 
tables 
----------
*/

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

table caption {
	padding: .5em 0;
}

table tfoot tr td {
	text-align: center !important;
}


/* 
responsive tables 
------------------
*/

.responsiveTbl table {
	text-align: left;
	width: 100%;
}

.responsiveTbl tr {
	background: #fff;
}

.responsiveTbl tr:nth-child(2n) {
	background: #f2f2f2;
}

.responsiveTbl tr:hover .msg {
	opacity: 1;
	top: 0;
}

.responsiveTbl th,
.responsiveTbl td {
	padding: 15px 20px;
	vertical-align: middle;
}

.responsiveTbl th:nth-child(2),
.responsiveTbl td:nth-child(2) {
	text-align: left;
}

.responsiveTbl th {
	font-weight: 500;
	text-transform: uppercase;
	padding: 25px 20px;
	border-collapse: collapse;
	border-bottom: 0!important;
	background: #ddd;
}



@media only screen and (max-width: 767px) {
	.responsiveTbl {
		overflow: auto;
	}
	.responsiveTbl table {
		width: 767px;
	}
}

@media only screen and (max-width: 640px) {
	.responsiveTbl table {
		width: 640px;
	}

}
 

/* Homepage background container */
@media only screen and (max-width: 767px) {
	.background-container.homepage {
		position: relative;
		width: 100%;
		text-align: center;
		max-height: 870px;
		overflow: hidden;
		z-index: 3;
		background: url(../images/common/services.jpg);
		background-size: cover;
		padding:20px;
	}
 
	.parallax-window.home-tablet {
		background:none!important;
	}
	.background-container.homepage .parallax-window, 
	.background-container.homepage .parallax-window.article {
		min-height: 80px!important;
	}
	
	.background-container.homepage .swiper-text, 
	.background-container.homepage .main-text, 
	.background-container.homepage .article-heading {
		background:transparent!important;
	}
}


/* 07/11/2022 */

#footer .copyright ul li:nth-child(4) {
    display: none;
}

li.submenu {
    display: none!important;
}
 

/* 
Footer 
------
*/

footer#footer:before {
    text-align: center;
    content: 'Designed with Valid HTML5/CSS3 and Vanilla Javascript';
    background: #0a1147;
    padding: 50px;
    width: 100%;
    display: block;
    color: #4d96d1;
    font-weight: bold;
}

@media only screen and (max-width:767px) {
	#footer {
		padding-top:0!important;
		padding-bottom:0!important;
	}
	#footer img {
		display:block;
		margin:10px auto;
	}
}

/*
Large Heading sizes
-------------------
*/
@media only screen and (max-width:767px) {
	.f-xxlarge {
		font-size: 30px !important;
	}
	
	.f-xxxlarge {
		font-size: 25px !important;
	}
	
	.f-xxxxlarge {
		font-size: 20px !important;
	}
}