*{-moz-box-sizzing:border-box;}
img{ border:none; outline:none; background-color:transparent !important;}
ul{ margin0px; padding:0px;}

li{ list-style:none;}

body{ background: url("../images/background.jpg") no-repeat ; background-attachment:fixed; background-position:100% 100%;
 font-family:Arial, Helvetica, sans-serif;  margin:0 auto;}
 
/*** .high{ image-resolution:300dpi; } ***/

#scrollUp {
	bottom: 20px;
	right: 10px;
	background:none;
	height:32px;
	background-color: #DE0000;
    border-radius: 8px;
    box-shadow:0 9px 0 #AC0000, 0 9px 9px rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-family: 'Yanone Kaffeesatz';
    font-size:16px;
    font-weight: 700;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    width:54px;
	-moz-transform: scale(1) rotateX(15deg) translateX(0px) skewX(0deg) skewY(-15deg);
	-webkit-transform: scale(1) rotateX(15deg) translateX(0px) skewX(0deg) skewY(-15deg);
	-o-transform: scale(1) rotate(15deg) translateX(0px) skewX(0deg) skewY(-15deg);
	-ms-transform: scale(1) rotate(15deg) translateX(0px) skewX(0deg) skewY(-15deg);
	transform: scale(1) rotate(15deg) translateX(0px) skewX(0deg) skewY(-15deg);
}

#scrollUp:active{
		box-shadow: 0 3px 0 #AC0000, 0 3px 6px rgba(0, 0, 0, 0.9);
}


#wrapper{ width:100%; height:auto; margin:0px; padding:0px; overflow:hidden;
 }

#logo{ width:100%;  text-align:center; margin-top:35px; /*** box-shadow:0 0 5px #AFAFAF; ***/height:88px; 
-webkit-box-shadow:0 0 5px #AFAFAF;
-moz-box-shadow:0 0 5px #AFAFAF;
 background:rgba(255, 255, 255, 0.3); margin-bottom:25px; position:relative;  }

#logo a{  padding:0px 0px 0px 0px;  top:5px; width:133px; height:87px; background:url(../images/logo.png) no-repeat 0 0;  

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/logo.png'); }

/*#logo a img{
position: relative;
background:url(../images/trans.gif);
}*/



.lifted:before, .lifted:after {
    bottom: 22px;
	/***** box-shadow: 0 17px 2px rgb(0, 0, 0);
    box-shadow: 0 17px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 17px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 17px 2px rgba(0, 0, 0, 0.3); ******/
    height: 20%;
    left: 10px;
    transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
    width: 50%;
}

.lifted:after {
    left: auto;
    right: 10px;
    transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
}

.drop-shadow:before, .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.drop-shadow:before, .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
}
.lifted {
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	behavior: url(ie-css3.htc);

}
.drop-shadow {
    position: relative;
	display:inline-block;
/*    width: 40%;*/
}

/****************************************navigation***********************************/

#index .acta, #awward .actd, #awward .acth, #cv .actd, #cv .actg, #certificate .actd, #paint .actc, #contact .acte, #certificate .actf,
#claysculpture .actb{background-color:#de0000 !important;}

.righted:after {
    bottom:15px;
	box-shadow:0 17px 2px rgb(0, 0, 0);
    box-shadow:0 17px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 17px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 17px 2px rgba(0, 0, 0, 0.4);
    height: 23%;
    right:0px;
    transform:rotate(6deg);
	-webkit-transform:rotate(6deg);
	-ms-transform:rotate(6deg);
    width:50%;
}


#nav-band{ margin-top:25px;}

.nav-shadow:before, .nav-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.righted {
    border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(ie-css3.htc);
	
}
.nav-shadow {
    position: relative;
/*    width: 40%;*/
}

#myModal{
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: rgba(0, 0, 0, 0) !important;
background-image: url("../images/stone.jpg") !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: auto;
}
.modal-footer{ margin-top:0px !important;}

