/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot?3837060');
 src: url('../fonts/fontello.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?3837060') format('woff'), url('../fonts/fontello.ttf?3837060') format('truetype'), url('../fonts/fontello.svg?3837060#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43886684#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* ==========================================================================
  1. CSS RESET
============================================================================= */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {position: relative;margin: 0;padding: 0;color: #777;font-size: 13px; line-height: 1.428571429;font-family: "Open Sans", Arial, sans-serif;-webkit-font-smoothing: antialiased;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, 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 {
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: 0;vertical-align: baseline;}
input, select, textarea{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
a {text-decoration: none;}
a:focus {outline: none;}
:focus {outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
[hidden] {display: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
img {max-width: 100%; height: auto; border: 0;}
mark {background: #ff0; color: #000;}
sub, sup {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre {overflow: auto;}
code, kbd, pre, samp {font-size: 1em; font-family: monospace, monospace;}
button, input, optgroup, select, textarea {margin: 0; color: inherit; font: inherit;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
input {line-height: normal;}
input[type=checkbox], input[type=radio] {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;}
select {padding: 8px; border: 1px #e9e9e9 solid; background: #f3f3f3; font-size: 11px; line-height: 25px;}
fieldset {margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0;}
legend {padding: 0; border: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {width: 100%; border: 1px solid #e2e2e2; border-spacing: 0; border-collapse: collapse;}
tr:nth-child(even) {background: #f3f3f3;}
tfoot {background: #e9e9e9; font-weight: bold;}
th {text-transform: uppercase; border-right: 1px solid #e2e2e2; background: #f5f5f5; border-bottom: 2px #777 solid;}
td, caption {border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
tr.even td {background: #f9f9f9;}
th, td, caption {padding: 10px;}
:before, :after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clearfix:before, .clearfix:after, .container:before, .container:after {display: table; content: " ";}
.table-style2 th {border-right-color: #fff; border-bottom-color: #5c5c5c;}
/* General
===========================================================*/
html, body { height: auto; width:100%; overflow:auto; 
 /*   background-color:#b5305c; */}
a {color: #fff;}
a:hover, a.active {color: #fff;}
a:hover, a:focus {text-decoration: none; outline: none;}
hr {margin: -10px 0 10px 0;}
.sep {height: 60px;}
input, textarea {border-radius: 0; border: 1px solid #fff;}
.btn {border: 0;}
.btn-default {background: none; border:1px white solid; color: white;}
.btn-default:hover {background: rgba(240,132,0,.5); color: white;}
.netborder {border:none;}
/* Typography
===========================================================*/
body { /* background: -webkit-linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6) 100%);
        background:         linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6) 100%); */



        background: -webkit-linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6) 100%);
        background:         linear-gradient(rgba(40,63,156,.9) 30%, rgba(225,88,125,.8) 90%); 
        font-size: 16px; font-weight: 300; color: #fff; font-family: "Open Sans"; background-attachment: fixed;}
      
#cb-back {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; right:0; bottom:0; z-index: 1;}

.cloud1, .cloud2, .cloud3, .cloud4 {width:100%; height:100%; position:absolute; top:0; left: 0; right:0; bottom:0; opacity:0; z-index:10;	}

.logos{position:fixed; bottom:10px; left:5px;	max-width:300px; z-index:152;}
       
/* Nprogress/Preloader */
#nprogress {background: -webkit-linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6));  background: linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6));
            position: fixed; height: 100%; width: 100%; z-index: 999999; top:0;}

#mask-shape {background: -webkit-linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6));  background: linear-gradient(rgba(40,63,156,.7), rgba(225,88,125,.5) 70%, rgba(57,84,189,.6));
           	position: fixed; height: 100%; width: 100%; z-index: 999998; top:0;}

#nprogress .bar {background: #fff; position: fixed; top: 50%; left: 0; width: 100%; height: 5px; z-index: 999999;}

/* Fancy blur effect */
#nprogress .peg {display: block; position: absolute; right: 0px; width: 100px; height: 100%; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px);  transform: rotate(3deg) translate(0px, -4px);}

/* Remove these to get rid of the spinner */
#nprogress .spinner {display: block; position: fixed; z-index: 999999; top: 80px; right: 30px;}

#nprogress .spinner-icon {width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #fff; border-left-color: #fff; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


::selection {background: #ff0000;}
::-moz-selection {background: #ff0000;}

h1, h2, h3, h4, h5, h6 {color: #fff; margin:0; font-weight: 300; font-family: "Roboto";}
h1 { font-size: 20px; line-height: 24px;}
h2 {font-size: 18px; line-height: 24px;}
h3 {font-size: 18px; line-height: 25px;}
h4 {font-size: 18px; line-height: 21px;}
h5 {font-size: 14px; line-height: 19px;}
h6 {font-size: 12px; line-height: 17px;}
p {font-size: 18px; margin: 0 0 5px 0; line-height: 21px; color:#fff; text-align:justify;}

.cent {text-align:center;}
.tagline {	text-transform: uppercase;	margin: 0;}
.sub-tagline {	margin: 0;	font-size: 18px;	color: #fff;	line-height: 31px;}
.headline {	position: relative;	margin-top: 0;}
.telbrand {color:#970001; text-shadow:1px 1px #fff; font-size:1.1em; line-height:1.4em; position:fixed; top:5px; left:25px; z-index:999;}
h1.tagline,  h2.tagline  { text-align:center; color:#fff; text-shadow: navy 1px 1px, rgba(100,100,100,.7) 3px 7px 3px; letter-spacing:1.5px; margin:15px 0;}
.tagprice  { text-align:center; color:#970001; text-shadow:1px 1px #fff; font-size: 24px;	line-height: 31px; letter-spacing:1.5px; margin:15px 0; margin-top:0;}

.panel{margin-bottom:20px;background-color:rgba(255,255,255,.3);}
.panel>.content {padding:0em 3em;}
blockquote {line-height: 1.5; position: relative; margin-right: 0;}
blockquote:before {content: ''; height: 100%; width: 2px; border-radius: 8px; background: #fff; -webkit-box-shadow:0 0 40px #e6e6fa;  position: absolute; right: -2.3rem; top: 0;}
/*________________________*/
/* transition setup */
.pt-page-current, .no-js .pt-page { visibility: visible; background:none; z-index: 111;	overflow:auto;	}
.pt-page .section {	visibility:hidden;	display:none;	opacity:0;}
.pt-page-current .section {	visibility:visible;	opacity:1;}
.pt-page { /*	overflow: auto; */	position: fixed; right:0; left:0; width: 100%;	height: 100%; background:none;}
.no-js body { overflow: auto; background:none;}
.pt-page-ontop {	z-index: 200;	background:none;}
.pt-page .section { display: block;	padding:0; margin-bottom: 60px; margin-left:0; margin-right:0;}
.pt-page h1, .pt-page h2, .pt-page h3, .pt-page { color: inherit;}

/* dropcaps первая буква*/
li span.dropcaps, p span.dropcaps {	float: left; display: inline-block;	color: white; font-size: 31px; font-weight: bold; height: 43px;	width: 43px; line-height: 43px; text-align: center; margin-right: 10px;}
li a span.dropcaps { background: none;	color: #970001;	border:1px #970001 solid; -webkit-transition: all 0.7s linear 0s; transition: all 0.7s linear 0s;}
li a span.dropcaps:hover {	background: #970001; color:#fff;border:1px #fff solid;}

.pt-page#home, .pt-page#about, .pt-page#service { right:-10px;}

/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
.block{padding:1em; margin:0 0 0em 0; 
background-image:
   -webkit-linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   -webkit-linear-gradient(to right, rgba(255,255,255,.3), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.3)),
   -webkit-linear-gradient(to right, rgba(125,125,125,0), rgba(255,255,255,.9) 45%, rgba(125,125,125,0)),
   -webkit-linear-gradient(to right, rgba(125,125,125,0), rgba(255,255,255,.9) 45%, rgba(125,125,125,0)),
   -webkit-linear-gradient(to right, rgba(223,190,170,0), rgba(255,255,255,.9) 45%, rgba(223,190,170,0)),
   -webkit-linear-gradient(to right, rgba(223,190,170,0), rgba(255,255,255,.9) 45%, rgba(223,190,170,0));
background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,.3), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,0), rgba(255,255,255,.9) 45%, rgba(125,125,125,0)),
   linear-gradient(to right, rgba(125,125,125,0), rgba(255,255,255,.9) 45%, rgba(125,125,125,0)),
   linear-gradient(to right, rgba(223,190,170,0), rgba(255,255,255,.9) 45%, rgba(223,190,170,0)),
     linear-gradient(to right, rgba(223,190,170,0), rgba(255,255,255,.9) 45%, rgba(223,190,170,0));
     background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
.blue{background-color: rgba(112,131,194,.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);}
.bluelight{background-color: rgba(112,131,194,.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);}
.blueforlogo{background-color: rgba(112,131,194,.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);}
.bronze{background-color: rgba(205,127,50,.9);}
.red{background-color: rgba(255,0,0,.2); box-shadow: 0 5px 15px rgba(150, 0, 24, 0.7);}
.bronzeblue{width:100%; position:relative; padding:1em; margin:0 0 1em 0;background: -webkit-linear-gradient(45deg,rgba(205,127,50,.5) 0%, rgba(112,131,194,.7) 100%);  background: linear-gradient(45deg,rgba(205,127,50,.5) 0%, rgba(47,36,112,.7) 100%);}
.signature{width:100%; background: rgba(47,36,112,.3); box-shadow: 0 5px 15px rgba(47,36,112, 0.7);}
.silver{background-color: rgba(192,192,192,.7); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);}
.nosilver{background-color: none; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);}

.bronzewhite{width:100%; position:relative; padding:1em; margin:0 0 0em 0;background: -webkit-linear-gradient(45deg,rgba(205,127,50,.7) 0%, rgba(112,131,194,.7) 100%);  background: linear-gradient(45deg,rgba(205,127,50,.7) 0%, rgba(192,192,192,.7) 100%);}

.textblock { padding:.5em .5em; width:100%;}
.textblock h1 {font-size: 20px; font-weight:normal; line-height: 31px; text-transform:uppercase; text-align:center; border-bottom: double #555; }
.textblock p {color:#fff; text-shadow: -1px -1px 1px #555; font-size: 20px; line-height: 30px; letter-spacing: 1px; text-indent: 30px; margin-top: .5em; }


/* card  */

p.owl { text-align:center; font-size: 18px; letter-spacing:1.3px; line-height: 24px; color:#fff; text-shadow:-1px -1px 1px #1c1c1c; margin:5px 0; text-indent:-5px;}

.100 { width:100%;}
.33 { width:33.3%;}
.66 { width:66.6%;}
.50 { width:50%;}
.25 { width:25%;}
.75 { width:75%;}

.card_v {	position: relative; height:100%; color:#fff; text-shadow: navy 1px 1px, text-align:center;
 width:100%; margin-left:0; margin-right:0; display:flex; flex-direction:row;  text-align:center; }
.face_v{ /*width:50%;*/ }

.card_g {	position: relative; text-align:center; 
 width:100%; height:auto; margin-left:0; margin-right:0; display:flex; flex-direction:column; color:#fff; text-shadow:1px navy solid; text-align:center;}
.face_g{ width:100%; }

.legenda { padding: 1.1875em 5%;}
 .card_v > .legenda { width: 50%;}
.legenda h1, .legenda h4, .legenda p { color:#fff; text-shadow: navy 1px 1px; text-align:center;
  font-weight: 500;  margin: 0;}
.legenda h1 {
  font-size: 125%;
  line-height: 1;
  margin-bottom: 0.35em;
}
.legenda h4 {
  font-size: 62.5%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.photo-author {
  color: #b9bcbd;
  display: block;
  font-size: 62.5%;
  text-transform: uppercase;
}
.photo-author a {
  color: #e37544;
}


.photo-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: .375em;
}
.photo-meta .equipment,
.photo-meta .resolution {
  width: 48.75%;
}
.photo-meta .equipment ul,
.photo-meta .resolution ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 87.5%;
}




/* End Headings
--------------------------------------------------------------------------------------------------------*/
.hidden { display: none; visibility: hidden; }

/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#header {/*   background: background: -webkit-radial-gradient(farthest-side ellipse at 40% 100%, rgba(255,255,255,.99), rgba(255,255,255,.99) 60%, rgba(112,131,194,.99) 120%);
           background:         radial-gradient(farthest-side ellipse at 40% 100%, rgba(255,255,255,.99), rgba(255,255,255,.99) 60%, rgba(112,131,194,.99) 120%);
           position:fixed; z-index:250; width:100%; height:80px; padding:23px 45px;border-bottom:1px solid #d8d8d8;*/ }
/*--------------------------------------------------------------------------------------------------------*/
#main-nav { background-color: none; position: absolute; top: 60px; left: 0px; padding: 0; width: 100%; height: 100%;  z-index:240; }
.catalog, #main-nav a { text-shadow: navy 1px 1px, rgba(100,100,100,.9) 3px 7px 3px; width:100%;
         user-select: none;    font-size: 0.75em;
	text-transform: uppercase;
	color: #fff;	text-shadow:1px 1px navy;
	letter-spacing: 1px;
	background: rgba(68,96,203, .7);
	padding: 15px;
    -webkit-transition: all 0.7s linear 0s;
	transition: all 0.7s linear 0s;}
/*#main-nav > ul a { text-transform: uppercase;  	-webkit-transition: all 0.4s linear 0s;
	                                                    transition: all 0.4s linear 0s;}*/
.catalog {position: fixed; top: 5px; left: 8px; width: 20%; height: 50px;  z-index:241; background: rgba(68,96,203, .9); font-size: 1em; text-align:center; padding:10px; border:1px #fff solid;  -webkit-box-shadow:0 0 40px #283F9C; box-shadow:0 0 40px #283F9C; }
	                                                    
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, 
#main-nav li a:hover, #options li a.current, #options li a.selected { 	color: navy;
color:#b00000;font-weight:bold;text-shadow: #fff 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;	background: rgba(255,255,255, .5); text-align:center; border:1px navy solid;
}
#main-nav > ul { position:relative;top:0; left:0; margin:0; display:block; -webkit-box-shadow:0 0 40px #283F9C; box-shadow:0 0 40px #283F9C; }
#main-nav > ul > li {display:block; vertical-align:none;}
#main-nav > ul li a { padding: 15px; border-bottom:1px solid navy; position:relative; display:block; }
#main-nav > ul > li > .sub-nav > li {display: block;}
#main-nav > ul > li > .sub-nav > li > a { font-size: 11px; text-transform: uppercase; display: block; padding: 11px 10px 11px 0; border-bottom:1px solid #fff; text-align:right; background: rgba(47,36,112,.5);}
#main-nav > ul > li > .sub-nav > li > a:hover, #main-nav > ul > li > .sub-nav > li > a.active {
color:#b00000;font-weight:bold;text-shadow: #fff 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;	background: rgba(255,255,255, .5); text-align:center;  border:1px navy solid;

}
#menu-button { position:fixed; left:0px; top:15px; padding: 0; z-index:999999;}
/*.lt-ie10 #menu-button { position:fixed; float:right; right:auto }*/
#menu-button .centralizer { display: none; vertical-align: middle; }
#menu-button .centralizer .cursor { display:block; height:auto; cursor:pointer;}
#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position:relative; top:2px; }
.nav-bar { background-color:#fff; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
/* #menu-button.open #nav-button span:nth-child(1) { position: relative; top: 0px;
                                                  -webkit-transform: rotate(45deg);
                                                          transform: rotate(45deg);
                                                  -webkit-transition: all 0.2s ease-in-out;
                                                          transition: all 0.2s ease-in-out;}
 #menu-button.open #nav-button span:nth-child(2) {position: relative; top: -4px;
                                                  -webkit-transform: rotate(-45deg);
                                                          transform: rotate(-45deg);
                                                  -webkit-transition: all 0.3s ease-in-out;
                                                          transition: all 0.3s ease-in-out;}
 #menu-button.open #nav-button span:nth-child(3) {display: none;}*/

.social-links { padding: 15px 0; display:inline-block;}
.social-list > li { float: right; margin: 0 15px 0 0;}
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 16px; }
#ajax-content .social-list li a:before { color:#555; font-size:18px; }
.social-list li span:before { content: ""; font-family: fontello; font-size: 18px; font-weight:400; color:#2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; }
.icon-container .social-list > li { float:none; margin:0 !important; }
#main-nav .social-list li a:before { padding:3px; }
#main-nav .social-list li { margin-top:-3px; margin-right:0px; }
#main-nav .social-list { margin-left:-3px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list li span.youtube:before { content: '\e808'; font-size:22px; padding-top:13px }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list li span.soundcloud:before { content: '\e80c'; font-size:22px; padding-top:13px }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list li span.vimeo:before { content: '\e80f'; font-size:18px; padding-top:16px; padding-right:1px; }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
.social-list > li > a.vkontakte:before { content: '\e816'; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------------*/
/* Header
===========================================================*/

.navbar {background: none; border: 0; border-radius: 0; height: 60px; width: 100%; z-index: 200;}
.ccnav {position:relative; right:50%; float:right;}
ul.nav {margin:0; margin-top:5px; position:relative; right:-50%; -webkit-box-shadow:0 0 40px #283F9C; box-shadow:0 0 40px #283F9C; width: 100%;}
.ccnav1 {text-align:center;}
.navbar-brand {overflow: hidden;}
.nav {float: right; text-align:center;}

.nav a {text-decoration: none; text-shadow: navy 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;
         user-select: none;    font-size: 0.75em;
	text-transform: uppercase;
	color: #fff;	text-shadow:1px 1px navy;
	letter-spacing: 1px;
	background: rgba(68,96,203, .5);
/*	border:1px solid #4460D1;*/
	padding: 10px auto !important;
    -webkit-transition: all 0.7s linear 0s;
	transition: all 0.7s linear 0s; }


.nav a:hover, .nav a.active {
color:#b00000;font-weight:bold; text-shadow: #fff 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;	font-weight: 300;
	background:rgba(255,255,255, .7); border:1px white solid; font-weight:bold;
}











/*.nav a {margin:0px 0px; text-transform:uppercase; font-size:.8em; letter-spacing:2px; color: #fff; text-decoration: none; text-shadow: navy 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;
         user-select: none; padding: 20px 21px !important; utline: none; background: rgba(68,96,203, .5); 

  -webkit-transition: all 0.5s linear 0s;  
	        transition: all 0.5s linear 0s; }
.nav a:hover, .nav a.active {background:none; color: navy;  text-shadow: #fff 1px 1px;}*/
.nav > li > a:before { content: ""; font-family: fontello;}
.nav > li > a.vkontakte:before { content: '\e816'; }
.nav > li > a.instagram:before { content: '\e806'; }

 .navbar-toggle, .card a.kupit, .kupit {margin: 0;  text-transform:uppercase; font-size:.9em; letter-spacing:2px; color: #fff; text-decoration: none; text-shadow: navy 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;
         user-select: none; padding: 1em 0em; 
         background-image:
  -webkit-linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
  /*  -webkit-linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.7)),*/
   -webkit-linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   -webkit-linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   -webkit-linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   -webkit-linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
         background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
 /*  linear-gradient(to right, rgba(255,255,255,.7), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,.7)),*/
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, /* auto,*/ 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0,/* 0 0,*/ 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
 .navbar-toggle:hover, .navbar-toggle.active, .card a.kupit:hover, .kupit:hover {background-color:rgba(176, 0, 0, .3); background-position: -200% 0,/* 0 0, */ 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); text-shadow: navy 0px 0px, rgba(255,255,255,.5) 3px 7px 3px;
    /*   /*   -webkit-box-shadow: rgba(205,127,50,.5) 3px 10px 10px -3px;
            box-shadow: rgba(205,127,50,.5) 3px 10px 10px -3px; */
 */
	-webkit-transition: all 0.5s linear 0s;  
	        transition: all 0.5s linear 0s;}
  
  .navbar-toggle{ position:fixed; right:10px; top: 0px; padding: 1.2em; z-index:999999;
				
}
  
  .card a.kupit, .kupit{border-left:1px gba(125,125,125,1) solid; border-right:1px gba(223,190,170,1) solid;
				background-color:rgba(112,131,194,.9); width:100%;
}	        

.telbrand {color:#970001; text-shadow:1px 1px #fff; font-size:1.1em; line-height:1.4em; position:fixed; top:5px; left:25px; z-index:999;}

#lozung {display:block;}

.social-links { padding: 20px 0; display:inline-block;}
.social-list > li { float: right; margin: 0 15px 0 0;}
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 14px; }
#ajax-content .social-list li a:before { color:#555; font-size:18px; }
.social-list li span:before { content: ""; font-family: fontello; font-size: .8em; font-weight:400; color:#2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; }
.icon-container .social-list > li { float:none; margin:0 !important; }
#main-nav .social-list li a:before { padding:3px; }
#main-nav .social-list li { margin-top:-3px; margin-right:9px; }
#main-nav .social-list { margin-left:-3px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list li span.youtube:before { content: '\e808'; font-size:22px; padding-top:13px }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list li span.soundcloud:before { content: '\e80c'; font-size:22px; padding-top:13px }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list li span.vimeo:before { content: '\e80f'; font-size:18px; padding-top:16px; padding-right:1px; }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
.social-list > li > a.vkontakte:before { content: '\e816'; }
/* End Main Nav
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/*-- accordion*/
.accordion{margin:0; text-align:center; color:#fff;}
.accordion > .accordion-group > a {width:100%; position:relative; display: block; margin:0; text-transform:uppercase; font-size:.90em; letter-spacing:2px; color: #fff;
  text-decoration: none; text-shadow: navy 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;
         user-select: none; padding: 1.2em 0em; utline: none;
	-webkit-transition: all 0.5s linear 0s;  
	        transition: all 0.5s linear 0s;/*background:rgba(112,131,194,.3); box-shadow: 0 5px 15px rgba(255,255,255, 0.3);*/}
.accordion > .accordion-group > a:hover, .accordion > .accordion-group > a.open{color:#b00000;font-weight:bold;text-shadow: #fff 1px 1px, rgba(100,100,100,.7) 3px 7px 3px;
    -webkit-box-shadow: rgba(205,127,50,.5) 3px 10px 10px -3px;
box-shadow: 0 5px 15px rgba(150, 0, 24, 0.7);            
      

	-webkit-transition: all 0.5s linear 0s;  
	        transition: all 0.5s linear 0s;}
.accordion .accordion-group div.firstaccordion{display:block;}
.accordion .accordion-group > div {display: none;background: none;  padding:0em;}

.accordionin{
}

.sale {
	position: absolute;
	background: #f08400;
	top: 0;
	left: 0;
	color: white;
	text-align: center;
	vertical-align:middle;
	padding: 20px 0 0 0;
	height: 70px;
	width: 70px;
	border:none;
	border-radius: 50%;	
	font-size:1.5em;
}

 .price {
	position: absolute;
	background: #970001;
	left: 0;
	bottom: -15px;
	color: white;
	text-align: center;
	vertical-align:middle;
	padding: 15px 0 0 0;
	margin:0;
	height: 60px;
	width: 60px;
	border:none;
	border-radius: 50%;	
	font-size:.85em; z-index:7;
}









#intro, #home, #about, #service, #price, #astro, #offer, #work, #contact {

/*height:100%;*/
}                                                                                                                                              


 ul.live {position:relative;text-align: left; left:0%;  overflow: hidden; padding:.5em .5em 0 .5em ; width: 100%; height:auto;}
 .live > li, .live > li.shar {  padding: 0; padding-left:3em; font-weight:normal; margin-bottom:1em;
 text-transform:uppercase; border:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%; position: relative;
  display: block;
  float: left;         letter-spacing:1.7px;font-size: 1em;  line-height: 1.3em;
   color:#1c1c1c;
    text-shadow:-1px -1px 1px #fff;
 cursor:default;
  -webkit-transition: .12s;
          transition: .12s;
}
.live > li{padding-left:0;}
 ul.live > li.shar::before {
  position: absolute;
  content: '\2022';
  font-family: Arial;
  color: #1c1c1c;
  top: 0;
  left: 1.5%;
  text-align: center;
  font-size: 2em;
  opacity: .5;
  line-height: .5;
  -webkit-transition: .5s;
          transition: .5s;
}
 ul.live > li:hover, ul.live > li.shar:hover  {  color: #1c1c1c; text-shadow:1px 1px 1px #fff;
}
 ul.live > li.shar:hover::before {
  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 1;
  text-shadow: 0 0 4px;
  -webkit-transition: all .1s;
          transition: all .1s;
}
 ul.live > li a{    float: right;     font-weight:bold;    letter-spacing:1,5px;font-size: 1em; text-transform:none;
   color:navy;
  -webkit-transition: .12s;
          transition: .12s;
}

 ul.live7 {position:relative;text-align: left; left:0%;  overflow: hidden; padding:.5em .5em 0 .5em ; width: 100%; height:auto;}
 .live7 > li, .live7 > li.shar {  padding: 0; padding-left:3em; font-weight:normal; margin-bottom:.3em;
 text-transform:uppercase; border:none;
   -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%; position: relative;
  display: block;
  float: left;         letter-spacing:1.5px;font-size: .82em;  line-height: 1.27em;
   color:#fff;
    text-shadow:-1px -1px 1px #1c1c1c;
 cursor:default;
  -webkit-transition: .12s;
          transition: .12s;
}
.live7 > li{padding-left:0;}
 ul.live7 > li.shar::before {
  position: absolute;
  content: '\2022';
  font-family: Arial;
  color: #fff;
  top: 0;
  left: 1.5%;
  text-align: center;
  font-size: 2em;
  opacity: .5;
  line-height: .5;
  -webkit-transition: .5s;
          transition: .5s;
}
/* ul.live7 > li:hover, ul.live7 > li.shar:hover  {  color: #fff; text-shadow:1px 1px 1px #1c1c1c;} */
 ul.live7 > li.shar:hover::before {   

  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 1;
  text-shadow: 0 0 4px;
  -webkit-transition: all .1s;
          transition: all .1s;
}
 ul.live7 > li a{    float: right;     font-weight:bold;    letter-spacing:1,5px;font-size: 1em; text-transform:none;
   color:navy;
  -webkit-transition: .12s;
          transition: .12s;
}


 .happy {position:relative;text-align: left; left:0%;  overflow: hidden; padding:.5em ; width: 100%; height:auto; margin:0 0 1.5em 0; background: -webkit-linear-gradient(45deg,rgba(255,255,255,.7) 0%, rgba(65,105,225, .7) 50%);  background: linear-gradient(45deg,rgba(255,255,255,.7) 0%, rgba(65,105,225, .7) 50%); box-shadow: 0 5px 15px rgba(255, 255, 255, 0.7);}
.happy p {color:#fff;text-shadow:1px 1px navy; font-size:21px; 	line-height: 27px; margin:.5em .5em 0 .5em;	}


/*CARD&RIBBON*/

.card { width: 100%;max-width:350px; background: none; margin: 0px auto; text-align: center; padding: 0; color:#fff; text-shadow:1px 1px navy;}
.card img {width: 100%; border-radius: 20px; border: 2px solid #fff; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.card img:hover {border-radius: 0%;}
.card >p {padding: 5px;font-size: 1em;}
.vitrina, .vitrina1 {
  position: relative;
 width:100%;
  text-shadow: 1px 1px navy;
  font-size:1.1em;
  text-align: center;
}
.vitrina {margin-top:-.5em;}


.ribbon {
  position: relative; margin:10px auto;
  width:70px;
  height:50px;
  line-height:50px;  
  background: #b00000;
  color: white;
 /* text-shadow: 0 -1px 0 black;*/
  font-size:1.5em;
  text-align: center;
}
.ribbon:before {
  
  content: '';
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 25px solid #b00000;
  border-bottom: 25px solid #b00000;
}


.tworibbon {position: absolute; width:70px; height:40px; line-height:40px; background: #b00000; color: white; font-size:1em; text-align: center; text-decoration:line-through;
     margin:-10px 0 0 5px; text-shadow:none;
  -webkit-transition: all 0.3s ease-in; 
        transition: all 0.3s ease-in;}
.kupit:hover .tworibbon {color:#b00000; text-shadow:none;}


/* home
===========================================================*/

/* team */
.team {
	position: relative;
	text-align: center;
}

.team .photo {
	margin-bottom: 20px;
}

.team .content {

	position: absolute;
	background: rgba(59,89,152,.7);
	top: 0px;
	left: 0px;
	color: white;
	text-align: left;
	padding: 10px;
	height: 100%;
	width: 100%;
	opacity: 0; z-index:5;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.team .content:hover {
	opacity: .9;
}


/*.team .contentvid:hover {
	opacity: 0;	
}*/

/*.team:hover .contentvid {
	opacity: 0;	
}*/
.team:hover .content {
	opacity: .9;	
}

.team .name {
	margin-bottom: 0;
}

.team .social {
position:absolute;
	
	bottom: 0;
	right: 0;

/*	display: inline-block;*/
	color: #fff;
	font-size: 18px;
/*	margin-right: 10px;*/
	
	background: #000;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;		
}

.team .social:hover {
	background: #f08400;
}


/* about
===========================================================*/

.transformer-tabs ul { list-style: none; padding: 0; margin: 0; border-bottom: 3px solid white; overflow: hidden; position: relative;}
.transformer-tabs li { display: block; padding: 0; vertical-align: bottom; text-transform:uppercase; letter-spacing:2px; background: linear-gradient(#666, #222);}

.transformer-tabs li:nth-child(1) .active { color: #c6a0d5; border-bottom-color: #9b59b6;}
.transformer-tabs li:nth-child(2) .active { color: #8bc4ea; border-bottom-color: #3498db;}
.transformer-tabs li:nth-child(3) .active { color: #f0b37e; border-bottom-color: #e67e22;}
.transformer-tabs li:nth-child(4) .active { color: #df7c72; border-bottom-color: #c0392b;}

.transformer-tabs a { display: inline-block; color: white; text-decoration: none; padding: .5em; text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.transformer-tabs a.active { border-bottom: 3px solid transparent; position: relative;    z-index: 1; padding: 1em; 
    background: linear-gradient(#666, #222);
}

  .transformer-tabs ul::after {
    content: "КАТАЛОГ • МЕНЮ";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
 /*   pointer-events: none;*/
  }
  .transformer-tabs ul.open a {
    position: relative;
    display: block;
  }

.tabs > div {
  display: none;
  padding: 1rem;
}
.tabs > div:nth-of-type(1) {
  background: #9b59b6;
}
.tabs > div:nth-of-type(2) {
  background: #3498db;
}
.tabs > div:nth-of-type(3) {
  background: #e67e22;
}
.tabs > div:nth-of-type(4) {
  background: #c0392b;
}
.tabs > .active {
  display: block;
}




/*****************
	03. Count Down 
*****************/
#countdown { background: none; padding:0em; color:#fff;
	font-weight: 600;
	text-transform: uppercase; 	font-size: 13px;
	letter-spacing: 1px;
	margin: 0;
	display: inline-block;
	max-width:360px; width: 100%;
		margin-bottom: 0px;}
.count {
	width: 25%;
	float: left;
	text-align: center;
	position: relative;
}
.count span {color:#fff;
/^	width: 74px;^/
	height: 44px; 
	display: block;
	margin: 0 auto;
	line-height: 34px;
	font-size: 27px;
	font-weight: 400;
}
.count p {color:#fff;text-align:center;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0;
}
/*.count.last:after {
	content: '';
	border: none;
}
.count:after {
	content: '';
	position: absolute;
	top: 44%;
	border-top: 2px solid #fff;
	width: 38px;
	left: 144px;*/
}

/*****************

/* service */
.service {
	text-align: center;	
}

/* service
===========================================================*/




/* price
===========================================================*/
/* offer 
===========================================================*/

/* Work
===========================================================*/

.filters {
	text-align: center;
	margin-bottom: 30px;
}

.filters a {
	
    font-size: 0.68em;
	text-transform: uppercase;
	letter-spacing: 1.5px;
    margin: 0;
	background: none;
	padding: 7px 20px;
	border-radius: 0;
	cursor: pointer;
	border:1px #fff solid;
	-webkit-transition: all 0.7s linear 0s;
	transition: all 0.7s linear 0s;
}

.filters a:hover, .filters a.active {
	background: red;
	color: white;
		
}

.work {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work .mix {
	position: relative;
	width: 25%;
	float: left;
	text-align: center;
	display: none;
}

.work .mix figcaption {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	background: rgba(59,89,152,.7);
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;		
}

.work .mix figcaption:hover {
	opacity: .9;
}

.work .mix .permalink {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 36px;
	color: white;
}

.work h3 {
	color: white;
	text-transform: uppercase;
}


.single-work {
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(59,89,152,.7);
	color: #777777;
	z-index: 99;
	padding: 80px 0;
	overflow: auto;
}

.work-close {
	position: fixed;
	cursor: pointer;
	font-size: 42px;
	top: 100px;
	right: 40px;
	color: #dedede;
	z-index:999;
}



/* Contact
===========================================================*/

#googlemap {
    color:#B08400;    
	height: 400px;
	width: 100%;
}
/*
.contact-form input,
.contact-form textarea {
	margin-bottom: 20px;
}

.contact-form .input-group {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.contact-form .input-group .fa {
	position: absolute;
	right: 0;
	top: 0;
	color: #bfbfbf;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}
*/
.social, .address {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.address li {
	/* text-shadow:1px 1px #fff;text-transform: uppercase;font-size:1.2em;line-height: 1.3em;*/
    font-size: 1.15em; line-height: 1.2em;
	
	color: red;
	
	letter-spacing: 1.5px;

}

ul.address li a:visited, ul.address li a:link  {
	color: #fff; 
}
ul.address li a.active {
color:#fff;
}

/* Footer
===========================================================*/
#footer {position: fixed; width: 100%; bottom: 0; z-index: 999; background: rgba(68,96,203, 1);
		color: #fff; text-shadow:1px 1px #1c1c1c; padding: 1em; display: none;}
#footer .social {color: white; margin-left: 10px; font-size: 18px; -webkit-transition: all 0.3s ease-out;
                                                                           transition: all 0.3s ease-out;}

.footer-toggle {position: fixed; bottom: 0; left: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 50px 50px 0;
                border-color: transparent transparent rgba(112,131,194,.7) transparent; z-index: 999;}
.footer-toggle:hover {border-color: transparent transparent rgba(40,63,156,.7) transparent;}
.footer-toggle .fa {position: fixed; display: block; color: #fff; font-size: 18px; bottom: 0; left: 0; cursor: pointer; height: 30px; width: 30px;
                    line-height: 30px; text-align: center; z-index: 1000;}


#footer1 {position: fixed;width: 100%;top: 60px;left: 10px;color: #fff;padding: 10px 0;display: none;z-index: 999;}
.footer-toggle1{z-index:1000;position: fixed;display: block;color: #fff;font-size: 1.1em;top: 5px;left: 10px;cursor: pointer;width: 60px;height: 45px;line-height:50px;	
	text-align:center;background:rgba(148,0,211,.3);border:2px #fff solid;-webkit-transition: all 0.7s linear 0s;transition: all 0.7s linear 0s;}

.footer-toggle1:hover{background: rgba(148,0,211,.7); border:2px #fff solid;}

#addbsk {position: fixed;width: 100%;top: 60px;left: 10px;color: #fff;padding: 10px 0;display: none;border:1px solid #fff;z-index: 1000;}



/* Media Query
===========================================================*/
@media (min-width: 768px){.telbrand{display:none; }   

}


@media (max-width: 992px) {
   
.catalog {display:none;  }
	/* team, service, contact */
	.team,
	.service,
	.contact-form {
		margin-bottom: 30px;
	}

	/* work */
	.work .mix {
		width: 33.333333%;
	}

}


@media only screen and (max-width: 767px) {
   #footer {background: rgba(68,96,203, 1); z-index: 201;}

.footer-toggle {z-index: 202;}

ul.nav {margin-top:0px;}


.pt-page { margin-top:0em; width:100%; left:0;}
/*.cloud1, .cloud2, .cloud3, .cloud4 {width: 200%; right:100%; left:0%; height:50%; }

  #lozung {display:none;  }
  .content{padding:1em .7em;}  
  #mytelephonenum,#mytelephone{display:none;}	
   .team .content{display:none;}

.navbar {background:rgba(112,131,194,1); height: 60px; z-index: 200;}
.nav {position: relative; top:0px; float: none; height: auto; width: 100%;	margin:0; padding: 0;
	background: -webkit-linear-gradient(rgba(40,63,156,1), rgba(255,255,255,1) 70%, rgba(57,84,189,1));
        background:         linear-gradient(rgba(40,63,156,1), rgba(255,255,255,1) 70%, rgba(57,84,189,1)); }
.nav li {float: left;	width: 100%; }
.nav li a { margin:0; display: block; text-align:center; padding: 1.1em !important;}
.navbar-collapse { border: 0; padding: 0;	margin: 0px; }

   #menu-button {display:table;}
   #main-nav {top: 0px; right: 0px; left:0; padding: 0; width: 100%; z-index:240;}

#main-nav > ul {  background: -webkit-linear-gradient(rgba(40,63,156,1), rgba(255,255,255,1) 30%, rgba(57,84,189,1));
        background:         linear-gradient(rgba(40,63,156,1) -50%, rgba(255,255,255,1) 50%, rgba(57,84,189,1) 150%);				width:100%; height:auto; 
}	





#menu-button .centralizer { display: table-cell; left:15px; }

#main-nav > ul > li > .sub-nav { padding:0; position:relative;}

#main-nav > ul > li > .sub-nav > li {
				display: block;
}

*/


	/* slideshow 
	.slideshow .container {
		opacity: 0;
	}*/

	/* image static */
	.image-static .caption {
		top: 15%;
	}

	.image-static .caption h1 {
		font-size: 42px;
		line-height: 58px;
		margin-bottom: 0;
	}

	.image-static .caption h2 {
		font-size: 18px;
		line-height: 31px;
	}


	

	/* work */
	.work .mix {
		width: 50%;
	}

	.filters a {
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.work .mix a {
	display:none;
}
.logos {display:none;}

	/* footer */
	#footer,
	#footer .text-right {
		text-align: center !important;
	
	}
	
.navbar-fixed-top, .collapse, .navbar-collapse, .bs-navbar-collapse, .ccnav, .nav .navbar-nav { display:block; visibility:visible;}

}


@media (max-width: 468px) {

.navbar-fixed-top, .collapse, .navbar-collapse, .bs-navbar-collapse, .ccnav, .nav .navbar-nav { display:block; visibility:visible; }

ul.nav {margin-top:0px;}
 #cbplan {	
	margin-top:10%;	
}


.cloud1, .cloud2, .cloud3, .cloud4, .kupit:hover .tworibbon { display:none;}


	/* image static caption */
	.image-static .caption {
		display: none;
	}	

	/* heading */
	.heading {
		text-align: center;
	}
	
	

	/* work */
	.work .mix {
		width: 100%;
	}

}