/*-Цвет-*/
.coloreds {background-color: rgb(228, 113, 6);}
.colored {color: rgb(228, 113, 6);}
.mainBtn1 {background-color: rgb(228, 113, 6);}
.border {border-bottom: 3px solid rgb(228, 113, 6);}
.bordert {border-top: 3px solid rgb(228, 113, 6);}
.swchItemA {border:1px solid rgb(228, 113, 6);background-color: rgb(228, 113, 6);}
.swchItem {border:1px solid rgb(228, 113, 6);}
.sidetitle, .allUsersBtn, .uSearchFlSbm, .Tabside li a.activeLink{background-color: rgb(228, 113, 6);}
.catName {background-color: rgb(228, 113, 6);}
.ucf-option-subscribe {background-color: rgb(228, 113, 6)!important;}
.xw-tl {border-bottom:2px solid rgb(228, 113, 6)!important;}
input[type=submit]{ background-color: rgb(228, 113, 6)!important;}
.allUsersBtn{ background-color: rgb(228, 113, 6)!important;}
.color{background-color: rgb(228, 113, 6)}
/*-/Цвет-*/

/*--------Ajax--------*/
.myWinCont input, .myWinCont select {font-family:Tahoma,Arial;font-size:8pt;color:#656565!important;;vertical-align:middle;padding-top:20px}
.myWinCont input[type=text], .myWinCont input[type=password] {background:#edeff0!important;border:1px solid #ececec!important;font-size:11px!important;color:#535353!important;border-radius:3px!important;padding:5px 8px!important;outline:none!important;box-shadow:none!important;padding-top:20px} 
.myWinCont textarea {box-shadow:none!important;padding-top:20px} 
.x-sh .xstl{padding-top:6px; background:none!important;} 
.x-sh .xsml{background:none!important;} 
.x-sh .xstr{padding-top:6px; background:none!important;} 
.x-sh .xsmr{background:none!important;} 
.x-sh .xsbl{padding-left:6px;background:none!important;} 
.x-sh .xsbc{background:none!important;} 
.x-sh .xsbr{padding-right:6px;background:none!important;} 
.xt {background:none!important; margin-left:5px!important; margin-top:1px!important; width:25px!important; height:20px!important;} 
.xt-close{background:url('/images/xt-close.png') no-repeat!important; margin:1px 0 0 0px!important;} 
.xt-close-over{background:url('/images/xt-close.png') no-repeat!important;} 
.xt-mini{background-position:0 -15px!important;} 
.xt-mini-over{background-position:-15px -15px!important;} 
.xt-maxi{background-position:0 -30px!important;} 
.xt-maxi-over{background-position:-15px -30px!important;} 
.xt-rest{background-position:0 -45px!important;} 
.xt-rest-over{background-position:-15px -45px!important;} 
.xw-tl {background:#fff!important; padding-left:5px!important;} 
.xw-tc {background:none!important; padding:6px 10px 0px 10px!important;} 
.xw-tr {background:none!important; padding-right:5px!important; -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px;} 
.xw-ml {background:#edeff0!important; padding-left:5px!important; color:#656565!important;} 
.xw-mr {background: none !important; padding-right:5px!important;} 
.xw-bl {background:#edeff0!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; border-radius: 0px 0px 0px 2px;} 
.xw-br {background:#edeff0!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; border-radius: 0px 0px 2px 0px;} 
.xw-bc {background:#edeff0!important; height:5px!important;} 
.xw-hdr-text {padding:0px!important;} 
.xw-hdr-text {font-size: 11px;font-weight: 700; font-family: tahoma!important; color:#444444!important; line-height: 15px!important; vertical-align:2px!important;} 
.xw-plain .xw-mc {border-radius:2px!important; border: none!important; padding:0!important; margin:0!important; font: 11px tahoma!important; color:#656565!important; background:#edeff0!important;} 
.xw-body, .myWinCont {padding:0!important; margin:0!important; color:#656565!important;} 
.xw-plain .xw-body{padding: 0!important; border: none!important;} 
.xw-plain {border:1px solid#aaa;box-shadow: 5px 10px 10px -5px rgba(0,0,0,0.5);border-radius:3px!important;} 
.xw-blank {background:#edeff0!important;} 
.myWinTD1 {background:none!important;}
.groupPda{color:#000}
/*====================*/

/*--------Плеер--------*/
.Tabside li {float: none;padding: 5px;display: inline-block;}
.Tabside li a.activeLink, .Tabside li a.hover{box-shadow:none;border:none;padding: 5px 10px; -moz-border-radius: 3px; border-radius: 3px;color: #fff;}
.Tabside li a {background:#fff;padding: 5px 10px;border: 1px solid #c0c1c2!important; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12);color: #000;}
.hide { display: none;}
.video { position : relative ; }
.scroll_fix_wrap{border:0!important}
.v-black { border-radius:3px; position : absolute ; background-color:#000; top: 0; left: 0; width: 100%; height: 99%; }
.video span { background-image : url(http://i.imgur.com/OiIFSPJ.png); position : absolute ; top : 50%; left : 50%; z-index : 2 ; width : 100px; height : 100px; margin : -50px 0 0 -50px ; opacity : 0.7 ; cursor : pointer ; transition : 0.2s linear ;}
.video span:hover { opacity : 1 ;}
/*=====================*/

/*--------Прелоадер--------*/
#spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px;}
#spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
#spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
#spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
#spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
#spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
#spinner1 { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px;}
#spinner1 > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
#spinner1 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
#spinner1 .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
#spinner1 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
#spinner1 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }}
/*=====================*/
.height .catsTable * {
 display: inline-block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

/* HTML5*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
#content table { word-break: break-word;}
#content xmp { width:100%; overflow: auto;}
/*------------------------------------------------------
 Базовые стили 
--------------------------------------------------------*/
body {background: url('/images/1.jpg')no-repeat fixed;background-size:cover;font: 13px/23px "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; word-wrap: break-word; color: #777;}
a { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
input::-moz-focus-inner { border: 0;}
.myWinCont a:link, .myWinCont a:visited {text-decoration: none!important;}
a:hover, a:active, a:focus { color:#444444; text-decoration: none; outline: none;}
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; color: #333;}
.top-header .right-header ul.social-icons, .main-header .menu ul { padding: 0; list-style: none;}
.section-cotent{background: #edeff0;padding:20px 5px;}

/*------------------------------------------------------
 Верхняя часть 
--------------------------------------------------------*/
.site-header{margin: 100px 0 0;}
.top-header { background: #fff; color: white; padding: 10px 0; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -o-border-top-right-radius: 3px;}
.top-header .left-header span { margin: 8px 30px 0 0;}
.top-header .left-header span i { margin-right: 10px;}
.top-header .right-header ul.social-icons li { display: inline-block;}
 ul.social-icons{ margin-top: 12px;}
.socic{margin-bottom:3px}
.social-icons img{width:34px;border:1px solid#eee;border-radius:3px;}
.social-icons img:hover{border:1px solid#333;}
.top-header .right-header ul.social-icons li a { color: #fff; width: 35px; height: 34px; text-decoration:none;border: 1px solid #eee; text-align: center; line-height: 30px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 5px; }
.top-header .right-header ul.social-icons li a:hover { background-color: white!important; color: #333; text-decoration:none;border: 1px solid #333; }
.borderradius{border-radius:3px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#soc a { background:#fff; color: #333; width: 32px; height: 32px; text-align: center; line-height: 30px; border: 1px solid #333; -webkit-border-radius: 16px; border-radius: 16px; margin: 0 5px;}
#soc a:hover { color: #777;}
.scroll{position:relative}
.col-md-2 { width: 19.9%;}
.u-combo {border: none!important;}
.uRelatedEntries li a{display: block;height:39px;text-align:center;font-weight:bold}
.uRelatedEntry img {margin-top: 5px;}
.uRelatedEntries li{ width: 143px; float:left; display: inline; text-align: center; overflow: hidden; margin: 5px; background: #fff; border: 1px solid #c0c1c2; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12);} 
.logo a{ margin-top: 5px;}
.logo h1 { margin-top: 15px; font-size: 28px; font-weight: 700; }
.logo span { color:#444444; font-size: 18px; margin-bottom:10px }
.logo h1 a { color: #333; text-decoration:none; }
.logo h1 a:hover { color: #3f444e; text-decoration:none; }
.main-header .menu { margin-top: 10px;}
.main-header .menu ul li { display: inline-block; margin-left: 15px;}
.main-header .menu ul li a { text-transform: uppercase; color: #777777; font-size: 15px; padding: 8px 15px; -webkit-border-radius: 3px; border-radius: 3px;}
.main-header .menu ul li a.current { background: #e3722e; color: white;}
.main-header-shrink { padding: 25px 0; top: 0;}
.responsive-menu { position: relative; top: -20px;}
.responsive-menu .toggle-menu { font-size: 24px; color: #e3722e;}
.responsive-menu .menu { display: none; position: absolute; top: 52px; width: 100%; background-color: #e3722e;}
.responsive-menu .menu ul li { display: block; text-align: left; border-bottom: 1px solid #d1601c; margin: 0;}
.responsive-menu .menu ul li:last-child { border-bottom: 0;}
.responsive-menu .menu ul li a { color: white; padding: 15px 20px; display: block; -webkit-border-radius: 0; border-radius: 0;}
.responsive-menu .menu ul li a.current { background-color: #444444;}

/*------------------------------------------------------
 Общие 
--------------------------------------------------------*/
input[type=button], input[type=reset]{ background-color: #aaa;}
input[type=button], input[type=submit], input[type=reset]{ font-weight: bold;text-transform: uppercase;color:#fff!important}
.swchItemA{border-radius:3px;padding:1px 5px;color:#fff!important}
.swchItem{border-radius:3px;padding:1px 5px;}
#uf-register .uf-soc-icons ul li b {width: 130px!important;}
.user{ width: 60%;}
.error-page h1 {font-size: 120px;}
.error-page p { padding-bottom: 30px; font-size: 1.2em;}
.error-page span { font-size: 2em; color: #aaaaaa; margin-bottom: 40px; display: block;}
div.uf-reg-wrap h2 {display:none!important}
.uf-reg-wrap{margin-top:10px}
ul.uf-form li:nth-child(2){width: 100%;}
.ucf-options {float: right!important;}
.uf-form .commSbmFl:hover{background-color: #444444 !important;}
.right{ float:right;}
.u-star-rating-16 li a:hover { background: none!important;z-index:2;left:0px;border:none }
.user_avatar img {min-width:140px;border: 1px solid #c0c1c2!important; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12);}
.usertable1 {float:left;width:30%;}
.flexslider { margin-top: 0px; width: 100%; max-width: 100%; min-width: 100%;overflow: hidden; margin: 0;max-height:600px; position: relative; zoom: 1;}
.flex-viewport { max-height: 600px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport { max-height: 600px;}
.flexslider .slides > li {display: none;height: 600px; -webkit-backface-visibility: hidden;}
.flexslider .slides {width:100%; zoom: 1;max-height: 600px;}
.flex-direction-nav a { color: #444444; width: 40px; height: 40px; background-color: white; -webkit-border-radius: 3px; border-radius: 3px; margin: -20px 0 0 0; text-align: center; line-height: 40px;}
.flex-caption { position: absolute; top: 39%; width: 100%; text-align: center; z-index: 999; color: white;}
.flex-caption h2 { font-size: 50px; text-transform: uppercase; font-weight: 700; color: white; margin-bottom: 45px; text-shadow: 0px 4px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.3), 0px 18px 23px rgba(0,0,0,0.3);}
.flex-caption p { font-size: 30px; font-family: 'Droid Serif', serif; line-height: 28px; color: white; text-shadow: 0px 4px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.3), 0px 18px 23px rgba(0,0,0,0.3);}
.flex-caption span { background: url(../images/slider-dec.png) no-repeat; width: 60px; height: 9px; display: block; margin: 30px auto;}
#zaklHover{padding:5px;width:30%;float:left;background:#fff} 
#zaklHover:hover{padding:5px;background:#FFF;} 
.myWinCont fieldset {border: 1px solid #c0c1c2!important;-moz-border-radius: 3px!important;border-radius: 3px!important;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12)!important;margin:2px!important; }
.contfon{ background-color:#fff; padding:10px 0; border:1px solid #c0c1c2; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); margin:10px 5px; float:left;}
.eText{float:none;width:100%;padding:10px;background:#fff;border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.section-cotent1 { background: #edeff0; padding: 20px 5px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.uComment {margin:0 0 0px!important;}
.uc-content {margin: 0!important;}
.uc-message {margin: 8px 0px 8px 60px!important;}
.qwer{background:#fff;margin:10px 0px!important;padding:8px;border-radius:3px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12)!important;border: 1px solid #c0c1c2!important;}
.cAnswer{color:#fff!important;}
.cAnswer a{color:#fff!important;}
.cAnswer a:hover{color:#fff!important;}
.eBlock a:hover{color:#e3722e}
.comEnt{margin-bottom:15px;background: #D2D2D2;border-radius: 3px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12)!important; border: 1px solid #c0c1c2!important;}
#content {float:left;width:71%; padding:0px 0px 20px;margin-bottom:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#sidebar {float:right;width:26%; background:#eee;margin:10px 25px 25px 4px}
.sidebox {margin:0;position:relative;}
.sidetitle a{color: #fff;}
.sidetitle a:hover{color: #fff!important;}
.sidetitle:hover{background-color: #444444!important;color: #fff!important;}
.rat {float:right}
.comEnt{padding:5px }
.fons{background: #efefef;padding: 10px; margin: 5px auto;position: relative;width: 304px;border-radius:5px}
.fonn{font-size:13px;color:#646464;margin:10px auto;}
.height{min-height:65px;background-color: #EDEFF0;overflow:hidden; height: auto;}
#searchText div {margin-top:0px}
.sidetitle, .allUsersBtn, .uSearchFlSbm {text-align:center; width:100%; color: #fff; display: inline-block; text-transform: uppercase; padding: 7px 15px!important; font-weight: 600; font-size: 14px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
input[type="button"], input[type="reset"], input[type="submit"]{width:240px!important;border:none!important;padding: 8px!important;margin-top:8px;border-radius:3px}
.marked .sidetitle {background:#eee;padding:0 10px 13px;text-align:center}
.sidebox .inner {padding:15px 0px 20px;text-align:left}
.sidebox .catsTable,.sidebox .catsTable * {}
.sidebox .catNumData {color:#333;display:inline-block;float:right}
.sidebox .calTable{width:100%;}
.calTable {font-size:12px;}
.calTable td {text-align:center;padding:7px 2px;}
.calTable td a {text-decoration:underline;}
.calTable td a:hover {text-decoration:none;}
.calMonth,.calWday,.calWdaySe,.calWdaySu {font-size:13px;}
.calWday,.calWdaySe,.calWdaySu {background:#eee;}
.calTable td.calMonth a {text-decoration:none;}
.calTable td.calMonth a:hover {text-decoration:underline;}
.calTable .calMday {color:#aaa;}
.calTable .calMdayA,.calTable .calMdayIsA {background:#7EC0EE;color:#fff;}
.calMdayLink {font-weight: bold;text-decoration: none!important;}
.calMdayLink:hover{background:#7EC0EE;color:#fff;}
.sidebox ul ul {display:none;margin:0;padding:0 0 0 20px;text-align:left}
.sidebox li.uWithSubmenu.over > ul,.sidebox li.parent-li.over > ul {display:block;}
.sidebox iframe {border:1px solid #dbe1e8;background-color:#fff;text-align:left}
.sidebox .answer {padding:5px 0 0 0;text-align:left}
.schQuery,.schBtn {display:inline;padding:0 2px;}
.sidebox ul.rate-list {margin:0;text-align:left}
.title-section { margin-bottom: 10px;}
.title-section h2 { font-size: 24px; font-weight: normal; text-transform: uppercase; display: block; margin-top: 0px; margin-bottom: 0px;}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height: 0; } 
.carousel { position:relative; margin:0 auto; padding:0px 30px; } 
.carousel, .carousel_mask { width:100%;} 
.carousel_btn_left, .carousel_btn_right { display:none; position:absolute; width:15px; height:20px; top:100px; } 
.carousel_btn_left { left:10px; } 
.carousel_btn_right { right:10px; } 
.carousel_btn_left:active, .carousel_btn_right:active{ margin-top:1px; } 
.carousel_mask { position:relative; overflow:hidden !important; } 
.carousel ul.carousel_items { position:relative; margin:0px; } 
.carousel ul.carousel_items li { float:left; margin:5px; } 
.carousel ul.carousel_items li img { } 
.img_frame { display:inline-block; background-color:#fff; } 
.img_frame .container_car ul {position:absolute;} 
.img_frame .container_car ul li { margin:0px; padding:0px; width:100%; overflow:hidden; } 
.img_frame a.description { display:block; padding:5px 8px; background-color:#ffd86a; color:#555; line-height:16px; font-size:12px; text-decoration:none; } 
.img_frame a.description h4 {padding:0px;}
.widget-title { font-size: 18px; font-weight: 600; margin-bottom: 30px;}
.search-form1 { font-size: 1.1em;}
.input-group1 { position: relative; width:100%; margin:6px;}
.search-form1 .input-group1 .form-control1 { background-color: #fff; border:1px solid #c0c1c2; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); color: #333; padding-left: 5px;}
.input-group1 .form-control1 { position: relative; z-index: 2; float: left; width: 96%; margin-bottom: 0;}
.form-control1 { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 2px solid #333; border-radius: 3px; }
.fa-search { border-radius: 3px; height: 32px; width: 32px; border: none; cursor: pointer; color: #333; background:#fff; position: absolute; top: 1px; right: 12px; z-index: 100;}
.fa-angle-left:before{ cursor: pointer; color: #333; position: absolute; top: 5px; right: 11px; z-index: 100;}
.fa-angle-right:before{ cursor: pointer; color: #333; position: absolute; top: 5px; left: 11px; z-index: 100;}
.eTitle{font-weight:bold; display: block; position: relative; top: 3px; padding: 0; height: 38px; overflow: hidden; line-height: 1.1;}
.AdvSubmitF1{right:30px;}
.infTable{}
.infTd{padding:4px; }
.video-frame iframe{height:400px}
.video-t{ list-style: none; padding: 0; text-align: center; cursor: pointer;}
.video-t{ background-size: cover; background-position: center center;display: inline-block; }
.video-o{z-index:950; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); top: 0; left: 0;}
.video-o .frame{ width: 760px; height: 428px; position: relative; margin: 220px auto; border: 5px solid#000; border-radius: 5px; background:#000;} 
.faq-t{ list-style: none; padding: 0; text-align: center; cursor: pointer;}
.faq-t{ background-size: cover; background-position: center center; display: inline-block; }
.faq-o{z-index:950; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); top: 0; left: 0;}
.faq-o .frames{ width: 760px; height: 728px; position: relative; margin: 35px auto; border: 5px solid#edeff0; border-radius: 5px; background:#edeff0; overflow-y:scroll;}
.mainBtn{ color: #fff; display: inline-block; text-transform: uppercase; padding: 10px 15px; font-weight: 600; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.trFon{padding:12px;}
.trFon1{padding:12px;background:#fff; border-top-left-radius:3px ;border-bottom-left-radius:3px ; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.trFon2{padding:12px;background-color:#fff!important; border-top-right-radius:3px ;border-bottom-right-radius:3px ; box-shadow:1px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.infimg{border: 1px; width: 120px; height: 170px;border-radius:3px}
.infimg1{width:120px; height:170px; border-radius:3px;}
.contimages{width:235px;height:130px; border:6px solid #fff; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.conti{background:#fff;border-radius:3px;margin:10px; } 
.contimg{width:215px;height:300px;border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.catName{ border:6px solid#edeff0; text-align:center; width:100%; color: #fff; display: inline-block; text-transform: uppercase; padding: 12px 15px; font-weight: 600; font-size: 14px; border-radius: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.catNameActive:hover{color: #fff!important;}
.catName:hover, .catNameActive{ border:6px solid#edeff0; text-align:center; width:100%; background-color: #444444!important; color: #fff; display: inline-block; text-transform: uppercase; padding: 12px 15px;font-weight: 600; font-size: 14px; border-radius: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.mainBtn1 { text-align:center; width:100%; color: #fff; display: inline-block; text-transform: uppercase; padding: 7px 15px; font-weight: 600; font-size: 14px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.mainBtn:hover, .mainBtn1:hover{ background-color: #444444!important;}
a.mainBtn1:hover{ color: #fff!important;}
.flex-caption a{ color: #fff}
.flex-caption a:hover{ color: #eee}
#cid1{ width:0px!important; display:none}
#cid18 { width: 0px!important; display: none;}
.AdvFilter1, .AdvFilter2{text-align:center!important;border:none}
.AdvSubmitFl{margin:6px 10px; }
.catsTable tr{width: 25%;}
.catsTable tr:first-child{width: 0%;}
td.catsTd{width:100%!important;float:left;}
.AdvSubmit{height:10px}
.lft{float:left}
.contact-form .securityCode{border-radius:3px!important;width:20%!important;float:left;margin-right:5px}
.contact-form #gbF7{border-radius:3px!important;}
.contact-form .commFl{border-radius:3px!important;}
.uc-avatar { float: left; width: 50px;}
.uc-avatar img { vertical-align: middle; width: 50px; border-radius: 4px;border: 1px solid #c0c1c2;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.12)}
.info{min-height:350px}
.mainBtn2{ margin:6px 0; background-color: #fff; float:left; width:98%; color: #333; display: inline-block; text-transform: uppercase; padding: 7px 15px; font-size: 14px; border:1px solid #c0c1c2; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.mainBtn2:hover { background-color: #fff;}
option{}
#preview-contanier { height: 218px; width: 98%; margin: 0 auto 20px auto; text-align: center; position: relative;}
#preview { width: 97%; height: 218px; margin: 0 auto; text-align: left; overflow:hidden}
.preview-tumb { width: 140px; float: left; display: inline; text-align: center; overflow: hidden; margin:0px; background:#fff; border:1px solid #c0c1c2; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 4px 0px rgba(0,0,0,0.12); }
.preview-tumb a { display: block; text-decoration: none; color: #333; font-size: 9pt; padding: 5px 0 0; }
.preview-tumb a:hover { display: block; text-decoration: none; color: #333; font-size: 9pt;}
#preview-contanier div.arrow-left { position: absolute; top: 95px; left: -10px; width: 28px; height: 28px; background:#fff; cursor: pointer; border:1px solid#333; border-radius:50%;}
#preview-contanier div.arrow-left:hover, #preview-contanier div.arrow-right:hover{background:#e3722e; } 
#preview-contanier div.arrow-right { position: absolute; top: 95px; right: -10px; width: 28px; height: 28px; background:#fff; cursor: pointer; border:1px solid#333; border-radius:50%;}

/*------------------------------------------------------
 Контакты 
--------------------------------------------------------*/
.contact-form .full-row { width: 100%; margin-bottom: 20px;}
.contact-form input, #contact .contact-form textarea { outline: 0; display: block; border: 1px solid #cccccc; width: 100%; max-width: 100%; padding: 8px 10px; color: #777777;}
.contact-form label { display: block; margin-bottom: 5px;}
.contact-form input.mainBtn { display: inline-block; width: auto; border: 0; padding: 10px 15px; color: white;}
.map-holder { padding: 5px; background-color: white; border: 1px solid #d6d6d6;}
.contact-info { margin-top: 30px;}
.contact-info span { margin-top: 20px; display: block; font-size: 14px;}
.contact-info span i { font-size: 16px; margin-right: 12px;}
#message{ width: 100%;}
/*------------------------------------------------------
Нижняя часть 
--------------------------------------------------------*/
 .site-footer { margin-top: 100px; color: white; padding: 25px 0;}
 .site-footer p {margin-top: 10px;}
 .site-footer a { color: white; text-align: center;}
 .site-footer .go-top { float: right; text-transform: uppercase; margin-top: -14px;}
 .site-footer .go-top i { display: block;}
 .comBBi {margin-left: 2px;background:#E0EAF3;border:1px solid #8FC0E0;border-top:1px solid #8FC0E0;display:inline-block;margin-top:1px;color:#333;font-size:11px;cursor:pointer;text-shadow: 1px 0px 0px #FFF;} 
 .comBBi:hover{background:#E6F1F9;} 
 .comBBOi{height: 16px !important;border: 1px solid #F4F4F4; border-top: 1px solid #fff; border-bottom: 1px solid #DFDFDF;padding:3px;display:inline-block;cursor:pointer;text-align:center; font-family: Tahoma; font-size: 9pt; } 
 .comBBOi:hover {background:#E6F1F9;} 
 input[type='text']:focus,input[type='file']:focus,textarea:focus{border:1px solid #333; background:#fff!important;} 
 fieldset.file{border:#BFCCEF solid 1px;background-image:url(http://webo4ka.ru/Ucoz4/_forma_dobavlenii_materialabl_h.png);background-repeat:repeat-x;background-size:100% 100%;box-shadow:0 3px 3px #EFF2FB;-moz-box-shadow:0 3px 3px #EFF2FB;-webkit-box-shadow:0 3px 3px #EFF2FB;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;color:#657194;text-shadow:1px 1px 0 #FFF;padding:10px;width:100%} 
 legend.file{text-shadow:1px 1px 0 #FFF;color:#545E7A;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt}
 .contr a{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt; text-transform: uppercase;}
/********************************
IPAD LANDSCAPE (1024x768)
********************************/

 @media only screen and (max-width: 1200px) {
 .flexslider { margin: 0;max-height:500px; position: relative; zoom: 1;}
 .flexslider .slides > li {display: none;height: 500px; -webkit-backface-visibility: hidden;} 
 .flex-viewport { max-height: 500px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
 .loading .flex-viewport { max-height: 500px;}
 .flexslider .slides {width:100%; zoom: 1;max-height: 500px;} 
 .socic{margin-bottom:10px}
 input[type="button"], input[type="reset"], input[type="submit"] { width: auto!important; border: none!important; padding: 7px!important; margin-top: 8px; border-radius: 3px;} 
 .uRelatedEntries li{width:114px;}
 .video-t li{width:239px;height:130px}
 .video-o .frame{margin:122px auto;}
 .flex-caption { top: 32%; }
 .faq-t .frames{width:239px;height:230px}
 .faq-o .frames{margin:52px auto;width:720px;height:500px} 
 .contimg{width:166px;height:242px}
 .video-frame iframe{height:400px}
 .col-md-4{width:31.5%!important}
 .site-footer .col-md-4{width:32%!important}
 .bdM42 select, .bdM45 select{height:auto;}
 .infimg1{width:100px;height:150px}
 .img_frame {width:140px!important;} 
 .preview-tumb{width:115px}
 .info{min-height:300px}
 .contimages{width:185px;height:110px}
 .fa-search {right: 9px;} 
 .carousel {width: 89%}
 .carousel_mask {width: 100%;} 
 }

/********************************
IPAD PORTRAIT (768x1024)
********************************/

 @media only screen and (max-width: 960px) {
 #selectcolor{display:none}
 #soc{width: 100%;}
 .flexslider { margin: 0;max-height:400px; position: relative; zoom: 1;}
 .flexslider .slides > li {display: none;height: 400px; -webkit-backface-visibility: hidden;} 
 .flex-viewport { max-height: 400px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
 .loading .flex-viewport { max-height: 400px;}
 .flexslider .slides {width:100%; zoom: 1;max-height: 400px;} 
 .uRelatedEntries li{width:128px; margin:10px 2px 0;} 
 .flexslider { margin-top: 100px;}
 .uf-reg-wrap{width:100%:float:none;margin:0}
 .infimg1{width:120px;height:170px;}
 #sidebar{float:none;padding: 0 20px; width: 100%;}
 .sidebox{float:left!important;width:335px;padding:0 16px;}
 .title-section h2{text-align:center}
 .preview-tumb {width:143px;}
 .contimages{width:200px;height:130px;}
 .input-group1 .form-control1 {width:100%;margin-left:-6px;} 
 .mainBtn2 {width: 100%;}
 .faq-o .frames{margin:52px auto;width:720px;height:750px} 
 .carousel {width:96%;}
 .fa-search{right:7px;top:1px}
 .top-header .col-sm-6 { width: 50%;}
 .sidebar{float:none;}
 .info .col-sm-6 {width: 66.9%;}
 .col-md-2 { width: 100%;} 
 #content{width:100%;}
 input[type="button"], input[type="reset"], input[type="submit"] { width: auto!important; padding: 0 5px!important; margin: 2px 0!important;} 
 .contimg{width:176px;height:252px;}
 .catName{padding:7px 10px; font-size: 12px;}
 .catName:hover, .catNameActive { padding: 7px 10px; font-size: 12px;} 
 .main-header {padding: 15px 0;}
 .video-frame iframe{height:350px}
 .main-header .logo {margin-top: 20px;}
 .service-item, .team-member {margin-bottom: 50px;}
 .site-footer .col-sm-8, .site-footer .col-md-4 {width: 100%!important; text-align: center;}
 .site-footer .go-top {float:none;text-align:center} 
 .our-skills { margin-top: 60px; }
 .flex-caption { top: 30%; }
 .col-sm-4 { width: 100%;} 
 .flex-caption h2 { font-size: 38px; margin-bottom: 20px; }
 .flex-caption p { font-size: 24px; width: 70%; margin: 0 auto; }
 .left-header, .right-header { text-align: center; }
 #selectcolor .fa {right: 38px!important} 
}

/********************************
IPHONE 4-4S-5 LANDSCAPE (568x320)
********************************/

 @media only screen and (max-width: 760px) {
 .catsTable tr {width: 100%;} 
 .height {max-height: 2063px;} 
 .uRelatedEntry img{width:96%;height:150px;}
 .uRelatedEntries li{width:19%;}
 input[type="button"], input[type="reset"], input[type="submit"] { width: auto!important;} 
 .main-header.logo {z-index:800;} 
 td.catsTd { width: 100%!important;float: left;} 
 .top-header .col-sm-6 { width: 100%; text-align: center;}
 .text-right {text-align: center!important;} 
 .preview-tumb { width: 100%;}
 .colorname{display:none}
 .lft {float:none} 
 .info .col-sm-6 {width: 100%}
 .video-frame iframe{height:330px}
 .video-o .frame { width: 560px;height: 328px;} 
 .flex-caption { top: 20%;}
 .flexslider { margin: 0; max-height: 300px; position: relative;zoom: 1;} 
 .user { width: 100%;}
 .site-footer .col-sm-8, .site-footer .col-md-4 { width: 100%!important; text-align: center} 
 .site-footer .go-top {float:none} 
 .contimages{width:28%;height:100px;}
 .sidebox {width: 50%;} 
 .rat {float:none} 
 input[type="button"], input[type="reset"], input[type="submit"] { width: auto!important; padding: 0 5px!important; margin: 2px 0!important;} 
 .infimg1 { width:92%;height: 150px;} 
 .contact-form {margin-bottom: 60px; }
 .main-header { height: 60px; }
 .carousel { width: 513px;}
 .contimg {width: 100%; height: 220px;}
 .faq-o .frames { margin: 52px auto; width: 550px; height: 250px; } 
 .col-md-4 { width: 31.2%!important;} 
 .col-md-1 {width:100%}
 .main-header .logo { margin: 0; z-index:500}
 .flexslider { margin-top: 60px; }
 .responsive-menu .menu { top: 32px; } 
 }

/********************************
IPHONE 4-4S-5 PORTRAIT (320x568)
********************************/
@media only screen and (max-width:460px){
.flexslider {display:none} 
.sidebox {width: 100%;}
.qwery{text-align:center} 
input[type="button"], input[type="reset"], input[type="submit"] { width: auto!important; padding: 0 5px!important; margin: 2px 0!important;} 
.usertable1 {width: 100%;} 
.carousel { width: 363px;margin-left:-30px}
.contimg { height: 330px;}
.right { width: 100%;float:none;margin-top:10px} 
.carousel_btn_left { left:15px; }
.lft {float:none} 
.video-o .frame { width: 350px;height: 248px;}
.carousel_btn_right { right:15px; } 
.ucf-avatar img {display: none;} 
.ucf-content { position: relative;margin: 0!important;} 
.infimg1 { width: 92%; height: 150px;} 
.contimages{width:90%;height:160px;margin-bottom:5px} 
.col-md-4 { width: 95%!important;}
.faq-o .frames{margin:52px auto;width:300px;height:450px} 
#soc a {margin: 0 2px;}
.entt{font-size:14px;} 
.uauth-small-links { margin: 0!important;} 
.video-frame iframe{height:170px}
.uRelatedEntries li {display: block;} 
.uRelatedEntry img{width:160px;height:220px;}
.uRelatedEntries li{width:170px;float:none}}

@media only screen and (max-width:320px){
.flexslider {display:none} 
.sidebox {width: 100%;}
#soc a {margin: 0 1px;}
.entt{font-size:12px;} 
.video-o .frame { width: 260px;height: 188px;}
.info .col-md-8{margin-left:-20px} 
.usertable1 {width: 100%;} 
.carousel { width: 213px;margin-left:26px}
.contimg { height: 270px;} 
.uRelatedEntries li {display: block;} 
.contimages{width:90%;height:160px;} 
.uauth-small-links { margin: 0!important;} 
.infimg1 { width: 92%; height: 150px;} 
.col-md-4 { width: 95%!important;} 
.faq-o .frames{margin:52px auto;width:250px;height:460px} 
.ucf-avatar img {display: none;} 
.ucf-content { position: relative;margin: 0!important;} 
.uRelatedEntries li {display: block;} 
.uRelatedEntry img{width:160px;height:220px;}
.uRelatedEntries li{width:170px;float:none}}