.modal-backdrop{ position: inherit !important; background: }
.inset p{ margin:0px;}

#myModal input[type=submit]{ border:none; padding:8px 25px;}

#myModal input[type=password]{ height:32px; border: 1px solid #EEEEEE; border-radius: 4px; padding: 5px 12px; }


#navigat{ position:relative; width:100%; position:relative; z-index:999;  }

#nav-band{ height:32px; min-height:inherit; background:transparent; border:none; }

#navigat ul{  margin: 0 auto;}

#navigat ul li{ margin-left:20px; margin-bottom:15px; }

#navigat ul li ul{ background:#555;  }
#navigat ul li ul li{ margin:inherit; }


#navigat ul li:first-child{ margin:0;}

#navigat ul li ul li a{ color:#fff; width: 100%;  }

#navigat ul li a{ background:#555; color:#fff; padding:0px 15px; display:inline-block; line-height:30px; height:30px;
text-transform:uppercase;}

/*.navbar-nav li a .active, .navbar-nav li a:visited{ background-color:red !important;}*/

#navigat ul li a span{ display:inline-block; padding-left:15px; height:30px; width:25px; vertical-align:middle;
background:url(../images/arrow.png) no-repeat 10px center;}

#navigat ul li a:hover{ background:red;}


/*****************banner****************************/

#slide-img{ /** height:350px; **/ overflow:hidden;}

#slide_indicat{ position:absolute; bottom:-45px; z-index:99; }

/*#slide_indicat.active{ border:3px solid red;}*/

#slide_indicat li #active{ border:3px solid red !important; }

#slide_indicat li{ border:3px solid #555; background:#fff; width:16px; height:16px; border-radius:50%;
behavior: url(ie-css3.htc);
-webkit-border-radius:50%; }

#myCarousel{ border:5px solid #fff; box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;
-moz-box-shadow:0 0 10px #666;
 padding:0px; position:relative;}

#myCarousel img{ width:100%;}

#slide-cap{}

#arrow_left, #arrow_right{width:50px !important; height:50px !important; top:45%; background:rgb(0,0,0); background:rgba(0,0,0,0.8);  line-height:48px; font-size:28px; }

#arrow_left{   left:0px;}
#arrow_right{right: 0px;}

/*************************************** middle-part ****************************/

.middle-part{ /*** margin-top:35px; ****/}

#index  .middle-part{  margin-top:35px; }

