body {padding-top: 0px; padding-bottom: 0px; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 16px; color: #5e5e5e;}
a, a:focus { -moz-outline-style: none; outline:none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #232323;}
.margin10 {height: 10px; line-height: 0px; font-size: 0px; }
.margin20 {height: 20px; line-height: 0px; font-size: 0px; }
.margin30 {height: 30px; line-height: 0px; font-size: 0px; }
.margin40 {height: 40px; line-height: 0px; font-size: 0px; }
.margin50 {height: 50px; line-height: 0px; font-size: 0px; }
.margin60 {height: 60px; line-height: 0px; font-size: 0px; }
.margin70 {height: 70px; line-height: 0px; font-size: 0px; }
.margin80 {height: 80px; line-height: 0px; font-size: 0px; }
.img-thumb {border:0px; padding: 0px 0px; margin:0; max-width: 100% !important;}
.img-right {float: right; margin: 0 0 5px 15px;}
.img-left {float: left; margin: 0 15px 5px 0;}
.float-left {float: left;}
.float-right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-center-padding {text-align: center; margin: 0 auto 0 auto; padding: 0 0 10px 0;}
.padding-top {padding-top:30px;}
.padding-bottom-none {padding-bottom: 0px;}
.selected {font-weight: 700;}
.no-border {border: 0px; padding: 10px 0 10px 0;}
.clear {width: inherit; height: 0px; font-size: 0px; line-height: 0px; clear: both;}
#templatePreview .edit-border, .formSubtext .edit-border {border:dotted 1px #3A454B; text-align:center; padding-top:5px; padding-bottom:5px; margin-bottom:5px;}
.edit-border>hr {margin-top: 0px; margin-bottom: 0px;}
/* end RESET STYLE */

.nopadding {padding: 0; margin: 0;}

/* ARTICLE STYLE */
.article {padding: 0 0 20px 0;}

.article h1 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 36px; font-weight: 500;}
.article h2 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 30px; font-weight: 500;}
.article h3 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 28px; font-weight: 500;}
.article h4 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 24px; font-weight: 500;}
.article h5 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 22px; font-weight: 500;}
.article h6 {margin: 0 0 20px 0; padding: 0px 0px; font-size: 18px; font-weight: 500;}

