/* ---------------------- 
Stylesheet Guide
-------------------------

GENERAL STYLES
PAGE STRUCTURE
HEADER
MAIN MENU
SOCIAL ICONS
CAROUSEL
ICON BOXES
ROUNDED LIST
TESTIMONIALS
FORMS and buttons
FLEX IMAGE
NERVESLIDER
OMBRE TABLE
COLORBOX
LOADING SPINNERS
EXPERIENCE
TOOLTIPS
GOOGLE MAP PIN
BLOG
SIDEBAR
FLICKR FEED
HORIZONTAL MENU
LIGHT GALLERY
TABS
ACCORDION
RESPONSIVE IFRAME
FOOTER
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(73,155,234,0.56) 41%, rgba(73,155,234,0.56) 58%, rgba(32,124,229,0.56) 100%);
*/

/* ================= GENERAL STYLES  ================== */
body {
    background-color:#000;
    color: #000 ;
}/* also <li></li> text */
h1,h2,h3,h4,h5,h6,.grid.hero .headline { 
    color:#000;/* color of <headings "hx>"> text in paragraphs must be hex*/
}
h1-white{
color:#fff
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #D0224F;
}
h1.border:after,
h2.border:after,
h3.border:after,
h4.border:after,
h5.border:after,
h6.border:after { /* color of highlights should be hex*/
    background-color: #663729;
}
#page-title {
    background-color:dodgerblue;
}
#page-title h1 {
    background-color: rgba(44,93,191,0.55);
	color: aliceblue;
}
p { /* color of standard <p> text in paragraphs must be hex*/
    color: #000;
}
a {
    color: #000;
}
a:hover { /* color of link text in paragraphs */
    color:darkblue;
}
hr {
    background: rgba(57,70,207,0.1);
}
blockquote {
    background: #363635;
	border-radius: 18px;
}
blockquote p {
    color:#fff;
}
blockquote p:before {
    color: #818181;
}
blockquote p.cite {
    color: #818181;
}
blockquote p.cite span {
    color: #f5245f;
}
blockquote p:before {
    color:#3e3e3e;
}
.gallery.photo:after,.gallery.video:after,.gallery.link:after {
    color:#fff;
}
.gallery:before {
    border-right: 40px solid #f5245f;
    border-top: 40px solid #f5245f;
}
/* ================= PAGE STRUCTURE  ================== */
.grid-border {
    background-color: rgba(224,46,48,0.88);
}
#slider-container,#featured-image-container {
    background-color: transparent;
}
.ombre-box {
    background-color: #363635;
}
.ns_nerveSlider .ns_slideContent div h1,#featured-image-title h1 {
    background-color:rgba(217,155,106,0.81);
    color: firebrick;
	border-radius: 10px;
} /* Top Box bg color and text color on animated */
.ns_nerveSlider .ns_slideContent div p span {
    background-color:rgba(205,66,66,0.85);
    color: darkblue;
	border-radius: 10px;
}   /* btm Box bg color and text color on animated */
#featured-image-title p span {
    background-color: #16171D;
    color:#fff;
}
#page-container {
    background-color: rgba(255, 255, 255, 0.75);
	margin: 30px auto;
} /* this is the main content background color for pages, text area color */
#bg-transparent {
    background: rgba(0, 0, 0, .0);
} /* allows bg picture to be obscured/brighten or darken with mask */
.img-loading {
    background-color: #fff;
}
.img-loading:before {
    background-color: #fff;
}
.img-loading:after {
    background-color: #fff;
}
/* ================= HEADER  ================== */
#header-top {
    
	/* background-image: linear-gradient(to top, rgba(135,184,216,0.80),red, red,orange,orange, yellow,yellow,green,blue, blue, indigo, indigo,violet, rgba(135,184,216,0.20)); */
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
} /* header with logo area */