.middle-part center{ background:#555;}

.middle-part center h2{ padding:0px; color:#fff; font-size:18px; text-shadow:none; line-height:normal; }

#index .middle-part center h2{ padding:15px 0;}

.middle-part-wrp{}

.middle-part-wrp p{ line-height:22px; text-align:justify; }

.middle-part-wrp h2{ display:inline-block; padding-top:5px; border-top:4px solid red; text-transform:uppercase;}

/*************************************** footer ****************************/

.foot{ background:#555; margin-top:18px; padding:16px 0 8px 0; }

.foot div{ color:#fff; font-size:93%; }

.foot .author{ font-size:16px; color:#0099FF;}

.red-clr{ color:#de0000;}

#contact .foot{ margin-top:150px;}

@media (max-width:360px){ 
.foot div{ text-align:center;} 
}


/********************************sculpture page**************************************/

#gallery{}

#sculpture #gallery li{ margin: 0 15px 8px 0; opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-khtml-opacity:0.7; 
transition:all linear 200ms;}

#sculpture #gallery li a{ 	display:block;}

#sculpture #gallery li a img{ box-shadow:0px 0px 3px #000 inset;
-webkit-box-shadow:0px 0px 3px #000 inset;
-moz-box-shadow:0px 0px 3px #000 inset;}


#sculpture #gallery li:hover{ opacity:1;
filter:alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-khtml-opacity: 1;}

#contact .cont img{ border:4px solid rgb(0,0,0);  border:4px solid rgba(0,0,0,0.2);}


/********************************sculpture page**************************************/

#frm-cnt{}

#frm-cnt input{ width:100%; height:28px; padding:0 5px;}

#frm-cnt tr td{ border:none;}

/*********************************claysculpture*************************************/

#claysculpture, #awward, #paint{}

#claysculpture #gallery, #claysculpture #gallery2, #claysculpture #gallery3 , #claysculpture #gallery4 ,  #paint #gallery, #paint #gallery2, #awward #gallery,#awward #gallery2, 
#certificate #gallery, #certificate #gallery2{ background:none; border:none; overflow:hidden; /****margin-top:20px; ****/ }

#claysculpture #gallery  h1, #claysculpture #gallery2  h1, #claysculpture #gallery3  h1, #claysculpture #gallery4 h1, #paint #gallery  h1, #paint #gallery2  h1, #awward #gallery  h1, #awward #gallery2  h1, #certificate #gallery  h1,
#certificate #gallery2 h1{ 
font-size:22px; margin:8px 0 18px 0;   }


#claysculpture #gallery a, #claysculpture #gallery2 a, #claysculpture #gallery2 a, #claysculpture #gallery3 a,  #claysculpture #gallery4 a, #paint #gallery a, #paint #gallery2 a, #awward #gallery a, #awward #gallery2 a, 
#certificate #gallery a, #certificate #gallery2 a { 
width:158px; 
height:158px; 
margin:0px 8px 8px 0;  
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
behavior: url(ie-css3.htc);
display:inline-block; 
 position:relative; overflow:hidden; cursor:pointer;
 box-shadow:1px 2px 2px #E8E8E8;
 box-shadow:1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.3);
border:15px solid #e1e1e1 !important; 
border:15px solid rgba(0, 0, 0, 0.1)  !important; 
transition:all 300ms linear;
background:none !important; }

#claysculpture #gallery span, #claysculpture #gallery2 span, #claysculpture #gallery3 span, #claysculpture #gallery4 span, #paint #gallery span, #paint #gallery2 span, #awward #gallery span, #awward #gallery2 span, #certificate #gallery span, 
#certificate #gallery2 span {
display:block;  font-size:85%; 
}

#claysculpture #gallery div, #claysculpture #gallery2 div, #claysculpture #gallery3 div, #claysculpture #gallery4 div, #paint #gallery div, #paint #gallery2 div, #awward #gallery div ,#awward #gallery2 div, #certificate #gallery div, 
#certificate #gallery2 div {
display:block; 
float:left; 
overflow:hidden;
margin-right: 25px;
overflow: hidden;
width: 163px;
height: 300px;
background:none;
}

/*#gallery div:nth-child(6n+1){ margin-right:0px !important; }*/

#paint #gallery div, #paint #gallery2 div, #certificate #gallery div, #certificate #gallery2 div, #awward #gallery2 div ,
 #awward #gallery div { margin:8px 11px 8px 0;}

 
#claysculpture #gallery a:hover, #claysculpture #gallery2 a:hover, #claysculpture #gallery3 a:hover, #claysculpture #gallery4 a:hover,  #paint #gallery a:hover, #paint #gallery2 a:hover, #awward #gallery a:hover, #awward #gallery2 a:hover, #certificate #gallery a:hover,
#certificate #gallery2 a:hover{ 
box-shadow:0px 22px 15px -15px rgb(0,0,0), 0px 0px 1px rgb(0, 0, 0);
box-shadow:0px 22px 15px -15px rgba(0,0,0,0.5), 0px 0px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 22px 15px -15px rgba(0,0,0,0.5), ;
-moz-box-shadow:0px 22px 15px -15px rgba(0,0,0,0.5);  
border:8px solid rgba(255, 255, 255, 0.4);   }

#claysculpture #gallery a img, #claysculpture #gallery2 a img, #claysculpture #gallery3 a img, #claysculpture #gallery4 a img, #paint #gallery a img, #paint #gallery2 a img, #awward #gallery a img, #awward #gallery2 a img, #certificate #gallery a img, 
#certificate #gallery2 a img{ width:100%; height: 100%; 
opacity:1;
filter:alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

