@font-face {
    font-family: 'Roboto';
    src: url('roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#ssmb{width:97px;font-size:13px;border: none;border-radius: 0 2px 2px 0;padding:0 25px;height:35px;background-color:#002642;color: #fff;margin-left:-4px;}

#hlogin{color:#fff;}
#hlogin:hover{text-decoration:underline;cursor:pointer}

::-webkit-input-placeholder {color: #789;}
::-moz-placeholder          {color: #789;}
:-moz-placeholder           {color: #789;}
:-ms-input-placeholder      {color: #789;}

#search::-webkit-input-placeholder {color:#789}
#search::-moz-placeholder          {color:#789}
#search:-moz-placeholder           {color:#789}
#search:-ms-input-placeholder      {color:#789}
 
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


#modal_form {width:410px;height:240px;background:#fff;display:none;box-shadow:0 10px 20px rgba(0,0,0,0.4);position:fixed;top:45%;left:50%;margin-top:-150px;margin-left:-150px;display:none;opacity:0;z-index:6}
#overlay{z-index:5;position:fixed;background-color:#000;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);width:100%; height:100%;top:0;left:0;cursor:pointer;display:none}

#inreg,textarea{font-size:14px;height:40px;border: 1px solid #d8e1eb;color:#789;padding:0 10px;margin:0 0 8px 0}
#rlink{color:#789;font: 9pt/25pt Roboto, sans-serif;display:block;width:100%;margin:20px 0 0;float:left;text-align:center}
#rlink span{color:#355d8f;cursor:pointer}

textarea{width:350px;height:200px;resize:none} 

#ptr{cursor:pointer}

a{color:#355d8f;text-decoration:none;cursor:pointer}
h1{color:#f0f5f9;font: 10pt/10pt Roboto, sans-serif;display:block;margin:0 0 5px}

#message{width:400px;text-align:center;box-shadow: 0 2px 3px rgba(55,80,110,0.1);position:absolute;text-shadow: 0 2px 2px rgba(55,80,110,0.4);border-radius:3px;margin-top:22px;padding:15px 25px;font-size:16px;color:#fff}

#rbox{width:980px;border-radius:3px;padding:20px 0 20px 0;color:#7f8790;margin-left:auto;margin-right:auto;margin-top:15px;background-color:#fff;display:flex;box-shadow: 0 3px 4px rgba(55,80,110,0.1);position:relative;z-index:1}
#rbox a{font: 11pt/17pt Roboto, sans-serif;padding:0 7px 0 0;display:block;float:left;}
#rbox a:hover,.csize:hover{color:#ff2642;text-decoration:underline;}
#rbox span{font: 6pt/17pt Roboto, sans-serif;color:#9ab;display:block;}
#rbox div{padding:0 10px 0 23px;float:left;}
#abcbox,#dowbox,#favbox,#bstbox{float:left;padding:4px 15px;font-size:11px;border-radius:3px 3px 0 0;text-align:center;color:#fff;background-color:#355d8f;margin-right:3px;cursor:pointer}
#dowbox{color:#002642;background-color:#d5d9dd}
#favbox,#bstbox{margin:-20px 10px 0 0;padding:10px 22px 10px 15px;font-size:13px;background:#002642}
#favbox:hover,#bstbox:hover{background:#355d8f}
#favbox img{width:17px;height:15px;float:left;padding:0 15px 0 0}
#bstbox img{width:22px;height:22px;float:left;padding:0 12px 0 0;margin:-5px 0 -2px}
#bstbox{padding:11px 22px 9px 15px}
#psbox{margin:-20px 0 0 0;padding:11px 22px 11px 50px}
#psbox img{width:46px;height:46px;float:left;position:absolute;z-index:2;margin:-18px 0 0 -60px}
#psbox:hover img{width:50px;height:50px;margin:-20px 0 0 -62px}
#fcount{font-size:11px;color:#cde;margin:0 0 0 8px}
#ract{color:#ff2642;}
#rall{position:absolute;margin:0 0 0 440px;text-align:center;width:130px;height:15px;font-size:10px;color:#fff;background-color:#002642;border-radius:0 0 8px 8px;box-shadow: 0 2px 3px rgba(55,80,110,0.1);padding:5px 0 3px;cursor:pointer}
#rall:hover,#ssmb:hover{background-color:#037cd6;cursor:pointer}

#rbox div#szbox{padding:25px 0 0 25px}
#rbox #szbox a,#rbox #szbox a.bg{font: 9pt/17pt Roboto, sans-serif;color:#69809c;padding:0 15px 0 0;display:inline-block;float:left;}
#rbox #szbox a.bg{font: 11pt/17pt Roboto, sans-serif;color:#355d8f}
#rbox #szbox a:hover{color:#ff2642;text-decoration:underline;}

/* КАТАЛОГ */

select {
  float:right;
  color:#355d8f;
  margin:40px 0 0 20px;
  padding:8px 36px 8px 15px;
  font-size: 12px;
  border: none;
  border-radius:3px;
  text-align:center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 3px 4px rgba(55,80,110,0.1);
  background: url(ssize.png) right no-repeat #fff;
}
select:hover{transition: .2s ease-in-out;box-shadow: 0 4px 4px rgba(55,80,110,0.4);}

select#ssort{
  background: url(ssort.png) right no-repeat #fff;
}


#csort{float:right;padding:35px 0 0 0;color:#d4ddf9;font: 10pt/13pt Roboto, sans-serif;}
#csort a{color:#355d8f;padding:0 5px}
#csort span{color:#7f8790;padding:0 5px}

#cbox{min-width:960px;margin:25px 0 25px -8px;padding:0 0 10px 0;overflow:auto;display:block}
#tmbox{width:320px;height:288px;background-color:#fff;margin:20px 0 0 9px;box-shadow: 0 3px 3px rgba(55,80,110,0.2);border-radius:3px;float:left;}
#tmbox:hover{transition: .2s ease-in-out;box-shadow: 0 4px 4px rgba(55,80,110,0.4);}
.prev{width:320px;height:203px;display:block;border-radius:3px 3px 0 0;}

.ctag{display:block;width:300px;margin:18px 10px 0 10px;float:left;color:#678;font: 10pt/13pt Roboto, sans-serif;text-align:center}
.csize{margin:254px 0 0 223px;text-align:center;color:#355d8f;font: 11pt/16pt Roboto, sans-serif;position:absolute;display:block;cursor:pointer}

#delete{margin-left:275px;display:block;padding:10px;position:absolute;z-index:3;width:25px;height:25px;background:none;cursor:pointer}

#crat{height:22px;margin:253px 0 0 15px;color:#789;position:absolute}
.crat{float:left;padding:6px 5px 0 5px;font-size:15px}
.cfav{float:left;padding:2px 0 0 17px;cursor:pointer}
.cstr{float:left;cursor:pointer}
.cfav img{width:20px;height:19px;}
.cstr img{width:22px;height:22px;}

#adsw{position:absolute;width:320px;height:5px;background-color:#fff;margin-top:267px;z-index:2}


#lbox{margin:40px 0;padding:20px 3px;overflow:auto;display:block}
a#next,a#prev,#lbox div a,span#prev,span#next,#lbox div span{margin:0;padding:15px 20px;display:inline;font-size:15px;background-color:#002642;color: #fff;border-radius:3px}
a#prev{float:left}
a#next{float:right}
#lbox span#prev,#lbox span#next{float:left;background-color:#d8e1eb;padding:14px 20px 16px}
#lbox span#next{float:right}
#lbox div{display:block;margin:-2px auto;text-align:center;padding:0 3px}
#lbox div span{font-size:14px;margin:0 2px;padding:14px 20px}
#lbox div a{padding:16px 15px;background-color:#fff;color:#355d8f;font-size:14px;margin:0 2px;border: 1px solid #d8e1eb;min-width:17px;display:inline-block}
#lbox div a:hover{background-color:#002642;color:#fff;border: 1px solid #002642}

div#prev,div#next{padding:15px 20px 15px;background:#002642;color:#fff;border-radius:3px;font-size:14px;margin:0 2px;min-width:17px;display:block;cursor:pointer}
div#prev{float:left}
div#next{float:right}

/* ИНФО */

#irads{width:240px;overflow:auto;float:right;margin:40px 0 0;}
#rinfo,#qr{width:240px;height:135px;background-color:#fff;border-radius:0 0 5px 5px;box-shadow: 0 4px 4px rgba(55,80,110,0.1);}
#irads span{display:block;font: 10pt/17pt Roboto, sans-serif;color:#567;text-align:center}
#qr{height:240px;width:240px;border-radius:5px;margin:20px 0;cursor:pointer;background-image:url(qr.gif)}
#qr:hover{transition: .2s ease-in-out;box-shadow: 0 4px 4px rgba(55,80,110,0.4);}
#qr img{border-radius:5px;margin:25px;}
#qr div{height:240px;width:240px;cursor:pointer;background:none}


#ratingBar{width:185px;height:80px;padding:25px 0 0 30px;}
#rstat{width:185px;cursor:default;font: 10pt/17pt Roboto, sans-serif;color:#567;margin:5px 0 0;text-align:center}
#rating{padding:0;float:center;}
#ratStat{margin:1px 0 2px 1px;}
#ratZero{width:185px;background:url(stars.png) repeat-x 0 0px;height:37px;}
#ratHover,#ratDone,#ratBlocks{height:37px;margin-top:-37px;padding:0;padding:0;}
#ratBlocks{width:185px;display:none;}
#ratDone{width:0px;background:url(stars.png) repeat-x 0 -74px;}
#ratHover{width:0px;background:url(stars.png) repeat-x 0 -37px;cursor:pointer;}

#info{width:728px;margin:40px 0 50px 0;box-shadow: 0 4px 4px rgba(55,80,110,0.1);border-radius:0 0 5px 5px;background-image: url(background46.png);}
.info{width:728px;overflow:auto;background-color:#fff;border-radius:0 0 5px 5px;padding-bottom:10px}
.iprev{border-radius:5px 5px 0 0;}

#heart{margin:20px 0 0 650px;cursor:pointer;display:block;position:absolute;z-index:3;width:60px;height:60px;background:none}
#heart:hover{margin:15px 0 0 645px;width:70px;height:70px;background:none}

#itag{width:445px;padding:20px 20px 26px;color:#abc;font:11pt/17pt Roboto,sans-serif;float:left}
#itag div{width:450px;height:50px;display:table-cell;vertical-align: middle;}
#itag a{padding-right:5px}
#itag a:hover{transition: .2s ease-in-out;color:#002642;text-decoration:underline;}

#icol{height:50px;padding:28px 20px 18px 0;text-shadow:#222 1px 1px 1px;float:right}
#icol a{display:block;height:30px;width:30px;margin:0 3px;float:right;border-radius:15px;float:left}
#icol a:hover{height:36px;width:36px;margin:-3px 0;box-shadow: 0 4px 5px rgba(55,80,110,0.4);border-radius:18px;}
#icol a#iwt{display:block;height:28px;width:28px;margin:0 3px;float:right;border-radius:14px;border: 1px solid #eee;float:left}
#icol a#iwt:hover{transition: .2s ease-in-out;height:34px;width:34px;margin:-3px 0;box-shadow: 0 4px 5px rgba(55,80,110,0.4);border:none;border-radius:17px;}

#ibox{width:728px;height:76px;background-color:#fff;margin-bottom:18px;float:right}
#idvbox{width:350px;height:76px;margin:0 auto}
button#idown,button#iview{width:260px;height:76px;background-color:#02518c;color:#fff;float:right;border:none;cursor:pointer;border-radius:5px 0 0 5px;}
button#iview{width:90px;height:76px;background-color:#002642;border-radius:0 5px 5px 0;}
button#idown:hover,button#iview:hover,#ileft img:hover,#iright img:hover,a#next:hover,a#prev:hover,div#prev:hover,div#next:hover{transition: .2s ease-in-out;background-color:#037cd6}

#iview img{width:40px;height:40px;margin:17px 2px 18px 20px;float:left;}
#idown img{width:32px;height:32px;margin:21px 44px 21px 30px;float:left;}
#idown div{margin:18px 0 0 0;font: 18pt/17pt Roboto, sans-serif;font-weight: 300;float:left}
#idown span{margin:5px auto 0 auto;font: 8pt/8pt Roboto, sans-serif;font-weight: 300;color:#cee0fa;display:block}

#ileft,#iright{display:block;width:80px;height:76px;float:left}
#iright{border-radius:5px 0 0 5px;float:right}
#ileft img,#iright img{border-radius:0 5px 5px 0;width:30px;height:30px;position:absolute;display:block;background-color:#02518c;padding:23px 25px}
#iright img{border-radius:5px 0 0 5px;}

#isize{padding:10px 0 10px 18px;display:block;margin:0;float:left;}
#isize button,#isize #no,#isize #act{display:block;float:left;width:89px;margin:5px;text-align:center;padding:10px 0;background-color:#fff;color:#355d8f;font-size:13px;border-radius:3px;border: 1px solid #d8e1eb;cursor:pointer}
#isize button:hover,#isize #act,#isize #actorig{transition: .2s ease-in-out;background-color:#002642;color:#fff;border: 1px solid #d8e1eb;}
#isize #no{color:#d8e1eb;cursor:default}
#isize #act,#isize #actorig{cursor:default}
#isize #orig,#isize #actorig{width:188px;}
	
.slider {width: 980px;margin: 40px 0;position: relative;overflow: hidden;}
.slide-list {position: relative;margin: 0;padding: 0;}
.slide-wrap {position: relative;left: 0;top: 0;width: 10000000px;}
.slide-item {width:280px;padding: 0;float: left;}
.navy {position: absolute;top: 0;z-index: 1;height: 100%;width: 55px;cursor: pointer;}
.prev-slide {left: 0px;}
.next-slide {right: 0px;}
.lsarrow,.rsarrow{width:15px;height:15px;position:absolute;display:block;background-color:rgba(60, 70, 80, 0.5);padding:87px 20px}
.rsarrow{margin:0 15px 0 0px;}
.lsarrow:hover,.rsarrow:hover{transition: .2s ease-in-out;background-color:rgba(10, 20, 30, 0.5);}
.slide-item img{width:280px;height:175px;}

.imgareaselect-border1{background:url(//t.7fon.org/v.gif) repeat-y left top}
.imgareaselect-border2{background:url(//t.7fon.org/h.gif) repeat-x left top}
.imgareaselect-border3{background:url(//t.7fon.org/v.gif) repeat-y right top}
.imgareaselect-border4{background:url(//t.7fon.org/h.gif) repeat-x left bottom}
.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4{filter:alpha(opacity=50);opacity:0.5;z-index:2}
.imgareaselect-handle{background-color:#fff;border:solid 1px #000;filter:alpha(opacity=50);opacity:0.5;z-index:2}
.imgareaselect-outer{background-color:#000;filter:alpha(opacity=30);opacity:0.3;z-index:2}

#csubmit {display:block;z-index:4;position:absolute;width:97px;padding:1px 0 0 3px;font-size:13px;border:none;border-radius:0 2px 0 0;height:35px;color:#fff;background-color:#002642;margin:-205px 0 0 105px;}
.jqx-color-picker-map-hue{border:1px solid #ddd;background-color:transparent;background-image:url('//t.7fon.org/map-hue.png');background-repeat:no-repeat;background-position:left top;overflow:hidden;border-radius:3px}
.jqx-color-picker-bar-hue{border:1px solid #ddd;background-color:transparent;background-image:url('//t.7fon.org/bar-hue.png');background-repeat:no-repeat;background-position:left top;border-radius:3px}
.jqx-color-picker-preview{margin:-205px 0 0 -10px;width:120px;height:35px;}
.jqx-color-picker-pointer{background-image:url('//t.7fon.org/crosshai.png');background-repeat:no-repeat;height:16px;width:16px}
.jqx-color-picker-pointer-alt{background-image:url('//t.7fon.org/crosshaj.png');background-repeat:no-repeat;height:16px;width:16px}
.jqx-color-picker-bar-pointer{background-image:url('//t.7fon.org/pointer.png');background-repeat:no-repeat;height:15px;margin-left:6px;background-position:right top}

#colordown{z-index:4;position:absolute;margin:0 0 0 299px;background-color:#002642;width:192px;height:160px;padding:10px;border-radius:0 0 3px 3px;box-shadow:0 3px 5px rgba(80,100,120,0.4)}
.csearch{z-index:3;position:absolute;width:25px;height:25px;cursor:pointer;float:right;background-image:url(color.png);margin:5px 0 0 380px;}


.derc {content: '';position: relative;z-index: 2;height: 8px;background: url(decor.png) center bottom repeat-x}
.descu {background: #eceef2;display: block;position: abcolute;width: 100%;}
.desco1, .desco2 {line-height: 1.5;margin: auto;padding: 35px 0;color: #567;font-size: 12px;display: block;}
.desco1 {text-indent: 1.5em;text-align: justify;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 50px;-moz-column-gap: 50px;column-gap: 50px;-webkit-column-rule: 1px solid #ccc;-moz-column-rule: 1px solid #ccc;column-rule: 1px solid #ccc;text-align: left;width: 950px;}
.desco2 {text-align: center;width: 600px;}
.descu h1, .descu h2, .descu h3, #h1, #h2, #h3 {font-weight: 600;color: #456;font-size: 18px;text-align: left;text-indent: 0;}
.descu ul {padding: 0 0 0 15px;}
.descu li {list-style-type: square;text-indent: 0em;margin: 5px 0;}

#footer a,#flink{color:#8EB5D5;display:inline-block;cursor:pointer}
#footer{background: #3f4546 url(page_bg.png) 50% 0 repeat;padding:40px 0 40px 0;clear: both;text-align: center;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3)}