/* ================= MAIN MENU  ================== */
#header-menu {
    background: linear-gradient(to bottom, rgba(30,144,255,0.0) 25%,  rgba(31,143,255,0.9) 55%, rgba(31,143,255,0.0) 75%);
	border-radius:50px ;
		
} /* header text area for menu for responsive menu */
.toggleMenu {
    background-color: linear-gradient(to bottom, rgba(30,144,255,0.1) 13%,  rgba(31,143,255,0.9) 55%, rgba(31,143,255,0.4) 75%);
    color: #fff !important;
} /* background color when pull down menu appears */
.nav a {
    color:yellow;
} /* main header text color for links */
.nav > .activelink > a {
    color: #000;
} /* text color for active link in menu */
.nav li a:hover {
    color: #fff;
} /* color for menu text when hoverd over "active text selection" */
.nav li ul {
    background-color: rgba(135,184,216,0.8);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
} /* pulldown header menu background color */
.nav li li a,
.nav li li li a {
    color: #000;
}
.nav > li.nav-arrow > a:after {
    color: #000;
}
.nav > li.nav-arrow:hover a:after,
.nav > li.nav-arrow:focus a:after,
.nav > li.nav-arrow:active a:after {
    color: #fff;
}
.nav > li:before {
    background: #607B8B ;
}
.nav li ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
@media only screen and (max-width: 1024px) {
    .nav > li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.05);
    }
    .nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .nav li ul {
        background-color: #35586C	;
    }
    .nav ul ul {
        background-color: #607B8B;
    }
}
/* ================= SOCIAL ICONS ================== */
.social-icons li a {
    background:rgba(59,117,236,1.00);
} /* bg for headerand footer */
.social-icons li a:hover,
.social-icons li a:focus,
.social-icons li a:active {
    background:rgba(106,156,168,0.85);
    color: #fff;
} /* bg on hover for icon active link */
.footer-social li a:before {
    color:#818181;
}
.footer-social li a:hover:before {
    color:#fff;
}
.team-social li a:before {
    color:#fff;
}
.team-social li a:hover:before {
    color:#fff;
}
.social-icons.team-social li a,.social-icons.model-social li a {
    background: #3e3e3e;
}
.social-icons.team-social li a:hover,.social-icons.model-social li a:hover,
.social-icons.team-social li a:focus,.social-icons.model-social li a:focus,
.social-icons.team-social li a:active,.social-icons.model-social li a:active {
    background: #ff555f;
    color: #fff;
} 
/* ================= CAROUSEL  ================== */
.owl-theme .owl-dots .owl-dot span {
    border: 3px solid #363635;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #f5245f !important;
    border: 3px solid #f5245f !important;
}
.owl-theme .owl-dots .owl-dot:hover span {
    background: #363635;
    border: 3px solid #363635;
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
    color: #fff;
    background-color: #363635;
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
    background-color: #f5245f;
}
.owl-theme .owl-controls .owl-nav .disabled:hover {
    background-color: #363635;
}
.ombre-carousel > figcaption {
    background-color: #363635;
}
.ombre-carousel h5 a,.ombre-carousel h5 a:hover {
    color:#fff;
}
.ombre-carousel h5 a:before {
    background: #f5245f;
}
.arrow-button {
    background-color: #3e3e3e;
    color:#818181;
}
.arrow-button:hover {
    color:#fff;
}
.arrow-button:before {
    background: #3e3e3e;
}
/* ================= ICON BOXES ======changed on index page========= */
.icon-container {
    background-color:rgba(208,122,47,1.00);
}
.icon-container a {
    color:#fff;
}
.icon-container a:before {
    color:#fff;
}
.icon-container:before {
    border: 6px solid #bdbdbd;
}
/* ================= ROUNDED LIST ================== */
.rounded-list span{
    background: #363635;
    color:#fff;
}
.rounded-list span:before{
    background: #f5245f;
    color: #fff;
    border:5px solid #16171D;
}
/* ================= TESTIMONIALS ================== */
.testimonial .testimonial-text {
    background-color: rgba(50,80,148,1.00);
}
.testimonial .testimonial-text p {
    color: #fff;
}
.testimonial .testimonial-text p.testimonial-cite {
    color: #818181;
}
.testimonial .testimonial-text p span{
    color: #f5245f;
}
.testimonial .testimonial-text:before {
    border-right-color: #363635 !important;
}
@media only screen and (max-width: 900px) {
    .testimonial .testimonial-text:before {
        border-bottom-color: #363635 !important;
    }
}
.testimonial-nav-left,.testimonial-nav-right {
    color: #fff;
}
.testimonial-nav-left .fa,.testimonial-nav-right .fa {
    color: #fff;
}
/* ================= FORMS and Buttons ================== */
input,textarea {
    background-color: #16171D;
    border: 1px solid #363635;
    color: #818181;
}
input:focus,textarea:focus {
    background-color: #363635;
    color: #fff;
}
.button,input[type="submit"] {/* these are the static input buttons through out site */
    background-color:cornflowerblue;
	color: #fff;
	border: 2px solid rgba(111,211,222,0.56);
	border-radius: 12px;
}
input[type="submit"]:hover { /* contact form */
    background-color:#EE893C;
	color: #000000;
	border-radius: 20px;
}
.button:hover, .button:focus, .button:active {
    color:white;
}
.button:before{/* these are the on-hover input buttons through out site */
    background-color:#2F65C4;
	color:bisque;
    border: 3px solid rgba(178,222,182,0.56);
	border-radius: 8px;
}
/* ================= FLEX IMAGE ================== */
.caption-image figcaption {
    background-color: #363635;
    font-size: 18px;
}
/* ================= NERVESLIDER ================== */
.ns_nerveSlider.light .ns_prevButton div {
    background: #16171D url("icons/left.png") 45% 50% no-repeat;
}

