body{
	font-family: 'Open Sans', sans-serif;
	background-color: #000000;
}
a, a:link, a:active, a:focus, a:hover, a:visited {
	/* color: #b4923d; */
	color: #00aced;
	text-decoration: none;
}
a:hover{
	color: #006fba;
	text-decoration: underline;
}

.home-intro{
	color: #c48b13;
	font-size: 1.35em;
	text-align: justify;
	padding-top:6px;
	width: 80%;
	margin: 0 auto;
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.home-intro{
		font-size: 1.3em;
		padding-top:6px;
		width: 80%;
		margin: 0 auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.home-intro{
		font-size: 1.3em;
		padding-top:6px;
		width: 80%;
		margin: 0 auto;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.home-intro{
		font-size: 1.2em;
		padding-top:6px;
		width: 90%;
		margin: 0 auto;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.home-intro{
		font-size: 1.1em;
		padding-top:6px;
		width: 95%;
		margin: 0 auto;
	}
}



.home-projects{
	padding-bottom: 10px;
}

.maincontainer{
	padding-top: 145px;
	background-color: #000000;
	border-bottom: 3px #c48b13 solid;
	padding: 155px 20px 10px  20px;
	color: #c48b13;
	font-size: 1.4em;
	
}
.credit-page-title{
	padding: 50px 10px 30px 10px;
	color: #c48b13;
	font-size: 3em;
	border-bottom: 4px #c48b13 solid;
	text-align: center;
}


.credits-top{
	border-top: 8px #c48b13 solid;
	max-width: 60%;
	padding-bottom: 40px;
	margin: 0 auto;
}
.credits-btm-left{
	border-top: 20px #c48b13 solid;
	width: 90px;
	float: left;
	position: relative;
}
.credits-btm-right{
	border-top: 20px #c48b13 solid;
	width: 90px;
	float: right;
	position: relative;
}
.credits-footer{
	padding-top: 40px;
	padding-bottom: 20px
}
.credits-body{
	text-align: center;
	background: #000000;
	color: #FFFFFF;
	padding-bottom: 0px;
	
}

.credit-role{
	font-size: 2.5em;
	color: #808080;
	border-bottom: 2px #c48b13 solid;
	border-top: 2px #c48b13 solid;
	margin: 40px;
}

.credit-names ul{
	padding: 0 15%;
	list-style-type: square;
}
.credit-names ul li{
	font-size: 1.4em;
	color: #FFFFFF;
	padding: 5px 0;
	text-align: left;
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.credit-names ul{
		padding: 0 12%;
	}
	.credit-names ul li{
		font-size: 1.3em;
	}
	.credit-role{
		font-size: 2em;
		margin: 40px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.credit-name{
		font-size: 1.3em;
		padding: 4px 10%;
	}
	.credit-names ul{
		padding: 0 10%;
	}
	.credit-names ul li{
		font-size: 1.3em;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.credit-name{
		font-size: 1.2em;
		padding: 4px 7%;
	}
	.credit-names ul{
		padding: 0 7%;
	}
	.credit-names ul li{
		font-size: 1.2em;
	}
	.credit-role{
		font-size: 1.8em;
		margin: 20px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.credit-name{
		font-size: 1.2em;
		padding: 4px 5%;
	}
	.credit-names ul{
		padding: 0 5%;
	}
	.credit-names ul li{
		font-size: 1.2em;
	}
}

.about-text{
	text-align: justify;
	font-size: 1.2em;
	
}
.about-text h1{
	text-align: center;
	font-size: 1.8em;
	margin: 0 0 30px 0;
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.about-text h1{
		font-size: 1.6em;
		margin: 0 0 20px 0;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.about-text h1{
		font-size: 1.4em;
		margin: 0 0 20px 0;
	}

}
.about-pic-dogs{
	margin: 0 auto;
	width: 80%;
}
.about-top{
	border-top: 8px #c48b13 solid;
	max-width: 100%;
	padding-bottom: 40px;
	margin: 0 auto;
}
.janephoto{
	padding-bottom: 30px;
}

.contactpic{
	padding: 30px 0;
}
.contact-header{
	color: #c48b13;
	font-weight: bold;
}
.contact-info{
	font-size: 0.9em;
	line-height: 1.3;
	padding: 20px 20px 70px 30px;
	color: #c4c4c4;
}
.bio-info{
	font-size: 0.9em;
	line-height: 1.3;
	padding: 20px 20px 20px 30px;
	color: #c4c4c4;
}
.bio-info p {
	text-indent: 30px;
}

@media only screen and (min-width: 320px) { 
.bio-info, .contact-info{
	font-size: 0.9em !important;
	line-height: 1.3;
	}
}
@media only screen and (min-width: 440px) { 
.bio-info, .contact-info{
	font-size: 1em !important;
	line-height: 1.3;
	}
}
@media only screen and (min-width: 768px) { 
.bio-info, .contact-info{
	font-size: 1.1em !important;
	line-height: 1.4;
	}
}

.contact-form-section{
	/*
	border-top: 2px #c48b13 solid;
	border-bottom: 2px #c48b13 solid;
	*/
	margin: 20px;
	padding: 30px 0;
}
.contact-right{
	text-align: right;
}
@media only screen and (max-width : 768px) {
	.contact-right{
		text-align: left;
		padding-top: 20px;
	}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .maincontainer{
		padding-top: 155px;

	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .maincontainer{
		padding-top: 155px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
    .maincontainer{
		padding-top: 95px;
		font-size: 1.2em;
	}	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .maincontainer{
		padding-top: 95px;
		font-size: 1em;
	}

}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/

/*
Main content
*/
/*
#content article {
  margin-bottom: 40px
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}
*/
/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}



/*
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}

.navbar-header {
  float: none;
}
.navbar-left,.navbar-right {
  float: none !important;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin-top: 7.5px;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.collapse.in{
  display:block !important;
}

*/
body {
    position: relative;
    overflow-x: hidden;
}

body, html {
    height: 100%;
}

.nav .open > a {
    background-color: transparent;
}

    .nav .open > a:hover {
        background-color: transparent;
    }

    .nav .open > a:focus {
        background-color: transparent;
    }

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-left: 220px;
    }

        #wrapper.toggled #sidebar-wrapper {
            width: 220px;
        }

        #wrapper.toggled #page-content-wrapper {
            margin-right: -220px;
            position: absolute;
        }

#sidebar-wrapper {
    background: #1a1a1a;
    height: 100%;
    left: 220px;
    margin-left: -220px;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
}

    #sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }


#page-content-wrapper {
    padding-top: 0px;
    /* remove horizontal scroll on mobile drag */
	width:auto; 
	overflow:hidden; 
	max-width:auto;
	padding:0;
}


.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 220px;
}

    .sidebar-nav li {
        display: inline-block;
        line-height: 20px;
        position: relative;
        width: 100%;
    }

        .sidebar-nav li:before {
            background-color: #1c1c1c;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 3px;
            z-index: -1;
        }

        .sidebar-nav li:before {
            background-color: #c48b13;
        }

        .sidebar-nav li:hover:before {
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 100%;
        }

        .sidebar-nav li a {
            color: #dddddd;
            display: block;
            padding: 10px 15px 10px 30px;
            text-decoration: none;
        }

        .sidebar-nav li.open:hover before {
            -webkit-transition: width 0.2s ease-in;
            -moz-transition: width 0.2s ease-in;
            -ms-transition: width 0.2s ease-in;
            -o-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 100%;
        }

    .sidebar-nav .dropdown-menu {
        background-color: #222222;
        -ms-border-radius: 0;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
        background-color: transparent;
        color: #ffffff;
        text-decoration: none;
    }

    .sidebar-nav > .sidebar-brand {
        font-size: 20px;
        height: 65px;
        line-height: 44px;
    }


.hamburger-row{
	position: fixed;
	border-bottom: 3px #c48b13 solid;
    width: 100%;
    z-index: 999;
	background: #FFFFFF;
	clear: both;
	/* height: 65px; */
	height: 145px;	
}
	
.hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 32px;
    margin-left: 15px;
    position: relative;
    top: 70px;
    width: 32px;
    z-index: 999;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.hamburger-row{
		height: 85px;
	}
	.hamburger {
		top: 30px;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}




    .hamburger:hover {
        outline: none;
    }

    .hamburger:focus {
        outline: none;
    }

    .hamburger:active {
        outline: none;
    }

    .hamburger.is-closed:before {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 32px;
        -ms-opacity: 0;
        opacity: 0;
        text-align: center;
        width: 100px;
    }

    .hamburger.is-closed:hover before {
        -webkit-transform: translate3d(-100px, 0, 0);
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        display: block;
        -ms-opacity: 1;
        opacity: 1;
    }

    .hamburger.is-closed:hover .hamb-top {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        top: 0;
    }

    .hamburger.is-closed:hover .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        bottom: 0;
    }

    .hamburger.is-closed .hamb-top {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        top: 7px;
    }

    .hamburger.is-closed .hamb-middle {
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-closed .hamb-bottom {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        bottom: 8px;
    }

    .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
        height: 3px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .hamburger.is-open .hamb-top {
		background-color: #f0aa18;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -moz-transition: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -ms-transition: -ms-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -o-transition: -o-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        margin-top: -2px;

    }

    .hamburger.is-open .hamb-middle {
        display: none;
    }

    .hamburger.is-open .hamb-bottom {
		background-color: #f0aa18;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -moz-transition: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -ms-transition: -ms-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        -o-transition: -o-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
        margin-top: -2px;
        top: 50%;
    }

    .hamburger.is-open:before {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 32px;
        -ms-opacity: 0;
        opacity: 0;
        text-align: center;
        width: 100px;
    }

    .hamburger.is-open:hover before {
        -webkit-transform: translate3d(-100px, 0, 0);
        -moz-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        display: block;
        -ms-opacity: 1;
        opacity: 1;
    }


.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

.hamb-bottom, .hamb-middle, .hamb-top {
    background-color: #c48b13;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
	opacity: 0.5;
}

.footer-copyright{
	text-align: left;
	padding: 20px 30px;
	color: #c97129;
	font-size: 1em;
	
}

/*
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	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%;
}
*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ---- isotope ---- */

.grid {
  background: #000000;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.grid-sizer,
	.grid-item {
		width:50%;
	}
	.grid-single{
		width: 100% !important;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.grid-sizer,
	.grid-item {
		width:50%;
	}
	.grid-single{
		width: 100% !important;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 500px) {
	.grid-sizer,
	.grid-item {
	  width: 100%;
	}
}

.grid-item {
  float: left;
  padding: 2px;
}

.grid-item img {
  display: block;
  max-width: 100%;
  width: 100%;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;

	/* margin: 10px 1%; */
	max-width: 419px;
	/* width: 48%; */
	/* max-height: 236px; */
	max-height: 210px;
	height: 100%;
	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;

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

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.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%;
}



/*---------------*/
/***** Project Over *****/
/*---------------*/

figure.project-over {
	/* background: #9e5406; */
	background: #000000;
}

figure.project-over img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.project-over:hover img {
	opacity: 0.4;
}

figure.project-over figcaption::before,
figure.project-over figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	
}

figure.project-over figcaption::before {
	border-top: 5px solid #ca5b01;
	border-bottom: 5px solid #ca5b01;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.project-over figcaption::after {
	border-right: 5px solid #ca5b01;
	border-left: 5px solid #ca5b01;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.project-over figcaption div{
	position: relative;
	top: 50%;
	transform: translateY(-50%); 
}

figure.project-over h2 {
	/* padding-top: 10%; */
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	font-weight: normal;
	text-shadow: 2px 2px 4px #000000;
}
figure.project-over h2 span {
	font-size: 0.6em;
	font-weight: normal;
	display: block;
}
figure.project-over p {
	padding: 2px 2.5em 2px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.project-over:hover figcaption::before,
figure.project-over:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	/* background-image: linear-gradient(rgba(0,172,237,0), rgba(0,172,237,0.35), rgba(0,172,237,0) ); */
	background-image: linear-gradient(rgba(202,91,1,0), rgba(202,91,1,0.35), rgba(202,91,1,0) );

}

figure.project-over:hover h2,
figure.project-over:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.grid figure h2 {
		font-size: 1.5em;
	}
	figure.project-over h2 {
	
	}
	.grid figure figcaption {
		padding: 2em;
		font-size: 1.1em;
	}

	figure.project-over figcaption::before,
	figure.project-over figcaption::after {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.grid figure h2 {
		font-size: 1.8em;
	}
	figure.project-over h2 {
	
	}
	.grid figure figcaption {
		padding: 2em;
		font-size: 1.4em;
	}
	figure.project-over figcaption::before,
	figure.project-over figcaption::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.grid figure h2 {
		font-size: 1.6em;
	}
	figure.project-over h2 {
	
	}
	.grid figure figcaption {
		padding: 1em;
		font-size: 1em;
	}
	figure.project-over figcaption::before,
	figure.project-over figcaption::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
}

/* CUSTOM */ 
@media only screen and (max-width : 500px) {
	.grid figure h2 {
		font-size: 1.4em;
	}
	figure.project-over h2 {
	
	}
	.grid figure figcaption {
		padding: 1em;
		font-size: 1.5em;
	}
	figure.project-over figcaption::before,
	figure.project-over figcaption::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 400px) {
	.grid figure h2 {
		font-size: 1.3em;
	}
	figure.project-over h2 {
	
	}
	.grid figure figcaption {
		padding: 1em;
		font-size: 1.4em;
	}
	figure.project-over figcaption::before,
	figure.project-over figcaption::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
}




/* VIMEO PLAYER */
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


.flex-row.row {
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	display: flex;  
	flex-wrap: wrap;
}
.flex-row.row > [class*='col-'] {
	 display: flex;
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	 flex-direction: column;
}
.flex-row.row:after, 
.flex-row.row:before {
	display: flex;
}
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

.headerbox{
	background-image: linear-gradient(to right, #d26000, #f16d00);
	background-image: -webkit-linear-gradient(right, #d26000, #f16d00); 
	background-image:    -moz-linear-gradient(right, #d26000, #f16d00); 
	background-image:     -ms-linear-gradient(right, #d26000, #f16d00); 
	background-image:      -o-linear-gradient(right, #d26000, #f16d00); 
	background-image:         linear-gradient(right, #d26000, #f16d00);
	padding: 20px 0 10px 0;

}

.headerbox_banner{
	min-height: 380px;
	width: 100%;
	margin: 0 0 30px 0 !important;

}
.header_subheader{
	color: #b3e5fc;
	font-size: 1.6em;
	text-align: center;
	padding-top: 60px;
}
.logo_main{
	width: 100%;
	padding: 0 0 0 30px ;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header_subheader{
		padding-top: 52px;
		font-size: 1.5em;
	}
	.headerbox_banner{
		min-height: 380px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.header_subheader{
		padding-top: 38px;
		font-size: 1.15em;
	}
	.headerbox_banner{
		min-height: 340px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	.header_subheader{
		padding: 28px 20px 0 20px;
		font-size: 1.6em;
	}
	.logo_main{
		width: 100%;
		padding: 0 20px 0 20px ;
	}
	.logo_main img{
		margin: 0 auto;
	}
	.headerbox_banner{
		min-height: 270px;
	}
}

/* CUSTOM */ 
@media only screen and (max-width : 500px) {
	
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 400px) {
	.header_subheader{
		padding: 28px 20px 0 20px;
		font-size: 1.2em;
	}
	.logo_main{
		width: 100%;
		padding: 0 20px 0 20px ;
	}
	.logo_main img{
		margin: 0 auto;
	}
	.headerbox_banner{
		min-height: 220px;
	}
}

.banner_btm{
	min-height: 400px;
	width: 100%;
	margin: 40px 0 0 0 !important;

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.banner_btm{
		min-height: 400px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.banner_btm{
		min-height: 340px;
	}
}

/* Extra Small Devices, Phones */ 
.banner_btm{
		min-height: 270px;
	}
}

/* CUSTOM */ 
@media only screen and (max-width : 500px) {
	
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 400px) {
.banner_btm{
		min-height: 220px;
	}
}


/* BEGIN all columns same height in a row */
.row{
    overflow: hidden; 
}

[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
/* END all columns same height in a row */

.bluebar{
	background-image: linear-gradient(to right, #d26000, #f16d00);
	background-image: -webkit-linear-gradient(right, #d26000, #f16d00); 
	background-image:    -moz-linear-gradient(right, #d26000, #f16d00); 
	background-image:     -ms-linear-gradient(right, #d26000, #f16d00); 
	background-image:      -o-linear-gradient(right, #d26000, #f16d00); 
	background-image:         linear-gradient(right, #d26000, #f16d00);
	height: 20px;
	margin: 6px 0 5px 0;
}

#footerbox{
	background-image: linear-gradient(to right, #d26000, #f16d00);
	background-image: -webkit-linear-gradient(right, #d26000, #f16d00); 
	background-image:    -moz-linear-gradient(right, #d26000, #f16d00); 
	background-image:     -ms-linear-gradient(right, #d26000, #f16d00); 
	background-image:      -o-linear-gradient(right, #d26000, #f16d00); 
	background-image:         linear-gradient(right, #d26000, #f16d00);
	height: 85px;
}


.schedulelist_clear{
	background-color: #000000 !important;
}
.schedulelist{
	background-color: #000000 !important;
	margin-bottom: 1px;
	clear: both;
}
.schedulelist ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	background-color: #000000 !important;

}
.schedulelist ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.schedulelist ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	display: block;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	margin: 0 0 0 0;
	line-height: 130%;
	background-color: #363636;
	border: 2px solid #363636;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border: 0;
	overflow:auto;
	text-align: center;
}
.schedulelist ul li.active  a{
	background-color: #f16d00 !important;
	color: #FFFFFF;
	text-decoration: none;
}
.schedulelist ul li a span{
	float: right;
	color: #252160;
	
}
html>body .schedulelist ul li a {
	width: auto;
}
.schedulelist ul li a:visited{
	color: #FFFFFF; 
	background: url('images/bkg_schedulelist.png'); 
	background-color: #363636;
}
.schedulelist ul li a:hover, .schedulelist ul li a:hover span {
	background-color: #f16d00;
	color: #FFFFFF;
	text-decoration: none;
}
.schedulelist ul li a:visited:hover{
	background-color: #f16d00;
	color: #FFFFFF;
	text-decoration: none;
}
.schedulelist ul li a#current {
	background-color: #f16d00;
	color: #7d7d7d;

}
@media (min-width: 320px) { 
	.schedulelist ul li a {
		font-size: .9em;
	}
}
@media (min-width: 440px) { 
	.schedulelist ul li a {
		font-size: 1.2em ;
	}
}
@media (min-width: 768px) { 
	.schedulelist ul li a {
		font-size: 0.9em;
	}
}
@media (min-width: 920px) { 
	.schedulelist ul li a {
		font-size: 0.9em;
	}
}
@media (min-width: 991px) { 
	.schedulelist ul li a {
		font-size: 1.1em ;
	}
}
@media (min-width: 1200px) { 
	.schedulelist ul li a {
		font-size: 1.3em;
	}
}


.schedulelist-header{
	color: #FFFFFF;
	background-color: #f14bab;
	font-size: 1.5em;
	line-height: 1;
}
.schedulelist-header-1{
	font-size: 1.8em;
}
.schedulelist-header-2{
		font-size: 1.4em;
}
.schedulelist4{
	background: url('images/bkg_schedulelist.png'); 
	background-color: #ebebeb !important;
}
.schedulelist4 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	background: url('images/bkg_schedulelist.png'); 
	background-color: #ebebeb !important;
}
.schedulelist4 ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	border: 1px solid #ffffff;
}
.schedulelist4 ul li a {
	font-size: 1.1em;
	display: block;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	margin: 0 0 0 0;
	line-height: 130%;
	background-color: #ebebeb;
	border: 2px solid #ebebeb;
	color: #7d7d7d;
	text-decoration: none;
	width: 100%;
	border: 0;
	overflow:auto;

}
.schedulelist4 ul li a span{
	float: right;
	color: #252160;
	
}
html>body .schedulelist4 ul li a {
	width: auto;
}
.schedulelist4 ul li a:visited{
	color: #7d7d7d; 
	background: url('images/bkg_schedulelist.png'); 
	background-color: #ebebeb;
}
.schedulelist4 ul li a:hover, .schedulelist4 ul li a:hover span {
	background-color: #02aeee;
	color: #FFFFFF;
	text-decoration: none;
}
.schedulelist4 ul li a:visited:hover{
	background-color: #02aeee;
	color: #FFFFFF;
	text-decoration: none;
}
.schedulelist4 ul li a#current {
	background-color: #02aeee;
	color: #7d7d7d;

}
@media (max-width: 320px) { 
.schedulelist4 ul li a {
	font-size: 1.1em;
	}
}
@media (max-width: 440px) { 
.schedulelist4 ul li a {
	font-size: 1.1em;
	}
}
@media (min-width: 768px) { 
.schedulelist4 ul li a {
	font-size: 1.1em;
	}
}
@media (min-width: 920px) { 
.schedulelist4 ul li a {
	font-size: 0.9em;
	}
}
@media (min-width: 1200px) { 
.schedulelist4 ul li a {
	font-size: 1.1em;
	}
}
.header{
	font-weight: bold;
	color: #c97129;
	font-size: 1.3em;
	padding: 2px 30px;
	margin: 40px 0 0 0;
	background-color: #363636;
	width: 100%;
	clear: both;
	position: relative;
}
.header_credits{
	font-weight: bold;
	color: #c97129;
	font-size: 1.4em;
	padding: 2px 30px;
	margin: 4px 0 0 0;
	background-color: #363636;
	width: 100%;
	clear: both;
	position: relative;
}
.header_highlight{
	font-weight: normal;
	color: #FFFFFF;
	font-size: 1.8em;
	padding: 2px 10px;
	margin: 30px 0 0 30px;
	background-color: #ca5b01;
	width: 100%;
	clear: both;
	position: relative;
}
.credit_names2{
	padding: 0 0 60px 0;
}
.credit-names2 ul{
	padding: 0 10px;
	list-style-type: none;
}
.credit-names2 ul li{
	font-size: 1em;
	color: #c97129;
	padding: 2px 0;
	text-align: left;
	clear: both;
}


.credit-names2 ul li span{
	float: right;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.credit-names2 ul{
		padding: 0 10px;
	}
	.credit-names2 ul li{
		font-size: 1em;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.credit-names2 ul{
		padding: 0 10px;
	}
	.credit-names2 ul li{
		font-size: 1em;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {

	.credit-names2 ul{
		padding: 0 10px;
	}
	.credit-names2 ul li{
		font-size: 1em;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

	.credit-names2 ul{
		padding: 0 10px;
	}
	.credit-names2 ul li{
		font-size: 1em;
	}
}


.nav_credits{
	background-color: #000000 !important;
	margin-bottom: 1px;
	clear: both;
}
.nav_credits ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	background-color: #000000 !important;

}
.nav_credits ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	
}
.nav_credits ul li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	display: block;
	font-weight: normal;
	padding: 4px 10px 4px 30px;
	margin: 0 0 0 0;
	line-height: 130%;
	background-color: #363636;
	border: 2px solid #363636;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border: 0;
	overflow:auto;
	text-align: left;

}
.nav_credits ul li a span{
	float: right;
	color: #252160;
	
}
html>body .nav_credits ul li a {
	width: auto;
}
.nav_credits ul li a:visited{
	color: #FFFFFF; 
	background-color: #363636;
}
.nav_credits ul li a:hover, .nav_credits ul li a:hover span {
	background-color: #02aeee;
	color: #FFFFFF;
	text-decoration: none;
}
.nav_credits ul li a:visited:hover{
	background-color: #02aeee;
	color: #FFFFFF;
	text-decoration: none;
}
.nav_credits ul li a#current {
	background-color: #02aeee;
	color: #7d7d7d;

}
@media (max-width: 320px) { 
	.nav_credits ul li a {
		font-size: 1.3em !important;
	}
}
@media (max-width: 440px) { 
	.nav_credits ul li a {
		font-size: 1.3em !important;
	}
}
@media (max-width: 768px) { 
	.nav_credits ul li a {
		font-size: 1.3em !important;
	}
}
@media (max-width: 920px) { 
	.nav_credits ul li a {
		font-size: 1.3em !important;
	}
}
@media (max-width: 1200px) { 
	.nav_credits ul li a {
		font-size: 1.3em !important;
	}
}

/*nav credits 2 */

.nav_credits2{
	background-color: #000000 !important;
	margin-bottom: 1px;
	clear: both;
}
.nav_credits2 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	background-color: #000000 !important;

}
.nav_credits2 ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	
	font-weight: normal;
	padding: 4px 10px 4px 30px;
	margin: 0 0 0 0;
	line-height: 130%;
	background-color: #363636;

	color: #FFFFFF;
	text-decoration: none;
	

	
	text-align: left;
	cursor: pointer;
}

.nav_credits2 ul li:hover, .nav_credits2 ul li:hover span {
	background-color: #02aeee;
	color: #FFFFFF;
	text-decoration: none;
}


@media (max-width: 320px) { 
	.nav_credits2 ul li {
		font-size: 1.3em !important;
	}
}
@media (max-width: 440px) { 
	.nav_credits2 ul li {
		font-size: 1.3em !important;
	}
}
@media (max-width: 768px) { 
	.nav_credits2 ul li {
		font-size: 1.3em !important;
	}
}
@media (max-width: 920px) { 
	.nav_credits2 ul li {
		font-size: 1.3em !important;
	}
}
@media (max-width: 1200px) { 
	.nav_credits2 ul li {
		font-size: 1.3em !important;
	}
}







.carousel .item{
	background-color: #FFFFFF;

}
.carousel-control.left {
  background: none;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background: none;
}
#myCarousel .item .fill {
	padding: 0 10px !important;
}
.carousel-caption
{
	font-family: "garamond-premier-pro-display";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	color: #fff;
	text-align: center;
	background: rgba(0,0,0,0.4);
}
@media only screen and (max-width : 768px) {
	.carousel-caption{
		padding-bottom: 30px;
	}
}



.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 45%;
    /*z-index: 5 !important;*/
    /*display: inline-block !important;*/
    font-size: 2em;
	
}
.carousel-control .slider-lt,
.carousel-control .slider-rt{
	  position: absolute;
	  
    /*set position of image from top to be 50%...*/
    top: 50%;
    /*and then shift it down to make it perfectly center.*/
    transform: translate(-50%, -50%);

    z-index: 5;
    display: inline-block;
}


/*fade effect on carousel*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
   
  /* 
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
	*/
}
.carousel-fade .carousel-control {
  z-index: 2;
}


div .carousel-caption {
    /*position: fixed !important;*/
    bottom: 0;
	height: auto;
    /*z-index: 5;
    display: inline-block !important;*/
}
.carousel-container{
	margin-bottom: 20px;
}
.carousel-inner,.carousel,.item,.fill {
	height: 390px;
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.carousel-inner,.carousel,.item,.fill {
		height: 390px;
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.carousel-inner,.carousel,.item,.fill {
		height: 390px;
	}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.carousel-inner,.carousel,.item,.fill {
		height: 370px;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

.carousel-indicators li {
  background-color: transparent;
  /* background-color: #eb008a; */
   border-radius: 0%;
}
.carousel-indicators .active {
   background-color: transparent;
  /* background-color: #fa7de1; */
  margin-right: 4px;
}
.carousel-indicators {
	bottom:-10px; 
}

.form-control input {
	background-color: #cccccc !important;
}