.article.centred h1 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 36px; font-weight: 500;}
.article.centred h1:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}
.article.centred h2 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 30px; font-weight: 500;}
.article.centred h2:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}
.article.centred h3 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 28px; font-weight: 500;}
.article.centred h3:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}
.article.centred h4 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 24px; font-weight: 500;}
.article.centred h4:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}
.article.centred h5 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 22px; font-weight: 500;}
.article.centred h5:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}
.article.centred h6 {position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 18px; font-weight: 500;}
.article.centred h6:after {border-bottom: 3px solid #579edb; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 60px; margin-left: -30px;}

.article p { }
.article a, .article a:visited {text-decoration: underline; }
.article a:hover {text-decoration: none; }
.article b, .article strong {font-weight:700;}
.article ul {padding: 10px 0 10px 50px; }
.article ul li {list-style: disc; }
.article img {max-width: 100% !important;}
.article-links {padding: 5px 10px; }
.article-links a {text-decoration:none; }
.article-attach {padding: 5px 10px; }
.article-attach a {text-decoration:none; }
.attachemnt_loop {padding: 5px 10px; border: dotted 1px #e2e2e2; background:#fcfcfc; margin-top: 5px; }
.attachemnt_loop h5 {padding:0 0 5px 0; margin:0 0 10px 0; border-bottom: solid 1px #e2e2e2; font-size:16px; }
.attachemnt_loop p {padding:3px 4px; font-size: 14px; border-bottom: solid 1px #e2e2e2; margin:0 0 2px 0; }
.attachemnt_loop p:last-child {border-bottom: none; }
.attachemnt_loop p a {color: #436587; text-decoration:none; display:inline-block; padding:0 20px 0 3px; }
.attachemnt_loop p a:hover {text-decoration:underline; }
.article .attachemnt_loop-gallery {}
.article .attachemnt_loop-gallery .row div {list-style-type: none; text-align: center; padding-bottom: 20px;}
.article .attachemnt_loop-gallery .row div img {margin-left: auto; margin-right: auto;}
.article .attachemnt_loop-gallery .row div a {}
.article-multi-pages {}
.article-multi-pages a, .article-multi-pages a:visited {color: #436587; }
.article-multi-pages a:hover {}

.fa-icon i {font-size: 100px;}
/* ================= COOKIE ================= */
#popup{display:none;background:#fff; position:fixed; z-index:999999; }
#popup p {text-align:left; margin:0 0 0 0; font-size:10px; color:#000000;}
.popup-btn {float: right; padding-bottom: 4px; padding-left: 4px;}
/*== GO TOP ==*/
#go-top {position: fixed; bottom: 50px; right: 30px; z-index: 100;}
#go-top a {width: 30px; height: 60px; display: block; background: #07345b; color: #fff; text-align: center;-webkit-border-radius: 30px;-moz-border-radius: 30px;  border-radius: 30px;border: 0px; font-size: 18px; line-height: 56px; font-family: FontAwesome; text-decoration: none;
transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;
}
#go-top a:before {content: "\f106"; text-decoration: none;}
#go-top a:hover {background: #d84927; text-decoration: none;}

/*== zoom image ==*/
.img-zoom {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.transition {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}





#main-nav-abs {position: absolute; top: 50px; width: 100%; z-index: 200;}
#main-nav-abs .navbar {margin-bottom: 0px;}
#main-nav-abs .navbar .navbar-brand {margin-left: 0px;}
#main-nav-abs .navbar .navbar-brand {color: #ffffff; font-size: 24px;}
#main-nav-abs .main-nav-bg {background: #1B3048; border-bottom: solid 4px #ffffff; text-shadow: none;}
#main-nav-abs .main-nav-bg .navbar-toggle {background: #000000;}
#main-nav-abs .main-nav-bg .navbar-toggle .icon-bar {background: #ffffff;}
#main-nav-abs .main-nav-bg .navbar-brand {padding-top: 20px; padding-bottom: 20px; height: auto;}
#main-nav-abs #nav li a, #main-nav-abs #nav li a:visited {color: #ffffff; font-size: 20px; padding-top: 20px; padding-bottom: 20px; transition: 0.5s all;
-webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all;}
#main-nav-abs #nav li a:hover {color: #1B3048;}
#main-nav-abs #nav li.active {background: #ffffff; color: #1B3048;}
#main-nav-abs #nav li.active a {color: #1B3048;}

/* nawigacja navBar */
#navigation {-webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; background-color: rgba(0,0,0,.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); padding: 5px 0;}

#navigation.animated-header {padding: 20px 0;}
h1.navbar-brand {font-size: 20px; font-weight: 700; margin: 0; text-transform: uppercase;}
.animated-header .navbar-brand {height: 10px; padding: 0px 15px;}

#menu-first-wr {margin: 0 0 0 0; padding: 0 0 20px 0;}
#menu-first-wr li {list-style-type: none; border-bottom: 1px dashed #BBB8B8;}
#menu-first-wr li a, #menu-first-wr li a:visited {padding: 10px 0; text-decoration: none; display: block;}
#menu-first-wr li a:hover {padding: 10px 0 10px 5px;}
#menu-first-wr li a i {background: #1D2F45; width: 6px; height: 6px; display: inline-block; vertical-align: middle; margin: 0 8px 0px;}
#menu-first-wr ul {margin: 0 0 0 0; padding: 0 0 20px 30px;}
#menu-first-wr .menu-select {font-weight: 700;}


.left-menu-desktop {}
.left-menu-nav {margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;}
.left-menu-nav > li {}
.left-menu-nav > li > a {color: #232323; font-weight: 500; font-size: 16px; display: block; padding: 8px 0 8px 10px; border-bottom: dotted 1px #cdcdcd; position: relative; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.left-menu-nav > li > a:hover {padding: 8px 0 8px 15px; text-decoration: none; color: #6693bb;}
.left-menu-nav > li > a:after {content: "\f105"; font-family: FontAwesome; color: #546471; position: absolute; z-index: 1; top: 12px; left: 0px; width: 6px; height: 10px; font-size: 10px; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.left-menu-nav > li > a:hover:after {left: 8px;}

.left-menu-nav > li > ul {margin: 1px 0 1px 0; padding: 10px 0 10px 0; background: #f1f1f1; list-style-type: none;}
.left-menu-nav > li > ul > li {margin: 0 0 0 0; padding: 0 5px 0 5px;}
.left-menu-nav > li > ul > li > a, .left-menu-nav > li > ul > li > a:visited {color: #868686; font-size: 14px; display: block; padding: 5px 5px; border-bottom: dotted 1px #e7e7e7; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.left-menu-nav > li > ul > li > a:hover {color: #337ab7; display: block; padding: 5px 0 5px 10px; background: rgba(255, 255, 255, .2);}


.left-menu-nav > li > ul > li > ul {margin: 1px 0 1px 0; padding: 5px 0 5px 10px; background: #f1f1f1; list-style-type: none;}
.left-menu-nav > li > ul > li > ul > li {margin: 0 0 0 0; padding: 0 0 0 5px;}
.left-menu-nav > li > ul > li > ul > li > a, .left-menu-nav > li > ul > li > ul > li > a:visited {color: #868686; font-size: 14px; display: block; padding: 3px 5px; border-bottom: dotted 1px #e7e7e7; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.left-menu-nav > li > ul > li > ul > li > a:hover {color: #337ab7; display: block; padding: 3px 0 3px 10px; background: rgba(255, 255, 255, .2);}


.left-menu-nav > li > ul > li > ul > li > ul {margin: 1px 0 1px 0; padding: 5px 0 5px 10px; background: #f1f1f1; list-style-type: none;}
.left-menu-nav > li > ul > li > ul > li > ul > li {margin: 0 0 0 0; padding: 0 0 0 5px;}
.left-menu-nav > li > ul > li > ul > li > ul > li > a, .left-menu-nav > li > ul > li > ul > li > ul > li > a:visited {color: #868686; font-size: 14px; display: block; padding: 3px 5px; border-bottom: dotted 1px #e7e7e7; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.left-menu-nav > li > ul > li > ul > li > ul > li > a:hover {color: #337ab7; display: block; padding: 3px 0 3px 10px; background: rgba(255, 255, 255, .2);}


.left-menu-desktop .active > a {text-decoration: none; color: #6693bb;}
.left-menu-desktop .left-menu-nav > li > ul > .active > a {color: #337ab7; text-decoration: none; border-right: solid 3px #337ab7; background: rgba(255, 255, 255, .2);}
.left-menu-desktop .left-menu-nav > li > ul > li > ul > .active > a {color: #337ab7; text-decoration: none; border-right: solid 3px #337ab7; background: rgba(255, 255, 255, .2);}
.left-menu-desktop .left-menu-nav > li > ul > li > ul > li > ul .active > a {color: #337ab7; text-decoration: none; border-right: solid 3px #337ab7; background: rgba(255, 255, 255, .2);}

/* home block */
.home-block {padding-bottom: 80px;}
.home-block-item {position: relative;}
.home-block-item h2 {font-size: 20px; text-align: center; font-weight: 400; position: absolute; z-index: 123; top: -62px; left: 0px; background:rgba(255, 255, 255, .9); color: #333333; width: 100%; margin-top: 0px; margin-bottom: 0px; padding: 20px 10px;}
.home-block a {color: #ffffff;}
.home-block a:hover {color: #ffffff; text-decoration: none;}
.home-block-image {overflow: hidden;}
.home-block-link {display: block; padding: 10px 10px; background: #0099FF; color: #ffffff; position: relative; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.home-block-link:after {content: "\f054"; background: #303030; display: inline-block; right: 0; bottom: 0px; position: absolute; width: 40px; height: 100%; z-index: 1; text-align: center; font: normal normal normal 20px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.home-block a:hover .home-block-link {background: #303030; color: #ffffff;}
.home-block a:hover .home-block-link:after {background: #0099FF; color: #ffffff;}
/* szerokie 4 zdjęcia */


/* animowane bloki zdjęć z tekstem */
.hover-block {display: block; position: relative; overflow: hidden;} /*inline-*/
.hover-block a {color: #ffffff;}
.hover-block:before {opacity: 0; position: absolute; background: rgba(228, 39, 39, 0.9); display: block; top: 0px; left: 0px; bottom: 0px; right: 0px; content: "";
-moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.hover-block:hover:before {opacity: 1;}

.hover-block span {opacity: 0; position: absolute; border: solid 1px #ffffff; display: block; top: 10px; left: 10px; bottom: 10px; right: 10px; content: "";
-moz-transform: scale(0.5); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5);
-moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s;}
.hover-block:hover span {opacity: .2; -moz-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}

.hover-block .text-01 {opacity: 0; position: absolute; display: block; top: -40px; left: 20px; right: 20px; font-size: 20px; color: #ffffff; font-weight: 700; margin-top: 0px; margin-bottom: 0px; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s;}
.hover-block:hover .text-01 {opacity:1; position: absolute; display: block; top: 30px; left: 20px; font-size: 20px;}

.hover-block .text-02 {opacity: 0; position: absolute; display: block; top: 150px; left: 20px; right: 20px; font-size: 14px;
-moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s;}
.hover-block:hover .text-02 {opacity: 1; position: absolute; display: block; top: 80px; left: 20px; font-size: 14px;}
/* ./animowane bloki zdjęć z tekstem */

.latest-project {padding: 0px 0 20px 0; text-align: center; position: relative; margin-bottom: 50px;}
.latest-project h2 {font-size: 30px; font-weight: 400; margin-bottom: 30px; position: relative;}
.latest-project h2:after {border-bottom: 3px solid #559dda; content: ""; display: block; left: 50%; bottom: -10px; position: absolute; width: 60px; margin-left: -30px;}
.latest-project p {font-size: 16px;}


.wide-images {padding: 30px 0 20px 0;}
.wide-images-item {height: 280px; overflow: hidden; position: relative;}

.wide-images-item .hover-text {position: absolute; text-align: center; margin: 0 auto; color: #ffffff; background: rgba(72, 127, 176, 0.8); padding: 20% 0; height: 100%; width: 100%; opacity: 0; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s;}
.wide-images-item .hover-text>h5 {opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s;}
.wide-images-item:hover .hover-text>h5 {color: #ffffff; opacity: 1; -webkit-backface-visibility:hidden; -webkit-transform: translateY(0); transform: translateY(0);}
.wide-images-item .hover-text>.wide-images-line {opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.3s;}
.wide-images-item:hover .hover-text>.wide-images-line { opacity: 1; -webkit-backface-visibility:hidden; -webkit-transform: translateY(100%); transform: translateY(100%);}
.wide-images-item:hover .hover-text {opacity: 1;}
.wide-images-line {border-top: 2px solid #f1f1f1; height: 5px; width: 40px; margin: 0 auto;}
/* koniec szerokie 4 zdjęcia */


/* polecane elementy */
.featured-elements {background-color: #000; padding: 30px 0 80px 0;}
.featured-elements {background-repeat: repeat; background-position: left; background-attachment:fixed; background-clip: padding-box; background-size: cover; background-origin: padding-box;}
.featured-elements .featured-elements-header {text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 50px;}
.featured-elements .featured-elements-header h2 {color: #ffffff; font-size: 56px; font-weight: 100; margin-bottom: 30px;}
.featured-elements .featured-elements-header p {color: #ffffff; font-size: 16px;}
.featured-elements .featured-elements-header:after {border-bottom: 1px solid #fff; content: ""; display: block; left: 50%; bottom: 0px; position: absolute; width: 120px; margin-left: -60px;}

.featured-elements ul.row {padding-left: 0px;}
.featured-elements ul.row > li {/* margin: 0 0 0 0; padding: 0 0 0 0; */ list-style-type: none;}

.featured-elements-item {background: #ffffff; padding: 20px 20px; margin-bottom: 30px; -webkit-transition: all .5s; -moz-transition: all .5s;
-o-transition: all .5s; transition: all .5s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.featured-elements ul.row > li:hover .featured-elements-item {-webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255, 0.75); box-shadow: 0px 0px 10px 0px rgba(255,255,255, 0.75);}
.featured-elements-item .fa {font-size: 40px; margin-right: 20px; color: #2E4A61;}
.featured-elements-item h3 {margin-top: 0px; color: #2E4A61;}
/* koniec polecane elementy */

/* cennik */
.pricing {background: #F2F3FD; padding: 30px 0 120px 0;}
.pricing .pricing-header {text-align: center; position: relative; padding-bottom: 20px;}
.pricing .pricing-header h2 {font-size: 56px; font-weight: 100; margin-bottom: 30px;}
.pricing .pricing-header p {font-size: 16px;}
.pricing .pricing-header:after {border-bottom: 1px solid #000; content: ""; display: block; left: 50%; bottom: 0px; position: absolute; width: 120px; margin-left: -60px;}

.pricing-table {background: #EFEFEF; position: relative; margin-top: 150px; padding: 0 40px 40px 40px; text-align: center; max-width: 360px;}
.pricing-table .rate {background: #0099FF; color: #fff; font-size: 40px; text-align: center; padding: 0 0; border-radius: 100%; width: 150px; height: 150px; line-height: 150px; position: absolute; top: -75px; left: 50%; margin-left: -75px; font-weight: 700;}
.pricing-featured .rate {background: #e42727; color: #fff; font-size: 40px; text-align: center; padding: 0 0; border-radius: 100%; width: 150px; height: 150px; line-height: 150px; position: absolute; top: -75px; left: 50%; margin-left: -75px; font-weight: 700;}
.pricing-table h2 {margin-top: 100px; margin-bottom: 20px; display: inline-block;}
.pricing-table p {margin-bottom: 20px; font-size: 16px; text-align: left;}
.pricing-table ul {text-align: left; padding: 0 0; margin: 0 0;}
.pricing-table ul li {list-style: none; margin-bottom: 15px;  font-size: 16px;}
.pricing-table ul li i {width: 24px; height: 24px; border-radius: 100%; text-align: center; padding: 4px 0; font-size: 14px; margin-right: 10px;}
.pricing-table ul li i.fa-check {border: 1px solid #0099FF; color: #0099FF;}
.pricing-table ul li i.fa-times {border: 1px solid #e42727; color: #e42727;}
.pricing-table ul li em {width: 24px; height: 24px; border-radius: 100%; text-align: center; padding: 4px 0; font-size: 14px; margin-right: 10px;}
.pricing-table ul li em.fa-check {border: 1px solid #0099FF; color: #0099FF;}
.pricing-table ul li em.fa-times {border: 1px solid #e42727; color: #e42727;}
.pricing-table .btn {background: #0099FF; color: #ffffff; position: absolute; bottom: -18px; left: 50%; margin-left: -70px; width: 140px;}
.pricing-table .btn:hover {background: #e42727;}
.pricing-featured .btn {background: #e42727; color: #ffffff; position: absolute; bottom: -18px; left: 50%; margin-left: -70px; width: 140px;}
.pricing-featured .btn:hover {background: #0099FF;}
/* koniec cennik */

/* rekomendacje */
.testimonials {padding: 60px 0 60px 0;}
.testimonials {background-repeat: repeat; background-position: left; background-attachment:fixed; background-clip: padding-box; background-size: cover; background-origin: padding-box;}
.testimonial-header {padding-bottom: 40px;}
.testimonial-header h2 {font-size: 30px; font-weight: 400; color: #ffffff; text-transform: uppercase; position: relative; margin-top: 0px; margin-bottom: 30px;}
.testimonial-header h2:after {border-bottom: 3px solid #ffffff; content: ""; display: block; left: 50%; bottom: -10px; position: absolute; width: 60px; margin-left: -30px; }
.testimonial-header p {color: #ffffff;}
#testimonial .testimonial-item {padding-left: 15px; padding-right: 15px;}
#testimonial .testimonial-item img {border: 0px; display: initial; width: auto;  max-width: 100% !important;}
#testimonial .testimonial-item .testimonial-item-description {width: 60%; margin: 0 auto; position: relative; padding-bottom: 0px;}
#testimonial .testimonial-item .testimonial-item-description p {color: #ffffff; font-size: 16px; font-weight: 300; display: inline-block;}
#testimonial .testimonial-item .testimonial-item-description span {margin: 20px 0 20px; color: #ffffff; font-size: 24px; font-weight: 500; display: inline-block;}


#testimonial .owl-buttons {border: 2px solid #fff; float: inherit; display: inline-block; padding: 1px 4px 1px 4px;}
#testimonial .owl-buttons div {background: transparent;}

/* nasz zespół */
.people {padding: 40px 0 0 0;}
.people .people-description {text-align: center; padding-bottom: 80px; position: relative;}
.people .people-description h2 {font-size: 56px; font-weight: 100; margin-bottom: 30px;}
.people .people-description p {font-size: 16px;}
.people .people-description:after {border-bottom: 1px solid #000; content: ""; display: block; left: 50%; bottom: 60px; position: absolute; width: 250px; margin-left: -125px;}
.people-item {text-align: center;}
.people-item .people-item-img {position: relative; overflow: hidden;}
.people-item .people-item-img img {max-width: 100%;}
.people-item h3 {font-weight: 400;}
.people-item p {font-weight: 100;}


.people-item-details {width: 100%; height: 100%; position: absolute; top: 0px; background: rgba(0, 153, 255, 0.9); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; z-index: 1;}
.people-item-img:hover .people-item-details {opacity: 1;}
.people-item-details p {color: #fff; padding:15px 10px 10px 10px; position: absolute; top: -100px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; line-height: 24px;}
.people-item-img:hover .people-item-details p {transform: translateY(100px); -ms-transform: translateY(100px); -webkit-transform: translateY(100px);}
.people-item-details-mail {position: absolute; width: 100%; bottom: -100px; left: 0px; -webkit-transition: all .5s; -moz-transition: all .5s;
-o-transition: all .5s; transition: all .5s;}
.people-item-details-mail a {color: #fff; font-size: 22px;}
.people-item-img:hover .people-item-details-mail {transform:translateY(-150px); -ms-transform:translateY(-150px); -webkit-transform:translateY(-150px);}
/* koniec nasz zespół */

/* szara stopka */
.footer-top {padding: 20px 0; border-top: solid 1px #f0f0f0;}
.footer-top p {color: #686d68;}
.footer-top a {color: #2b2f2b; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}

.footer-nav {}
.footer-nav ul {padding: 0 0 0 0; margin: 0 0 0 0; text-align: center;}
.footer-nav ul li {display: inline-block; list-style-type: none;}
.footer-nav ul li a {display: block; padding: 4px 30px; color: #5e5e5e; font-size: 16px; font-weight: 400; text-transform: uppercase;}
.footer-nav ul li a:hover {color: #0099FF; text-decoration: none;}
.footer-nav ul li.active a {color: #0099FF;}

/* stopka */
footer {padding: 65px 0 40px 0; background-color: #f1f1f1; color: #727272;}
footer {background-repeat: repeat; background-position: left; /* background-attachment:fixed; */ background-clip: padding-box; background-size: cover; background-origin: padding-box; /*background-image: none;*/}
footer h3 {color: #232323; font-size: 20px; font-weight: 700; margin-top: 0px;}
footer p {color: #727272; font-weight: 300;}
footer a {color: #727272; font-weight: 300;}

.footer-col-right {}
.footer-col-right .fa-url {padding-top: 8px; margin-left: 5px; margin-right: 5px; border: solid 2px #4A4D4E; display: inline-block; -webkit-border-radius: 100%; 
-moz-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.footer-col-right .fa-url:hover {color: #ffffff; background: #0099FF; border: solid 2px #0099FF;}
.footer-col-right .fa {font-size: 20px;}

.footer-admmin {padding-top: 30px; color: #939393;}
.footer-admmin p {color: #939393;}
.footer-admmin a {color: #939393;}
.footer-line {border-top: solid 1px #dadada; padding-bottom: 20px;}


.color-line {background: url('/images/tishop-template/layout/color-line.png') top repeat-x; height: 3px;}


/* alert block */
#alert-wr {background: #d95455; padding: 10px 0 10px 0; margin: 0 0; color: #ffffff; width: 100%; border: 0px;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#alert-wr .close {top: 5px;}
#alert-wr .close span {color: #ffffff;}

.alert-wr { /* position: absolute; z-index: 2; width: 100%;  */}
.alert-wr h2 {color: #ffffff; font-size: 20px; font-weight: 700; margin-top: 0px;}
.alert-wr p {color: #ffffff; font-size: 20px; font-weight: 300; line-height: 35px; margin-bottom: 0px;}
.alert-wr-more, .alert-wr-more:visited {background: #ffffff; color: #d95455; font-size: 18px; text-align: center; display: inline-block; float: right; padding: 5px 20px; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.alert-wr-more:hover {color: #ffffff; background: #232323; text-decoration: none;}
/* ./alert block */

/* article promo */
.promo {text-align: center;}
.promo h3 {font-size: 18px; color: #232323; font-weight: 500;}
.promo p {font-size: 14px; line-height: 20px;}
.promo-ico, .promo-ico:visited {display: inline-block; margin: 0 auto; background: #232323; width: 70px; height: 70px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.promo:hover .promo-ico {background: #4588c1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.promo-ico .fa {margin-top: 20px; color: #ffffff; text-align: center; font-size: 32px;}
a.promo-more {background: #559dda; color: #ffffff; text-align: center; font-size: 12px; display: inline-block; margin: 20px auto 0 auto; padding: 10px 15px; text-decoration: none;}
a.promo-more:hover {background: #4588c1;
-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
/* /.article promo */


.home-info {padding: 60px 0 60px 0;}
.home-info {background-repeat: repeat; background-position: left; /* background-attachment:fixed; */ background-clip: padding-box; background-size: cover; background-origin: padding-box;}
.home-info .article {padding-bottom: 0px;}
.home-info h2 {font-size: 36px; margin-top: 0px;}
.home-info .article h2:after {border-bottom: 3px solid #487fb0; content: ""; display: block; left: 50%; bottom: 10px; position: absolute; width: 100px; margin-left: -50px; }
.home-info p {font-size: 20px; line-height: 28px; color: #626262; font-weight: 300;}

/* navbar 01 */
.socialmedia {}
.socialmedia ul {display: block; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;}
.socialmedia ul li {display: inline-block; line-height: 20px; margin-left: 18px;}
.socialmedia ul li a, .socialmedia ul li a:visited {color: #8e8c8c; font-size: 16px; display: block; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.socialmedia ul li a:hover {color: #599fdb;}


#top-section {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2;}
#top-section-inside {position: relative; width: 100%;}
.nav-01-section {background: #ffffff;}
.navbar-01 {
    background-color: transparent;
    border: 0px;
    min-height: 50px;
    margin-bottom: 0px;
}

.navbar-01 .navbar-brand {
  color: #7a7878;
}
.navbar-01 .navbar-brand:hover,
.navbar-01 .navbar-brand:focus {
  color: #605f5f;
  background-color: transparent;
}
.navbar-01 .navbar-text {
  color: #7a7878;
}
.navbar-01 .navbar-nav > li > a {
  color: #7a7878;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.navbar-01 .navbar-nav > li > a:hover,
.navbar-01 .navbar-nav > li > a:focus {
  color: #599fdb;
  background-color: transparent;
}
.navbar-01 .navbar-nav > .active > a,
.navbar-01 .navbar-nav > .active > a:hover,
.navbar-01 .navbar-nav > .active > a:focus {
  color: #599fdb;
  background-color: transparent;
}
.navbar-01 .navbar-nav > .disabled > a,
.navbar-01 .navbar-nav > .disabled > a:hover,
.navbar-01 .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-01 .navbar-toggle {
  border-color: #dddddd;
}
.navbar-01 .navbar-toggle:hover,
.navbar-01 .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-01 .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-01 .navbar-collapse,
.navbar-01 .navbar-form {
  border-color: #ededed;
}
.navbar-01 .navbar-nav > .dropdown > a:hover .caret,
.navbar-01 .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #599fdb;
  border-bottom-color: #599fdb;
}
.navbar-01 .navbar-nav > .open > a,
.navbar-01 .navbar-nav > .open > a:hover,
.navbar-01 .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #599fdb;
}
.navbar-01 .navbar-nav > .open > a .caret,
.navbar-01 .navbar-nav > .open > a:hover .caret,
.navbar-01 .navbar-nav > .open > a:focus .caret {
  border-top-color: #599fdb;
  border-bottom-color: #599fdb;
}
.navbar-01 .navbar-nav > .dropdown > a .caret {
  border-top-color: #7a7878;
  border-bottom-color: #7a7878;
}
@media (max-width: 767) {
  .navbar-01 .navbar-nav .open .dropdown-menu > li > a {
    color: #7a7878;
  }
  .navbar-01 .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-01 .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #599fdb;
    background-color: transparent;
  }
  .navbar-01 .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-01 .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-01 .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #599fdb;
    background-color: #eeeeee;
  }
  .navbar-01 .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-01 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-01 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-01 .navbar-link {
  color: #7a7878;
}
.navbar-01 .navbar-link:hover {
  color: #599fdb;
}
/*  */


/* facebook */
#facebook {background:#F4F4F4; padding: 10px; width: 305px; position: fixed; /*margin-top: -100px;*/ top: 130px; right: 0px; z-index:1001;} 
.slide_button {background: url(../layout/fb-button.jpg); display: block; height: 120px; text-indent: -9999px; width: 32px; position: absolute; left: -32px; top: 0px;}


.nav-02-section {width: 100%; background: rgba(64,121,171,.8);}

.navbar-swiper {background-color: transparent;border-color: #0072ab; border: 0px; margin-top: 10px; margin-bottom: 10px;}
.navbar-swiper .navbar-brand {color: #ffffff;}
.navbar-swiper .navbar-brand, .navbar-swiper .navbar-nav > li > a {text-shadow: 0 1px 0 rgba(0, 0, 0, .25);}
.navbar-swiper .navbar-brand:hover,
.navbar-swiper .navbar-brand:focus {color: #e6e6e6;background-color: transparent;}
.navbar-swiper .navbar-text {color: #ffffff;}
.navbar-swiper .navbar-nav > li > a {color: #ffffff;font-size: 16px; font-weight: 500; text-transform: uppercase;}
.navbar-swiper .navbar-nav > li > a:hover,
.navbar-swiper .navbar-nav > li > a:focus {color: #fddb5c;background-color: transparent;}
.navbar-swiper .navbar-nav > .active > a,
.navbar-swiper .navbar-nav > .active > a:hover,
.navbar-swiper .navbar-nav > .active > a:focus {color: rgb(64,121,171);background-color: #ffffff; text-shadow: none;}
.navbar-swiper .navbar-nav > .disabled > a,
.navbar-swiper .navbar-nav > .disabled > a:hover,
.navbar-swiper .navbar-nav > .disabled > a:focus {color: #cccccc;background-color: transparent;}
.navbar-swiper .navbar-toggle {border-color: #dddddd;}
.navbar-swiper .navbar-toggle:hover,
.navbar-swiper .navbar-toggle:focus {background-color: #dddddd;}
.navbar-swiper .navbar-toggle .icon-bar {background-color: #cccccc;}
.navbar-swiper .navbar-collapse,
.navbar-swiper .navbar-form {border-color: #0070a8;}
.navbar-swiper .navbar-nav > .dropdown > a:hover .caret,
.navbar-swiper .navbar-nav > .dropdown > a:focus .caret {border-top-color: #c0c0c0;border-bottom-color: #c0c0c0;}
.navbar-swiper .navbar-nav > .open > a,
.navbar-swiper .navbar-nav > .open > a:hover,
.navbar-swiper .navbar-nav > .open > a:focus {background-color: #0072ab;color: #c0c0c0;}
.navbar-swiper .navbar-nav > .open > a .caret,
.navbar-swiper .navbar-nav > .open > a:hover .caret,
.navbar-swiper .navbar-nav > .open > a:focus .caret {border-top-color: #c0c0c0;border-bottom-color: #c0c0c0;}
.navbar-swiper .navbar-nav > .dropdown > a .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;}
@media (max-width: 767) {
.navbar-swiper .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}
.navbar-swiper .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-swiper .navbar-nav .open .dropdown-menu > li > a:focus {color: #c0c0c0;background-color: transparent;}
.navbar-swiper .navbar-nav .open .dropdown-menu > .active > a,
.navbar-swiper .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-swiper .navbar-nav .open .dropdown-menu > .active > a:focus {color: #c0c0c0;background-color: #0072ab;}
.navbar-swiper .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-swiper .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-swiper .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #cccccc;background-color: transparent;}
}
.navbar-swiper .navbar-link {color: #ffffff;}
.navbar-swiper .navbar-link:hover {color: #c0c0c0;}

/* alerty */
.bs-callout-danger {padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout-danger {border-left-color: #ce4844;}
.bs-callout-danger h4 {color: #ce4844; margin-top: 0;  margin-bottom: 5px; font-size: 18px;}
.bs-callout-danger p {}
.bs-callout-danger li {}

.bs-callout-info {padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout-info {border-left-color: #1b809e;}
.bs-callout-info h4 {color: #1b809e; margin-top: 0;  margin-bottom: 5px; font-size: 18px;}
.bs-callout-info p {}
.bs-callout-info li {}






/* lista produktow 01 */
.pageBarTraditional {}
.product-list {list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.product-list-li {}
.product-list-height {}

.product-wr {padding: 20px 10px; border: solid 1px transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.product-wr:hover {border: solid 1px #cdcdcd;}
.product-edit {}
.product-list-image {overflow: hidden;}
.product-list-li-descp {}
h2.product-title-height {font-size: 18px; color: #087dc8; margin-bottom: 5px; font-weight: 400;}
h2.product-title-height a {font-size: 18px; color: #087dc8;}
.product-list-descp-wr {}
.product-list-description {padding-bottom: 5px;}
.product-list-description p {font-size: 13px;}
.special-block {text-align: left;}
.sort-wr {border: solid 1px #cdcdcd; padding: 15px; margin-bottom: 30px;}
.sort-list {}
.sort-list p {display: inline-block; margin-right: 20px;}

.sort-a {display: inline-block; margin-right: 20px; padding: 5px 5px; border: solid 1px #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-a a {font-size: 14px; color: #676767; display: inline-block; padding-left: 5px; padding-right: 5px;}
.sort-a:hover {background: #6693bb; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.sort-a:hover a {color: #ffffff;}

.sort-b {display: inline-block; margin-right: 20px; padding: 5px 5px; border: solid 1px #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-b a {font-size: 14px; color: #676767; display: inline-block; padding-left: 5px; padding-right: 5px;}
.sort-b:hover {background: #6693bb; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.sort-b:hover a {color: #ffffff;}

.sort-c {display: inline-block; margin-right: 20px; padding: 5px 5px; border: solid 1px #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-c a {font-size: 14px; color: #676767; display: inline-block; padding-left: 5px; padding-right: 5px;}
.sort-c:hover {background: #6693bb; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.sort-c:hover a {color: #ffffff;}

.sort-d {display: inline-block; margin-right: 20px; padding: 5px 5px; border: solid 1px #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-d a {font-size: 14px; color: #676767; display: inline-block; padding-left: 5px; padding-right: 5px;}
.sort-d:hover {background: #6693bb; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.sort-d:hover a {color: #ffffff;}


.sort-e {display: inline-block; margin-right: 20px; padding: 5px 5px; border: solid 1px #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-e a {font-size: 14px; color: #676767; display: inline-block; padding-left: 5px; padding-right: 5px;}
.sort-e:hover {background: #6693bb; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s;}
.sort-e:hover a {color: #ffffff;}

.novelty {font-size: 10px; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); padding: 2px 3px; margin-right: 3px; margin-bottom: 3px; text-align: center; display: inline-block; background: #007dff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.promotion {font-size: 10px; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); padding: 2px 3px; margin-right: 3px; margin-bottom: 3px; text-align: center; display: inline-block; background: #ff4700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.distinguished {font-size: 10px; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); padding: 2px 3px; margin-right: 3px; margin-bottom: 3px; text-align: center; display: inline-block; background: #ff005e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.specialOffer {font-size: 10px; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); padding: 2px 3px; margin-bottom: 3px; text-align: center; display: inline-block; background: #269d00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.sort-quantity {display: inline-block; padding: 0px 0px;}

.product-list-code {padding: 5px 0 15px 0;}
.product-list-code p {font-size: 12px; color: #a3a3a3; border-top: solid 1px #e9e9e9; padding: 3px 0 0 0; margin: 0 0 0 0;}

.product-list-bottom {}
.product-list-price {text-align: center; color: #000000; font-size: 18px; font-weight: 500; padding: 10px 0;}

/* /lista produktow 01 */



/* ============== responsywność ============== */
/* XS Portrait */
@media (max-width: 480px) {

}

@media (max-width: 767px) {
.camera_plugin {height: 200px;}
.camera_plugin_ins {height: 180px;}
#popup {border:solid 1px #e7e7e7; padding:5px; bottom:0px; right:0px; width:100%; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#popup p {padding:0 10px;}

#go-top {bottom: 5px; right: 0px;}
#go-top a {width: 32px; height: 32px; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; background: rgba(214, 0, 0, .8); font-size: 18px; line-height: 28px;}

#facebook {top: 110px;}
.slide_button {background: url(../layout/fb-button-mob.jpg); display: block; height: 34px; text-indent: -9999px; width: 32px; position: absolute; left: -32px; top: 0px;}
.left-menu-desktop {display: none;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.camera_plugin {height: 300px;}
.camera_plugin_ins {height: 180px;}
#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
.left-menu {display: none;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.camera_plugin {height: 400px;}
.camera_plugin_ins {height: 180px;}
#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
.left-menu {display: none;}
}

@media (min-width: 1200px) {
.camera_plugin {height: 500px;}
.camera_plugin_ins {height: 180px;}
#popup {border:solid 1px #e7e7e7; padding:5px; bottom:20px; right:20px; width:600px; z-index:999999; -webkit-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popup p {padding:0 10px;}
.left-menu {display: none;}
}

@media (min-width: 1460px) {
  .camera_plugin {height: 600px;}
  .camera_plugin_ins {height: 180px;}
}


@media (min-width: 1600px) {
  .camera_plugin {height: 800px;}
  .camera_plugin_ins {height: 180px;}
}