.ns_nerveSlider.light .ns_nextButton div {
    background: #16171D url("icons/right.png") 55% 50% no-repeat;
}

.ns_nerveSlider.light .ns_pauseButton div {
    background: #16171D url("icons/playpause.png") 50% 0% no-repeat;
}

.ns_nerveSlider .ns_prevButton div:hover, .ns_nerveSlider .ns_nextButton div:hover, .ns_nerveSlider .ns_pauseButton div:hover {
    background-color:aquamarine;
    opacity: 1;
} /* on-hover -- buttons on home page left/right arrows, pause button */

.ns_nerveSlider.light .ns_timer {
    background: rgba(255,255,255,0.7);
} /* timer bar on bottom of picture for index */

.ns_nerveSlider.light .ns_dots .ns_dot {
    border: 1px solid #fff;
}

.ns_nerveSlider.light .ns_dots .ns_dot.ns_selected {
    border: 1px solid #fff;
    background: #fff;
}
/* ================= OMBRE TABLE ================== */
.ombre-table li {
    color: #818181;
}
.ombre-table li {
    border-bottom: 1px solid #3e3e3e;
}
.ombre-box .ombre-table li {
    border-bottom: 1px solid #3e3e3e;
}
@media only screen and (max-width:640px) {
.ombre-table-left {
    color:#fff;
}
}
/* ================= COLORBOX ================== */
#cboxOverlay{
    background:#16171D;
}
#cboxContent{
    background:#16171D;
}
.cboxIframe{
    background:#16171D;
}
#cboxError{
    border:3px solid #f5245f;
}
#cboxLoadedContent{
    background:#f5245f;
}
#cboxLoadingOverlay{
    background:#16171D;
}
#cboxTitle{
    color:#fff;
}
/* ================= LOADING SPINNERS ================== */
.double-bounce1, .double-bounce2,.container1 > div, .container2 > div, .container3 > div,.dot1, .dot2,.spinner4,.cube1, .cube2,.spinner6 > div,.spinner7 div:before,.spinner7 div:after,.spinner7 div,#cboxLoadingGraphic,#cboxLoadingGraphic:before,#cboxLoadingGraphic:after,.ns_nerveSlider .ns_loadSpinner div,.ns_nerveSlider .ns_loadSpinner div:before,.ns_nerveSlider .ns_loadSpinner div:after {
  background-color: #fff;
}
/* ================= EXPERIENCE ================== */
.experience-box {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/* ================= TOOLTIPS ================== */
.tooltipster-light {
	background: #fff;
	color: #363635;
}
.tooltipster-dark {
	background: #16171D;
	color: #fff;
}
.tooltipster-pink,.tooltipster-gototop,.tooltipster-header {
	background: #4D23F5;
	color: #fff;
}
/* ================= GOOGLE MAP PIN ================== */
.pin:after {
    color: #f5245f;
}
/* ================= BLOG ================== */
.grid-container .grid-content {
    background-color: #363635;
}
.grid-container h4 a,.grid-container h4 a:hover,.grid-container h5 a,.grid-container h5 a:hover {
    color: #fff;
}
.grid-container h4 a:before,.grid-container h5 a:before {
    background: #f5245f;
}
.grid-container.grid-small .grid-content p a {
    color:#818181;
}
.grid-container.grid-small .grid-content p a:hover {
    color:#fff;
}
.grid-content.grid-quote p.grid-quote-cite span {
    color: #f5245f;
}
.grid-content.grid-quote:after {
    color: #3e3e3e;
}
.grid-container .button {
    background: #3e3e3e;
}
.blogpager .button {
    color:#818181;
}
.blogpager .button:hover {
    color:#fff;
}
.comments_content {
    background-color: #363635;
}
.comments_content:before {
    border-bottom-color: #363635 !important;
}
.reply:before {
    color: #818181;
}
#sub-title {
    background-color: rgba(22, 23, 29, 0.7);
}
#sub-title div {
    background-color: rgba(22, 23, 29, 0.7);
}
/* ================= SIDEBAR ================== */
.sidebar-list li a {
    color: #818181;
}
.sidebar-list li:hover a {
    color: #f5245f;
}
.sidebar-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.sidebar-list {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.sidebar-list li:hover:after, .sidebar-list li:focus:after, .sidebar-list li:active:after {
    color: #f5245f;
}
.sidebar-post-title span {
    color: #818181;
    background-color: #363635;
}
.sidebar-post-title:hover {
    color: #f5245f;
}
.sidebar-posts-img {
    border: 5px solid #363635;
}
.sidebar-posts li a:hover .sidebar-posts-img {
    border: 5px solid #f5245f;
}
.sidebar-posts li a:hover .sidebar-post-title span {
    background-color: #f5245f;
    color: #fff;
}
.sidebar-post-date {
    color: #818181;
    background-color: #363635;
}
/* ================= FLICKR FEED ================== */
.flickr-box li img {
    border:3px solid rgba(255, 255, 255, 0.05);
}
.flickr-box li img:hover {
    border:5px solid #000;
}
/* ================= HORIZONTAL MENU ================== */
.horizontal-menu li {
    background-color: #363635;
}
.horizontal-menu li a, .horizontal-menu li a:hover{
    color: #fff;
}
.horizontal-menu li a:before {
    background: #f5245f;
}
#horizontal-menu-title {
    background-color: #f5245f;
    color:#fff;
}
#horizontal-menu-title.horizontal-menu-animate {
    background-color: #363635;
    color:#fff;
}
/* ================= LIGHT GALLERY  ================== */
.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(22, 23, 29, 0.9);
  color: #818181;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #fff;
}
.lg-toolbar {
  background-color: rgba(22, 23, 29, 0.9);
}
.lg-toolbar .lg-icon {
  color: #818181;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-sub-html {
  background-color: rgba(22, 23, 29, 0.7);
  color: #fff;
}
#lg-counter {
  color: #818181;
}
.lg-outer .lg-thumb-outer {
  background-color: #16171D;
}
.lg-outer .lg-toogle-thumb {
  background-color: #16171D;
  color: #818181;
}
.lg-outer .lg-toogle-thumb:hover {
  color: #fff;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #f5245f;
}
.lg-progress-bar {
  background-color: rgba(255, 255, 255, 0.1);
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
}
.lg-progress-bar .lg-progress {
  background-color: #f5245f;
}
.lg-backdrop {
  background-color: #363635;
}
/* ================= TABS ================== */
.resp-tab-active {
    border-top: 3px solid #f5245f !important;
}
.resp-tabs-list li:hover {
    background-color: #363635;
    color: #fff;
}
.resp-tabs-list li.resp-tab-active {
    background-color: #363635;
}
.resp-tabs-list li.resp-tab-active {
    color:#fff;
}
.resp-tabs-container {
    background-color: #363635;
}
.resp-tab-active {
    background-color: #363635;
}
/*-----------Vertical tabs-----------*/

