/* CSS Document */

.fullContainer {
    position: relative;
    width: 100%;
}

.centerContainer {
    position: relative;
    margin: 0px auto;
    width: 1100px;
}

.centerContainer1 {
    position: relative;
    margin: 0px auto;
    width: 1110px;
}

.centerContainer2 {
    position: relative;
    margin: 0px auto;
    width: 1250px;
}

.topBar {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 140px;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient( bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
    /* Standard syntax (must be last) */
    z-index: 999;
}

.topBar1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 140px;
    z-index: 9;
}

.logo {
    width: 210px;
    float: left;
    margin: 35px 40px;
}

.menu {
    width: 500px;
    height: 40px;
    float: right;
    margin: 50px 40px;
}

.navTab {
    margin-left: 40px;
    cursor: pointer;
    transition: all 0.5s linear;
}

.navTab:hover {
    color: #931f16;
}

.menu1 {
    width: 500px;
    height: 40px;
    float: right;
    margin: 50px 40px;
}

.navTab1 {
    margin-left: 40px;
    cursor: pointer;
    transition: all 0.5s linear;
}

.navTab1:hover {
    color: #931f16;
}

.topSlider {
    position: relative;
    margin: 0px auto;
    width: 100%;
    height: 650px;
}

.fullScreen {
    position: absolute;
    width: 54px;
    height: 57px;
    bottom: 30px;
    left: 20px;
}

.right a:hover {
    color: #931f16;
}

.members {
    position: relative;
    width: 540px;
    height: 360px;
    overflow: hidden;
}

.featuredWork {
    position: relative;
    width: 260px;
    height: 180px;
    overflow: hidden;
}

.biography {
    position: relative;
    width: 400px;
    height: 600px;
    overflow: hidden;
}

.search {
    position: relative;
    padding-top: 65px;
    width: 350px;
}

input[type=text].search {
    width: 350px;
    border: 0px;
    font-size: 12px;
    padding: 5px 10px;
    color: #FFF;
    background: #868283;
    outline: none;
    text-align: left;
}

.searchIcon {
    position: absolute;
    width: 30px;
    right: 10px;
    bottom: 2px;
    z-index: 999;
}

.searchIcon:hover {
    cursor: pointer;
}

input[type="text"].signin
/*,input[type="password"].signin*/

{
    width: 210px;
    background: rgba(255, 255, 255, 0.8);
    border: 0px;
    outline: 0px;
    padding: 10px;
}

input[type="text"].signinRequest
/*,input[type="password"].signin*/

{
    width: 760px;
    background: rgba(255, 255, 255, 0.8);
    border: 0px;
    outline: 0px;
    padding: 10px;
}


/*select.signin option {
    background:#FFF;
	border:0px;
	outline:0px;
}*/

textarea.signin {
    width: 1100px;
    height: 200px;
    padding: 10px;
    border: 1px solid #d8d8d8;
    resize: none;
    background: rgba(255, 255, 255, 0.8);
}

textarea.signinRequest {
    width: 760px;
    height: 200px;
    padding: 10px;
    border: 1px solid #d8d8d8;
    resize: none;
    background: rgba(255, 255, 255, 0.8);
}


/*input[type="submit"].signin,input[type="button"].signin{
	width:1100px;
	border:0px;
	outline:0px;
	padding:5px 10px;
	color:#FFF;
	background:#000;
}
input[type="submit"].signin:hover,input[type="button"].signin:hover{
	background:#71bc43;
}*/

input[type="submit"].buyit,
input[type="button"].buyit {
    width: 100px;
    border: 0px;
    outline: 0px;
    padding: 10px;
    color: #931f16;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

input[type="submit"].buyit:hover,
input[type="button"].buyit:hover {
    background: #931f16;
    color: #fff;
}

.load {
    color: #396186;
}

.load:hover {
    color: #931f16;
}

input[type="submit"].buyit1,
input[type="button"].buyit1 {
    width: 300px;
    border: 0px;
    outline: 0px;
    padding: 10px;
    color: #931f16;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

input[type="submit"].buyit1:hover,
input[type="button"].buyit1:hover {
    background: #931f16;
    color: #fff;
}


/*.dpdArrow{
	position:absolute; 
	top:0px; 
	right:0px;
	padding-top:8px; 
	width:45px; 
	height:70px; 
	background:rgba(255,255,255,0.8);
}*/

select.filtration {
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ie-appearance: none;
    color: #396186;
    background: rgba(255, 255, 255, 0.8) url(../images/dpdArrow.png) 480px no-repeat !important;
}

select.filtration1 {
    padding: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ie-appearance: none;
    color: #396186;
    /* background: rgba(255, 255, 255, 0.8) url(../images/dpdArrow.png) 340px no-repeat !important; */
}

.request {
    width: 120px;
    height: 35px;
    background: rgba(255, 255, 255, 0.8);
}

.request:hover {
    color: white;
    background-color: #931f16;
}

.requestColor {
    color: #931f16;
}

.requestColor:hover {
    color: white;
}

.view {
    position: absolute;
    width: 150px;
    height: 50px;
    background: rgba(35, 31, 32, 0.8);
    bottom: 100px;
    right: 70px;
}

.close {
    position: absolute;
    top: 50px;
    right: 160px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 99999;
}

.popup1 {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 999999999;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
}

.popup2 {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 9999;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
}

.info1 {
    width: 42px;
    margin-top: 45px;
    margin-right: 30px;
}

*/
/***********************for text *************************/

#texts p {
    -webkit-animation: fadein 5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 5s;
    /* Firefox < 16 */
    -ms-animation: fadein 5s;
    /* Internet Explorer */
    -o-animation: fadein 5s;
    /* Opera < 12.1 */
    animation: fadein 5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/******************************************************************************************/


/*.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Preloader_2.gif) center no-repeat #fff;
}*/

.categories {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;
}