/*
Theme Name: Paramount Solutions V2
Theme URI: http://www.paramountjax.com/
*/
@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300italic);

/* reset CSS -------------------------------------------------------- */
* { margin: 0; padding: 0; }

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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body { line-height: 1.25em; width: 100%; font-size: 1em; font-family: 'Open Sans', sans-serif; color: #003366; }
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; }


/* Sort of Universal Definitions -------------------------------------------------------- */
/* ----- BC Start Edit ----- */
a:link, a:visited, a:hover, a:active { color: #003366; outline: 0; text-decoration: none;
/* ----- BC End Edit ----- */
  -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color 0.5s ease-out; /* Firefox 4+ */
  -ms-transition: color 0.5s ease-out; /* IE10+ */
  -o-transition: color 0.5s ease-out; /* Opera 10.5+ */
  transition: color 0.5s ease-out;	}
a:hover, a:focus { color: #ff80b2 !important;	} /*PINK*/
a img {	border: none;	}

h1 { }

h2 { font-size: 200%; text-align: center; font-weight: 700; color: #003366; text-transform: uppercase; }

h3 { font-size: 36px; line-height: 36px; margin-bottom: 30px; font-weight: 700; text-transform: uppercase; }

h4 { font-size: 25px; line-height: 36px; margin-bottom: 30px; font-weight: 400; text-transform: uppercase; color: #003366; }

h5 { font-size: 18px; line-height: 36px; font-weight: 700; color: #E0249A
; }
h5.phone, h5.email { color: #E0249A; padding: 0px 0px 70px 65px;	} /*PINK*/
h5.phone { background: url('../images/icon-phone.png') top left no-repeat;	}
h5.email { background: url('../images/icon-email.png') top left no-repeat;	}

/* ----- BC Start Edit ----- */
h5.email a:link, h5.email a:visited, h5.email a:hover, h5.email a:active { color: #E0249A
; outline: 0; text-decoration: none;
  -webkit-transition: color 0.5s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color 0.5s ease-out; /* Firefox 4+ */
  -ms-transition: color 0.5s ease-out; /* IE10+ */
  -o-transition: color 0.5s ease-out; /* Opera 10.5+ */
  transition: color 0.5s ease-out;	}
h5.email a:hover, h5.email a:focus { color: #ffffff !important;	}
/* ----- BC End Edit ----- */

h6 { color: #003366; font-weight: 700; }

strong { font-weight: bold;	}
em { font-style: italic;	}

p { font-size: 18px; line-height: 25px; margin-bottom: 30px; }
.whitey { color: #003366; }
.wysiwyg ul { font-size: 14px; line-height: 30px; margin-bottom: 30px; list-style: circle inside; margin-left: 10px; }

small { font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color:	#003366; } /*CEO/FOUNDER*/
strong { font-weight: bold;	}
em { font-style: italic;	}

blockquote {background: none repeat scroll 0 0 #FFFFFF;margin: 1.5em 10px;overflow: hidden;padding: 0.5em 10px;quotes: "\201C""\201C"; }

blockquote p {color: #555555;display: inline;float: right;font-size: 12px; padding: 20px 20px 0 0;width: 80%;}

img.alignleft { float: left; display: inline; margin: 0px 20px 20px 0px;	}
img.alignright { float: right; display: inline; margin: 0px 0px 20px 20px;	}

.divider { width: 100%; height: 30px; display: block; border-bottom: 1px dotted #E0249A
 clear: both; margin-bottom: 30px; float: none; overflow: hidden;	} /*PINK*/



/* `Overall Boxes
----------------------------------------------------------------------------------------------------*/
.box { display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; position: relative; }
.container { width: 960px; margin: 0 auto; /*display: table-cell; vertical-align: middle;*/  }
.containerlrg { width: 1200px; margin: 0 auto; /*display: table-cell; vertical-align: middle;*/  }
.homeSlideTall { height:760px; }

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; overflow: hidden; }


/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.right { float: right !important;	}

.left_1 { margin-left: 80px; }
.left_2 { margin-left: 160px; }
.left_3 { margin-left: 240px; }
.right_1 { margin-right: 80px; }
.right_2 { margin-right: 160px; }
.right_3 { margin-right: 240px; }


/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .grid_1 { width: 60px; }
.container .grid_2 { width: 140px; }
.container .grid_3 { width: 220px; }
.container .grid_4 { width: 300px; }
.container .grid_5 { width: 380px; }
.container .grid_6 { width: 460px; }
.container .grid_7 { width: 540px; }
.container .grid_8 { width: 620px; }
.container .grid_9 { width: 700px; }
.container .grid_10 { width: 780px; }
.container .grid_11 { width: 860px; }
.container .grid_12 { width: 940px; }


/* Global Repeats -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* Buiding these things outs -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.navigation { background: #ffffff; border-top: 4px solid #003366;
; position: fixed; bottom: 0; height: auto; width: 100%; overflow: hidden; clear: both; z-index: 1000;}
.sticky { position: fixed; top: 0 !important; height: 70px; z-index: 99999;}
.navigation .container { margin: 0 auto; display: block; overflow: hidden;}
a.branding { width: 228px; height: 70px; background: url('../images/branding.gif') top center no-repeat; display: block; float: left; text-indent: -9999px;}
/*a.branding:hover { background-position: 0 -70px; }*/
.navigation input, .navigation label  { display: none; visibility: hidden; line-height: 0;}


.navigation ul { width: auto; height: auto; float: right; display: inline; margin: 20px 0px 0px 0px; }
.navigation ul li { float: left; display: inline; text-transform: uppercase; font-weight: 700; padding-left: 25px; }
/* ----- BC Start Edit -----
.navigation ul li.active-slide a.selected { color: #003366 !important; border-bottom: 1px dotted #d893a2;}
----- BC End Edit ----- */

.topreturn { position: fixed; top: 300px; height: auto; width: 100%; overflow: hidden; clear: both; z-index: 10001; opacity: 0;	}
.staythere { opacity: 1 !important;	}
a.return { width: 41px; height: 41px; float: right; display: block; background: url('') top center no-repeat; text-indent: -9999px; }


.pagetitle { position: relative; z-index: 1; width: 100%; height: auto; display: block; text-align: center; overflow:visible; /* margin-top: 100px; */ }
.pagetitle:before, .pagetitle:after { clear: both; content: "Paramount"; display: block; color: rgba(0, 0, 0, 0); font-size: 100px; line-height: 100px; text-align:center; clear: both; }
h2.ribbon { font-size: 50px; line-height:30px; text-align: center; font-weight: 700; color: #E0249A;text-transform: uppercase; width: 345px;  position: relative; background: url('') center center no-repeat; padding: 15px 10px;  margin: 0 auto; line-height: 30px;background-size: 345px; }
/*
h2.ribbon:before { background:url('images/ribbon-left.svg') no-repeat;  content: ""; display: block; float: left; width: 45px; height: 60px; position: absolute; left:-40px; top: 0px; }
h2.ribbon:after { background:url('images/ribbon-right.svg') no-repeat;  content: ""; display: block; float: right; width: 45px; height: 60px; position: absolute; left:250px; top: 0px; }

h2.ribbon:before, .ribbon:after { content: ""; position: absolute; display: block; bottom: 0px; border: 26px solid #262c3c;  z-index: -1; }
h2.ribbon:before { left: -40px; border-right-width: 26px; border-left-color: transparent; }
h2.ribbon:after { right: -40px; border-left-width: 26px; border-right-color: transparent; }
h2.ribbon .ribbon-content:before { left: 0; border-width: 20px 0 0 20px; }
h2.ribbon .ribbon-content:after { right: 0; border-width: 20px 20px 0 0; }
*/




.wysiwyg { padding-top: 60px; padding-bottom: 100px; overflow: hidden;}
#slide-10 .wysiwyg { color: #003366;	}
#slide-2 .wysiwyg, #slide-12 .wysiwyg { color: #001F;	} /* red type

.link { line-height: 0; width: 100%; height: 0;	}


/* Parallax Scroll -- ---- --- -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ----- BC Start Edit ----- */
body, html { height: 100%; min-height: 100%; background-color: #003366; }
/* ----- BC End Edit ----- */
body { }
.no-js { padding-top: 106px; }
.loading { background: url('../images/ico_loading.gif') no-repeat center center; }
section { min-width: 960px; opacity: 0; }
.loaded section, .no-js section { opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
main { overflow-x: hidden; }
.bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;  width: 100%; display: block; min-height: 100%; height: 100%;  }




/* Landing Page Slide 5 */
#slide-5 .bcg { background-image:url('../images/bg-home.jpg');}
#slide-5 .container { width: 100%;  }
#slide-5 .container h2 { margin-top: 8%; background: rgba(255, 255, 255, 0.6); width: 100%; text-align: center; padding: 20px 0px;  }



/* About Page Slide 2 */
#slide-2-title .bcg, #slide-2 .bcg { background-image:url('../images/bg-about.jpg');}
/*#slide-2 .bcg {background: none; background-color: #010101; height: 310px; text-align: center}*/
/* ----- BC Start Edit ----- */
#slide-2 .bcg .box {  background: rgba(255, 255, 255, 0.6);}
/* ----- BC End Edit ----- */
#slide-2 .grid_5 { text-align: center;	}

/* Services Page Slide 12 */
#slide-12-title .bcg { background-image:url('../images/bg-services.jpg');}
/* ----- BC Start Edit ----- */
#slide-12 .bcg { background: #e6e6e6} /*--cream gray--*
/* ----- BC End Edit ----- */

/* Gallery Page Slide 22 */
#slide-22-title .bcg { background-image: url('../images/bg-gallery.jpg');}
/* ----- BC Start Edit ----- */
#slide-22 .bcg { background: #FFFFFF;}
/* ----- BC End Edit ----- */

/* Testimonials Page Slide 4 */
#slide-10-title .bcg { background-image:url('../images/bg-testimonials.jpg');}
#slide-10 .bcg { background: #e6e6e6;} /*--cream gray--*


/* Contact Page Slide 8 */
#slide-8-title .bcg { background-image:url('../images/bg-contact.jpg');}
/* ----- BC Start Edit ----- */
#slide-8 .bcg { background: #e6e6e6;} /*--cream gray--*/
/* ----- BC End Edit ----- */




/* All Slides */
#slide-2 .container, #slide-12 .container, #slide-10 .container,#slide-22 .container, #slide-8 .container { display: table; vertical-align: top;}
#slide-2-title .container.title, #slide-12-title .container.title, #slide-10-title .container.title, #slide-22-title .container.title,  #slide-8-title .container.title {display: table-cell;vertical-align: middle;}


form#fscf_form1 { background: none repeat scroll 0 0 #444F6B; padding: 20px 25px; }
form #fscf_required1 { color: #003366; font-size: 70%; font-style: italic; display: block; margin: 0px 0px 10px 0px; }
form label { color: #003366; display: block; font-size: 14px; font-weight: 700; padding: 0px 0px 15px 0px; }
form input, form textarea { border: medium none; margin: 0 0 26px; padding: 15px 5px; width: 90%; }
form select { border: solid 2px #eeeeee; margin: 0px 0px 10px 0px; padding: 5px; width: auto; }
form input.fscf-button-submit, form#commentform input#submit { background: none repeat scroll 0 0 #003366
; border: medium none; color: #000000; font-family: 'Signika Negative',sans-serif; font-size: 105%; font-weight: 700; padding: 10px; text-transform: uppercase; width: 25%; }
form input.fscf-button-submit:hover, form#commentform input#submit:hover { background: #dddddd; }
form input.fscf-button-submit:active, form#commentform input#submit:active { background: #ff92aa; }
form .fscf-div-error { color:#F00 !important; display: block; margin-bottom: 3px;	}




/* Apply To All Responsive Layouts================================================== */
@media only screen and (device-width: 768px) {
img { max-width: 100%; }
}


/* #Tablet (Portrait)================================================== */
/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {


.pagetitle { padding: 50px 0px; /* margin-top: 100px; */ }
.pagetitle h2 { font-size: 20px; text-align: center; font-weight: 700; color: #E0249A
 text-transform: uppercase; }
.pagetitle:before, .pagetitle:after { font-size: 100px; line-height: 100px;}

.container { width: 768px; }
section { min-width: 768px; }
.bcg{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-size: auto 140%;
	-webkit-background-size: auto 140%;
	-moz-background-size: auto 140%;
	-o-background-size: auto 140%;
	height: auto;
	width: 100%;
}

.container .grid_1 { width: 44px; }
.container .grid_2 { width: 108px; }
.container .grid_3 { width: 172px; }
.container .grid_4 { width: 236px; }
.container .grid_5 { width: 300px; }
.container .grid_6 { width: 364px; }
.container .grid_7 { width: 428px; }
.container .grid_8 { width: 492px; }
.container .grid_9 { width: 556px; }
.container .grid_10 { width: 620px; }
.container .grid_11 { width: 684px; }
.container .grid_12 { width: 748px; }

#slide-5 .container { margin-bottom: 200px;	}
#slide-5 .container img { width: 35%; }
.container img { width: 100%; }

.topreturn { visibility: hidden; line-height: 0; display: none; opacity: 0;	}

.phone-text a {color:#fff; text-decoration:none;}
}



/*  #Mobile (Portrait)================================================== */
/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {

body { font-size: 13px;}
h3 { font-size: 25px; line-height: 28px; text-align: center; }

p { font-size: 14px; line-height: 26px; margin-bottom: 15px; }
.wysiwyg ul { font-size: 12px; line-height: 26px; margin-bottom: 10px; list-style: circle inside; margin-left: 10px; }

blockquote:before { font-size: 75px; vertical-align: -48px; }
blockquote p { font-size: 11px; width: 80%; padding: 10px 20px 0px 0px;	}

.pagetitle h2 { font-size: 15px; text-align: center; font-weight: 700; color: #ffffff; text-transform: uppercase; background-size: 290px; }
.pagetitle:before, .pagetitle:after { font-size: 100px; line-height: 100px;}
h2.ribbon { font-size: 20px; line-height:20px; text-align: center; width: 250px; padding: 17px 0px; background-size: 250px; }


.container { width: 290px; }
section { min-width: 290px; }
/*.bcg { background-size: 100% auto !important; background-position: initial !important;  }*/
.bcg{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-size: auto 140%;
	-webkit-background-size: auto 140%;
	-moz-background-size: auto 140%;
	-o-background-size: auto 140%;
	height: auto;
	width: 100%;
}




.container .grid_1,
.container .grid_2,
.container .grid_3,
.container .grid_4,
.container .grid_5,
.container .grid_6,
.container .grid_7,
.container .grid_8,
.container .grid_9,
.container .grid_10,
.container .grid_11,
.container .grid_12 { width: 290px; margin: 0px 0px 20px 0px;  padding: 0px 0px 0px 0px;   }
.container img { width: 75%; margin: 0 auto; display: block; height: auto; }

a.branding { width: 190px; height: 64px; background-size: 90%; background-position: 0px 10px; }
a.branding:hover { background-position: 0 -39px; }


.navigation { top: 0; height: 65px; overflow: visible;}
.navigation label { visibility: visible; line-height: inherit;  font-weight: 700; text-transform: uppercase; position: relative; display: block; width: auto; float: right; height: 30px; color: #CCC; padding: 8px 43px 0px 0px;  background-image: url('../images/dropdown_image.gif'); background-repeat: no-repeat; background-size: 37px auto; background-position: center right; margin-top: 10px; }
.navigation input + label { -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; }
.navigation input:checked + label, .navigation input:checked + label:hover { }
.navigation input { display: none; }
.navigation .article { display: block; line-height: inherit; visibility: visible; overflow: hidden; height: 0px; -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; background-color:#ffffff; position: fixed; z-index: 9999; top: 60px; width: 300px; }
.navigation input:checked ~ .article{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navigation input:checked ~ .article { height: auto; }
.navigation .article ul li a {  }
.navigation ul li.current-menu-item a { color: inherit; border-bottom: none;	}

.navigation ul { float: none; display: block; margin: 0px 0px 0px 0px; }
.navigation ul li { padding-left: 5%; width: 45%; padding-top: 20px; padding-bottom: 20px; }
.navigation ul li:hover { background: #CCC;	}
.navigation ul li a { width: 100%; height: auto; padding: 10px 0px; display: block;	}
.navigation ul li.active-slide a.selected { color: #003366 !important; border-bottom: none; 	}


.topreturn { visibility: hidden; line-height: 0; display: none; opacity: 0;	}


#slide-5 .container { margin-bottom: 200px; margin-top: 100px;	}
.phone-text a {color:#fff; text-decoration:none;}

}


/* #Mobile (Landscape)================================================== */
/* Note: Design for a width of 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

body { font-size: 14px;}
h3 { font-size: 28px; line-height: 30px; text-align: center; }

p { font-size: 14px; line-height: 26px; margin-bottom: 15px; }
.wysiwyg ul { font-size: 12px; line-height: 26px; margin-bottom: 10px; list-style: circle inside; margin-left: 10px; }

blockquote:before { font-size: 150px; vertical-align: -105px; }
blockquote p { font-size: 12px;	}

.pagetitle h2 { font-size: 15px; text-align: center; font-weight: 700; color: #ffffff; text-transform: uppercase;  background-size: 290px; }
.pagetitle:before, .pagetitle:after { font-size: 100px; line-height: 100px;}
.ribbon { padding: 17px 10px; }

.container { width: 420px; }
section { min-width: 420px; }
.bcg{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-size: auto 140%;
	-webkit-background-size: auto 140%;
	-moz-background-size: auto 140%;
	-o-background-size: auto 140%;
	height: auto;
	width: 100%;
}


.container .grid_1,
.container .grid_2,
.container .grid_3,
.container .grid_4,
.container .grid_5,
.container .grid_6,
.container .grid_7,
.container .grid_8,
.container .grid_9,
.container .grid_10,
.container .grid_11,
.container .grid_12 { width: 420px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;  }

.container img { width: 55%; margin: 0 auto; display: block; height: auto; }

a.branding { width: 228px; height: 80px; background: url('../images/branding.gif') top center no-repeat; display: block; float: left; text-indent: -9999px;	}
/*a.branding:hover { background-position: 0 -64px; }*/

.navigation { top: 0; height: 65px; overflow: visible;}
.navigation label { visibility: visible; line-height: inherit;  font-weight: 700; text-transform: uppercase; position: relative; display: block; width: auto; float: right; height: 30px; color: #CCC; padding: 8px 43px 0px 0px;  background-image: url('../images/dropdown_image.gif'); background-repeat: no-repeat; background-size: 37px auto; background-position: center right; margin-top: 10px; }
.navigation input + label { -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; }
.navigation input:checked + label, .navigation input:checked + label:hover { }
.navigation input { display: block; }
.navigation .article { display: block; line-height: inherit; visibility: visible; overflow: hidden; height: 0px; -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; background-color:#ffffff; position: fixed; z-index: 9999; top: 60px; width: 420px; }
.navigation.sticky input:checked ~ .article{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navigation input:checked ~ .article { height: auto; }
.navigation .article ul li a {  }
.navigation ul li.current-menu-item a { color: inherit; border-bottom: none;	}

.navigation ul { float: none; display: block; margin: 0px 0px 0px 0px; }
.navigation ul li { padding-left: 5%; width: 45%; padding-top: 20px; padding-bottom: 20px; }
.navigation ul li:hover { background: #CCC;	}
.navigation ul li a { width: 100%; height: auto; padding: 10px 0px; display: block;	}
.navigation ul li.active-slide a.selected { color: #003366 !important; border-bottom: none; 	}

.topreturn { visibility: hidden; line-height: 0; display: none; opacity: 0;	}

#slide-5 .container { margin-bottom: 200px; margin-top: 100px	}


form input, form textarea { margin: 0px 0px 15px 0px; padding: 10px 5px;
}
.phone-text a {color:#fff; text-decoration:none;}