.resp-vtabs .resp-tabs-list li:hover {
    background-color: #363635;
    border-left: 3px solid #f5245f;
    color: #fff;
}
.resp-vtabs .resp-tabs-list li.resp-tab-active {
    background-color: #363635;
    border-left: 3px solid #f5245f;
}
h2.resp-tab-active {
    background-color: #363635;
}
@media only screen and (max-width: 700px) {
    .resp-tab-active {
        background-color: #f5245f !important;
        color: #fff !important;
    }
}
/* ================= ACCORDION  ================== */
#accordion-container {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.accordion-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.accordion-header:hover {
	color:#fff;
}
.active-header {
	color:#fff;
}
.accordion-content {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
/* ================= RESPONSIVE IFRAME ================== */
.flex-video {
    background: #16171D;
}
/* ================= FOOTER ================== */
#footer {
    background-color: rgba(255, 255, 255, 0.75);
    color: #fff;
}
#footer h5 {
    color: #000;
}
#footer-widgets p,
.footer-widget .footer-list li a,
.credits {
    color: #000;
}
.footer-widget ul li a:hover,.footer-widget ul li:hover a {
    color: #fff;
}
.footer-list {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-widget .footer-list li:after {
    color: #818181;
}
.footer-widget .footer-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-widget ul li:hover:after, .footer-widget ul li:focus:after, .footer-widget ul li:active:after {
    color: #f5245f;
}
#footer .footer-info {
    background-color:rgba(255, 255, 255, 0.05);
} /* copyright box color */
.tags {
    color: #818181;
    border: 5px solid rgba(255, 255, 255, 0.05);
	border-radius: 10px;
}
.tags:hover {
    color: #fff;
    background-color: #f5245f;
    border: 1px solid #f5245f;
}
#back-to-top {
    color:#fff;
    border-bottom:5px solid #133A22;
    background-color:#133AB8;
}
#back-to-top:after {
    background: #133A11;
}