/* layout */
html { overflow-x: hidden; height: 100%;font-size:100%; }
body {background-color:#424242; color: #f9f9f6; height: 100%; padding:0 15px 0 15px; }
#container {min-height: 100%; height: auto !important; height: 100%; background-color:#fff; margin:0 0 -15px 0 ; position:relative;}
#footer, #spacer {height:15px;}
#footer {clear: both; position:relative; background-color:#424242;font-size:1px; }



img { vertical-align: middle; }
body {-webkit-font-smoothing:subpixel-antialiased; font-family: 'PT Sans', sans-serif;}
.bg01 {background:url(../img/bg/01.gif) no-repeat top center;}
.bg28 {background:url(../img/bg/bg28.jpg) no-repeat top left;}
.bg28 {background-position:left 12em; background-size:contain;}




p {margin: 0;}
h1, h2, h3, p { padding:0;  font-family: 'PT Sans', sans-serif; color:#000; text-align:center;font-weight:normal;margin:0; }
h1 {font-size:2em; margin-top:.5em; line-height:1em;}
h2 {font-size:.95em; color:#626262; margin-top:.5em;}
h3{ font-size:24px; text-align:left;margin-bottom:.2em; font-weight:bold;}
h6, h6 a {color:#b8b8b8 !important; font-weight:normal;margin:0 !important; padding:0 !important;  font-style:italic;}
h6 {margin-bottom:3% !important;}
h6 a:hover {color:#000 !important; }
a:link, a:visited { color: #f9f9f6; text-decoration: none; }
a, a:active, a:focus {outline:none;}
html body *:focus {outline: none;}
img { max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.menu {width:100%; background-color:#424242;  height:70px;}
.menu_wr {width:50%;height:70px; margin:0 auto; display:table;}
.menu_item {background-color:#424242; display:table-cell;  align:center; line-height:70px; font-family: 'PT Sans', sans-serif; 
 font-size:.85em; letter-spacing:.03em; border-right:1px solid #292929; 
 border-left:1px solid #5b5b5b; width:33%; overflow:hidden; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.menu_item a{display:inline-block; width:100%; text-align:center; text-transform:uppercase; font-weight:300;}
.menu_item a:hover {color:#ef0f53;}
.menu_item a.active {display:inline-block; width:100%; text-align:center; text-transform:uppercase; font-weight:300;color:#ef0f53;}


#main_title {font-size:3em; line-height:1em; font-weight:bold; text-align:center;  padding-top:10px; text-indent:0;  text-shadow: 2px 2px 2px rgba(255,255,255,1)}
#main_title_pop {font-size:3em; line-height:1em; font-weight:bold; text-align:center; text-indent:0;  text-shadow: 1px 2px 1px rgba(255,255,255,1); margin-bottom:15px;}
#header { color:#000; padding:3% 5% 5% 5%; margin:0; min-height:100px; height:auto !important; height:100px; background-image: url(../img/header_bg.gif);}
#header2 {color:#000; padding:3% 5% 5% 5%; margin:0; min-height:100px; height:auto !important; height:100px;background:#fff !important;}

#intro { height: 112px; width: 32%; display: table; padding-left:124px; background:url(../img/photo.png) no-repeat; background-position:left 50%; margin:35px  auto;
}
#outer {display:table-cell; vertical-align: middle; font-family: 'PT Sans', sans-serif; font-size: 1.2em!important; font-weight:bold;}
*:first-child+html #intro {position: relative; width: 20%; left:-62px;}
*:first-child+html #outer {display: block; position: absolute; top: 50%; left: 0%; width: 100%;}
*:first-child+html #inner {position: relative; top: -50%;left:124px;}
.three_col {width:30%; float:left; padding:0 0 15px 0; color:#626262;  font-size:.9em; }
.al_c {margin-right:5% !important; margin-left:5% !important;}
*:first-child+html .al_c {margin-right: 4% !important;}

.main_form {background:url(../img/sh_bg.png) no-repeat;  background-position: 50% 0px;  height:135px;  max-width:1280px; margin: 0 auto; font-size:23px; font-family:Georgia, "Times New Roman", Times, serif; 
position:relative;top:35px; }
.dop, .dop_form {display:none;}
.req_l {background:url(../img/request_left.png) no-repeat top left; height:78px; margin-right:290px; color:#000; }
.centered {display: block; padding-top:25px;  margin-left:80px; height:78px; text-shadow: 1px 1px 1px rgba(255,255,255,1);  text-align:center; }
.req_l a {color:#000; text-decoration:none; display:inline-block; background:url(../img/dashed.png) no-repeat; background-position: 0 93%}


#ffth, #svth {display:none !important;}


.req_r {background:url(../img/request_right.png) no-repeat top right; height:78px; position:absolute; right:0; top:0; width:290px;}
.req_r  a {text-decoration:none; color:#fff; display:block; padding-top:25px; padding-left:45px; background: transparent; width:290px; height:78px; text-shadow: 1px -2px 1px rgba(0,0,0,0.4);}
.req_r  a:hover {background:url(../img/request_hov.png) no-repeat; background-position:0 0px; text-shadow: 1px -2px 1px rgba(0,0,0,0.4); text-decoration:underline; }

.req_r_login_h {background:url(../img/request_right.png) no-repeat top right; height:78px; position:absolute;z-index:2; right:0; top:0; width:290px; padding-top:25px;  color:#000; display:none;}
.req_r_login_h  a {text-decoration:none; color:#fff;   background: transparent; width:290px;  text-shadow: 1px -2px 1px rgba(0,0,0,0.4);}
.req_r_login_h  a:hover { text-shadow: 1px -2px 1px rgba(0,0,0,0.4); text-decoration:underline; }

.req_r_login {display:block; background:url(../img/request_right.png) no-repeat top right; height:78px; position:absolute;z-index:2; right:0; top:0; width:290px; padding-top:25px;  color:#000;}
.req_r_login  a {text-decoration:none; color:#fff;   background: transparent; width:290px;  text-shadow: 1px -2px 1px rgba(0,0,0,0.4);}
.req_r_login  a:hover { text-shadow: 1px -2px 1px rgba(0,0,0,0.4); text-decoration:underline; }

.fields {padding:0 0 0 25px; margin:0;}
.fields li{ float:left;  list-style-type:none; padding:0; margin-right:3px;}
*:first-child+html .fields li{margin-right:1px;}
.fields li input {font-size:.6em!important; height:23px; line-height:23px;  width:88px; text-align:center;  font-family:Georgia, "Times New Roman", Times, serif; border:none; background:none; }
.fields li input.btn_ent {font-size:23px!important;line-height:auto !important; padding-top:0 !important;}
.fields2 {padding:5px; margin:0;}
.fields2 li{ list-style-type:none; padding:0; width:70%; margin:0 auto; margin-bottom:5px;}
*:first-child+html .fields2 li{margin-right:1px; width:50%;}
.fields2 li input {text-align:center; border:none; background:none;border:1px solid #dbdbdb; height:18px;width:100%; margin:0 auto;font-size:14px !important; line-height:18px; font-family: 'PT Sans', sans-serif !important;}
.fields2 li input:focus {border:1px solid #ef0f53; background:#fff;}






.btns {border:0 !important;}
.btns_pop {border:0 !important; background:transparent !important; padding-top:0 !important; }
.btn_ent {color:#fff; text-shadow: 1px -2px 1px rgba(0,0,0,0.4);  width:60px !important; text-align:left;padding-left:0;  height:30px !important;}
.btn_ent:hover {text-shadow: 1px -2px 1px rgba(0,0,0,0.4); text-decoration:underline !important; }
.btns_req {border:0 !important; background:transparent !important; width:140px !important; clear:left;}
input:focus, a:active {outline: none;}
.inp_bg {background:url(../img/inp_bg.png) no-repeat bottom left; margin-top:-2px;}




.dop_form_popup {margin:0;}
ul.fields_pop {margin:0 auto; padding:0; width:273px; }
.fields_pop li {
	margin:0;
	margin-top:7px;
	margin-right:3px;
	list-style-type: none;
	list-style-position: outside;
	color:#000;
	float:left;
	width:88px;
	
}

.fields_pop li input {border:0;  height:20px;  font-size:14px !important; text-align:center;
line-height:18px; font-family: 'PT Sans', sans-serif !important; width:100%; background:url(../img/inp_bg.png) no-repeat center top;}

/***********Кнопки******************/
.horizontal3, .horizontal3 ul{list-style-type: none;width: 100%;margin: 0 0 15px 0; padding: 0;}
.horizontal3:after, .horizontal3 ul:after {content: ''; display: block; clear: left;}
.horizontal3 li{ float:left;padding: 0; width:88px; margin:0 auto;}
.framed a{cursor: pointer; //cursor: hand; text-decoration:none;}
.framed a:hover{background-color: transparent;}
.framed.horizontal3{//padding-bottom: 10px;}
.framed .f {position: relative; z-index: 1; display: block; float: left; min-height: 14px; //height: 14px;}
.framed .c {position: relative; z-index: 2; display: block; margin: 0 0 -10px 0; padding: 2px 15px 4px 15px; color:#fff; font-size:.9em; text-decoration:none;
}
.framed .t, .framed .b {position: absolute; z-index: 1; top: 0; //top: auto; bottom: 0; left: 0; right: 11px; overflow: hidden; //width: 100%; //height: 100%;}
.framed .b{top: auto; bottom: -10px; height: 10px;}
.framed .r {left: auto; //left: -11px; right: 0; //margin-left: 100%; width: 11px;}
.framed .t *, .framed .b * {position: absolute;top: 0;left: 0; width: 800px; height: 400px; background: url('../img/framed.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=framed.png,sizingMethod=crop);}
.framed .t * {margin-top: -10px;}
.framed .l *{ //width: 100%; margin-left: -11px;}
.framed a:hover .t *, .framed a:hover .b * {top: -200px; zoom: 1;}
/*****************************/

/***********Кнопки******************/
.horizontal4, .horizontal4 ul{list-style-type: none;width: 100%;margin: 0 0 15px 0; padding: 0;}
.horizontal4:after, .horizontal4 ul:after {content: ''; display: block; clear: left;}
.horizontal4 li{padding: 0; width:140px; margin:0 auto;}
.horizontal4 li input {width:140px; margin:0 auto;}
.framed a{cursor: pointer; //cursor: hand; text-decoration:none;}
.framed a:hover{background-color: transparent;}
.framed.horizontal4{//padding-bottom: 10px;}
.framed .f {position: relative; z-index: 1; display: block; float: left; min-height: 14px; //height: 14px;}
.framed .c {position: relative; z-index: 2; display: block; margin: 0 0 -10px 0; padding: 2px 15px 4px 15px; color:#fff; font-size:.9em; text-decoration:none;
}
.framed .t, .framed .b {position: absolute; z-index: 1; top: 0; //top: auto; bottom: 0; left: 0; right: 11px; overflow: hidden; //width: 100%; //height: 100%;}
.framed .b{top: auto; bottom: -10px; height: 10px;}
.framed .r {left: auto; //left: -11px; right: 0; //margin-left: 100%; width: 11px;}
.framed .t *, .framed .b * {position: absolute;top: 0;left: 0; width: 800px; height: 400px; background: url('../img/framed.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=framed.png,sizingMethod=crop);}
.framed .t * {margin-top: -10px;}
.framed .l *{ //width: 100%; margin-left: -11px;}
.framed a:hover .t *, .framed a:hover .b * {top: -200px; zoom: 1;}
/*****************************/




/*************Кнопки****************/
.horizontal, .horizontal ul{list-style-type: none;width: 100%;margin: 0;padding: 0;}
.horizontal:after, .horizontal ul:after {content: ''; display: block; clear: left;}
.horizontal li{width:30%; float:left; margin:0;padding: 0;}
.framed a{cursor: pointer; //cursor: hand; text-decoration:none;}
.framed a:hover{background-color: transparent;}
.framed.horizontal{//padding-bottom: 10px;}
.framed .f {position: relative; z-index: 1; display: block; float: left; min-height: 14px; //height: 14px;}
.framed .c {position: relative; z-index: 2; display: block; margin: 0 0 -10px 0; padding: 2px 15px 4px 15px; color:#fff; font-size:.9em; text-decoration:none;
}
.framed .t, .framed .b {position: absolute; z-index: 1; top: 0; //top: auto; bottom: 0; left: 0; right: 11px; overflow: hidden; //width: 100%; //height: 100%;}
.framed .b{top: auto; bottom: -10px; height: 10px;}
.framed .r {left: auto; //left: -11px; right: 0; //margin-left: 100%; width: 11px;}
.framed .t *, .framed .b * {position: absolute;top: 0;left: 0; width: 800px; height: 400px; background: url('../img/framed.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=framed.png,sizingMethod=crop);}
.framed .t * {margin-top: -10px;}
.framed .l *{ //width: 100%; margin-left: -11px;}
.framed a:hover .t *, .framed a:hover .b * {top: -200px; zoom: 1;}
.framed a:hover{text-shadow: 1px -1px 1px rgba(0,0,0,0.4)}


/*****************************/
.horizontal2, .horizontal2 ul{list-style-type: none;width: 100%;margin: 0;padding: 0;}
.horizontal2:after, .horizontal2 ul:after {content: ''; display: block; clear: left;}
.horizontal2 li{float:left; margin:0;padding: 0;}
.framed a{cursor: pointer; //cursor: hand; text-decoration:none;}
.framed a:hover{background-color: transparent;}
.framed.horizontal2{//padding-bottom: 10px;}
.framed .f {position: relative; z-index: 1; display: block; float: left; min-height: 14px; //height: 14px;}
.framed .c {position: relative; z-index: 2; display: block; margin: 0 0 -10px 0; padding: 2px 15px 4px 15px; color:#fff; font-size:.9em; text-decoration:none;
}
.framed .t, .framed .b {position: absolute; z-index: 1; top: 0; //top: auto; bottom: 0; left: 0; right: 11px; overflow: hidden; //width: 100%; //height: 100%;}
.framed .b{top: auto; bottom: -10px; height: 10px;}
.framed .r {left: auto; //left: -11px; right: 0; //margin-left: 100%; width: 11px;}
.framed .t *, .framed .b * {position: absolute;top: 0;left: 0; width: 800px; height: 400px; background: url('../img/framed.png') 0 0 no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=framed.png,sizingMethod=crop);}
.framed .t * {margin-top: -10px;}
.framed .l *{ //width: 100%; margin-left: -11px;}
.framed a:hover .t *, .framed a:hover .b * {top: -200px; zoom: 1;}
/*****************************/

.slide, #af {display:none;}
#m1 {border-left:0;}
#m3 {border-right:0;}
#notext {display:block;}





 

#all {width:100%; height:100%; background:#fff; padding:15px;}
.col {width:20%;}
a img {border:0;}
*:first-child+html .for_d {position:relative; margin-left:-30px;}


#artworks {background-color: #fff; clear:both; position:relative;  margin:0 15px  0 15px; padding:15px 15px  0 15px; text-align:center;}
#artworks_s {background-color: #fff; clear:both;   margin:0 15px  0 15px; padding:15px 15px  0 15px; text-align:center; overflow:hidden;}

.da-thumbs {list-style: none;position: relative;padding: 0; margin:0 ;clear:both;}
.da-thumbs li {float: left;position: relative;background:#272725;}
.da-thumbs li a, .da-thumbs li a img {display: block; width:100%; position: relative;}
*:first-child+html .da-thumbs li a img{display:inline-block;}
.da-thumbs li a {height:100%; overflow: hidden; outline: none;}
.da-thumbs li a div {position: absolute; width: 100%; height: 100%; background-image:url(../img/png_img.png);cursor:hand;}
.da-thumbs li a div table{width:100%; height:100%;}
.da-thumbs li a div table, .da-thumbs li a div table td{padding:0; margin:0; border:0; border-collapse:collapse;}
.da-thumbs li a div table td {height:100%; width:100%; vertical-align:middle;  overlow:hidden; text-transform: uppercase;
font-weight: normal; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);text-align:center; font-size:.75em;}
.da-thumbs li a div table td a {display:inline;}



.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* Классы начального состояния: */
.da-slideFromTop {left: 0px; top: -100%;}
.da-slideFromBottom {left: 0px; top: 100%;}
.da-slideFromLeft {top: 0px; left: -100%;}
.da-slideFromRight {top: 0px; left: 100%;}
/* Классы конечного состояния: */
.da-slideTop {top: 0px;}
.da-slideLeft {left: 0px;}



.da-thumbs span.work_thumb_legend { display:block; background-color: #fff; height: 70px; margin:0;}
.da-thumbs span.work_thumb_title {  display:block; padding-top:16px; font-size:1.2em; text-align:center;font-family: 'PT Sans', sans-serif; color:#000; }
.da-thumbs span.work_thumb_subtitle { display:block; font-size:.75em; text-align:center; margin-bottom:16px;font-family: 'PT Sans', sans-serif; color:#626262; 	 }


#work { z-index: 100; }
#work_thumb { z-index: 10; }
.work_thumb img { width:100%; height:auto; }
.work_thumb_legend { color:#272725; background-color: #f9f9f6; height: 70px; }
.work_thumb_title {  display:block; padding-top:16px;  font-size:1.09em; text-align:center; }
.work_thumb_subtitle { display:block; font-size:.8em; text-align:center; color:#959593; margin-bottom:16px; }

/* Single */

.new { text-align:center; width: 90%; margin:0 5%;}
.new img { padding-bottom: 3%;}
.old img { width:33.2%; float: left; padding-right: 1px; padding-bottom: 1px; }



.descr {position:relative; float:left; left:50%; margin-bottom:3%; font-family: 'PT Sans', sans-serif; margin-top:.75em;}
.descr_value {background: #424242;padding: 5px 0;position: relative;float:left;left:-50%;text-align:center;font-size:.75em;line-height:1.6em; text-transform:uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); color:#fff; padding:5px 15px 5px 15px;
}

.cornerTL,
.cornerTR,
.cornerBR,
.cornerBL {width: 15px; height: 15px; position: absolute; top: 0; left: 0; background:url(../img/cc.png);}
.cornerTR {left: auto; right: 0; background-position: 15px 0;}
.cornerBR {left: auto;right: 0;top: auto;bottom: 0;background-position: 15px 15px;}
.cornerBL {top: auto;bottom: 0;background-position: 0 -15px;}

.fl {overflow:hidden; margin-top:50px;} 

#m0 {width: 32px; height: 27px; z-index:20; position: absolute; left: 20px; top:20px; border:0; padding:0 !important;visibility:visible;}
.visno {visibility:hidden;}
#home {display:block; width: 32px; height: 27px; background-image: url(../img/home.png); background-position:top left;}
#home:hover {display:block; width: 32px; height: 27px; background-image: url(../img/home.png); background-position:top right;}
#home_active {display:block; width: 32px; height: 27px; background-image: url(../img/home.png); background-position:top right;}
#cross a { background-image: url(../img/nav_cross.png); background-size: 100px 100px; width: 100px; height: 100px; z-index:20; position: fixed; 
left: 0;}




#left a { background-image: url(../img/nav_left2.png);  background-size: 100px 100px; width: 100px; height: 100px; z-index:20; position: fixed; 
left:0; top:50%; margin-top:-50px;}
#right a { background-image: url(../img/nav_right2.png); background-size: 100px 100px; width: 100px; height: 100px; z-index:20; position: fixed; 
right:0; top:50%; margin-top:-50px;}


#cross a:hover { background-image: url(../img/nav_cross_hover.png); }
#left a:hover { background-image: url(../img/nav_left_hover2.png); }
#right a:hover { background-image: url(../img/nav_right_hover2.png); }



/* ==========================================================================

#left a { background-image: url(../img/nav_left.png);  background-size: 100px 100px; width: 100px; height: 100px; z-index:20; position: fixed; 
right: 50px;}
#right a { background-image: url(../img/nav_right.png); background-size: 100px 100px; width: 100px; height: 100px; z-index:20; position: fixed; 
right:0;}





#cross a:hover { background-image: url(../img/nav_cross_hover.png); }
#left a:hover { background-image: url(../img/nav_left_hover.png); }
#right a:hover { background-image: url(../img/nav_right_hover.png); }







   Preload rollovers
   ========================================================================== */

#preload-01 { background: url(../img/nav_cross_hover.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(../img/nav_left_hover.png) no-repeat -9999px -9999px; }
#preload-03 { background: url(../img/nav_right_hover.png) no-repeat -9999px -9999px; }







/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 2/3) and (-webkit-min-device-pixel-ratio: 2) {
#iphone_logo, #logo { background-image: url(../img/iphone_logo@2x.png); }
#iphone_rotate { background-image: url(../img/iphone_rotate@2x.png); }
#cross a { background-image: url(../img/nav_cross@2x.png); }
#left a { background-image: url(../img/nav_left@2x.png); }
#right a { background-image: url(../img/nav_right@2x.png); }
#cross a:hover { background-image: url(../img/nav_cross_hover@2x.png); }
#left a:hover { background-image: url(../img/nav_left_hover@2x.png); }
#right a:hover { background-image: url(../img/nav_right_hover@2x.png); }
}


/* --- If <= 1400 = 4 colonnes */
@media only screen and (max-width: 1400px) {
.col, .col_1 { width:25%; }
.col_2 { width: 50%; }
#resume_p { margin-left: auto; margin-right: auto; }
.old img { width:49.9%; }

}

/* --- If <= 1200 = 3 colonnes */
@media only screen and (max-width: 1200px) {
.col, .col_1 { width:33.3333%; }
.col_2 { width:66.6666%; }
.old img { width:49.7%; }
#fst {display:none !important;}
#main_title {font-size:40px;}
#main_title_pop {font-size:40px;}
}

/* --- If <= 985*/
@media only screen and (max-width: 985px) {
.main_form {background-position: 50% -158px;}
#snd {display:none !important;}
#main_title {font-size:40px; line-height:40px; }
#main_title_pop {font-size:40px; line-height:40px; }
#intro {width:50%;}
*:first-child+html #intro {width:25%;}
}


/* --- If <= 930*/
@media only screen and (max-width: 930px) {
.main_form {font-size:20px;}
.fields li input.btn_ent {font-size:20px!important;}
#intro {width:45%; margin: 0 auto;}

#main_title {width:100%; text-align:center; padding-bottom:25px; clear:both;}
#main_title_pop {width:100%; text-align:center; clear:both;}
*:first-child+html #main_title {width:100%; text-align:center; padding-bottom:25px; clear:both;}
*:first-child+html #intro {width:25% !important; margin: 0 auto !important; left:-62px;}
}

/* --- If <= 872*/
@media only screen and (max-width: 872px) {
.main_form {font-size:19px;}
.fields li input.btn_ent {font-size:19px!important;}


}
/* --- If <= 850*/
@media only screen and (max-width: 850px) {
.main_form {font-size:18px;}
.fields li input.btn_ent {font-size:18px!important;}
#intro {width:55%;}
*:first-child+html #intro {width:15%;}
}
/* --- If <= 825*/
@media only screen and (max-width: 825px) {
.main_form {font-size:17px;}
.fields li input.btn_ent {font-size:17px!important;}
}
/* --- If <= 820*/
@media only screen and (max-width: 820px) {
.main_form {font-size:21px;}
.fields li input.btn_ent {font-size:21px!important;}
#thd, #fth {display:none !important;}
#ffth {display: inline !important;}
#intro {font-size:.9em;}
}


/* --- If <= 800 = 2 colonnes */
@media only screen and (max-width: 800px) {
.col { width:50%; }
.menu_item a span {display:none;}
.menu2 a span {display:none;}
.col_1, .col_3 { width: 20%; }
.col_2 { width:74%; }
.old img { width:100%; }
#fl301{width:800px; height:409px;}



}

/* --- If <= 784*/
@media only screen and (max-width: 784px) {
.banner_1, .banner_2, .banner_3 {display:none;}
.banner_holder  {display:block;}
}


/* --- If <= 755*/
@media only screen and (max-width: 755px) {
.main_form {background-position: 50% -316px;}
#intro {font-size:.8em; width:55%;}
*:first-child+html #intro {width:15%;}
}

/* --- If <= 740 = iphone landscape */
@media only screen and (max-width: 740px) {
.col_1, .col_3 { width: 10%;}
.col_2 { width:90%; }

.three_col {min-width:100%; width:auto !important; width:100%; clear:both;  padding:15px 0 15px 0;  border-top:1px solid #dbdbdb;}
#nobd{border:0 !important;}
.al_c {margin:0 !important;}

.slide {display:block;}
.horizontal li{width:auto; clear:left; margin:15px 3% 3% 0; text-align:center;}
.invis  {display:none !important;}
.req_l {background:url(../img/request_left_s.png) no-repeat top left; }
.centered {margin-left:0px !important;}


}
/* --- If <= 670 = iphone landscape */
@media only screen and (max-width: 670px) {
#svth {display: inline !important;}
#ffth, #sx  {display:none !important;}

}

/* --- If <= 570 = iphone landscape */
@media only screen and (max-width: 570px) {
#be {display:none;}
#af {display:block;}
.req_l {display:none;}
.dop {display:block;  position:relative; top:15px;}
.dop p {text-align:center;font-size:21px; font-family:Georgia, "Times New Roman", Times, serif}
.dop p a {color:#000; text-decoration:underline;}
.dop p a:hover {color:#ef0f53;}
.req_r {position:relative; background: url(../img/req_but_s.png) no-repeat top left; width:290px; margin:0 auto;}
.req_r_login {position:relative; background: url(../img/req_but_s.png) no-repeat top left; width:290px; margin:0 auto;}
.req_r a:hover {background: url(../img/req_but_s_hov.png) no-repeat top left;}
.main_form {background-position: 50% -474px; }
#intro {font-size:.8em; width:55%;}
*:first-child+html #intro {width:5%;}
}






/* --- If <= 460 = iphone portrait */
@media only screen and (max-width: 460px) {
.da-thumbs span.work_thumb_title {font-size:.8em;}
.da-thumbs li a div span span, .da-thumbs li a div table td{font-size:.8em;}
.da-thumbs span.work_thumb_legend {height:48px;}
#notext {display:none;}
#cross{ display:none; }
#left{ display:none;}
#right { display:none;}
#intro {font-size:.65em;}
#main_title_pop {font-size:30px; line-height:30px;}

}

/* --- If <= 390*/
@media only screen and (max-width: 390px) {
.horizontal2 .f { width:56px !important;}
}
/* --- If <= 376*/
@media only screen and (max-width: 390px) {
ul.fields_pop {width:100%; max-width:88px; }
.fields_pop li {clear:both; width:100%;}
.horizontal3 .f {clear:left; width:88px !important;}
.fields2 li {width:100% !important;}
.horizontal4 {width:140px; margin:0 auto;}
.btns_req {width:140px !important; clear:left; }

}

/* --- If <= 360*/
@media only screen and (max-width: 360px) {
#af {display:none;}
.dop_form {display:block;  padding:0; margin-top:30px;}
.fields li { margin-bottom:5px; width:31%;}
.fields li input {border:1px solid #dbdbdb;  height:20px;  width:97%; font-size:14px !important; line-height:18px; font-family: 'PT Sans', sans-serif !important;}
.fields li input:focus {border:1px solid #ef0f53; background:#fff;}
.dop  {margin-bottom:5px;}
#main_title {font-size:30px; line-height:30px;}
.three_col span {font-size:11px; }
#intro {width:40%}
*:first-child+html #intro {width:3%;}
}

/* --- If <= 300 = iphone portrait */
@media only screen and (max-width: 300px) {
#header{margin:0}
.col {width:100%;}
.menu {padding:0; height:204px; margin-bottom:.5em;}
.menu_item {display:block;  height:70px; width:100%;border:0; border-bottom:1px solid #292929; 
border-top:1px solid #5b5b5b;background-color:#424242;}
.menu_item a span {display:inline;}
#m0 {position:static;   height:70px; width:100%;border-bottom:1px solid #292929; 
border-top:1px solid #5b5b5b;background-color:#424242;}
*:first-child+html .menu {height:288px;}
*:first-child+html #m0 {position:absolute!important; top:0; left:0;}
*:first-child+html #m1 {margin-top:72px;}
#home {margin:20px auto;}
h1 {font-size:1.1em;}
h2 {font-size:.75em;}
.da-thumbs span.work_thumb_title {font-size:.8em;}
.da-thumbs li a div span span, .da-thumbs li a div table td{font-size:.85em;}
.da-thumbs span.work_thumb_legend {height:48px;}
#notext {display:none;}
#cross{ display:none; }
#left{ display:none;}
#right { display:none;}
.descr_value {font-size:.7em;}
#artworks {margin:0}
.descr {margin-left:0 !important;}
#m3 {border-bottom:0;}
#footer {display:none;}
#main_title_pop {font-size:18px; line-height:18px; margin-bottom:15px;}
body {padding:0;}
#footer, #spacer {height:0;}
.menu_wr {width:100%; margin:0!important;}
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}