-khtml-opacity: 1; 
transition:all 300ms ease-in-out; transform:scale(1); 
-webkit-transform:scale(1); 
-ms-transform:scale(1); 
/***-webkit-border-radius:6px; 
border-radius:6px;**/
}

#certificate #gallery div, #certificate #gallery2 div{ height:230px; }
#awward #gallery div, #awward #gallery2 div{ height:auto; padding-bottom:18px; }
#paint #gallery div, #paint #gallery2 div{ height:240px; padding-bottom:18px; }


/********************************* CV *************************************/

#cv #cv-tag{ background:#555;}

#cv #cv-tag h2{ font-size:22px; line-height:normal; color:#fff; padding:13px 0; margin:0;}

#cv .middle-part-wrp{background:#fff; padding:25px 0;}

#cv .middle-part-wrp div{ background:#fff;}

#cv #table-cv tr td{ border:none; margin:5px 0; }

#cv #table-cv tr{ margin:5px 0; }

#cv-listing{ margin-left:18px; padding:0; }

#cv-unlisting li{margin:8px 0; }

#cv-listing li{ list-style:decimal; margin:8px 0;}

#cv-photo{ margin-top:35px;}

#cv-photo img{ border:2px solid #CFCFCF; padding:0 17px;}

#cv .foot{ margin:0px;}

#cv #table-cv tr td:nth-child(1){ font-weight:bold; font-size:13px;}



/********************************* Awwerd *************************************/

/*#awward #gallery li img{ height:100%; width:auto !important; max-width:none;}*/

#awward #gallery li, #certificate #gallery li { /*width:200px; height:200px;*/ padding:8px;}

#awward #gallery li a, #certificate #gallery li a{ width:100%;}

#awward #gallery li a{ }

#awward #cv-tag  h2{ margin-bottom:0px; margin-top:3px; padding-left:15px; }

.modal-header .close{ margin-top:-10px;}

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

/********************************* certification *************************************/

#certificate #gallery li a i{ vertical-align:middle; padding-top:25px; font-size:16px; text-align:justify; display:inline-block;}

#clr-red{ color: #de0000;}

#bg-red{background: #de0000; color:#fff;}

#certificate .middle-part center h2{ padding:0; margin:0px;}

#bread{ background:none; margin:0px; padding:0px;}

#bread li{margin:0 10px 0 0; padding:0px;  float:left;  }

#bread li a{ color:#fff; font-size:14px; display:block; padding:5px 10px;  }

#bread li a:hover{background:#DE0000 ; text-decoration: none; }

#bread li.active a{ color:#fff; background:#DE0000 ; }

.breadcrumb > li + li:before{ content:" > ";}

/********************************* contact *************************************/
#contact .middle-part{ padding:25px 0;}

#frm-cnt{ margin-bottom:45px !important;} 

#contact .middle-part address p {line-height:36px;}


