*{
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

}


	body{
font:100%/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
color: #868480;
background-color: #f7f5e0;
}




	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;

		color: #5a8fac;
		text-decoration: none;
	}

a:hover{color:white; text-shadow: 0 1px 0 #48697c;}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.navbar .btn-navbar {
    display: none;
    float: left;
    padding: 10px 10px;
    margin-right: 5px;
    color: #5a8fac;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #1c5f83;
    *background-color: #1c5f83;
    background-image: -moz-linear-gradient(top, #578daa, #1c5f83);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#578daa), to(#1c5f83));
    background-image: -webkit-linear-gradient(top, #578daa, #1c5f83);
    background-image: -o-linear-gradient(top, #578daa, #1c5f83);
    background-image: linear-gradient(to bottom, #578daa, #1c5f83);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.navbar .btn, .navbar .btn-group {
    margin-top: 5px;
}


.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #e9e7cf;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50);
    vertical-align: middle;
    cursor: pointer;
   background-color: #5a8fac;

    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

	.btn:hover, .btn:focus {
    color: #e9e7cf; background-color: #1c5f83;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
	

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	h1 {
	margin: 10px 0;
    font-size: 22px;
    color: #5a8fac;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
}



	h2 {
    font-size: 20px;
    color: #6a6864;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
	margin-bottom: 10px;
}
h3 {
    font-size: 16px;
    text-shadow: 0 1px 0 #ffffff;
    color: #6a6864;
    font-weight: normal;
	margin: 5px 0;
}

h5 {
    font-size: 17px;
    color:#333f45;
    
	margin: 5px 0;
}
 .up h4,up a{color: #e9e7cf;
text-shadow: 0 1px 0 #000000;}
.row-fluid p {
    line-height: 24px;
    text-shadow: 0 1px 0 #ffffff;
}
.p-pad {
    padding-bottom: 10px;
}
p {
    font-family:  sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #868480;
}
/* nav */

.navbar-fixed-top {
    top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
}
.navbar-inner {
    min-height: 80px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #333f45;
    *zoom: 1;

}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}
ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
}
.navbar .nav > li {
    float: left;
}
li {
    line-height: 20px;}
.navbar .nav > li > a {
    float: none;
    padding: 30px 15px 10px;
    color: #5a8fac;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}
.nav > li > a {
    display: block;
}
.navbar .nav > li.active > a,.navbar .nav > li > a:hover{color: #e9e7cf;

text-shadow: 0 1px 0 #000000;}
/* header */
.row1 {
    background: url(/image/bg1.jpg) repeat-x;}
.hero-unit {
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    padding-top: 80px;
}
.brand {
    display: block;
    width: 100%;
    float: left;
    text-shadow: 0 1px 0 #ffffff;
    border-bottom: 1px solid #467797;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.hero-unit h1 {
    font-size: 50px;
    line-height: 1;
    color: #e9e7cf;
    font-weight: normal;
    text-shadow: 0 1px 0 #48697c;}

	.hero-unit h2 {
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    color: #e9e7cf;
    font-weight: normal;
    text-shadow: 0 1px 0 #48697c;
    font-family: 'Fjalla One', sans-serif;
}
.header-image {
    margin-top: 30px;
    background: #f7f5e0;
    display: block;
    padding: 16px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
    -moz-box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
    box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
}

.header-image  img{display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto;}

/* Main */
img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.wrap {
    width: 100%;
    overflow: hidden;

}
.row3, .row4 {
    background: #e9e7cf;
    overflow: hidden;

}




.bdr-bottom {
    border-bottom: 1px solid #c7c5b2;
   }




.brd-tlr{border-top: 1px solid #c7c5b2;
border-right: 1px solid #c7c5b2;
border-bottom: 1px solid #e9e7cf;
border-radius: 0 4px 0 0;
width:240px;
margin-bottom:-1px}


.thumbnail {
    background: #f7f5e0;
    display: block;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
    -moz-box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
    box-shadow: 0 1px 3px rgba(215, 216, 189, 0.9);
	}

	.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.fl-l{float:left}
 .thumb25{width: 30%;}
.thumb75,.thumb75-2{width: 70%;}



/* padding margin  */
.top{padding-top: 60px;}

.mar-top60 {
    margin-top: 60px;}

.mar-bot30 {
    margin-bottom: 30px;
}
.pad-bot30{padding-bottom:30px}
.pad-top {
    padding-top: 20px;
}
.pad-right {
    padding-right: 30px;
}
.pad-left {
    padding-left: 30px;
}
.mar-top{margin-top:30px}

.mar{margin:15px}

.pad-left60{padding-left:60px}

.top-bottom{padding-top: 60px;
padding-bottom: 60px;}
.pad{padding:15px}
.pad-top-50{padding-top: 50px;}




/* Footer */
.footer {padding:30px 0}
.footer{background: #333f45;min-height:100px}
.vk{
list-style: none;}
.vk > li > a {
    display: block;
}
 .vk > li {
    float: left;line-height: 35px;}
	.footer img{height:30px;}
	.footer p{padding-top:7px}




/* artist */

.up{padding-top: 90px}

.up h1{
    font-size: 25px;
    line-height: 1;
    color: #e9e7cf;
    font-weight: normal;
    text-shadow: 0 1px 0 #48697c;}

.up p{color: #e9e7cf;
    font-weight: normal;
    text-shadow: 0 1px 0 #48697c;}



.row5{background-color: #5a8fac;}


.exp-image{display: block;
max-width:700px;
margin-right: auto;
margin-left: auto;}



.container{
width:80% ;
margin:0 auto;
max-width:1170px
}




.container .cols{
float:left;
padding: 1px 0;


}

.container .cols.col-1 {width:8.333333333332%;}
.container .cols.col-2 {width:16.666666667%;}
.container .cols.col-3 {width:25%;}
.container .cols.col-4 {width:33.333333333332%;}
.container .cols.col-5 {width:41.666666666667%;}
.container .cols.col-6 {width:50%;}
.container .cols.col-7 {width:58.33333333333%}
.container .cols.col-8 {width:66.6666666666%}  
.container .cols.col-9 {width:75%;}
.container .cols.col-10 {width:83.333333333%;}
.container .cols.col-11 {width:91.666666666%;}
.container .cols.col-12 {width:100%;}

.container:before,
.container:after,
.row:after,
.row:before,
.clear:before,
.clear:after{
content:" ";
display:table;}
.container:after,
.row:after,
.clear:after{content:" ";
clear:both;}


#collapse{height:auto;
overflow:visible;

}




/* gallery-------------------------------------------------------------- */

.art{
text-align: center;
 opacity: 1.0;
}
.art p{padding-top:10px;
color: #6a6864;}

.art:hover{ opacity: 0.8;}


/* main-------------------------------------------------------------- */

.spacing-top-bottom {
    padding-top: 60px;
    padding-bottom: 60px;
}


/* form-------------------------------------------------------------- */

#forrm form {
    margin: 0 auto;
    padding: 30px 30px 6px 30px;
 
    overflow: hidden;
}

/* @media screen 1400-------------------------------------------------------------- */

@media screen and (max-width: 1400px){
.container{
width:80%;
}
}

/* @media screen 1280-------------------------------------------------------------- */

@media screen and (max-width: 1280px){
.container{
width:90%;
margin:0 auto;}




.container .cols.col-6 {width:50%;}






}


/* @media screen 980-------------------------------------------------------------- */


@media screen and (max-width: 980px) {



.container .cols.col-6 {width:50%;}
.container .cols.col-4 {width:50%}
.container .cols.col-8 {width:50%}
.thumb75-2{width: 100%;}
.thumb25{width: 40%;}
.thumb75{width: 60%;}

}

/* @media screen 700-------------------------------------------------------------- */

@media screen and (max-width: 700px) {

.thumb25{width: 100%;padding-bottom: 20px}
.thumb75-2{width: 100%;}

.navbar .nav > li {
    float: none;}
	.navbar .btn-navbar {
    display: block;}
	.navbar .nav > li > a {
    margin-top: 5px;
    padding: 5px 10px;
    font-weight: normal;
    color: #5a8fac;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #293237;
}


.navbar-inner {
    min-height: 50px; background-color:transparent
;}
.navbar .nav {float: none;
margin: 0 0 5px;}
#collapse{position: relative;clear: both;padding: 5px 0;height: 0;overflow: hidden;-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;}
}

/* @media screen 480-------------------------------------------------------------- */

@media screen and (max-width: 480px) {

.container .cols.col-3 {width:100%;}
.container .cols.col-4 {width:100%}
.container .cols.col-8 {width:100%}
.container .cols.col-9 {width:100%}
.container .cols.col-6 {width:100%;}
.pad-right {
    padding-right: 0px;
}
.pad-left {
    padding-left: 0px;
}
.thumb25{width: 100%;padding-bottom: 20px}
.thumb75{width: 100%;}

}
/* @media screen 320-------------------------------------------------------------- */
@media screen and (max-width: 320px) {

.container .cols.col-3 {width:100%;}

}