body {
/*font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
font-family:Arial, Helvetica, sans-serif;*/
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	background-color: /*#434c50*/#fff;
	padding: 2.4% 0;
}





/*********************************************************************************************/
.phone-header {
	font-size:1.5em;
	text-align:center;
	padding:10px 0px;
}
.phone-header a:hover {
	color:#fff;
}
.phone {
   	margin: 0;
 	padding: 0 0 40px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-size: 1.25em;
    font-weight: bold;
    color: red;
}
.title phoneh1 {
	margin-top: 20px;
  	margin-bottom: 10px;
  	}
/*********************************************************************************************/
.navbar-default {
    background-color: #fff;
   
}
.navbar-default .navbar-nav > li > a:hover {
    /*background-image:url('../img/prizm/rainbow2.jpg');
    background-repeat:no-repeat;*/
    color:#811B33;
    font-size:1.4em;
}
.navbar-brand {
	margin-top:-1.2%;
	padding-bottom:4%;
	padding-left:3%;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold; 
    font-size:125%;
    background-color:#000/*7F2E41*/;
}
.navbar-default .navbar-nav > ul {
    background-color:aqua;
  
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}


.navbar-brand img {
	 box-shadow: 7px 7px 7px #000;
	 padding-top:2%;
	 margin-top:6%;

}

.dropdown-submenu {
    position: relative;
    font-size:1.2em;
   

}

.dropdown-submenu>.dropdown-menu {
	position:relative;
	top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    font-size:1.0em;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    
  
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.btn-primary {
color:#fff;
background-color:aqua;
}

.btn-spec {
color:#fff;
background-color:#184A7F;
}

.btn-cut {
color:#fff;
background-color:#000;
}
.btn-product {
color:#fff;
background-color:#9A433C;
}



/*********************************************************************************************/
.carousel-caption h2 {
	color: red;
	font-size:1.2em;
	
	color: #fff;
	font-size:1.4em;

	text-shadow: 0 2px 3px rgba(0, 0, 0, 1.2);
}
blockquote {
  	font-size: 1.2em;
}
ul {
	text-transform:capitalize;
}
.panel-title {
	text-transform:uppercase;
	font-size:1.6em;
}
.blockquote footer {
	background-color:#236A00;
	color:#000;
	padding-top:.5%;
}
/*********************************************************************************************/
.present {
    padding: 20px 30px;
    text-align: center;
    margin: 10px 0px;
    height:100%;
}
.heading-present {
	font-size:200%;
	color:#fff;
}
.present p {
	font-size:120%;
  	color: #fff;
}
.present a:hover {
    box-shadow: 0 0 18px #2a2d34;
    padding:1.5%;
}
.present-a {
    background: /*ffa85b#93DC28*/#184A7F
;
}
.present-b {
    background: /*48b054#20B14C*/#000;
}
.present-c {
    background:/*F0472C#4f2320*/#9A433C;
}
.present-d {
    background: /*E3635C*/#C92570;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 2.0em;
    color: #000;
}
.clear {
	clear:both;
}

.noshadow img {
	 box-shadow: 0px 0px 0px;
}

.logos img {
	display:inline-block;
	padding: 1% 1%;
	
	text-align:center;
	
	vertical-align:middle;
	
}
.bio {
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#03563C;
	}
.copy {
color:#000;
}

/*.col-md-2 {
padding-left:30px;
padding-right:30px;
}*/
/*********************************************************************************************/
footer{
	background-color: #2d2d2d;
	height: 150px;
}
.frame {
	background-color: #2a2d34;
}
.btn-success {
	background-color: #20B14C;
}
.bullet {
	background-color:#fff;
}

.fa {
    margin: 2% 0% 0% 0%;;
    padding:10px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    /*border-radius: 50%;*/
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google-plus-square {
    background: red;
    color: white;
}

/*flip start********************/
/* entire container, keeps perspective */
/*flip end********************/
* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 480px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(180deg);
	}
/*ie code**********************/

/*end ie code******************/
/*********************************************************************************************/
/*********************************************************************************************/
@media screen and (min-width: 400px) {
.navbar-default {    
    font-size:.8em;
}
.carousel-caption h2 {
    color: red;
    font-size:1.8em;
    
	color: #fff;
	font-size:1.8em;

	text-shadow: 0 2px 3px rgba(0, 0, 0, 1.2);

}
.heading-present {
	font-size:200%;
	color:#fff;
}

}

@media screen and (min-width: 767px) {
.navbar-default {    
    font-size:.9em;
}

/*.navbar-brand img {
	padding-top:3%;
}*/
.carousel-caption h2 {
    color: red;
    font-size: 2.5em;
    
	color: #fff;
	font-size:2.5em;

	text-shadow: 0 2px 3px rgba(0, 0, 0, 1.2);

}
.heading-present {
	font-size:135%;
	color:#fff;
}



.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #000;
	background-color: transparent;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #D5D5D5;
	background-color: #000;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

}
@media screen and (min-width: 1020px) {
.navbar-default {    
    font-size:1.0em;
    
}
.carousel-caption h2 {
    color: red;
    font-size: 4.5em;
    
	color: #fff;
	font-size:4.5em;

	text-shadow: 0 4px 6px rgba(0, 0, 0, 1.2);

}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
    font-size: 1.2em;
}


.heading-present {
	font-size:200%;
	color:#fff;
}
}
/*********************************************************************************************/
/*carousel effects*/
/*********************************************************************************************/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.15, 1.15);
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}