.carousel-indicators .active{ border-color:#de0000 !important;}

/*.nav li .active{background-color:#de0000 !important; }*/


/********************************* certification *************************************/

.button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-clip: padding-box;
    background-color: #CD1D18;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ccc',GradientType=0 ); 
	background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255) 50%, rgb(0, 0, 0) 51%, rgb(0, 0, 0,));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
	background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04));
    border-color: #9F1713 #891310 #891310;
    border-image: none;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(ie-css3.htc);
    border-style: solid;
    border-width: 1px;
	box-shadow: 0 1px rgb(255, 255, 255) inset, 0 1px 2px rgb(0, 0, 0);
    box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    min-width: 96px;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px #154C86;
    vertical-align: top;
	text-transform:uppercase;
	box-shadow:0 0px 0px 0px rgb(0,0,0);
	box-shadow:0 0px 0px 0px rgba(0,0,0,0.1);
	outline:none;
}
.button:hover {
    background-color: #c01511;
	box-shadow:0 10px 10px -7px rgb(0,0,0);
	box-shadow:0 10px 10px -7px rgba(0,0,0,0.6);
	transition:all 300ms ease-in-out;
}
.button:active {
    background: linear-gradient(to bottom, #921511, #E4201B) repeat scroll 0 0 #B61A15;
	background: -webkit-linear-gradient(to bottom, #921511, #E4201B) repeat scroll 0 0 #B61A15;
     border-color: #5B0D0B #72100D #9F1713;
	 box-shadow: 0 1px 3px rgb(0, 0, 0) inset, 0 1px rgb(255, 255, 255);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px rgba(255, 255, 255, 0.4);
	color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.9);
     text-shadow: 0 -1px #72100D;
	 box-shadow:0 10px 10px -7px rgb(0,0,0);
	 box-shadow:0 10px 10px -7px rgba(0,0,0,0.9);
}



@media (max-width:767px){
#navigat{ background:none;}

#navigat ul, #navigat ul li:hover	{ background:none;}
#navigat ul li{ background:#555;margin:0px; }

#navigat ul li a{ background:#555; border-radius:none;
-webkit-border-radius:none;}

#navigat ul li:hover{ background:#555 !important;}

#navigat ul li a:hover{ background:#555;}
 
.navbar-nav li.active, .navbar-nav li:visited{ background-color:#555;}
 
.righted{border-radius:0 !important;
-webkit-border-radius:0 !important; }

}

@media (max-width:360px){ 

#bread li{ float:none; margin-bottom: 5px;}

#awward #cv-tag h2{ margin-bottom: 0px;
margin-top: 23px;
padding-left: 15px;
font-size: 19px; }

.foot .author{ font-size: 13px; }

#claysculpture #gallery div, #claysculpture #gallery2 div, #claysculpture #gallery3 div, #claysculpture #gallery4 div, #paint #gallery div, #paint #gallery2 div, #awward #gallery div ,#awward #gallery2 div, #certificate #gallery div, 
#certificate #gallery2 div {

margin-right: 15px;
margin-left: 50px;
width: 170px;
height: 300px;
}

#logo{ margin:10px 0 5px 0;}

}

@media only screen and (min-width:1360px) and (max-height: 768px) and (orientation: landscape){ 
.modal-dialog{ margin:14% auto 1% !important; z-index:9999 !important;}
}

@media only screen and (min-height:1024px) and (max-width: 1280px){ 
.modal-dialog{ margin:28% auto 1% !important; z-index:9999 !important;}
}

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

#paint #gallery div, #paint #gallery2 div, #certificate #gallery div, #certificate #gallery2 div, #awward #gallery2 div ,
 #awward #gallery div { margin:8px 55px 8px 0;}
 
#gallery div:even-child(){ margin-right:0px; }
 
}

@media only screen and (min-width:360px) and (max-width:600px){ 
.foot div:last-child{ text-align:center !important;}
.foot div:first-child{ text-align:center !important;}

.foot .author{ font-size:14px;}
}

@media only screen and (min-width:601px) and (max-width:838px){
.foot  .col-sm-4{text-align: inherit;}
.foot  .col-xs-12{text-align: center;}
.modal-dialog{ margin:180px auto 30px; }
} 

@media only screen and (max-width:350px){
.modal-dialog{ margin:50px auto 30px;}
#myModal input[type="password"]{display: block;  margin-bottom:15px;}
}

@media only screen and (max-width:350px){
.inset p{ text-align}
}

@media only screen and (max-width:510px){
.inset p{ text-align}
.modal-dialog{ margin:100px auto 30px; }

#arrow_left, #arrow_right{

height: 30px !important;
line-height: 28px;
width: 30px !important;
}

.middle-part-wrp h2{ font-size:20px;}

}

.alert-error{color:#FF0000;}

.mar-tb{ margin:15px 0;}