* {margin:0;
	/*border-radius:0 !important;*/}
html, body {height: 100%;}
/* Typographical Elements--------------------------------------------- */
html { font-size: 62.5%; /* 10px browser default */}	
/* Chrome fix */
body > div { font-size: 1.6rem;}
body {padding:0; color:#F5F5F5; /*colorl off-white 1*/
     margin:0 0;
	font-size: 16px; font-size: 1.6rem;
    line-height:1.6; background:#f8f8f8;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
p.alignright1, .alignright1 {text-align:right;}/*center at 767px break */
p.alignleft1 {text-align:left;}
.serif {font-family:"Courier New", Courier, monospace; font-weight:bold;}
/* special fonts */
/* remove @font-face {
  font-family: 'Riesling' !important;
    src:  url('../fonts/ries/Riesling.ttf.woff') format('woff'),
    url('../fonts/ries/Riesling.ttf.svg#Riesling') format('svg'),
    url('../fonts/ries/Riesling.ttf.eot'),
    url('../fonts/ries/Riesling.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal; 
    font-style: normal;}*/
/* other */
#topcontrol {z-index:57;}
img {max-width:100%;} .small, p.small {font-size: 80%;/* was 87%*/ line-height:1.1;} p.small2 {font-size:77%; line-height: 1.3;} .portfo-info p.small {margin-top:0px;}
large, .large {font-size: 123%;}
hr {border-color: #444;/* colorl dark grey */ margin: 3px; margin: .3rem;}
.page-wrap {min-height: 100%;
margin-bottom: -35px;   /* equal to footer height */ background:#d5dada;} /* color light grey 1*/
.page-wrap:after {
  content: ""; display: block;}
.wrapper { min-height: 100%; font-size: 1.8rem; font-size:18px;
	height: auto !important; /*height: 100%; margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */}
.wrap2 {background:#f8f8f8;}
.container {max-width: 97%/*was 1400px*/; margin: 0 auto;}
.container.no-left, .container-fluid.no-left, .no-left {margin-left:0; padding-left:0;}
.container.no-right, .container-fluid.no-right, .no-right {margin-right:0; padding-right:0;}

.home-page-content .container, .home-page-content .container-fluid {padding-right: 0px;
  padding-left: 0px; 
  margin-right: 0;
  margin-left: 0;}
 .home-page-content .copyright .container, .home-page-content .container.at-top { margin-right:auto; margin-left:auto; padding-right: 15px;
    padding-left: 15px;}
.home-page-content .container-fluid.no-left {background:#fafafa; width:100%;}
/* Header 2 styles */
/*Top Bar (login, search etc.)---*/
.top{background: #f8f8f8; /*colorl off-white 2 */}
/*Header (logo and menu)-------*/
.header { width:100%; margin:0; padding-bottom:8px; font-size: 19px; font-size:1.9rem;
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 5px solid #3c495a;}/* colorl dark blue 1*/
.header .container { position:relative;  margin:0 auto 10px; margin: 0 auto 1rem;}

 .header2 {max-width:85%; margin:0 auto; margin:0 auto;} /* all change at 1023px and 768px breaks */
.header2 .navbar.pull-left {width: 35%; }
.header2 .navbar.pull-left ul {float:right !important; }
.header2 .navbar.pull-right {width:37%;}
.header2 .navbar.pull-right ul {float:left !important;}
/* if with tagline .portfolio-item .logo {padding: 5px 0;}*/
.logo {  width:28%; display:inline-block;  padding:17px 0 15px; text-align:center;  margin:0 auto;  
/* rotate */
-ms-transform: rotate(348deg); /* IE 9 */
    -webkit-transform: rotate(348deg); /* Chrome, Safari, Opera */
    transform: rotate(348deg);}
.logo svg { width:100%; height:100%; max-width:150px; max-height:78.79px; padding:0;}
.logo a span, .site-title{color: #20242F;/* colorl dark blue 2*/ line-height:1em;   letter-spacing:1px;margin:5px auto 0px auto; margin:.5rem auto 0rem auto; padding-bottom:0; text-align:center;}
.logo a:hover, .logo a:active, .logo a:focus{text-decoration: none;}
.logo a span:hover {color:#00A0B0;}/* colorl turquoise 1*/
#description {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px; font-size:1rem; color: #555;
	margin:0 auto ;line-height:1em;
	font-style:italic;
	text-shadow:none;  }
/* updated */
.portfolio-page .tilt-announce {font-size: 16px; max-width: 280px; margin: 15px auto 10px; padding: 5px 4px; line-height: 1.3; }
.tilt-announce {-ms-transform: rotate(348deg); /* IE 9 */
    -webkit-transform: rotate(348deg); /* Chrome, Safari, Opera */
    transform: rotate(348deg);
	background:#eeecee; margin-bottom: 40px; color:black; text-align:center; border:1px solid #F1C40F; max-width: 450px;}
	 .tilt-announce2 {background:#eeecee;  color:black; text-align:center; border:1px solid #F1C40F; max-width: 85%;}
	 a.tilt-announce2 {padding: 15px; background:white;  
	 margin: .5rem 2%; max-width: 310px; text-align:center;}
	 .mobile-show.tilter { max-width: 315px; margin: 1rem 15% 0;}
	 .tilt-announce3 {-ms-transform: rotate(354deg); /* IE 9 */
    -webkit-transform: rotate(354deg); /* Chrome, Safari, Opera */
    transform: rotate(354deg);
	background:#eeecee; margin-bottom: 40px; color:black; text-align:center; border:1px solid #F1C40F; max-width: 450px;}
.tilt-announce.home1 {padding: 10px 10px;max-width: 250px; display:inline-block; float:left;}
h2.home-more {line-height:1.4; text-align:left !important; text-indent:9%;}
/*Menu*/
.navbar, .navbar-inner, .nav,
.navbar-inverse { 
	margin:0;	
	padding:0;
	border:none;
	filter:none !important;
	background:transparent !important;
	background:none;
	-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
   .navbar {
        border:0;
        padding-top: 20px;padding-top:2rem;}
.navbar-inner { margin-top: 0px; z-index:999;
	padding-left: 0px !important; 
	padding-right: 0px !important;}
.navbar { width:auto;display:block; /*float:right; width:50%; */ width: auto; position:relative;}
.navbar .nav { margin-left:0;}
.navbar .nav > li { display:inline-block; position:relative; margin-top: 16px;}
.navbar .nav > li > a, .navbar .nav > li > a:visited{
    border-radius: 4px 4px 4px 4px !important;
    color: #444;
    display: block;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 	112%; letter-spacing: .9px;
    font-weight: 500;
    margin-left: 1px;
    margin-right: 3px;
    padding: 8px 13px 9px 13px;
    text-shadow: none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;}
.navbar ul li:hover a, .navbar ul li:hover a:hover {color: #727272 !important;}	
.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover {
    box-shadow: 0 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px rgba(0, 0, 0, 0.2);
     color:#999 !important /* was red #cf6766 blue #38819E*/;  background: none;} 
.navbar a:hover {color:#999 /* was #38819E #cf6766*/;}
/*remove .navbar .nav li.open > .dropdown-toggle{color: #585f69;	/*colorl dark purple1 purple-blue1*//*
 background-color: #f8f8f8;}*/
body ul.nav li:hover, body ul.nav li:hover a, body ul.nav li a:hover {color:#506279 !important;}
body ul.nav > li > a:hover, body ul.nav > li:hover {color:#506279 !important;}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus {
 background: none;
    box-shadow: 0 2px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.35);
       -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.35);
   color: /*#was others, then #727272*/ #777!important; 
    text-decoration: none;}
li.active a {color: #7d6678 ;}
#mainMenu li.active > a {text-decoration:underline; color:/* was #38819E*/ #777;}
.navbar .nav > .active > a:hover {	
 background: none;
    box-shadow: 0 2px #777/* was red #cf6766*/ !important;
  	color: #999/*#38819E/* #cf6766*/ !important;
  	-webkit-box-shadow: 0 2px #999;/* was #38819E then change to purple*/
       -moz-box-shadow: 0 2px #999;}
.navbar .nav > li > a .caret {
  border-top-color: #fff !important;	
  border-bottom-color: #fff !important;
  margin:7px 0 0 2px !important;
  display: none;}
.dropdown-menu {height:auto;
    background: none repeat scroll 0 0 /* was #cf6766*/ #38819E;
    border: medium none;
    border-radius: 4px 4px 4px 4px !important;
    margin: 10px 0 0 1px;
    min-width: 195px;
    padding: 0;
    z-index: 99999;}
.dropdown-menu a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-radius: 4px 4px 4px 4px !important;
    color: #efefef!important;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 4px;
    padding: 7px 15px !important;
    font-weight: 600;}
.nav-collapse {background:#3c495a;}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus
.dropdown-submenu:hover > a {
	color: #ffffff;
	background: #585f69!important;
	-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;
	filter:none !important;}
.dropdown-menu .active > a {
	color:#585f69 !important;
  	background: #3c495a !important;
	filter:none !important; }
.dropdown-menu .active > a:hover {
  	color: #ffffff !important;
  	background: #585f69 !important;	}
.collapse.in ul {}
.collapse.in li a { /* padding:5px 10px; */
	}
	/* .btn-navbar {background:#c17B72;} /* colorl pink5 muted rouge*/
.navbar .btn-navbar {
	padding:10px 15px;
	margin-top: 0 !important; float:right; width: 50%;
	background:#3c495a !important;
	border:none !important;	}
	/*.navbar .btn-navbar:before {content: 'menu' !important; text-align:left; float:left;} */
.navbar .btn-navbar:hover {background: #D74C1E;}/* color orange-red 1 bold*/
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span {
	font-size:60px;
	background:#fff !important;
	box-shadow:none !important;
	  	-webkit-box-shadow: none;
       -moz-box-shadow: none;}
.navbar .nav > li > .dropdown-menu:before{border-bottom: 7px solid #cf6766;}
.navbar .nav > li > .dropdown-menu:after {
    border-bottom: 7px solid #cf6766;
    border-left: none;
    border-right: none;}
/*Tabs*/
.nav-tabs.tabs { background:none !important;}
/*remove Search*/
/* Back to Style */
.container-home {width:90%; margin: 0 auto; }
p, a, li { color:#333; line-height:1.6; } 
.centered {text-align:center;} 
.mobile-hide, .mobile-hide-sm {display:block; } .mobile-show, .mobile-show-sm, .mobile-showsmd, .mobile-show-ix, br.mobile-show-ipx, .mobile-show-lgportfo, .mobile-show-lgportfo1, br.mobile-show-lgportfo1, 
br.mobile-show-lgportfo, .mobile-show3, .mobile-showSMcol {display:none;}/* shows at 767  and 480*/  
.portfo-info .mobile-show hr {margin-bottom: 10px;} .portfo-info p {line-height:1.25; width: 95%; margin:7px auto; font-size:90%;}
.unstyled li { margin-top: 10px; margin-top:1rem; list-style:none;}
a, a:focus,  a:hover, .samples-container a:hover, 
a:active, button:active, button:focus {outline:0 !important; }
a:visited {text-decoration:none;}
a:hover {color:#a73841;text-decoration:underline;} .samples-container a:hover { color:#D74C1E; text-decoration:underline;}
::selection {color:#fff;  background: #00A0B0;  /* Safari */}
::-moz-selection {color:#fff; background: #00A0B0; /* Firefox */}
/*Typography---------------*/
h1, h2, h3, h4, h5 {
	color:#555; 
	margin-top:5px; 
	/*text-shadow:none;  */
	text-shadow:0 0 1px #f6f6f6; /* colorl off-white3 */
	font-weight:normal !important; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} 
h1 i, h2 i, h3 i, h4 i, h5 i {margin-right:7px;}
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {font-size:1.7em;} /*modified to normalize */
/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }
/* Corrects font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }
  /* Improves readability of pre-formatted text in all browsers. */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*Block headline*/ /*Heading*/
.heading {
	padding:5px 20px 5px 20px;
	border-left:4px solid #27c5f2; }/* color light blue bright bold*/
.headline { margin-bottom:0; display:block;margin:10px 0 25px 0;}
.service2 .headline h3 {color:#cf6766;/* change color:#cf6766;*/ text-transform:none;}
.service2 .headline a:hover {text-decoration:none;}
.headline h3, .headline h4 { border-bottom:none;
    color: #444;
    display: inline-block;
    font-size: 23px;
    font-weight: 600 !important;
    margin: 0;
    padding-right: 10px;
    text-shadow: 0 0 1px #F6F6F6;
    text-transform: uppercase; }
/* remove Purchase */
/*Service*/
.service {  margin-bottom:10px; margin-bottom:1rem; padding:8px 10px 9px; padding:.8rem 1rem .9rem;
    text-align: center;  font-size:97%;
    background: none; 
    position: relative; }
.services-menu-top2 .service {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } 
.service a:hover {text-decoration:none;}
.service .btn-buy { /*bottom: -20px;*/
    /*display: inline-table;*/
    /*margin: 0 22%;*/
    /*position: absolute;*/} .service ul, .service li {list-style:none;} .service ul {margin-top:0;}
.service li {float:left; margin: 10px 15px;}
.service2:hover i:hover { color:#EDC951; }/*colorl yellow1 */
 .service2 i { font-size:35px; }
/*remove .service:hover i {color:#00A0B0;}/* colorl turquoise 1*/
.home-services {margin:0 0 0 15px; margin: 0 0 0 1.5rem; max-width:350px; }
.home-page-content .home-services {margin-top:-14px; }
.home-services ul {line-height:1.2; font-size: 96%; }/* changes for mobile*/
.service2 {padding: 15px 0 5px; padding:1.5rem 0 .5rem}
#listed /* changes at mobile tablet 767 break list on home page for services */ {background: #f2f2f2; /* darker grey rgba(204,204,204, .2);/*rgba(0,160,176,.1) turquoise logoA rgba(196,77,88, .1)/* red rgba(99,103,163, .2); /* light purple */ color: black !important; /*border-right: rgba(0, 0, 0, 0.1) solid 2px;*/
box-shadow: 0 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
	  border-radius: 0px 0px 4px 4px !important;}
#designed{ padding-top: 8px; padding-top:.8rem; margin-top:4px; margin-top:.4rem; background:#eeecee;/* light purple of 5d4157 */
	   box-shadow: 0 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
	   border-radius: 0px 0px 4px 4px!important; }
#developed {box-shadow: 0 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
	   border-radius: 0px 0px 4px 4px!important;}
#development-list {background:#5E8C6A;}
.service i {vertical-align:middle;padding:10px 1px 5px 1px; color: #444;
	/*color:#00A0B0; font-size:45px;*/ font-size: 110%;   text-align:left; }


.services-menu-top .service i:hover, .services-menu-top2 .service i:hover {color:#069;}/*color Blue3 */
/* to do -- delete in here --*/
.services-menu-top i.icon-envelope:hover{color:#D74C1E;}/* Orange1 Orange-Red */
.service2 h3:hover {color:#CC333F;}/* colorl Red2-brighter*/
/*remove .service i {font-size:37px;color:#5E8C6A;} /* green2 */
.service i:hover, .service i.icon-picture:hover {color:#00A0B0;/* turquoise1 */	}
.service .desc { position: relative;width: 100% !important; }
.desc h3 a:hover {text-decoration:none;}
.service .desc h4 {font-size:26px;line-height:25px; }
.service .desc h5 {font-size:21px;line-height:23px; margin-bottom: 14px; margin-bottom:1.4rem;}
.service .desc .two h4 a, .two a, /*.desc .fa-cogs,*/
h4.s2 a:hover, h4.s2 i:hover, h4.s2:hover a, h4.s2:hover i   {color:#4491b4;} /*now blue was #5E8C6A green */
.service .desc .one h4 a, .one h4, .one a, .service i.icon-picture,
h4.s3 a:hover, h4.s3 i:hover, h4.s3:hover, h4.s3:hover a, h4.s3:hover i{ color:#5d4157; /* purple2 */	}
.service .desc .one h4 a:hover, .desc .two a:hover, .service a:hover {
color:#00A0B0;	}
/*Blockquote*/
cite {font-weight: normal; font-size: 93%; padding-top:0; margin-top:0;}
#contact-pg blockquote p {font-size: 24px;}
#contact-pg blockquote {border-left-color:#718a95; /*colorl blue3 muted */ margin:0 auto 20px auto; padding:0; overflow:hidden; } 
#contact-pg h1 {text-align:center; }
#contact-pg .calltoaction h1{ color:#000; font-weight:bold; text-transform:none; font-variant:small-caps;
 padding-bottom: 2px;
    padding-top: 5px;}
blockquote .calltoaction h1 { margin-bottom:0; padding-bottom:0; }
.calltoaction h1{
    font-size: 40px;
    color:#e1524b;/* red3 brighter pink2 */
    text-transform: uppercase;
    text-align: center;
    font-weight: 600 !important;
    padding-bottom: 15px;
    padding-top: 15px; }
.calltoaction p{ line-height: 1.6; font-weight: 600; font-size: 16px; padding: 0 20px 20px;}
.calltoaction span {
    color: #999999; /*colorl grey4 lighter */
    display: block;
    font-size: 18px;
    line-height: 20px;
    text-align: right;}

/* remove .hero-Respondo p */
/*table fixes*/
.table th, .table td {color: #8B8B8B;} /* colorl grey5 */
/*remove Recent Work + Work + Testimonials */
/* slides */

/*Carousel Arrow REMOVE*/
/*Clients (Flexslider)*/
.home-slides .carousel-inner {margin:0 auto; }
/*remove clients */
.clients, 
.flexslider.home {
    background: none;
    border:0px;
    overflow:hidden;
    margin-top:10px;      
    margin-bottom:30px;      
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;}
/* remove .flexslider { margin-top:10px !important;}
.flexslider .flex-direction-nav a {margin-top:-10px !important;}
/* remove pagination */
/*Footer*/
.footer, .push {height: 35px; height:3.5rem }/* '.push' must be the same height as 'footer' */

.site-footer, .page-wrap:after{ /* added aug2016 last class-- info: .push must be the same height as footer */
  height: 35px; height:3.5rem;}
.site-footer {background:#3c495a;}
.footer {
    background: none repeat scroll 0 0 #3c495a;
    border-top: 5px solid #80BCA3; /* colorl Green5 lighter soft */
    color: #DADADA; /* colorl grey6 */
    margin-top: 0px;
    padding: 10px;}
.footer .logo{margin-left:0;}
.footer h1,  .footer h2, 
.footer h3, .footer h4,  .footer h5 {text-shadow:none;font-weight:normal;} 
.footer p,
.footer a {font-size:15px;}
.footer p { color: #FFFFFF;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;}
.footer a {color:#375b59;}/* colorl Green6 dark green turquoise3 */
.footer a:hover {
	color:#D74C1E;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;}
.footer h4, .footer h3 {
    background: none repeat scroll 0 0 transparent;
    color: rgba(0, 0, 0, 0.45);
    font-size: 20px;
    text-shadow: none;}
.footer .btn-u {background:#cf6766;}
.footer .links ul{list-style-image: url('../img/ul-arrow.png');}
.footer .links a {
    color: #FFFFFF;
    font-weight: 600;
    line-height: 2;
    padding: 2px 10px;}
.footer .links a:hover, .footer .links a:active, .footer .links a:focus {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
	background: none repeat scroll 0 0 rgb(255, 255, 255) transparent; /* default fallback */
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF); /* IE 6/7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF)"; /* IE8 */	
    border-radius: 4px 4px 4px 4px !important;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.2);}
.footer .posts {padding:0 15px;}
.footer .blog-list {
	margin:0;
	padding:0;
	color:#dadada;
	list-style:none;}
.footer .blog-list li {
	padding:0 0;
	margin-bottom:7px; margin-bottom:.7rem;}
.footer .blog-list li span {color:#818488;}/* colorl grey7 */
.footer .dl-horizontal,
.footer .dl-horizontal:hover {
	border:none !important;
	background:none !important;}
.footer .dl-horizontal a {color: #FFFFFF;}
.footer .dl-horizontal a:hover {color:#a8f85f !important;}/* green7 bright green neon1 */
.footer .dl-horizontal img {border-color:#888 !important;}
.footer address{color: #fff;}
.footer address a{font-weight: bold;}
/*Copyright*/
.clearer {height:15px; height:1.5rem;width:100%; clear:both; display:block;}
.clearersm {height:9px; height:.9rem;width:100%; clear:both; display:block;}
.extra-cover { display:block; height: 40px; background:#3c495a; position:relative; bottom:0; width:100%;}
.copyright {
    background:#3c495a; 
    font-size: 14px; clear:left;
    padding: 15px 0px 20px 0px; margin:0;
	bottom:0;}
.copyright p {color:#fff;}
.copyright a {margin:0 5px;color:#fff; text-decoration:none;}
.copyright a:hover {
	color:#fff; text-decoration:underline;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;}

/*Home Page "Main page" (Default)----------------*/
.main-bg { background-image:url(../../BGs/main1.png); /* remove z-index:-1; */background-repeat:no-repeat; background-position:top right; 
position:absolute;   min-height: 394px;float:right; clear:both; padding-bottom: 130px; max-height:400px; max-width:417px; z-index: 2;
margin:0; padding-left:0; right: 5%; -moz-background-size:contain; background-size:contain;
-webkit-background-size:contain; -o-background-size:contain;}
#main-page {margin:0 auto; width:98%; clear:both; height:auto; overflow:hidden; text-align:center}
/*modified*/.service2 .headline {text-align:center; margin-bottom:0;} 
.home-page-content .stwo .service  {box-shadow: none;
		-webkit-box-shadow: none;
       -moz-box-shadow:none;} /* remove underline from home page boxes */
.home-page-content .desc.one {}
.home-page-content h2 {text-align:center;} .home-page-content p.more-see {text-align:center; margin-top: 10px;}
.main-top {text-shadow: 1px 1px #fff; width:97%; clear:both; }
.main-top-text #carousel {border-left:0;  border-right:0; border-bottom: 3px solid #b6b6b6;/* colorl grey8 */ border-bottom: .3rem solid #b6b6b6; border-top: 3px solid #b6b6b6; border-top: .3rem solid #b6b6b6;}
.main-top-text #carousel .carousel-indicators li { visibility: hidden; display:none !important; }
.main-top-text #carousel img {}
.main-top-header {padding-top: 30px;text-align:center; margin:0 auto 0 auto; clear:both;margin-left: 150px;}
img.solutions-sell {float:left; margin-bottom:10px; margin-right:10px; border:2px solid #7F8C8C;/* colorl Light Grey-Green2 Sea-Green2*/} .title1 h1 {color:#343534; /* colorl Grey9 almost-black1 (very dark)*/}
.main-top-header img {max-width:285px; max-height:238px;}
.home-clear {clear:both; height: 13px; width:100%; border-bottom:none;}
.home-slides .carousel-inner > .item{text-align:center; max-width:725px; max-height:416px; margin:0 auto; }
.home-slides .carousel-inner {margin:0 auto; }
.top-info-contentB {display:none;}
.top-infop {text-align:center; width: 70%; margin:5px auto;}
.top-info-content {text-align:center; margin-top: 10px; /* change margin-right:0px;*/ }
.top-info-content2 {text-align:center; background:#3c495a ; border: 2px solid #3c495a; float: none; /*changed right;*/ width:80%; margin: 10px auto; margin:1rem auto;padding:5px 8px; padding:.5rem .8rem ; color:#fff; z-index:50;} 
 .top-info-content2:hover {border:2px solid #4E4956;/*colorl purple3 brighter*/ background:none; color:#4E4956;}
  .top-info-content2 a:hover, .incl-button a:hover, .incl-button p:hover, .main-top-header a h4:hover {color:#63a39f!important; text-decoration:none !important; } 
 /*new color*/ h1 span.two a, h1 span.two, h2 span.two a, h2 span.two { border-bottom-color:#4E4956;/*light purple3 color */ font-style:italic; font-weight:bold; color:#4E4956; background:none; width:100% !important; text-decoration:none;}
h2 span.two a:hover, h2 span.two:hover {color:#00A0B0;/*was color:#63a39f; /* colorl turquoise2 light green1 pastel color */ border-bottom-color:#63a39f;} 
d1 a:hover {color:#b94a48;} a.btn {border-width:0;}
button a, button:hover a, button a:hover, a.btn.btn-primary:hover  {color:white; text-decoration:none;}
.incl-button p, .incl-button span, .incl-button a, .top-info-content2 a, .main-top-header a h4{color:#fff; padding:0; color: #fff;text-shadow:none; height:auto; width:auto; margin:0;} 
.main-top-header a, .main-top-header h2 a, h3 a:hover {text-decoration:none;}
.top-info-conntentC {float:none; text-align:center; background:#3c495a; float:right; margin-right: 30px; 
margin-top: 10px; margin-top:1rem;padding:5px 8px 3px 8px; padding:.5rem .8rem .3rem .8rem;}
.top-info-content span{background:#f8f8f8;padding-bottom: 4px; padding-bottom:.4rem; 
border-bottom: 1px solid #343434;border-bottom:.1rem solid #343434;}
.top-info-content h1 .two{color:#b94a48;/*colorl red4 muted */ font-size:82%;text-align:right; line-height:1.2; 
margin-bottom:0; padding-bottom:0;border-bottom:0px; border-bottom:0rem;}
.top-info-contentB h1 .two {color:#b94a48; font-size:82%;text-align:center; font-style:italic;
margin-bottom:0; padding-bottom:0;border-bottom:0px; border-bottom:0rem; margin-top:0rem; margin-top:0px;}
.top-info-contentB span {margin-bottom:0px;margin-bottom:0rem; line-height:1;}
/* remove TABBABLE home main tabs */
/* remove Thumbnail (Recent Work) ---------------------------*/
/*remove Welcome Block  - servive-block and service-block*/

/*Breadcrumbs*/
.breadcrumbs {
    background: none repeat scroll 0 0 #ECECEC;
    box-shadow: 0 0 4px #EEEEEE inset;
		-webkit-box-shadow: 0 0 4px #EEEEEE inset;
       -moz-box-shadow: 0 0 4px #EEEEEE inset;/* off-white */
    padding: 10px 0 6px;}
/*Home Page "Options" ------------*/
/*remove Accordion acc-home*/
/* remove Posts */
/*Home Page "Options"-----------*/
/*Slider*/
.slider-inner .da-slider { border-bottom: 5px solid #ADADAD;/* off-white*/
    box-shadow: none;
		-webkit-box-shadow: none;
       -moz-box-shadow:none;}

/* Bootstrap Carousel*/
ul.thumbnails li {width:25%; float:left; padding:0 0; margin: 0 0; list-style:none;}
 body .carousel-control {background:transparent;}
  
  .carousel-indicators {bottom:0; margin-bottom:0;  position:relative;}
  /* carousel controls */
  .carousel .carousel-control{
  opacity: 0;
}
.carousel .carousel-control:hover{
  opacity: 1; background: transparent; background-color: transparent;
}

.icon-angle-left a:hover, .icon-angle-right a:hover { color:#D74C1E; }
ul.thumbnails li .selected  img{opacity: 1;}
ul.thumbnails li img {opacity: .5;}
/* remove Tabs nav-tabs */ /*remove Right Sidebar */
/*Right Sidebar*/

/*Service Blocks*/
.service-alternative .service:hover { 
	background:#76ca2c; /* colorl Green8 neon2 */
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 { color:#fff;}
/* Portfolio Samples Page */
.portfo-samples a img { object-fit:cover; height: 117px;background-position:center !important; 
vertical-align:middle; text-align:center; margin:0 auto;}
.portfo-samples .row a {text-align:center; margin:0 auto;background-color:#eee;}
.portfo-samples .col-sm-3, .portfo-samples .col-sm-6{ padding:0 1px 1px 1px; float:left; max-width: 45%;}
.portfo-samples p, .portfo-samples small {text-align:center !important; font-weight:normal;}
.portfo-samples hr {clear:both; margin: 5px;}

.portfo-samples .glyphicon {/*position:fixed; /*display: block;*/ bottom:0; padding-right:0; padding-left:0; font-size: 20px; font-weight:normal;}
.portfo-samples .ekko-lightbox .glyphicon-chevron-right {right:-25px;}
.portfo-samples .ekko-lightbox .glyphicon-chevron-left {left:-25px;}/* changes @768*/
.portfo-samples .ekko-lightbox-nav-overlay a {
    opacity: 1; /*change from 0 to show */
    /*filter: dropshadow(color=#000000,offx=2,offy=2);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: initial;
    transition-delay: initial; */}
img.img-responsive {text-align:center !important; }
.portfo-samples .ekko-lightbox-container img.img-responsive {text-align:center !important; 
margin:0 auto; }
.portfo-samples .modal-content {text-align:center; margin:0 auto;/* needs to change around 700 to center!*/ }
.portfo-samples .modal-header {padding:15px 15px 3px;}
.portfo-samples .modal-body {padding: 10px 20px;}
.portfo-samples .modal-footer {padding: 2px 20px 4px; margin-top: 4px;}
/* darker text for modals */
.modal-body.dark-text li{ color:black;}
.modal-body hr {margin: 0px auto; margin: 0rem auto; border-color:#d4d4d4; width: 95%;}
/** About Page **/
#about-pg { width:100%; position:relative; -webkit-backface-visibility: inherit;margin-bottom:90px;}
.about-text {float:right; width: 73%;}
.about-bg { background-image:url(../../BGs/about.png);  /* remove --footer issues background-color: #f8f8f8; */
 min-width: 50%; max-width:424px; max-height:589px; 
 float:left; margin-left: 0px; -moz-background-size:contain;
 -webkit-background-size:contain;background-size:contain; 
min-height: 500px; position:fixed; z-index:-2;
 width: auto; background-repeat:no-repeat; }
.abt-content { text-shadow: 1px 1px #fff; border-radius: 95px 0px 0px;/* curve the border*/
margin-top: 50px; padding: 5px 25px;
background: rgb(255, 255, 255) transparent; /* default fallback */
background: rgba(255, 255, 255, 0.43); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF); /* IE 6/7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF)"; /* IE8 */	}
.abt-content a {color:#5d4157; font-weight:bold;}
.abt-content a:hover {color: #D74C1E; }
.abt-content h2 {font-style:italic; color:#000; text-indent: 5%;}
.two-thirds {float:right; width: 20%;} /* remove Team */
/* Services Page--------------*/
.list-services {margin:0 auto; width: 97%; clear:both;}
.services-pg .wrapper {position:relative; }
.services-pg .wrapper .container {}
.services-top {padding-left:15%; width: 98%;} /* remove width 95% */
.services-top .push-left {}
.services-top p {/* add text background at break */	}
.services-pg .area1a {padding-top:5%;  text-shadow: -1px 1px 1px #fff;
border-radius: 15px; padding-top:5px; background: rgba(255, 255, 255, 0.83); }
.services-pg .area1a p {color:black;}
.services-menu-top { float:right; width: 70%;
  box-shadow: 0 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px rgba(0, 0, 0, 0.1);}
.menu-spacer {display:none;}
#services-list {}
.process-box { padding-left:0; background:#f3f3f3 /*#eeecee*/;}
#services-pg  .container{ margin:0 auto; width: 100%;}
.services-bg {background-image:url(../../BGs/services2.gif);
/* remove background-color: #f8f8f8; */background-repeat:no-repeat; 
 min-width: 80%; max-width:435px;min-height: 470px; 
 z-index:-2;
 float:left; margin-left: -5px; margin-top:-30px; position:absolute;
-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;  }
.menu-title-push {display:none;}
.menu-content1 {margin-right: 5%;}
.services-menu-text{ text-shadow: 1px 1px #fff;
background: rgb(255, 255, 255) transparent; /* default fallback */
background: rgba(255, 255, 255, 0.43); /* nice browsers */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF); /* IE 6/7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6dFFFFFF, endColorstr=#6dFFFFFF)"; /* IE8 */	}
#services-pg .nav-tabs li.active a,
#services-pg  .nav-tabs > .active > a
{background:#e12600; /*colorl red5 bright*/ color:#fff; text-shadow: none;}
#services-pg .nav-tabs li.active a:hover { background:#eb4e35;} /* colorl red6 muted services */
#services-pg .nav-tabs > li > a {
background:#718a95;} /* blue3 muted */
#services-pg .nav-tabs > li > a:hover {
background:#5c4354;	/* colorl Purple4 dark purple plum*/}
#services-pg .tab-content { 
	padding:7px 10px;
	border:solid 2px #718a95; }
#services-pg .headline {font-style:italic; text-align:center; margin-bottom:0; }
.social-bg{background:#5d4157;}
#services-pg .headline h3 {letter-spacing: 2px; text-transform:none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 150%; font-weight:normal; margin-bottom:0;}
/* remove menu-1, mpg2, and menu-content-1 and menu-content1 */
/* remove Icons Page */
/* remove Pricing Page---*/
/*Gallery Page ----------------------*/
.facebook {display:none;}/* no facebook like on popup; hide FB*/
.gallery .thumbnail,
.gallery .thumbnail:hover {
	padding:0;
	border:none;
	box-shadow:none;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.gallery .thumbnails {margin-bottom:6px;}
/* remove Registration and Login Page-*/
/*404 Page--------------*/
body.notfound {} .page-404 {}
body.notfound #main .pull-left {}
/* try2 body.notfound .picnf { background-image:url(../../BGs/portfolio.svg); width: 35%; max-width: 317px; height:490px; background-repeat:no-repeat; display:inline!important; position:absolute!important; left:0!important; background-size:contain; background-position: center left;}*/
body.notfound .picnf {  background-image:url(../../BGs/portfolio.svg); width: 100% !important;  height:420px; background-repeat:no-repeat; display:block!important; position:absolute!important; left:0!important; background-size:contain; background-position: center left; margin-top: 20px;}
body.notfound .picnf2 {  background-image:url(../../BGs/paint2.png); width: 100% !important;  height:520px; background-repeat:no-repeat; display:block!important; position:absolute!important; left:0!important; background-size:contain; background-position: center left; margin-top: 0px;}
body.notfound .nf3{background-image:url(../../BGs/lost1.png)!important; background-repeat:no-repeat; background-position: top right; height:100%; max-height: 600px; background-size:contain; padding:0 0; margin:0 0;}
body .page-404 p {
	color:#555; line-height:1.1;
	font-size:150%; /* was 100px*/
	text-align:center;
	position:relative;}
.page-404 p i {font-style:normal;}
.page-404 p span { margin:0;
	display:block;
	font-size:50%;/* was 32px */
	position:relative;}
/* remove Clients Page------*/ /* remove Privacy Page---*/policy
.video-list iframe, .slides iframe {width:100%; min-width:100%;}
iframe {border:0; }
/* VOs bg */ 
body.VOs {overflow-x: hidden; width: 100%;}
.VOs .copyright {clear:both; width:100%;} .VOs .row-fluid .margin-bottom-20 {clear:both; width:100%;}
.VOs-bg {padding-bottom:10px; margin-top:5%; margin-bottom:5px;} 
.VOs-bg .bg-img {background-image:url(../../BGs/VOs-beibay.png); background-repeat:no-repeat; min-width:50%; max-width:95%; background-position:top left; height:auto; background-size:contain;min-height:500px; max-height:80%; }
.vo-demos.container-fluid {width: 97%; text-align:center; margin-bottom:30px;}
audio {min-width:99%; margin:0 auto; text-align:center;} /* works with mobiles */
audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
  max-width: 100%; }
.d1 audio {/* maybe something with this ?? */ }
.VOs-bg h4, .VOs-bg h2 { text-align:center; text-shadow:1px 1px 1px #fff; } 
.VOs-bg h4, .VOs h4 {/*removed color:#4da2a0;*/ color:#0b0b0b; line-height: 1.4; font-size: 98%/* was 105%*/;  word-wrap:break-word;} 
.VOs-bg h4.side {background-color: rgba(255, 255, 255, 0.8); text-align:center; width: auto; max-width: 280px; margin:auto;}  
ul.demos {list-style:none; padding:0 0;}
ul.demos h4 {margin-top:0;  padding-top:0;}
ul.demos li {background:rgba(255,255,255, .7); width: auto; margin: 0 auto; }
ul.demos li.l1 { border: 2px solid #D6BF86 /* hay*/; padding: 5px 7px;}
ul.demos li.l2 { border:2px solid #c2ceea; padding: 5px 7px;}
li.l1, li.l2 { margin-bottom: 15px !important;}
li.l1.thirdv, li.l2.thirdv {} 
/*Portfolios Page-1---------- remove portfolio-samples, samples-container*/
/* Individual portfolio pages */
ul li.and-more {font-style:italic; list-style-type:none !important;}
ul.long-descr li {float:left; margin-right: 30px;}
.wrapper.portfolio .container {padding:0; margin: 0 auto; width: 100%;}
.wrapper.portfolio {margin-bottom: 0; /*was -200px*/}
#portfo-content .view .view-tenth {max-width:200px;}.portfo-info #myCarousel {margin-top: 5%;} .portfo-info {max-width: 95%; margin:10px auto; color:#888;}
.portfo-info ul {margin: 8px auto; padding-left: 10%;}.portfo-info li {line-height: 1.2em/*was 1.5*/;  margin-bottom: 10px; margin-bottom:1rem;} .portfo-info h3 {margin-bottom:0px; margin-bottom:0rem;} .portfo-info h4 {color: #333; margin-bottom: 5px; margin-top:0;} .portfo-info hr {margin: 0px auto; margin: 0rem auto; border-color:#d4d4d4; width: 95%;} .portfo-info .btn {}
.related-links {font-size:100%;}.related-links a {color:#000;} .related-links .icon-arrow-left {margin-right:2px;} .related-links .icon-arrow-right {margin-left:2px;} .related-links a:hover {text-decoration:none;}
.portfolio-responsive .mask p, .portfolio-responsive .mask {font-size: 99%; text-align:center;}
/* slides lists*/
/*ul.slides li {background: #ccc; max-height: 300px;} ul.slides li img{ max-height:300px; object-fit: contain;} if object-fit works on later IE*/
/* more portfolio */
.samples-container a {color: #666; margin: 0 5px;} .samples-container { font-size: 90%;} .see-more {color:#3c495a; font-weight:bold;}
.portfo-bg2 { float:left; margin-left: 10px; position: fixed; min-width:50%;
 width: auto; background-repeat:no-repeat; min-height: 470px;  z-index:-2;  max-width: 317px;
 background-image:url(../../BGs/portfolio.svg);/* or .gif*/  height: auto;  -moz-background-size:contain;-webkit-background-size:contain; background-size:contain; 
}
body.portfolio-page {}
body.portfolio-page article {}
.portfolio-wrapper {width: 100%; max-width: 1100px; margin: 0 auto; list-style:none; list-style-type:none; }
#portfo-content2 {float:right; width: auto; z-index:1; text-align:center; margin-right:0; padding-right:0; padding-left: 35%;}
.content-portfolio {color:#444; text-align:center; font-size:115%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 1.5rem; margin-bottom:15px;}
.portfo-title2 {width: 60%; margin:0; padding:0;}
.portfo-details2 {display:none; clear:both;} /* hidden until @568 */
.portfo-menu2, .portfo-menu-top { margin:0 auto; width:100%; text-align:center; color:#000;}
.portfo-menu { background:#fff; padding: 5px;}
.content-portfolio .col-md-7 p {font-size:17px; font-size:1.7rem;}
.portfo-description a, .portfo-description {border-bottom: none; font-size: 14px; margin-top: 5px;}
/*Portfolio Sort-2---------*/
.sort li a:hover {background: none repeat scroll 0 0 #E2534B; /* colorl red7 pink3 portfolio sort hover*/
    color: #FFFFFF;}
.sort li a.selected {
    background: none repeat scroll 0 0 #6AAAA6; /*colorl Turquoise3 muted green9 */
    color: #FFFFFF;}
/* remove Portfolio Item Page-------*/ /* remove Blog Page-----*/
/*Contact Page-----------*/
.contact-bg { background-image:url(../../BGs/contact.png);
/*background-color: #f8f8f8;*/ background-color:transparent;
 min-width: 50%; max-width:297px; max-height:534px;
 float:left; margin-left: 10px; margin-bottom:35px;
-moz-background-size:contain;-webkit-background-size:contain;background-size:contain; min-height: 480px; position:fixed; z-index:-2;
 width: auto;background-repeat:no-repeat;}
#contact-pg {text-shadow: 1px 1px #fff;}
#contact-pg h3.alignright1 {padding-right: 10%;}
input, textarea { color:black;
    background: none repeat scroll 0 0 #f2f2f2 !important;
    border-radius: 4px 4px 4px 4px !important;
    border: #444 solid 1px;  }
#contact-pg input {width:49%; margin: 5px 0; float:none;}
.contact-content {border-radius: 25px 0px 0px;/* curve the border*/}
#contact-pg  textarea {width: 100%;}
label{color:black;}
.contactinfo {
/*overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported */
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/ 
 font-size:87%;
    background: none repeat scroll 0 0 #E5E6E6; /*colorl grey10 */
    border-radius: 4px 4px 4px 4px !important;
    padding: 15px;}
.btn-mailform{
    border-radius: 4px !important;
    box-shadow: 0 4px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 4px rgba(0, 0, 0, 0.1);
    margin-top:10px;
    padding: 10px 15px !important;}
/* Form */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: solid 1px rgba(124, 128, 129, 0.2);
		color: black;
		display: inline-block;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
		outline: 0;
	}
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #83d3c9;
		}
	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1.2em;
	}
	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.5;
		position: relative;
		top: 3px;
	}
	:-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}
	::-moz-placeholder {
		color: inherit;
		opacity: 0.5;
	}
	:-ms-input-placeholder {
		color: inherit;
		opacity: 0.5;
	}
/*remove One Page-------*/
/* remove Search Page + booking-blocks--*/
/*Others (Global classes)-----*/
/* remove Background light-style*/ /* remove Link read-more*/
/*Link color-orange-style*/
.services-pg .linked {border: 2px solid #16a085;}
.linked:hover {
	color:#D74C1E;text-decoration:none;}
li.linked:hover {background-color:#16a085; color:white;}
.services-pg .linked2 {border: 2px solid #00A0B0; background:#ebebeb;}
li.linked2:hover, .linked2:hover a, .linked2:hover a:hover {background-color:#00A0B0; color:white;}/*turquoise hover -- TBD*/
.services-pg .linked3 {border: 2px solid #16a085 ; background:#ebebeb;}/* green*/
li.linked3:hover, .linked3:hover a, .linked3:hover a:hover {background-color:#16a085; color:white;}/*green hover -- TBD*/
/* remove CSS3 Hover Effects*/
.no-padding.container {padding-top: 0 !important; padding-bottom:0; width:auto;}
.policy p {width: 90%; margin:0 auto;}
.terms-block p {font-size: 94%;} .terms-block h5 {font-size: 105%;}
ul.no-list {list-style:none;}
ul.no-list  li {list-style:none;}
#image-hammer{float:right; max-width: 315px; max-height: 400px;
   shape-outside: polygon(90% 10%, 70% 0%, 0% 0%, 67% 100%);
  width: 53%;
  height: 40em;
  shape-image-threshold: 0.0;}
/* remove Spaces*/
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { clear:both;}  
.margin-bottom-5 {margin-bottom:5px; margin-bottom: .5rem; }
.margin-bottom-10 {margin-bottom:10px;  margin-bottom: 1rem;}
.margin-bottom-20 {margin-bottom:20px; margin-bottom:2rem;}
.margin-bottom-25 {margin-bottom:25px; margin-bottom: 2.5rem;}
.margin-bottom-30 {margin-bottom:30px; margin-bottom: 3rem;}
.margin-bottom-40 {margin-bottom:40px; margin-bottom: 4rem;}
.margin-bottom-50 {margin-bottom:50px; margin-bottom: 5rem;}
.margin-bottom-60 {margin-bottom:60px; margin-bottom: 6rem;}
.top-2 {top:2px; top:.2rem;}

/*Buttons--------------------*/
.button-thirds {margin: 5px auto; margin:.5rem auto; max-width: 565px;}/* see responsive styles */
.button-thirds button {display:inline-block; }

.btn-secondary {color:#5d4157;}
.btn-secondary:hover {background:#5d4157; color:white;}
button .btn:focus, button:active {outline:none;}
.btn { box-shadow: none; 	-webkit-box-shadow: none;
       -moz-box-shadow: none;}
.btn-square {border-radius:0!important;}
.btn-empty {background: none; border:2px solid !important; outline:none; background-color:transparent;}
.btn-empty:active, .btn-empty:focus, .btn-empty:visited {background-color:#9dc7da !important;} 
/* empty color buttons */
/*portfolio button overrides*/
.btn-empty-blue2, .btn-empty.blue2 {border-color:#4491b4 !important; color:#4491b4;}
.btn-empty.orange {border-color:#e67e22; color:#e67e22;}
.btn-empty.sea2 {border-color:#00A0B0; color:#00A0B0;}
.btn-empty.orange:hover{border-color:#e67e22 !important; background-color:#e67e22;} .btn-empty.sea2:hover {border-color:#00A0B0!important; background-color:#00A0B0;} .btn-empty.blue2:hover {border-color:#51859d !important; background-color:#51859d;} 
.btn-empty.p1 {border-color:#666A86 !important; color: #666A86;}
.btn-empty.p1:hover{border-color:#666A86 !important; background:#666A86; color:white;}
.btn-empty.dblue {border-color:#3c495a !important; color: #3c495a;}
.btn-empty.dblue:hover {background-color:#3c495a !important; color:white;}
.btn-empty:focus {background: none;outline:none;}
.btn-empty.btn-purple {border-color:#5d4157; color:#5d4157;}
.btn-empty.btn-red {border-color: #cf6766; color: #cf6766;}
.btn-empty.btn-red:hover {color:white; background: #cf6766;}
.btn-red2 { padding: 5px 20px; padding:1rem 2rem; border-color:#cf6766; color:white; background: rgba(196,77,88, .1)/*rgba(241,196,15, .2) */; border-radius:40px 0 50px 0;}
.btn-red2:hover, a.btn-red2:hover {background:#66a7c5;}

/* Special buttons on Services Page*/
.services-pg .btn-red2 {border:#ccc solid 1px; display:block; clear:both; float:none; margin:0 auto; }
.services-pg .btn-red2:hover, .services-pg .btn-p1:hover {background:#51859d;}
.services-pg .col-md-5 .btn-p1 {border: 2px solid #443850; display:block; clear:both; float:none; margin: 5px auto; 
background:#666A86;
border-radius: 40px 0 50px 0;}
.btn-p2empty  {border: 2px solid #443850 !important; }
.btn-primary.btn-p2empty {color:#443850 !important;}
p.smorgasp {background:rgba(248, 248, 248, .8); clear:both; width: auto; max-width: 200px; margin: 0 auto; padding-bottom: 4px;}
.btn-rounded .btn-lg, .btn-rounded .btn-md, button.menu-list {border-radius: 40px 0 50px 0; margin:5px auto; float:none; clear:both; display: block; padding: 15px; background:transparent;}
button.menu-list.btn-u-blue3, button.menu-list.btn-u-sea2, button.menu-list.btn-u-blue2, button.menu-list.btn-dblue, button.menu-list.btn-dblue2 { border: 2px solid #3c495a;}

.services-pg .mobile-show3 .btn-u-sea2, .services-pg .mobile-hide3 .btn-u-sea2  {border-radius: 40px 0 50px 0; padding-top: 13px; padding-bottom:13px; padding-left: 15px !important;
border: 2px solid #443850; display:block; clear:both; float:none; margin: 0 auto; }
/* end services-pg special buttons */
.btn-p1, a.btn-p1  {border: 2px solid #443850; display:block; clear:both; float:none;  background:#666A86; }
 a.btn-p1a { clear:both;  background:#666A86; }
.btn-p1:hover {} .btn-md.btn-p1 {border-width:0; width:auto; text-align:center; max-width:150px; margin: 0 auto;}
body .btn-primary:focus,
body .btn-primary.focus  {background-color:#51859d; text-shadow: 0 0 0;}
/*.services-pg .btn-red2 h3:hover, .services-pg .btn-red2:hover h3  {color:#fff !important; text-shadow:0 0 0;}*/
.btn-p1 h3, btn.text-center {color:#F2F7F2; text-shadow: none;}/* remove text shadow*/
button.text-center{font-size:22px; letter-spacing: 1px; }/* larger text; h3 element not allowed in buttons */
button.text-center small {font-size:63%; clear:both; display:block; font-weight:normal; }
.btn-p1 h3 small {color:#F2F7F2;}
.btn-red2 h3 {color:#cf6766;/*dark red */ font-weight:bold;}
.btn-red2 small {color:black;}
.btn-red2:hover h3, .btn-red2:focus h3, .btn-p1:hover h3, .btn-p1:focus h3  {color:#F1C40F;}
.btn-red2:hover small, .btn-red2:focus small {color:white;}
button.btn-red2 {float:left; display:inline-block;}
.btn-u {
	border:0;
	font-size:14px;
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	background: repeat scroll 0 0 #63a39f /*green1 */;
	display:inline-block;
	color:#fff !important;
	text-decoration:none !important;}
.btn-green1 {	background: repeat scroll 0 0 #63a39f /*green1 */;}
.btn-u:hover {
	color:#fff;
	background:#D74C1E;
	text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;}
.btn-u a:visited, a.btn-u:visited, .btn-u-large a:visited, .visit a:visited {text-decoration:none; color:#fff;}
.btn-u-small {padding:3px 12px;}
.btn-u-large {
	font-size:18px;
	padding:10px 25px;
	text-decoration:none !important;}
.centered button, .centered .btn {margin-top: 10px; margin-top:1rem; text-align:center; }
a.btn-u {
	padding:4px 13px;
	vertical-align:middle;}
a.btn-u-small {
    border-radius: 4px 4px 4px 4px !important;
    padding: 5px 15px;}
a.btn-u-large, .btn-u-large {
	font-size:18px;
	padding:6px 25px;
    border-radius: 4px 4px 4px 4px !important;
   /* box-shadow: 0 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.25);*/ margin-bottom:5px;}
.btn-input-medium{border-radius: 0 4px 4px 0 !important;}
/* Buttons Colors */
.btn-u-blue {background: #3c495a !important;}
.btn-u-blue2 {background: #4491b4!important; border:0;}
.btn-u-blue2b {background:#66a7c5;}
.btn-u-blue3 {background:#556270 !important;}/* maybe modify color on portfolio page at larger sizes ? */
.portfolio-item .btn.btn-primary.btn-lg {background: transparent !important; border: 2px solid #5b6e88!important; outline:none; background-color:transparent; color:#3c495a!important;}
.portfolio-item .btn.btn-primary.btn-lg:hover {background-color:#506279 !important; color:white !important;}
.btn-dblue {background:#3c495a !important;}
.btn-dblue2 {background: #4c5c72 !important;}
.btn-u-blue:hover, btn-u-T:hover, 
.btn-u-blue2:hover, .btn-u-blue3:hover, .btn-dblue:hover, .btn-dblue2:hover, button.menu-list.btn-p1:hover  {background: #00A0B0 /*turquoise1 and sea2 color*/ !important;}
.btn-u-T, .btn-u-grey:hover {background:#008997;}
.btn-u-pink1, .btn-u-brown, .btn-u-red,
.btn-u-sea{color:#fff; text-decoration:none; border:0;}
.btn-u-pink1{background:#a36367 !important; /*colorl Pink6 btn-u-pink1 muted rouge*/}
.btn-u-pink1:hover {background:#cf6766 /* red1*/!important; color:#fff;}
.btn-u-purple{background:#5d4157/*purple2*/ !important;}
button.btn-u-purple, button.btn-lg {border:0;}
.btn-md.btn-u-purple {border:0;}
.home-page-content .btn-md {width: 150px;}
.btn-u-purple:hover, .btn-u-greend:hover {background:#cf6766 !important; color:#fff;}
.btn-u-red2 {background: #e74c3c !important;}/* red8 berry */
.btn-u-red {
	background: #cf6766 !important;}
.btn-u-red:hover {color:#fff;
	background: #c0392b !important; /*colorl red9 dark red*/}
.btn-u-red2:hover {background:#66a7c5 !important;}
.btn-u-brown {background:#544 !important; /*color brown1*/}
.btn-u-brown:hover {background:#D74C1E !important; /* orange1 */ color:#fff;}
.btn-u-orange {background: #e67e22 !important; /*colorl orange2*/}
.btn-u-orange:hover, .btn-u-green2 {
	background: #D74C1E !important; }
.btn-u-sea2 {background:#00A0B0 !important;}
.btn-u-sea3 {background:#16a085!important;}
.btn-u-sea {
	background: #1abc9c !important; /* colorl Turquoise6 Green11 */ }
.btn-u-sea:hover, .btn-u-sea2:hover {
	background: #16a085 !important; /*turquoise4 */ }
.btn-u-green {background: #5E8C6A !important; /*green2*/}
.btn-u-green:hover {background: #63a39f !important; /*green1 turquoise2*/}
.btn-u-green2 {background:#63a39f !important; color:#fff;}
.btn-u-greend {background:#16a085 !important; color:#fff;}
.btn-u-yellow {background: #F1C40F !important;}
.btn-u-yellow:hover {
	background: #F39C12 !important; /*colorl yellow3 orange3*/ }
.btn-u-grey {background: #444;}
.btn-u-green:hover, .btn-u-green2:hover {background: #D74C1E!important;}
/* Portfolio Filtering (Categories)================================ */
.portfolio-grid {width:80%; margin:0 auto;}
#portfolio-grid.portfolio-responsive article{margin:0 !important; text-align:center !important; 
padding:0 !important; float:left; max-width: 30%; padding-left:0; padding-right:0; margin-left: 3%;}
/*@768.container.portfolio-responsive{margin-left: 10%; max-width:90%;} break no left margin. away when the portfolio bg remains at top; margin-left was 10%, but issues with overflow*/
.sort-list {}
.col-md-12 #filtrable {width:78%; float:right; margin:15px auto 8px;margin:1.5rem auto .8rem; }
/* remove #filtrable { margin-top: 15px;   margin-bottom: 20px;
text-align:right;
  margin-left: 0;
 }*/
#filtrable li {text-align:center; float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  list-style: none;}
#filtrable a {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
font-variant:small-caps;
 background: none repeat scroll 0 0 #556270; /*colorl purple5 dark purple muted */
   border-radius: 4px 4px 4px 4px;
   font-size:80%;
  border-bottom: solid 3px #999;
  color: #ffffff;}
#filtrable a:hover {
   color: #fff;
	background:#cc333f;/*red2 brighter */
    text-decoration: none;
	border-color:#556270;}
#filtrable .current a {border-color: #556270;
	text-decoration:underline;
    color: #fff;
    background: #00a0b0; /*turquoiose1 */}
	/* Portfolio Thumbnails========================================= */
@media (min-width: 768px) and (max-width: 979px) {
  .portfolio article {}
  }
.portfolio .thumbnail, .portfolio article {
  padding: 0; 
  margin:0 0 15px; padding:0;
  text-align: center;
  border: none;
  position: relative;
  overflow: hidden;
  cursor: default;}
.portfolio .thumbnail, .portfolio article, .portfolio-responsive article {margin-bottom:1.5rem;
 margin:0 0 15px !important; text-align:center; max-width: 50%; float:left;  padding:0;} .portfolio article img {}
.mask h2 {display:none;} 
.portfolio .thumbnail .mask,
.portfolio .thumbnail .mask-1,
.portfolio .thumbnail .mask-2,
.portfolio .thumbnail .content,
.portfolio .thumbnail .caption {
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0; margin: 10% auto auto;
  left: 0;}
/* remove .portfolio .thumbnail h2s and as */
.view img, .view-tenth img {margin:0!important; padding:0 !important; text-align:center;}
.portfolio .thumbnail a.info, .portfolio-responsive .view a.info {display: inline-block;  margin: 17% 0 0; text-align:center; font-size:80%!important;}
.view a.info:hover {background:#76C7C0;}a.info br {height:2px;} a.info span { font-size: 90%; text-transform:none; font-style:italic;}
.view a.info.colorBlue:hover {background: #2d6987;} .view a.info.colorTurqu:hover {background-color:#63a39f;} .view a.info.colorPink:hover {background-color:#cf6766; background:#cf6766;} .view a.info.colorGrey:hover {background-color:#777;} .view a.info.colorOrange:hover {background:#D74C1E;}
/* Icons/Preview========================================= */

/* Isotope CSS3 transitions; Portfolio Hovers================================ */
.portfolio, .portfolio article {
  -moz-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;}
.portfolio {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;}
.portfolio article {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;}
/* disabling Isotope CSS3 transitions============================ */
.portfolio.no-transition,
.portfolio.no-transition article,
.portfolio article.no-transition {
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;}
/* Load more button========================================== */
.load-more-grid {border-color: #f0f0f0;}
.load-more-grid:hover {
  border-color: #e1e1e1;}
/* Single Portfolio========================================== */
.related-projects .thumbnail {margin-bottom: 0;}
.single-portfolio .ps-media {margin-bottom: 10px;}
.single-portfolio .ps-description .icons span {font-weight: 600;}
/* Frame overlay============================ */
.media a,
.thumbnail {position: relative;}
.media .frame-overlay,
.thumbnail .frame-overlay,
.portfolio article .frame-overlay {
  background-color: #ffffff;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;}
.media a:hover .frame-overlay,
.thumbnail:hover .frame-overlay,
.portfolio article:hover .frame-overlay {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;}
 /*------------------------------------------/
/-----------------Gallery-------------------/
/------------------------------------------*/
.gallery
{padding: 100px 0px;}
.all-td
{font-size: 140%;  
	font-weight: bold !important; line-height:1;
	 /*font-variant:small-caps;*/
	/*font-family: 'Riesling' !important;*/
	margin: 0px;
	/*letter-spacing: 2px;*/}
.portfolio-page .all-td {font-size: 120%; font-weight:normal !important; letter-spacing:2px;}
/* remove .portfolio-page .newdesc h2 { font-weight: bold !important;
	font-family: 'Riesling' !important;}*/
.newdesc {margin-top: 17px; margin-top:1.7rem;}
.newdesc h2, .fancy span {
	line-height:1.2;
    color: #CB5750;
    font-size: 40px;
    margin-top: 0px !important;
    font-weight: bold;
	letter-spacing: 2px;
	font-family: 'Rochester', cursive; 
	/*text-transform: uppercase; */}

/* .desc
{
	
	 font-size: 17px;
	 font-weight: 400;
	 color: #888;
}*/
.sorting{
	background-color: rgba(0, 0, 0, 0.06);
	margin-top: 60px;
	color: #3ec9c3;
	
	font-weight: 600;
	font-size: 15px;
	margin-left: 15px;
}
.sorting .active
{ background-color: #3EC9C3;
	color: #fff;
}
.filimg
{
	padding: 10px 15px;
	cursor:pointer;
}
.galleryimg
{
	margin-top: 30px;
}
.mix
{
	padding: 0px;
}





#galleryimg .mix{
	display: none;
}


.grid {
	position: relative;
	margin: 20px auto 0px;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-Beauty{
	background-color: #17819c;
}

figure.effect-Beauty img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	width: 100%;
}

figure.effect-Beauty:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-Beauty h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-Beauty p {
	margin: 1em 0 0;
	padding: 15px;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-Beauty:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-Beauty:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
/*------------------------------------------/
/-----------------About---------------------/
/------------------------------------------*/
/*about*/
.about.spacer{padding-left: 4em; padding-right: 4em;}
.circle-lists ul li{width:auto; height:auto; display:inline-block;padding:0;margin:5px ;line-height:1em;  border: 1px solid #eeeeee; background: #f3f3f3;}
.circle-lists ul li span{ text-align:center; display:inline-block;font-weight: normal; margin:10px;}
.circle-lists ul li span i{font-size:5rem;  }
.circle-lists ul li span b{display: block;font-size: 95%; font-family:"Courier New", Courier, monospace;font-weight: normal;}
.circle-lists i { text-align:center;}
/* square */
.square-lists.first {margin:5px auto; margin:.5rem auto; width: 95%; font-size:100%;}
.square-lists ul li{border: 1px solid #cccccc /*#16a085/* #CEEBF0*/;
 color: #323232; /*background:#ebfcf9; background: #f3f3f3;*/ 
border-radius: 50px 0 50px 50px; margin: 5px; margin:.5rem; line-height:1em; font-size: 19px; 
padding: 1rem 1.5rem; min-width:25%;
width:auto; height:auto; max-width: 40%; float:left;
font-weight:normal;}
.square-lists.first ul li span {line-height:1.1em; }
.square-lists.first ul li {padding: 1.5rem; }
.square-lists.first ul li span text{ display:inline-block; vertical-align:middle; font-size: 98%; max-width: 75%; margin: 0 auto; font-weight:normal; }
.square-lists.first ul li span i {font-size:3rem; /*color:black; /*color: #16a085; /*#21ABCA*/}
.square-lists ul li small {color: inherit; font-size: 90%;}
.square-lists li:hover{background: #66a7c5 /* was dark blue #23527c*/; color:white;}
/*------------------------------------------/
/-----------------Portfolio Items---------------------/
/------------------------------------------*/
/* also see portfolio button overrides */
body.portfolio-item h4.centered {margin-top: 5px;}
body.portfolio-item .container.portfolio-item h4.centered {color:#565656; font-size:17px; font-size:1.7rem; letter-spacing:.3px;}
body.portfolio-item p.centered span {margin-top: 15px; clear:both; display:block;}
/* button repositionings for portfolio-item pages */
body.portfolio-item .container.portfolio-item .btn-group-lg>.btn, body.portfolio-item  .container.portfolio-item .btn-lg, body.portfolio-item .container.portfolio-item  a.btn-u { line-height:1.333333; /* changed to match style's a height; from bootstrap height of 1.3333333*/ 
letter-spacing: .5px;
    font-size: 18px;
    padding: 9px 15px;/* padding changes for some @medias | was 6px 25px*/}
body.portfolio-item .btn-lg.btn-p1, body.portfolio-item .btn-p1 {border:0; max-width: 250px; /* remove margin: 5px auto;*/}
body.portfolio-item a.btn-p1 {display:inline-block; }
/* modal list */
h3.modal-title, h4.modal-title {text-align:center; letter-spacing:.7px;}
#services-list-modal.second ul li { margin: 10px; font-size:120%;}
#services-list-modal.second ul li i {font-size:115%;}
#services-list-modal.second ul li text {margin-left: 5px;}
body .ekko-lightbox .modal-footer {color: #000;}
.modal h4 {text-align:center; margin-bottom:0;}
.modal-footer button {background-color:transparent; border-color:#5d4157;}
.hidden {display:none;}
/* in the modal */
body .modal {overflow-y:auto;}
.modal-body li {}
.long-descr li {}/* see .portfo-info li */
.modal-body p {color:#0b0b0b;}
/* Colors */
h3.color-T.pull-left, h3.color-G.pull-left {padding: 5px 4px 0;}
.color-red, h4.color-red a, i.color-red,
h4.s1 a:hover, h4.s1 i:hover, h4.s1:hover a, h4.s1:hover i  { color:#cf6766;/*red1 */} .color-orange {color:#D74C1E; /*orange1 red-orange1*/}
.color-green { color:#63a39f /*turquoise2 green1 */;} .color-green2 {color:#468847;/* colorl green10 bolder green */}
.color-blue, .services-pg li:hover .color-blue  { color:#3c495a /* blue1*/;}
.color-blue2, .services-pg li:hover .color-blue2  {color:#2d6987/*colorl blue4 mid-blue*/;} .color-T, h2.color-T, .newdesc h2.color-T  {color: #008997 /*was #2d8778*/; text-transform:none;} /*colorl turquoise5 color */
.color-purple, i.color-purple {color:#5d4157 /*dark purple2 */;}
.color-dblue2 {color:#4c5c72;}
.color-p1 {color: #666A86;}
.color-pink1 {color:#cf6766 /*red1 */;} .color-pink2 {color:#C02942;} /*colorl Pink4 dark rouge Bei pink-red*/
.color-sea2 {color:#16a085;}
.color-sea {color:#1abc9c;}
.color-yellow2 {color:#F1C40F ;}
.purple-light, li:hover .color-purple {color: #4E4956;}
 li:hover .color-blue, li:hover .color-blue2 {color: #ccc}/* different on services-pg*/
li.border-purlight {float:left !important;}
.green-d {color:#16a085;}
p.norm, span.norm {font-weight:normal;}
.color-G, h2.color-G, span.color-G {color:#16a085;} 
.color-p.norm{color:#666A86/* was #A3A5A8*/;font-weight:normal;}
.color-p {color:#666A86;}