/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin-ext');
</style>

<style>
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Roboto:300,400,500,700&subset=latin-ext');
</style>

html{
	overflow-x: hidden;
}
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, img, 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; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{font-weight: 400;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none; outline: none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; background: none; border: none; margin: 0; width: 100%; font-family: 'Questrial', sans-serif;}
textarea{display: block; resize: none; overflow: auto;}
select::-ms-expand{display: none;}

a, a:link, a:visited, a:active, a:hover{
	cursor: pointer;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
body{font-weight: 400; font-size: 14px; line-height: 1; font-family: 'Questrial', sans-serif;}
b, strong{font-weight: 700;}
ul, ol{list-style: none;}
a{color: inherit;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*main*/
#content-block{position: relative; overflow: hidden; left: 0;}
.container{max-width: 100%; position: relative;}
.container-fluid{position: relative;}
.content-margins{position: relative; border-left: 50px transparent solid; border-right: 50px transparent solid;}
@media (max-width: 991px) {
	.content-margins{border-width: 0 15px;}
}
.content-margins.grey{border-color: #f7f7f7;}
.overflow-hidden{overflow: hidden;}
html.overflow-hidden body{overflow: hidden;}
.page-height{min-height: 500px;}
body.mobile .swiper-container.page-height, body.mobile .swiper-container.page-height .swiper-wrapper, body.mobile .swiper-container.page-height .swiper-slide{height: auto!important;}
body.mobile .swiper-container.page-height .swiper-wrapper{transform: none!important; -webkit-transform: none!important;}
body.mobile .swiper-container.page-height .swiper-pagination{display: none;}
.grey-background{background: #f7f7f7;}
@media (min-width: 992px) {
	.visible-rd{display: none!important;}
}
.image-thumbnail{display: block; max-width: 100%; height: auto; margin: 0 auto;}
@media (min-width: 992px) {
	.row.vertical-aligned-columns{font-size: 0; white-space: nowrap;}
	.row.vertical-aligned-columns > div[class*="col"]{float: none; display: inline-block; vertical-align: middle; white-space: normal;}
}
/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; width: 10000px;}
.cell-view.page-height{position: relative; z-index: 1;}
.cell-view.simple-banner-height{height: 600px;}
.cell-view.simple-banner-height.middle{height: 700px;}
.cell-view.simple-banner-height.big{height: 800px;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.cell-view.page-height{height: 500px!important}
	.swiper-container.page-height{height: 500px!important;}
	.cell-view.simple-banner-height, .cell-view.simple-banner-height.big, .cell-view.simple-banner-height.middle{height: auto;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.cell-view.page-height{height: auto!important}
	.swiper-container.page-height, .swiper-container.page-height .swiper-wrapper, .swiper-container.page-height .swiper-slide{height: auto!important;}
	.swiper-container.page-height .swiper-wrapper{transform: none!important; -webkit-transform: none!important;}
	.swiper-container.page-height .swiper-pagination{display: none;}
}
/*body selection*/
body ::selection {color: ;
	background: #343434;
	color: #d7c926;
}
body ::-moz-selection {color: ; background: #343434;}
/*helper classes*/
.nopadding, .nopadding>*[class*="col"]{padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
.line-through{display: inline-block; position: relative; padding: 0 5px;}
.line-through:after{position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: currentColor; content: "";}
.clearfix:after{content: ""; display: block; clear: both;}
.valign-middle {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}
.valign-middle-content{width: 100%; position: relative;}
.full-size{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fixed-background{background-size: cover; background-position: center top; background-attachment: fixed;}
body.mobile .fixed-background{background-attachment: scroll;}
.align-inline{display: inline-block; vertical-align: middle;}
.align-inline.spacing-1{margin-right: 20px; margin-bottom: 10px;}
.block{display: block;}
.rounded-image{border-radius: 0px; -webkit-border-radius: 0px;}
.block-image{display: block; max-width: 100%; height: auto; margin: 0 auto; box-shadow: 2px 21px 50px rgba(18,85,190,.15)}
.uppercase{text-transform: uppercase;}
.row-background{position: absolute; width: 50%; bottom: 0; height: 100%;}
.row-background.big{height: 112%;}
.row-background img{position: absolute; max-height: 100%; max-width: 100%; bottom: 0; left: 50%; transform: translateX(-50%)!important; -webkit-transform: translateX(-50%)!important;}
.row-background.left{left: 0;}
.row-background.right{right: 0;}
.block-entry{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.notransition, .notransition *{transition: none!important; -webkit-transition: none!important;}
/*hovers*/
.simple-mouseover{display: block; overflow: hidden;}
.simple-mouseover, .simple-mouseover *{position: relative;}
.simple-mouseover:after, .simple-mouseover:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(184,205,6,.8); content: ""; opacity: 0; transition: all .3s; -webkit-transition: all .3s; border-radius: inherit; -webkit-border-radius: inherit;}
.simple-mouseover:before{background: url(../img/icon-11.png) center center no-repeat; z-index: 1; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.simple-mouseover:hover:after{opacity: 1;}
.simple-mouseover:hover:before{opacity: 1; transform: rotate(0); -webkit-transform: rotate(0);}
.simple-mouseover img{display: block; max-width: 100%; height: auto;}
/*loader*/
#loader-wrapper{position: fixed; left: 0; top: -100px; right: 0; bottom: -100px; background: #fff; z-index: 12;}
/**/
.simple-article{color: #2f2f2f;}
.simple-article.grey, .grey{color: #555;}
.simple-article.dark, .dark{
	color: #232323;
}
.simple-article.medium, .medium{
	color: #666666;
}
.simple-article.light{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
.simple-article.light.transparent, .light.transparent{color: rgba(255,255,255,.95);}
.simple-article.light.fulltransparent, .light.fulltransparent{color: rgba(255,255,255,.5);}
.simple-article.color, .color{
	color: ;
}
.simple-article.zeleno, .zeleno{
	color: ;
}

.simple-article.size-1{
	font-size: 11px;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.simple-article.size-2{
	font-size: 14px;
	font-weight: 400;
line-height: 1.7;
}
.simple-article.size-221{
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	color: ;
}
.simple-article.size-22{
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;

}

.simple-article.size-223{
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
}
.simple-article.size-2223{
	font-size: 15px;
	line-height: 28px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.simple-article.size-33{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-333{
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-3{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
	font-family: 'Raleway', sans-serif;
}
.simple-article.size-3-4{
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: ;
	font-family: 'Raleway', sans-serif;
}
.simple-article.size-3313{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
}
.tamno{
	color: #666666;
}

.simple-article.size-301{
	font-size: 15px;
	line-height: 30px;
	font-weight: 700;
	color: ;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}
.simple-article.size-4{
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.simple-article.size-14{
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.simple-article.size-144{
	font-size: 14px;
	line-height: 24px;
	font-weight: 900;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.simple-article.size-43{
	font-size: 16px;
	line-height: 24px;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
.simple-article.size-433{
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-ideal{
	font-size: 16px;
	line-height: 24px;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-44{
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;

}
.white{
	color: #FFF;
}
.simple-article.size-5{
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;

}
.simple-article.size-551{
	font-size: 16px;
	line-height: 26px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
}
.simple-article.size-515{
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-51{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-55{
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-6{
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
}
.zeleno-sv{color: ;}
.zeleno{color: ;}
.simple-article.size-7{
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-77{
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}
.simple-article.size-8{
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;

}
.simple-article.size-888{
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Raleway', sans-serif;
}
.simple-article.size-880{
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Roboto', sans-serif;
}
.simple-article.size-889{
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #6a6a6a;
	text-transform: uppercase;
	font-family: Raleway;
}
.simple-article.size-88{
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #232323;
	font-family: 'Raleway', sans-serif;

}
.simple-article.size-9{
	font-size: 18px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;

}
.black{color:#000;}
.simple-article p, .simple-article ul, .simple-article ol, .simple-article img, .simple-article *[class*="col"], .simple-article h1, .simple-article h2, .simple-article h3, .simple-article h4, .simple-article h5, .simple-article h6, .simple-article .embed-responsive, .simple-article .swiper-container{margin-bottom: 22px;}
.simple-article *:last-child{margin-bottom: 0;}

.simple-article img{max-width: 100%; height: auto; display: inline-block; vertical-align: bottom;}
.blog-article img{display: block;}
.blog-article p, .blog-article ul, .blog-article ol, .blog-article img, .blog-article *[class*="col"]{margin-bottom: 1em;}
.simple-article ol{counter-reset: number;}
.simple-article ol li{padding-left: 0; margin-bottom: 8px;}
.simple-article ol li:before{counter-increment: number; content: "#" counter(number); color: ; margin-right: 5px;}
.simple-article ul li{
	padding-top: 5px;
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.simple-article ul li:hover{
	color: ;
}
.simple-article1 ul li:before{content: ""; width: 17px; height: 13px; display: inline-block; vertical-align: middle; background: url(../img/icon-20.png); position: relative; margin-right: 12px;}

.simple-article.light ul li:before{background-image: url(../img/icon-21.png);}

.simple-article h1, .h1, .simple-article h2, .h2, .simple-article h3, .h3, .simple-article h4, .h4, .simple-article h5, .h5, .simple-article h6, .h6{
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
}
.simple-article.light h1, .simple-article.light .h1, .h1.light, .simple-article.light h2, .simple-article.light .h2, .h2.light, .simple-article.light h3, .simple-article.light .h3, .h3.light, .simple-article.light h4, .simple-article.light .h4, .h4.light, .simple-article.light h5, .simple-article.light .h5, .h5.light, .simple-article.light h6, .simple-article.light .h6, .h6.light{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
.simple-article h1 a, .h1 a, .simple-article h2 a, .h2 a, .simple-article h3 a, .h3 a, .simple-article h4 a, .h4 a, .simple-article h5 a, .h5 a, .simple-article h6 a, .h6 a{transition: all .15s; -webkit-transition: all .15s;}
.simple-article h1 a:hover, .h1 a:hover, .simple-article h2 a:hover, .h2 a:hover, .simple-article h3 a:hover, .h3 a:hover, .simple-article h5 a:hover, .h5 a:hover, .simple-article h6 a:hover, .h6 a:hover{
	color: #000000;
}
.simple-article h4 a:hover, .h4 a:hover{color: #333333;}
.simple-article h1, .h1{
	font-size: 4.5rem;
	line-height: 1;
	font-weight: 900;
}
.simple-article h2, .h2{
	font-size: 4.5rem;
	line-height: 86px;
	font-weight: 900;
}
.simple-article h3, .h3{
	font-size: 32px;
	line-height: 40px;
	font-weight: 900;
}
.simple-article h4, .h4{
	font-size: 22px;
	line-height: 32px;
	font-weight: 900;
}
.simple-article h5, .h5{
	font-size: 16px;
	line-height: 26px;
	font-weight: 800;
	color: #343434;
	font-family: 'Raleway', sans-serif;
}

.simple-article h6, .h6{
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
}
.simple-article a:not(.button):hover{text-decoration: underline;}
.simple-article br{line-height: 1em;}
.title-underline{padding: 20px 0; color: #c2d805; height: 21px;}
.title-underline.light{color: #fff;}
.title-underline span{width: 55px; height: 1px; background: currentColor; display: inline-block; vertical-align: top; position: relative;}
.title-underline span:before, .title-underline span:after{width: 4px; height: 1px; background: inherit; position: absolute; content: ""; top: 0; left: -9px;}
.title-underline span:after{left: auto; right: -9px;}
.title-underline.left{margin-left: 9px;}
.title-underline.left span:after{display: none;}
.title-underline.right{margin-right: 9px;}
.title-underline.right span:before{display: none;}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
	.simple-article h1, .h1{font-size: 40px; line-height: 40px;}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.simple-article h1, .h1{font-size: 32px; line-height: 32px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.simple-article h1, .h1{
	font-size: 32px;
	line-height: 46px;
	font-weight: 900;
}
	.simple-article h2, .h2{font-size: 34px; line-height: 40px;}
	.simple-article h3, .h3{font-size: 30px; line-height: 40px;}
}
/**/
.button{display: inline-block; vertical-align: bottom; text-align: center; font-family: 'Raleway', sans-serif; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); box-shadow: 0px 1px 3px rgba(0,0,0,.3); text-transform: uppercase; font-weight: 700; position: relative; cursor: pointer;}
.button.noshadow{box-shadow: none; -webkit-box-shadow: none; border: 1px #eee solid;}
.button.block{display: block;}
.button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.button span{display: block; position: relative; left: 0;}

.button span.icon{transition: all .15s; -webkit-transition: all .15s;}
.button span.text{transition: all .3s .05s; -webkit-transition: all .3s .05s;}

.button.size-1{font-size: 11px; line-height: 18px; border-radius: 20px; -webkit-border-radius: 20px;}
.button.size-2{font-size: 11px; line-height: 18px;}
.button.size-4{font-size: 11px; line-height: 18px;}
.button.size-4 .text{
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.button.size-1 .text{padding: 12px 20px 10px 20px;}
.button.size-2 .text{
	padding: 17px 30px 15px 30px;
	font-size: 11px;
	font-weight: 700;
}
.button.size-3 .text{
	font-size: 12px;
	line-height: 18px;
}
.button.size-3 .text{
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
}
.button.style-1{background: #fff; color: #555;}
.button.style-11{
	color: #FFF;
	background-color: ;
}
.button.style-2{
	color: #fff;
	background-color: ;
}
.button.style-3{
	color: #fff;
	text-shadow: 0 1px 0 rgba(82,91,2,.45);
	background-color: #b8cd05;
}
.button.style-5{
	color: ;
	text-shadow: 0 1px 0 rgba(82,91,2,.45);
	background-color: #FFFFFF;
}
.kontakt-div{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3e3e3e;
	background-color: #343434;
}
.suradnje-div{
	background-color: rgba(244, 244, 244, 1);
}
.znacajke{
	padding-right: 25px;
	padding-left: 25px;
}
.button.style-4{
	color: ;
	background-color: #FFFFFF;
}
.radovi{
	padding-top: 50px;
	padding-bottom: 50px;
}
.plavo{
	color: #006699;
}
.grey-sv{
	color: #32373d;
}

.line-up{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaf0f9;
}
.line-up-light{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
.line-down{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaf0f9;
}
.line-down-light{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.div-34{
	background-color: #343434;
}
.slider-main-div{
	background-color: #f5f5f5;
}
.button.style-5{border: 1px #eee solid; color: #888; box-shadow: none; -webkit-box-shadow: none;}
.button.facebook-button{background: #3b5998;}
.button.twitter-button{background: #5ea9dd;}
.button.google-button{background: #dd4d42;}
.button-wrapper{display: block; overflow: hidden; border-radius: inherit; -webkit-border-radius: inherit; position: relative;}
.button:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; -webkit-border-radius: inherit; background: inherit; content: ""; opacity: .3;}
.button:hover:before{transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0; visibility: hidden; transition: transform .5s, opacity .5s, visibility 0s .5s; -webkit-transition: transform .5s, opacity .5s, visibility 0s .5s;}
.button .icon{width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; position: absolute; left: -50px; top: 50%; margin-top: -15px; margin-left: -15px; color: ;}
.button:hover .icon{left: 50%;}
.button.style-3 .icon, .button.style-4 .icon{color: #fff;}
.button.style-5 .icon{color: #888;}
.button .icon img{display: block; max-width: 30px; height: auto;}
.button .icon .fa{display: block; line-height: inherit;}
.button:hover .text{left: 100%;}
.button-close{display: inline-block; vertical-align: middle; background: url(../img/icon-5.png) 50% 50% no-repeat; width: 40px; height: 40px; cursor: pointer; position: relative;}
.button-close:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; border-radius: 50%; -webkit-border-radius: 50%; transform: scale(0); -webkit-transform: scale(0); pointer-events: none; background: #000; opacity: .5;}
.button-close:hover:before{transform: scale(1.5); -webkit-transform: scale(1.5); opacity: 0; transition: transform .5s, opacity .5s, visibility 0s .5s; -webkit-transition: transform .5s, opacity .5s, visibility 0s .5s;}
.buttons-wrapper{font-size: 0; margin: 0 -5px;}
.buttons-wrapper .button{margin: 0 5px 10px 5px;}
.buttons-wrapper .button:last-child{margin-right: 0;}
.buttons-wrapper:after{display: block; content: ""; margin-top: -10px;}
.buttons-wrapper .simple-article{line-height: 24px; margin: 13px 30px 10px 0; display: inline-block; vertical-align: top;}
.play-button{width: 50px; height: 50px; background: ; border-radius: 50px; -webkit-border-radius: 50px; position: relative; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px;}
.play-button:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; background: rgba(184,205,6,.3); content: ""; border-radius: inherit; -webkit-border-radius: inherit; transition: all .3s; -webkit-transition: all .3s;}
.play-button:hover:before{transform: scale(.9); -webkit-transform: scale(.9);}
.play-button:after{width: 0; height: 0; border-style: solid; border-width: 6.5px 0 6.5px 9px; border-color: transparent transparent transparent #fff; position: absolute; left: 50%; top: 50%; margin: -6.5px 0 0 -3px; content: "";}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.buttons-wrapper .simple-article{display: block;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.button{display: block;}
	.button.mobile-icon .text{display: none;}
	.button.mobile-icon .icon{position: relative; left: auto; top: auto; margin: 0; display: block; width: auto; height: auto; line-height: inherit;}
	.button.mobile-icon.size-1{width: 40px; height: 40px; line-height: 40px;}
	.button.mobile-icon.size-2{width: 50px; height: 50px; line-height: 50px;}
	.buttons-wrapper .button{margin-right: 0;}
}
/**/
.simple-input, .SumoSelect > .CaptionCont{font-size: 14px; color: #555; height: 50px; line-height: 48px; padding: 0 30px; width: 100%; border: 1px #eee solid; border-radius: 26px; -webkit-border-radius: 26px; transition: all .15s; -webkit-transition: all .15s;}
.simple-input.small{height: 40px; line-height: 38px; font-size: 11px; padding: 0 18px;}
.simple-input{background: #fff;}
.simple-input.style-1{border-radius: 0; -webkit-border-radius: 0; border-left: none; border-top: none; border-right: none; padding-left: 0;}
.SumoSelect > .CaptionCont{font-size: 14px;}
.SumoSelect > select.small+.CaptionCont{padding: 0 15px; font-size: 10px; text-transform: uppercase;}
.SumoSelect > select.small+.CaptionCont > label{width: 40px;}
.SumoSelect > select.small+.CaptionCont > span{padding-right: 20px;}
.SlectBox.small+.CaptionCont{height: 42px; line-height: 40px; border-radius: 21px; -webkit-border-radius: 21px;}
.simple-input:focus, .SumoSelect.open > .CaptionCont{border-color: ;}
.simple-input.invalid{border-color: #dd4d42!important;}
.SumoSelect > .CaptionCont > span.placeholder {color: #888;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #888; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #888; opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #888; opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #888; opacity: 1;}
textarea.simple-input{padding-top: 10px; padding-bottom: 10px; line-height: 22px; height: 140px;}
.simple-input.light{border-color: rgba(255,255,255,.5); color: #fff; background: transparent;}
.simple-input.light:focus{border-color: #fff;}
.SumoSelect select.light+.CaptionCont > span.placeholder {color: rgba(255,255,255,.8);}
input.light::-webkit-input-placeholder, textarea.light::-webkit-input-placeholder, select.light+.CaptionCont input::-webkit-input-placeholder{color: rgba(255,255,255,.8); opacity: 1;}
input.light:-moz-placeholder, textarea.light:-moz-placeholder, select.light+.CaptionCont input:-moz-placeholder{color: rgba(255,255,255,.8); opacity: 1;}
input.light::-moz-placeholder, textarea.light::-moz-placeholder, select.light+.CaptionCont input::-moz-placeholder{color: rgba(255,255,255,.8); opacity: 1;}
input.light:-ms-input-placeholder, textarea.light:-ms-input-placeholder, select.light+.CaptionCont input:-ms-input-placeholder{color: rgba(255,255,255,.8); opacity: 1;}
select.light+.CaptionCont{background: transparent; border-color: rgba(255,255,255,.5); color: #fff;}
.SumoSelect.open select.light+.CaptionCont{border-color: #fff;}
.single-line-form{position: relative;}
.single-line-form .button{position: absolute; top: 0; right: 0;}
.input-file-wrapper{position: relative;}
.input-file-wrapper .simple-input{color: #888; padding-right: 50px;}
.input-file-wrapper.active .simple-input{color: #555;}
.input-file-wrapper .simple-input.light{color: rgba(255,255,255,.8);}
.input-file-wrapper.active .simple-input.light{color: #fff;}
.input-file-wrapper .file-remove{position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(../img/icon-5.png) center center; cursor: pointer; z-index: 1; opacity:.5; display: none;}
.input-file-wrapper .file-remove.light{background-image: url(../img/icon-19.png);}
.input-file-wrapper .file-remove:hover{opacity: 1;}
.input-file-wrapper.active .file-remove{display: block;}
form{position: relative;}
.submit-icon{position: absolute; right: 0; top: 0; height: 100%; width: 50px; text-align: center; color: #888; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;}
.submit-icon:hover{color: #343434;}
.submit-icon .fa{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
/**/
.checkbox-entry{display: inline-block; cursor: pointer; margin: 0; padding: 0; min-width: 20px; min-height: 20px;}
.checkbox-entry input{display: none;}
.checkbox-entry span{position: relative; font-size: 11px; line-height: 20px; padding-left: 30px; display: block; color: #888; text-transform: uppercase;}
.checkbox-entry:hover span{color: #555;}
.checkbox-entry span:before{content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px #eee solid; border-radius: 2px; -webkit-border-radius: 2px; background: url(../img/icon-6.png) 100px center no-repeat #fff;}
.checkbox-entry input:checked+span:before{border-color: ; background-color: ; background-position: center center;}
.checkbox-entry.radio span:before{border-radius: 10px; -webkit-border-radius: 10px; background: none;}
.checkbox-entry.radio input:checked+span:before{border-color: ; background-color: #fff; border-width: 7px;}
.checkbox-entry a:hover{text-decoration: underline;}
.checkbox-entry.light span{color: rgba(255,255,255,.8);}
.checkbox-entry.light:hover span{color: #fff;}
.checkbox-entry.light.radio input:checked+span:after{content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px #eee solid; border-radius: 10px; -webkit-border-radius: 10px;}
.checkbox-entry.checkbox-toggle-title span{color: #343434; font-weight: 900; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 18px;}
.checkbox-toggle-wrapper{display: none;}
/**/
.ClassyCountdown-wrapper{margin: 0 -5px;}
.ClassyCountdown-wrapper > div {display: inline-block; position: relative; width: 25%; padding: 0 5px;}
.ClassyCountdown-wrapper .ClassyCountdown-value {width: 100%; line-height: 1em; position: absolute; top: 50%; text-align: center; left: 0; display: block;}
.ClassyCountdown-wrapper .ClassyCountdown-value span{display: block;}
.countdown.light .ClassyCountdown-wrapper .ClassyCountdown-value span, .countdown.light-green .ClassyCountdown-wrapper .ClassyCountdown-value span{color: rgba(255,255,255,.8)!important;}
.countdown.max-width{max-width: 400px;}
/**/
.follow{font-size: 0; margin-bottom: -7px;}
.follow .title, .tags .title{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 13px; color: #fff; text-transform: uppercase; display: inline-block; line-height: 35px; vertical-align: top; margin-right: 20px;}
.follow.light .title, .tags.light .title{color: #343434;}
.follow .entry{width: 35px; height: 35px; line-height: 35px; display: inline-block; vertical-align: bottom; background: #424242; color: #888; font-size: 14px; margin: 0 7px 7px 7px; cursor: pointer; position: relative; text-align: center;}
.follow.light .entry{background: #ffffff;}
.follow .entry:hover{color: #fff;}
.follow .entry .fa{display: block; line-height: inherit; position: relative;}
.follow .entry:before{
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	content: "";
	transform: scale(0);
	-webkit-transform: scale(0);
	background-color: ;
}
.follow .entry:hover:before{transform: scale(1); -webkit-transform: scale(1);}
.follow .entry, .follow .entry:before{transition: all .15s; -webkit-transition: all .15s;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.follow .title, .tags .title{margin: 0 0 10px 0; display: block; line-height: 18px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper{position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; left: -100%; transition-delay: .3s; -webkit-transition-delay: .3s;}
.popup-wrapper.active{left: 0; transition-delay: 0s; -webkit-transition-delay: 0s;}
.popup-wrapper .bg-layer{position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; background: rgba(0,0,0,.8); transition: all .3s ease-out; -webkit-transition: all .3s ease-out; opacity: 0;}
.popup-wrapper.active .bg-layer{opacity: 1;}
.popup-content{position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; padding: 15px;}
.popup-content.active{transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
.popup-content:after{display: inline-block; vertical-align: middle; height: 100%; content: "";}
.popup-container{display: inline-block; vertical-align: middle; width: 100%; position: relative; text-align: left; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 4px 20px rgba(0,0,0,.2); box-shadow: 3px 4px 20px rgba(0,0,0,.2);}
.popup-container.size-1{max-width: 570px;}
.popup-container.size-2{max-width: 1170px;}
.popup-container.size-3{max-width: 970px;}
.popup-container.size-4{background: #000; max-width: 80%; padding: 50px 5px 5px 5px; background: #fff;}
.popup-content .layer-close{position: absolute; left: 0; bottom: 0; right: 0; height: 10000px;}
.popup-align{padding: 80px 100px;  overflow: hidden;}
.simple-link{font-size: 11px; line-height: 18px; color: #555; display: inline-block; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; transition: all .15s; -webkit-transition: all .15s;}
.simple-link:hover{color: ;}
.popup-container .button-close{position: absolute; right: 5px; top: 5px; z-index: 2;}
.popup-or{height: 140px; position: relative;}
.popup-or:before{position: absolute; left: 0; top: 50%; width: 100%; background: #eee; content: ""; height: 1px;}
.popup-or span{width: 60px; height: 60px; border: 5px #eee solid; border-radius: 30px; -webkit-border-radius: 30px; text-align: center; line-height: 50px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; background: #fff; font-size: 11px; color: #888; font-weight: 700; text-transform: uppercase; font-family: 'Raleway', sans-serif;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.popup-container.size-2 .popup-align{padding: 40px 15px 40px 15px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.popup-container.size-1 .popup-align{padding: 40px 30px;}
	.popup-container.size-4{max-width: 100%;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - SWIPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.swiper-container-vertical .swiper-wrapper{cursor:url(../img/drag-vertical.png) 8 16, ns-resize;}
.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper, .swiper-button-disabled+.swiper-button-disabled+.swiper-container > .swiper-wrapper{transform: none!important; -webkit-transform: none!important; cursor: auto; justify-content: center;}
.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper .swiper-slide:last-child, .swiper-button-disabled+.swiper-button-disabled+.swiper-container > .swiper-wrapper .swiper-slide:last-child{margin-right: 0!important;}
.swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper+.swiper-pagination-bullets, .swiper-button-disabled+.swiper-button-disabled+.swiper-container > .swiper-pagination-bullets{display: none!important;}
.swiper-container-horizontal{overflow-x: hidden; overflow-y: visible;}
.swiper-button-prev.style-1{left: 0;}
.swiper-button-next.style-1{right: 0;}
.swiper-button-prev.style-1, .swiper-button-next.style-1{background-color: transparent;}
.swiper-button-prev.style-1:before, .swiper-button-next.style-1:before, .swiper-button-prev.style-1:after, .swiper-button-next.style-1:after{display: none;}
.swiper-container.arrows-align-top>.swiper-button-next{top: -5px; margin: 0; width: 30px; height: 30px; background-position: -75px -15px;}
.swiper-container.arrows-align-top>.swiper-button-next:hover{background-position: -15px -15px;}
.swiper-container.arrows-align-top>.swiper-button-prev{top: -5px; margin: 0; left: auto; right: 45px; width: 30px; height: 30px; background-position: -15px -15px;}
.swiper-container.arrows-align-top>.swiper-button-prev:hover{background-position: -75px -15px;}
.swiper-title{margin-right: 80px;}
.swiper-container.rounded{border-radius: 10px; -webkit-border-radius: 10px;}
.swiper-container.rounded-top{border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}
.swiper-container[data-touch="0"]:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 1;}
.content-margins .swiper-button-prev:not(.style-1), .container .swiper-button-prev:not(.style-1){left: -30px;}
.content-margins .swiper-button-next:not(.style-1), .container .swiper-button-next:not(.style-1){right: -30px;}
.swiper-slide{
	background-size: cover;
	background-position: center center;
}
.our-team-slider .swiper-button-next, .our-team-slider .swiper-button-prev{margin-top: -88px;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
	-webkit-backface-visibility: hidden;
	visibility: visible;
}
@media (min-width: 992px) {
	header{transition: all .15s; -webkit-transition: all .15s;}
	header.scrolled{
	top: -60px;

}
}
.header-empty-space{}
.header-top a, .header-top a .fa, .header-top a b{
	transition: all .15s;
	-webkit-transition: all .15s;
	font-weight: 500;
}
.header-top a:hover, .header-top a:hover .fa, .header-top a:hover b{
	color: #4e4e4e;
}
#logo{
	display: inline-block;
	height: 48px;
	position: relative;
	top: 50%;
	margin-top: -30px;
	width: 296px;
}
#logo img{display: block; max-height: 100%; width: auto;}
.header-top{
	font-size: 0;
	height: 60px;
	background-color: #fff;
}
.header-top b{font-family: 'Raleway', sans-serif; font-weight: 700;}
.header-top .entry{
	display: inline-block;
	vertical-align: bottom;
	margin-left: -1px;
	padding: 20px 25px;
	font-size: 10px;
	line-height: 20px;
	color: #232323;
	text-transform: uppercase;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #f1f1f1;
	border-left-color: #f1f1f1;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.header-top .entry img{
	display: inline-block;
	float: left;
	padding-right: 7px;
}
.header-top .entry:last-child{
	border-right-style: none;
}
.header-top .entry:hover{
	color: #4e4e4e;
}
.header-top .entry:hover.header-top b{
	color: #d7c926;
}
.header-top .fa{
	font-size: 16px;
	display: inline-block;
	vertical-align: bottom;
	color: #555;
	position: relative;
	top: -1px;
}

.header-top .cart-title{font-size: 13px; color: ;}
.header-top .cart-icon{position: relative; display: inline-block; padding: 0 12px 0 3px;}
.cart-label{position: absolute; right: 2px; top: -10px; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; background: ; color: #fff; font-size: 11px; line-height: 20px; text-align: center; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.header-top .language{cursor: pointer;}
.header-top .language .title{padding-right: 15px; width: 35px; background: url(../img/icon-7.png) right center no-repeat; text-align: left;}
.header-top .language-toggle{position: absolute; left: 0; top: 100%; width: 100%; background: #fff; padding: 10px 0; z-index: 1; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.header-top .language-toggle a{display: block; padding: 5px 25px; text-align: left;}
.header-top .language-toggle a:hover{background: ; color: #fff;}

.header-top .language-toggle{transform: scale(.8); -webkit-transform: scale(.8); opacity: 0; left: 10000px; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transition: transform .3s, opacity .3s, left 0s .3s; -webkit-transition: transform .3s, opacity .3s, left 0s .3s;}
.header-top .language:hover .language-toggle{transform: scale(1); -webkit-transform: scale(1); opacity: 1; left: 0; transition: transform .3s, opacity .3s, left 0s; -webkit-transition: transform .3s, opacity .3s, left 0s;}

/**/
.header-top .cart-toggle{position: absolute; right: 0; top: 100%; z-index: 2; padding: 30px 30px 40px 30px; width: 670px; background: #fff; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 5px 5px rgba(0,0,0,.1); text-align: left; cursor: auto; margin-top: -1px;}
.cart-entry{background: #f4f4f4; border-radius: 5px; -webkit-border-radius: 5px; padding: 30px; margin-bottom: 1px;}
.cart-color{width: 12px; height: 12px; display: inline-block;}
.cart-entry-thumbnail{float: left; transition: all .15s; -webkit-transition: all .15s;}
.cart-entry-thumbnail img{display: block;}
.cart-entry-thumbnail:hover{opacity: .8;}
.cart-entry-description{margin-left: 105px; padding-top: 22px;}
.cart-entry table{width: 100%;}
.cart-entry table td{vertical-align: middle; padding: 0 30px; border-left: 1px #fff solid;}
.cart-entry table td:first-child{text-align: left; padding-left: 0; border: none;}
.cart-entry table td:last-child{padding-right: 0;}
.cart-entry table td:nth-child(1){width: 145px;}
.cart-entry table td:nth-child(2){width: 140px;}
.cart-entry table td:nth-child(3){width: 70px;}
.header-top .cart{cursor: pointer;}
.header-top .cart-toggle, .megamenu{transform: scale(.8); -webkit-transform: scale(.8); opacity: 0; right: -10000px; transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transition: transform .3s, opacity .3s, right 0s .3s; -webkit-transition: transform .3s, opacity .3s, right 0s .3s; border-top: 5px  solid;}
.header-top .cart:hover .cart-toggle, li:hover .megamenu{transform: scale(1); -webkit-transform: scale(1); opacity: 1; right: 0; transition: transform .3s, opacity .3s, right 0s; -webkit-transition: transform .3s, opacity .3s, right 0s;}
.cart-overflow{max-height: 460px; overflow: auto; -webkit-overflow-scrolling: touch;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.cart-entry{text-align: center;}
	.cart-entry-thumbnail{float: none; display: inline-block; vertical-align: top;}
	.cart-entry-description{margin-left: 0;}
	.cart-entry-description table, .cart-entry-description table tbody, .cart-entry-description table tr, .cart-entry-description table td{display: block;}
	.cart-entry-description table td{text-align: center!important; padding: 0 0 10px 0; border: none; width: auto!important;}
	.cart-entry-description table td:last-child{padding-bottom: 0;}
}

/**/
.hamburger-icon{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 10%;
	cursor: pointer;
	display: none;
	margin-top: 2px;
}
.hamburger-icon span{
	position: absolute;
	width: 100%;
	right: 0;
	height: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #343434;
}
.hamburger-icon span:nth-child(1){top: 7px;}
.hamburger-icon span:nth-child(2){
	top: 50%;
	margin-top: -1px;
	width: 100%;
}
.hamburger-icon span:nth-child(3){
	bottom: 7px;
	width: 100%;
}
.hamburger-icon.active span{height: 2px;}
.hamburger-icon.active span:nth-child(1){display: none;}
.hamburger-icon.active span:nth-child(2){transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 70%; left: 15%; margin-top: -1px;}
.hamburger-icon.active span:nth-child(3){bottom: auto; top: 50%; margin-top: -1px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 70%; left: 15%;}

.header-bottom{
	height: 98px;
	font-size: 0;
	position: relative;
	z-index: 99999;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	
}
.header-bottom *[class*="col"], .header-bottom .row, .header-bottom .container, .header-bottom .container-fluid, .header-bottom .content-margins{height: inherit;}
@media (min-width: 992px) {
	.nav-wrapper{height: inherit; display: inline-block; vertical-align: top;}
	nav{height: inherit;}
	nav ul ul{display: block!important;}
	nav a{ transition: all .3s; -webkit-transition: all .15s;}
	nav > ul{height: inherit;}
	nav > ul > li{position: relative; display: inline-block; vertical-align: top; height: inherit;}
	nav > ul > li > a{
	line-height: 16px;
	color: #343434;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	position: relative;
	top: 50%;
	margin-top: -16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	margin-left: 7px;
	padding-top: 9px;
	padding-right: 13px;
	padding-bottom: 7px;
	padding-left: 13px;
	font-size: 11px;
font-family: 'Raleway', sans-serif;

}
	nav > ul > li > a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: ;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
  nav > ul > li > a:hover:before{  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
	nav > ul > li.active > a{
	color: ;
	border-bottom-color: ;}
	nav > ul > li.active > a:hover{border: none;}
	/**/
	nav > ul > li > ul{transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
	nav > ul > li:hover > ul{transform: translateY(0%); -webkit-transform: translateY(-0%); opacity: 1;}
	nav ul ul{position: absolute; width: 165px; left: 0; top: 100%; background: #fff; z-index: -1; padding: 10px 0; text-align: left; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
	nav ul ul li{padding: 0 20px 0 19px; position: relative; left: 1px;}
	nav ul ul a{font-size: 10px; text-transform: uppercase; font-weight: 700; color: #888; line-height: 16px; display: block; padding: 8px 0;}
	nav ul ul a:hover, nav ul ul > li.active > a{color: ;}
	/**/
	nav ul ul ul{left: 100%; top: 0; z-index: 0; border-radius: 5px; -webkit-border-radius: 5px; transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform: perspective(1000px) rotateY(90deg); -webkit-transform: perspective(1000px) rotateY(90deg); opacity: 0; transition: all .3s; -webkit-transition: all .3s;}
	nav ul ul > li:hover ul{transform: perspective(1000px) rotateY(0deg); -webkit-transform: perspective(1000px) rotateY(0deg); opacity: 1;}
	/**/
	.navigation-title{display: none;}
	/**/
	.megamenu-wrapper{position: static;}
	.megamenu{position: absolute; width: 950px; margin-right: 15px; top: 100%; height: 540px; background: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 5px 5px rgba(0,0,0,.1); margin-top: -1px; z-index: -1; border-top: 5px  solid; padding: 30px; display: block!important;}
	.megamenu .links{float: left; width: 220px; height: 480px; overflow: auto; -webkit-overflow-scrolling: touch;}
	.megamenu .links a{font-size: 10px; color: #888; font-weight: 700; line-height: 16px; display: block; padding: 7px 15px 7px 0; margin-bottom: 15px; text-transform: uppercase; text-align: left; transition: all .15s; -webkit-transition: all .15s;}
	.megamenu .links a:hover, .megamenu .links a.active{color: ;}
	.megamenu .links a:last-child{margin-bottom: 0;}
	.megamenu .content{margin-left: 220px;}
	.megamenu-banner{border-radius: 10px; -webkit-border-radius: 10px; height: inherit; position: relative; background-size: cover; background-position: center center; padding: 30px; text-align: center;}
	.megamenu-banner:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); content: ""; border-radius: inherit; -webkit-border-radius: inherit;}
}
@media (max-width: 1024px) {
	.hamburger-icon{display: block;}
	.nav-wrapper{position: fixed; left: 100%; top: -100px; bottom: -100px; width: 100%; text-align: left; z-index: 10; transition: all 0s .3s; -webkit-transition: all 0s .3s;}
	.nav-wrapper.active{left: 0; transition: all 0s 0s; -webkit-transition: all 0s 0s;}
	nav ul ul{display: none;}
	nav li{position: relative;}
	nav a{display: block; position: relative;}
	.nav-close-layer{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
	.nav-wrapper.active .nav-close-layer{opacity: 1;}
	nav{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	background: #fff;
	right: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: all .3s;
	-webkit-transition: all .3s;
}
	.nav-wrapper.active nav{transform: translateX(0%); -webkit-transform: translateX(0%);}
	nav > ul{position: absolute; top: 150px; bottom: 100px; left: 0; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 15px;}
	nav > ul > li{margin-bottom: 10px;}
	nav > ul > li > a{font-size: 12px; line-height: 16px; color: #343434; font-weight: 700; text-transform: uppercase; padding: 12px 45px 10px 20px; display: block; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
	nav > ul > li.active > a{
	background-color: ;
	color: #fff;
}
	nav ul ul{padding-left: 30px;}
	/**/
	nav ul ul a{font-size: 11px; text-transform: uppercase; font-weight: 700; color: #888; line-height: 16px; display: block; padding: 12px 0 10px 0;}
	nav > ul > li > ul > li > a{padding-right: 45px;}
	nav ul ul ul a{font-size: 11px; padding: 8px 0; position: relative;}
	nav ul ul ul a:before{width: 10px; content: ""; height: 1px; background: currentColor; top: 8px; display: inline-block; vertical-align: top; margin-right: 10px; position: relative;}
	nav ul ul > li.active > a{color: ;}
	/**/
	.menu-toggle{position: absolute; width: 39px; height: 39px; right: 5px; top: 0; cursor: pointer; color: #888;}
	nav > ul > li.active > .menu-toggle{color: #fff;}
	nav > ul > li > ul > li.active > .menu-toggle{color: ;}
	.menu-toggle:before{width: 19px; height: 1px; left: 10px; top: 19px; content: ""; position: absolute; background: currentColor;}
	.menu-toggle:after{width: 1px; height: 19px; left: 19px; top: 10px; content: ""; position: absolute; background: currentColor; transition: all .3s; -webkit-transition: all .3s;}
	.menu-toggle.active:after{height: 0; top: 19px;}
	/**/
	.navigation-title{display: block; position: absolute; width: 100%; left: 0; top: 100px; font-size: 18px; line-height: 30px; padding: 10px 20px; background: #fff; border-bottom: 1px #eee solid; font-family: 'Raleway', sans-serif; font-weight: 900; text-transform: uppercase; color: #343434; padding-right: 40px;}
	/**/
	.megamenu{display: none; border: none; transition: none; -webkit-transition: none; transform: none; -webkit-transform: none; opacity: 1; right: auto;}
	.megamenu .content{display: none;}
	.megamenu .links a{font-size:11px; text-transform: uppercase; font-weight: 700; color: #888; line-height: 16px; display:block; padding:12px 0 10px 30px;}
	.megamenu .links a.active{color: ;}
}
/**/
.header-bottom-icon{width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; display: inline-block; vertical-align: top; position: relative; top: 50%; margin-top: -20px; transition: all .15s; -webkit-transition: all .15s; cursor: pointer;}
.header-bottom-icon:hover{color: ;}
/**/
.header-search-wrapper{position: relative; z-index: -1;}
.header-search-wrapper .button-close{position: absolute; top: 5px; right: 5px;}
.header-search-content{width: 100%; background: #fff; position: absolute; left: 0; top: 0; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 5px 5px rgba(0,0,0,.1); padding: 40px 0 60px 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.header-search-wrapper.active .header-search-content{transform: translateY(0%); -webkit-transform: translateY(0%); opacity: 1;}
.search-submit{position: absolute; height: 50px; width: 50px; right: 0; top: 0; text-align: center; line-height: 50px; font-size: 20px; transition: all .15s; -webkit-transition: all .15s;}
.search-submit:hover{color: ;}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
	.header-top .entry{padding-left: 10px; padding-right: 10px;}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.header-top .entry{padding-left: 20px; padding-right: 20px;}
	.header-bottom-icon{font-size: 14px; width: 50px;}
	.header-search-content{padding: 40px 0;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.header-top{height: 0px;}
	.header-top .entry{padding: 10px 15px;}
	#logo{height: 40px; margin-top: -20px;}
	.header-bottom{height: 60px;}
	.header-search-content{padding-bottom: 15px;}
	.header-empty-space{height: 100px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer{
	background: #343434;
	position: relative;
	margin-bottom: 5px;
	margin-top: 15px;
}
footer a, .tag{transition: all .15s; -webkit-transition: all .15s;}
.footer-top{border-bottom: 1px rgba(215,201,38,1) solid; padding: 60px 0;}
.footer-bottom{padding: 30px 0;}
.footer-column-links a{
	font-size: 11px;
	color: rgba(255,255,255,.5);
	text-transform: uppercase;
	display: block;
	line-height: 22px;
	margin-bottom: 12px;
	font-weight: 500;
}
.footer-column-links a:last-child{margin-bottom: 0;}
.footer-column-links a:hover{
	color: #FFFFFF;
}
.footer-contact{
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	line-height: 28px;
	color: rgba(255,255,255,.5);
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 10px;
	text-align: left;
}
.footer-contact:last-child{margin-bottom: 0;}
.footer-contact a{
	font-family: 'Questrial', sans-serif;
	color: rgba(153,153,153,1);
	font-weight: 400;
}
.footer-contact a:hover{
	color: #FFFFFF;
}
.footer-contact .fa{color: ; font-size: 20px; width: 22px; text-align: center; position: absolute; left: 0; top: 0;}
.footer-post-preview{margin-bottom: 20px;}
.footer-post-preview:last-child{margin-bottom: 0;}
.footer-post-preview .image{float: left; width: 70px; border-radius: 0px; -webkit-border-radius: 0px; overflow: hidden; background: ;}
.footer-post-preview .image img{display: block; max-width: 100%; height: auto; border-radius: 0px; -webkit-border-radius: 0px; transition: all .15s; -webkit-transition: all .15s;}
.footer-post-preview .image:hover img{opacity: .5;}
.footer-post-preview .description{margin-left: 80px; padding-top: 5px;}
.footer-post-preview .date{font-size: 10px; line-height: 16px; color: rgba(255,255,255,.5); text-transform: uppercase;}
.footer-post-preview .title{font-family: 'Raleway', sans-serif; font-size: 11px; line-height: 14px; color: rgba(255,255,255,.8); font-weight: 700; text-transform: uppercase;}
.footer-post-preview .title:hover{color: ;}
.tags{font-size: 0;}
.tags:after{margin-top: -10px;}
.tag{
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
	letter-spacing: .5px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255,255,255,.5);
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
	background-color: #424141;
}
.light .tag{background: #f7f7f7; color: #888;}
.tag:hover{
	color: #fff;
	background-color: #1255bf;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}
.copyright{
	font-size: 11px;
	line-height: 19px;
	padding: 8px 0;
	color: #FFF;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.copyright a{color:#d7c926 ;}
.copyright a:hover{color: ;
	color: #FFFFFF;
}
footer .follow{display: inline-block; vertical-align: bottom;}
.footer-payment-icons{font-size: 0; margin: 0 -7px -7px -7px; padding-top: 5px;}
.footer-payment-icons .entry{display: inline-block; vertical-align: bottom; margin: 0 7px 7px 7px;}
.footer-payment-icons .entry img{display: block;}
.footer-form-block{background: #b8cd07; padding: 40px 0;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.footer-top{padding: 30px 0;}
	.copyright{margin: 0 0 10px 0; display: block;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - CATEGORIES MENU */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.categories-menu{position: relative; z-index: 1;}
.categories-menu ul{clear: both;}
.categories-menu li{position: relative;}
.categories-menu li:after{display: block; content: ""; clear: both;}
.categories-menu li a{font-size: 11px; line-height: 16px; padding: 15px 46px 15px 20px; font-weight: 700; color: #888; text-transform: uppercase; font-family: 'Raleway', sans-serif; border-bottom: 1px #f7f7f7 solid; background: #fff; display: block; float: left;width: 100%; transition: all .15s; -webkit-transition: all .15s; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.categories-menu li ul a{color: rgba(255,255,255,.5); background: #343434; border-color: #3f3f3f;}
.categories-menu .toggle{width: 46px; height: 46px; float: left; margin-left: -46px; cursor: pointer; background: url(../img/icon-12.png) center center no-repeat; position: relative;}
.categories-menu li a:hover, .categories-menu li ul a:hover{color: #fff; background: ; border-color: rgba(255,255,255,.5);}
.categories-menu li a:hover+.toggle, .categories-menu li ul a:hover+.toggle{background-image: url(../img/icon-13.png);}
.categories-menu.transparent>li>a{background: transparent; padding-left: 0;}
.categories-menu.transparent>li>a+.toggle{background-position: right 10px center;}
.categories-menu.transparent>li>a:hover+.toggle{background-image: url(../img/icon-18.png);}
.categories-menu.transparent>li>a:hover{color: ;}
.categories-menu.transparent>li>a{border-color: #efefef;}
@media (min-width: 992px) {
	.categories-menu ul{position: absolute; left: -1000%; top: 0; width: 100%; transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform: perspective(1000px) rotateY(45deg); -webkit-transform: perspective(1000px) rotateY(45deg); opacity: 0; transition: transform .3s, opacity .3s, left 0s .3s; -webkit-transition: transform .3s, opacity .3s, left 0s .3s;}
	.categories-menu li:hover > ul{transform: perspective(1000px) rotateY(0deg); -webkit-transform: perspective(1000px) rotateY(0deg); opacity: 1; left: 100%; transition: transform .3s, opacity .3s, left 0s; -webkit-transition: transform .3s, opacity .3s, left 0s;}
	.categories-menu ul{display: block!important;}

	.categories-menu.alignleft ul{right: 1000%; left: auto; top: 0; width: 100%; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform: perspective(1000px) rotateY(45deg); -webkit-transform: perspective(1000px) rotateY(45deg); opacity: 0; transition: transform .3s, opacity .3s, right 0s .3s; -webkit-transition: transform .3s, opacity .3s, right 0s .3s;}
	.categories-menu.alignleft li:hover > ul{transform: perspective(1000px) rotateY(0deg); -webkit-transform: perspective(1000px) rotateY(0deg); opacity: 1; right: 100%; left: auto; transition: transform .3s, opacity .3s, right 0s; -webkit-transition: transform .3s, opacity .3s, right 0s;}
	.categories-menu.alignleft ul{display: block!important;}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.categories-menu ul ul li a{padding-left: 40px; background: #555;}
	.categories-menu ul{display: none;}
	.categories-menu .toggle{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.categories-menu .toggle.active{transform: rotate(270deg); -webkit-transform: rotate(270deg);}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - HOMEPAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*product preview*/
.slider-wrapper{position: relative;}
.slider-product-preview{position: absolute; width: 50%; right: 15px; top: 0; top: 80px; bottom: 80px;}
.slider-product-preview > img{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; box-shadow:2px 21px 50px rgba(18,85,190,.05);}
.slider-product-preview.align-left{left: 15px; right: auto;}
.product-preview-shortcode{height: 100%; position: relative;}
.product-preview-shortcode .preview{position: absolute; left: 0; top: 0; right: 100px; bottom: 0;}
.slider-product-preview.align-left .product-preview-shortcode .preview{right: 0; left: 100px;}
.product-preview-shortcode .preview .entry{background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: all .5s; -webkit-transition: all .5s;}
.product-preview-shortcode .preview .entry.active{opacity: 1;}
.product-preview-shortcode .sidebar{position: absolute; top: 0; right: 0; height: 100%;}
.slider-product-preview.align-left .product-preview-shortcode .sidebar{right: auto; left: 0;}
.product-preview-shortcode .sidebar .entry{width: 70px; height: 70px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px #eee solid; cursor: pointer; margin-bottom: 20px; transition: all .3s; -webkit-transition: all .3s;}
.product-preview-shortcode.light .sidebar .entry{background: transparent;}
.product-preview-shortcode .sidebar .entry:last-child{margin-bottom: 0;}
.product-preview-shortcode .sidebar .entry img{display: block; max-width: 100%; height: auto;}
.product-preview-shortcode .sidebar .entry:hover{border-color: ;}
.product-preview-shortcode .sidebar .entry.active{border-color: ; background: ;}
.product-preview-shortcode.light .sidebar .entry{border-color: rgba(255,255,255,.5);}
.product-preview-shortcode.light .sidebar .entry:hover{border-color: #fff;}
.product-preview-shortcode.light .sidebar .entry.active{border-color: #fff; background: #fff;}
.product-preview-shortcode.light-green .sidebar .entry{border-color: rgba(255,255,255,.2);}
.product-preview-shortcode.light-green .sidebar .entry:hover{border-color: ;}
.product-preview-shortcode.light-green .sidebar .entry.active{border-color: ; background: ;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.slider-product-preview, .slider-product-preview.align-left{position: relative; left: auto; right: auto; top: auto; bottom: auto; height: 300px; margin: 0 auto; width: auto;}
	.product-preview-shortcode .preview{right: 80px;}
	.slider-product-preview.align-left .product-preview-shortcode .preview{right: 0; left: 80px;}
	.product-preview-shortcode .sidebar .entry{width: 50px; height: 50px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PRODUCTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*jQuery UI Styles */
.ui-slider{position: relative; height: 6px; background: #f7f7f7; margin-right: 12px; margin-bottom: 15px; border-radius: 3px; -webkit-border-radius: 2px;}
.ui-slider-range{height: 100%; position: absolute; left: 0; top: 0; background: ;}
.ui-slider-handle{width: 12px; height: 12px; background: #fff; position: absolute; top: -3px; cursor: pointer; border: 3px  solid; border-radius: 2px; -webkit-border-radius: 2px;}
/*breadcrumbs*/
.breadcrumbs{font-size: 11px; line-height: 18px; text-transform: uppercase; color: #888;}
.breadcrumbs a{display: inline-block; text-transform: uppercase; margin-right: 10px; white-space: nowrap; transition: all .15s; -webkit-transition: all .15s;}
.breadcrumbs a:hover{color: ;}
.breadcrumbs a:after{width: 5px; height: 9px; background: url(../img/icon-12.png); display: inline-block; vertical-align: top; content: ""; position: relative; top: 4px; margin: 0 0 0 10px;}
.breadcrumbs a:last-child:after{display: none;}
/**/
.pagination-wrapper{font-size: 0;}
.pagination{width: 40px; line-height: 38px; height: 40px; display: inline-block; border: 1px #eee solid; border-radius: 5px; -webkit-border-radius: 5px; vertical-align: bottom; font-size: 11px; color: #888; text-align: center; margin: 0 3px 3px 3px; transition: all .15s; -webkit-transition: all .15s; position: relative;}
.pagination-wrapper:after{display: block; content: ""; margin-top: -3px; content: "";}
a.pagination:hover{-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
a.pagination.active{background-color: ; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1); color: #fff;}
span.pagination{border: none;}
.pagination img{display: block; transition: all .15s; -webkit-transition: all .15s;}
.pagination img:last-child{position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 0;}
.pagination.active img{opacity: 0;}
.pagination.active img:last-child{opacity: 1;}
/**/
.filtration-cell-width-1{width: 210px;}
.filtration-cell-width-2{width: 110px;}
.filtration-cell-width-1 .SumoSelect, .filtration-cell-width-2 .SumoSelect{display: block;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.filtration-cell-width-1{width: auto; display: block; margin-right: 0!important;}
	.filtration-cell-width-2{width: auto; display: block; margin-right: 0!important;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - PRODUCT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.rate-wrapper{color: #006699; font-size: 14px; line-height: 20px; margin: 0 5px;}
.rate-wrapper.set:hover .fa{opacity: .5;}
.rate-wrapper.set .fa:hover{opacity: 1; cursor: pointer;}
.quantity-select{height: 42px; line-height: 40px; border-radius: 21px; -webkit-border-radius: 21px; border: 1px #eee solid; width: 200px; position: relative;}
.quantity-select .minus, .quantity-select .plus{position: absolute; left: 0; top: 0; width: 50px; height: 100%; border-right: 1px #eee solid; cursor: pointer; border-radius: 21px 0 0 21px; -webkit-border-radius: 21px 0 0 21px; transition: all .15s; -webkit-transition: all .15s;}
.quantity-select .minus:hover, .quantity-select .plus:hover{background: #eee;}
.quantity-select .minus:active, .quantity-select .plus:active{background: #e0e0e0;}
.quantity-select .minus:before, .quantity-select .plus:before{width: 14px; height: 1px; background: #555; position: absolute; left: 50%; top: 50%; margin-left: -7px; content: "";}
.quantity-select .plus:after{width: 1px; height: 14px; background: #555; position: absolute; left: 50%; top: 50%; margin-top: -6.5px; margin-left: -.5px; content: "";}
.quantity-select .number{display: block; text-align: center; margin: 0 50px; font-size: 12px; color: #888;}
.quantity-select .plus{left: auto; right: 0; border: none; border-left: 1px #eee solid; border-radius: 0 21px 21px 0; -webkit-border-radius: 0 21px 21px 0;}
.detail-data-title.size-1{padding-top: 12px;}
.detail-data-title.size-2{padding-top: 8px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.detail-data-title{padding-bottom: 10px; padding-top: 0!important;}
}
/**/
.main-product-slider-wrapper{max-width: 570px; margin: 0 auto;}
.product-big-preview-entry{padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.product-small-preview-entry{max-width: 70px; margin: 0 auto; opacity: .2; transition: all .15s; -webkit-transition: all .15s;}
.product-small-preview-entry img{display: block;}
.swiper-slide-active .product-small-preview-entry{opacity: 1;}
/**/
.left-right-entry{font-size: 0; white-space: nowrap;}
.left-right-entry .preview-wrapper{width: 45%; display: inline-block; vertical-align: middle; position: relative;}
.left-right-entry .preview-wrapper img{display: block; max-width: 100%; height: auto; margin: 0 auto;}
.left-right-entry .description{width: 55%; display: inline-block; vertical-align: middle; white-space: normal; position: relative; padding-left: 30px;}
@media (min-width: 768px) {
	.left-right-entry.align-right .preview-wrapper{left: 55%;}
	.left-right-entry.align-right .description{left: -45%; padding-left: 0; padding-right: 30px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.left-right-entry{white-space: normal;}
	.left-right-entry .preview-wrapper{width: 100%; margin-bottom: 30px;}
	.left-right-entry .description{width: 100%; padding-left: 0;}
}
/**/
.product-description-entry{border-bottom: 1px #eee solid; padding: 15px 0;}
/**/
.testimonial-entry{border-bottom: 1px #eee solid; margin-bottom: 30px;}
.testimonial-entry .preview{float: left; border-radius: 50%; -webkit-border-radius: 50%; width: 50px; height: auto;}
.testimonial-entry .heading-description{margin-left: 60px; padding-top: 5px;}
.testimonial-entry .pros, .testimonial-entry .cons{position: relative; padding-left: 30px;}
.testimonial-entry .pros:before, .testimonial-entry .cons:before{width: 13px; height: 1px; background: #006699; position: absolute; left: 0; top: 9px; content: "";}
.testimonial-entry .pros:after{width: 1px; height: 13px; background: #006699; position: absolute; left: 6px; top: 3px; content: "";}
.testimonial-entry .cons:before{background: #cd2706;}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - PRODUCT SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.row.nopadding .swiper-container{padding-top: 1px; margin-top: -1px;}
.row.nopadding .grid-products-4-items{margin-left: -1px; margin-top: -1px; clear: both;}
.row.nopadding .grid-products-2-items{margin-left: -1px; margin-top: -1px; clear: both;}
.product-shortcode{display: block; margin-left: auto; margin-right: auto; position: relative;}
.product-shortcode .animate-to-green, .product-shortcode .animate-to-fulltransparent, product-shortcode .animate-to-blue{transition: all .3s; -webkit-transition: all .3s;}
.animate-to-green *{transition: none; -webkit-transition: none!important;}
.animate-to-blue*{transition: none; -webkit-transition: none!important;}
.product-shortcode:hover .animate-to-green{color: #006699;}
.product-shortcode:hover .animate-to-blue{color: ;}
.product-shortcode:hover .animate-to-fulltransparent{
	color: #666666;
}
.swiper-slide .product-shortcode:not(:first-child){margin-top: -1px;}
.swiper-slide:not(:first-child) .product-shortcode{border-left: none!important;}
.row.nopadding .product-shortcode{margin-left: -1px; margin-top: -1px;}
.product-shortcode .product-label{position: absolute; left: 30px; top: 30px; z-index: 3;}
.product-shortcode.style-7 .product-label{left: 10px; top: 0;}
.product-label{-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1); color: #fff; line-height: 24px; font-size: 10px; font-weight: 700; border-radius: 12px; -webkit-border-radius: 12px; padding: 0 10px; text-transform: uppercase;}
.product-label.green{background: #006699;}
.product-label.red{background: #d80505;}
.small-items-line{overflow: hidden;}
.small-items-line>.row{margin-bottom: -31px;}
.small-items-line>.row>*[class*="col"]{margin-bottom: 60px;}
.small-items-line>.row>*[class*="col"]:after{position: absolute; left: 0; bottom: -30px; right: 0; height: 1px; background: #eee; content: "";}
.slider-wrapper.hidden-pixel-y:before, .slider-wrapper.hidden-pixel-y:after{position: absolute; left: 0; top: 0; width: 1px; background: #fff; height: 100%; content: ""; z-index: 2;}
.slider-wrapper.hidden-pixel-y:after{left: auto; right: 0;}
.slider-wrapper.hidden-pixel-x .product-shortcode{border-top: none; border-bottom: none;}
.slider-wrapper.side-borders:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	border-right: 1px #fff solid;
	content: "";
	z-index: 2;
	background-color: #f5f5f5;
}
.slider-wrapper.side-borders:after{position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #f5f5f5; border-left: 1px #fff solid; content: ""; z-index: 2;}
.product-shortcode.noframe{border: none!important;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.row.nopadding .product-shortcode{margin-left: 0;}
}

/*shortcode 1*/
.product-shortcode.style-1{border: 1px #f7f7f7 solid; padding: 25px 30px 5px 30px; background: #fff; overflow: hidden;}
.product-shortcode.style-1 .title{height: 60px; margin-bottom: 10px;}
.product-shortcode.style-1 .description{
	height: 60px;
	overflow: hidden;
	position: relative;
}
.product-shortcode.style-1 .description .text{transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-1 .description .icons{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode .icons .entry{width: 30px; height: 30px; border: 1px #eee solid; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; vertical-align: bottom; text-align: center; line-height: 28px; color: #979797; transition: all .15s; -webkit-transition: all .15s; font-size: 16px; margin: 0 5px 5px 0;}
.product-shortcode .icons .entry:hover{background: #006699; border-color: #006699; color: #fff; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); box-shadow: 1px 1px 2px rgba(0,0,0,.1);}
.product-shortcode .icons .entry .fa{display: block; line-height: inherit;}
.product-shortcode.style-1 .price{height: 36px; overflow: hidden; position: relative;}
.product-shortcode.style-1 .price .simple-article{line-height: 18px;}
.product-shortcode.style-1 .preview{position: relative; margin-bottom: 30px;}
.product-shortcode.style-1 .preview img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product-shortcode.style-1 .preview-buttons, .product-shortcode.style-7 .preview-buttons{
    position: absolute;
    left: 50%;
    margin-left: -222px;
    top: 0;
    width: 445px;
    height: 100%;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: rgba(0,102,153,.9);
    opacity: 0;
}
.product-shortcode.style-1 .preview-buttons .button, .product-shortcode.style-7 .preview-buttons .button{min-width: 135px; margin-bottom: 10px; transition: opacity .3s, left 0s .3s; transform: translateY(-30px); -webkit-transform: translateY(-30px); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-1 .preview-buttons .button:nth-child(2), .product-shortcode.style-7 .preview-buttons .button:nth-child(2){transform: translateY(30px); -webkit-transform: translateY(30px);}
.color-selection{font-size: 0;}
.color-selection .entry{cursor: pointer; display: inline-block; width: 12px; height: 12px; vertical-align: bottom; margin: 0 3px 3px 0; position: relative; background: currentColor;}
.color-selection .entry:before{position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; border: 1px currentColor solid; content: ""; opacity:0;}
.color-selection .entry.active:before{opacity: 1;}
.color-selection:after{content: ""; display: block; margin-top: -3px;}
.product-shortcode.style-1 .price .color-selection{position: absolute; right: 0; top: 3px;}
.product-shortcode.style-1 .color-selection+*{margin-right: 80px;}
.color-selection.size-1 .entry{width: 16px; height: 16px; margin: 0 10px 10px 0;}
.color-selection.size-1 .entry:before{left: -3px; top: -3px; right: -3px; bottom: -3px;}
.color-selection.size-1:after{margin-top: -10px;}
/**/
.product-shortcode.style-1.big{
	border-top-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-left-color: #f1f1f1;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.product-shortcode.style-1.big:hover{}
.product-shortcode.style-1.big .preview{margin-bottom: 20px;}
.product-shortcode.style-1.big .title{
	margin-bottom: 0;
	text-align: center;
}
/**/
@media (min-width: 768px) {
	.products-wrapper .product-shortcode.style-1{border-bottom: none; border-top: none; margin-bottom: 60px; padding-top: 0; padding-bottom: 0;}
	.products-content{overflow: hidden; margin-bottom: 10px;}
	.products-wrapper{margin: 0 -3px;}
	.products-content.view-inline{margin-bottom: 70px;}
	.products-content.view-inline .row > *[class*="col"]{width: 100%;}
	.products-content.view-inline .product-shortcode.style-1{padding: 25px 0 30px 269px; margin-bottom: 0; border-bottom: 1px #eee solid; min-height: 201px; margin-top: 0;}
	.products-content.view-inline .product-shortcode.style-1 .preview{position: absolute; left: 0; top: 0;}
	.products-content.view-inline .product-shortcode.style-1 .title{height: auto;}
	.products-content.view-inline .product-shortcode.style-1 .price{height: auto; margin-bottom: 15px;}
	.products-content.view-inline .product-shortcode.style-1 .description{height: auto;}
	.products-content.view-inline .product-shortcode.style-1 .description .text{opacity: 1; margin-bottom: 10px; transition: none; -webkit-transition: none;}
	.products-content.view-inline .product-shortcode.style-1 .description .icons{opacity: 1; transform: none; -webkit-transform: none; position: relative; transition: none; -webkit-transition: none;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.product-shortcode.style-1.big{padding: 25px 30px 5px 30px;}
	.product-shortcode.style-1.big .preview{margin-bottom: 30px;}
}
/**/
.product-shortcode.style-1.small{border-color: #eee;}
.product-shortcode.style-1.small .title{margin-bottom: 30px; height: 41px;}
.product-shortcode.style-1.small .preview{margin-bottom: 30px;}
/*hover*/
.product-shortcode.style-1:hover .preview-buttons, .product-shortcode.style-7:hover .preview-buttons{opacity: 1;}
.product-shortcode.style-1:hover .preview-buttons .button, .product-shortcode.style-7:hover .preview-buttons .button{transform: translateY(0px); -webkit-transform: translateY(0px);}
.product-shortcode.style-1:hover .description .icons{transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1;}
.product-shortcode.style-1:hover .description .text, .product-shortcode.style-7:hover .description .text{opacity: 0;}

/*shortcode 2*/
.product-shortcode.style-2{border: 1px #f7f7f7 solid; background: #fff; overflow: hidden; text-align: center; transition: all .3s; -webkit-transition: all .3s; padding-bottom: 100%; padding: 5px 15px 10px 15px;}
.product-shortcode.style-2 span{display: block;}
.product-shortcode.style-2 .preview{height: 145px; margin-bottom: 5px;}
.product-shortcode.style-2 .preview img{display: inline-block; vertical-align: bottom; max-width: 100%; max-height: 100%;}
.product-shortcode.style-2 .description{height: 50px; overflow: hidden;}
/*hover*/
.product-shortcode.style-2:hover{background: #343434;}

/*shortcode 3*/
.product-shortcode.style-3{border: 1px #f7f7f7 solid; padding: 40px 50px 50px 50px; text-align: center; background: #fff; overflow: hidden;}
.product-shortcode.style-3 .swiper-container{margin-left: -50px; margin-right: -50px;}
.product-shortcode.style-3 .swiper-container img{display: inline-block; max-width: 100%; height: auto; vertical-align: bottom;}
.product-shortcode.style-3 .products-line .line{height: 5px; background: #f7f7f7; position: relative; border-radius: 3px; -webkit-border-radius: 3px;}
.product-shortcode.style-3 .products-line .line .fill{position: absolute; left: 0; top: 0; height: 100%; background: #006699; border-radius: inherit; -webkit-border-radius: inherit;}
.product-shortcode.style-3 .description{height: 40px; overflow: hidden;}
.product-shortcode.style-3 .preview-buttons{position: absolute; left: 15px; right: 15px; bottom: 65px; padding-top: 15px;}
.product-shortcode.style-3 .countdown{max-width: 350px; margin: 0 auto;}
.product-shortcode.style-3.big{padding-top: 0; border: 1px #f7f7f7 solid;}
.grid-products-4-items{background: #fff;}
.grid-products-4-items .swiper-pagination{background: #fff; margin-top: 0!important; padding-bottom: 41px; padding-top: 11px; border-bottom: 1px #f7f7f7 solid; bottom: 0!important;}
.grid-products-4-items .product-shortcode{border-bottom: none!important;}
/*hover*/
@media (min-width: 992px) {
	.product-shortcode.style-3 .preview-buttons .button{opacity: 0; transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: all .3s; -webkit-transition: all .3s;}
	.product-shortcode.style-3 .preview-buttons .button:nth-child(2){transform: translateX(30px); -webkit-transform: translateX(30px);}
	.product-shortcode.style-3 .countdown-wrapper{opacity: 1; transition: all .3s; -webkit-transition: all .3s;}
	.product-shortcode.style-3 .swiper-button-prev{transform: translateX(-100%); -webkit-transform: translateX(-100%);}
	.product-shortcode.style-3 .swiper-button-next{transform: translateX(100%); -webkit-transform: translateX(100%);}
	.product-shortcode.style-3:hover .preview-buttons .button{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}
	.product-shortcode.style-3:hover .countdown-wrapper{opacity: 0;}
	.product-shortcode.style-3:hover .swiper-button-prev, .product-shortcode.style-3:hover .swiper-button-next{transform: translateX(0%); -webkit-transform: translateX(0%);}
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.product-shortcode.style-3{padding: 15px;}
	.product-shortcode.style-3 .swiper-container{margin-left: -15px; margin-right: -15px;}
	.product-shortcode.style-3 .swiper-button-prev, .product-shortcode.style-3 .swiper-button-next{transform: translateX(0%); -webkit-transform: translateX(0%);}
	.product-shortcode.style-3 .preview-buttons{position: relative; left: auto; right: auto; bottom: auto;}
}

/*shortcode 4*/
.product-shortcode.style-4 .preview{float: left; width: 85px; position: relative;}
.product-shortcode.style-4 .preview:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0px solid ;
	content: "";
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
}
.product-shortcode.style-4 .preview:hover:after{opacity: 1;}
.product-shortcode.style-4 .preview img{display: block; max-width: 100%; height: auto;}
.product-shortcode.style-4 .description{margin-left: 105px; padding-top: 10px; padding-bottom: 10px;}
.product-shortcode.style-4.rounded{border: none;}
.product-shortcode.style-4.rounded .preview:after{display: none;}
.product-shortcode.style-4.rounded .preview img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(255,255,255,0.0);
	transition: all .15s;
	-webkit-transition: all .15s;
}
.product-shortcode.style-4.rounded .preview:hover img{
	border-top-color: rgba(255,255,255,0.0);
	border-right-color: rgba(255,255,255,0.0);
	border-bottom-color: rgba(255,255,255,0.0);
	border-left-color: rgba(255,255,255,0.0);
}
.product-shortcode.style-4.light{
	background: #fff;
	border-bottom: 1px #f7f7f7 solid;
	padding: 10px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.product-shortcode.style-4.light:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0);
	box-shadow: 0 12px 48px 0 rgba(0,0,0,.12);
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
	z-index: 99999;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.product-shortcode.style-4.light .preview{width: 90px;}

/*shortcode 5*/
.product-shortcode.style-5{
	text-align: center;
	padding: 60px 30px 30px 30px;
	background: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e4e3e3;
	border-right-color: #e4e3e3;
	border-bottom-color: #e4e3e3;
	border-left-color: #e4e3e3;
}
.product-shortcode.style-5 .content{max-width: 305px; margin: 0 auto;}
.product-shortcode.style-5 .swiper-container{margin-left: -30px; margin-right: -30px;}
.product-shortcode.style-5 .title{
	margin-bottom: 15px;
	text-transform: uppercase;
	transition: all .3s;
	-webkit-transition: all .3s;
	padding-top: 25px;
}
.product-shortcode.style-5 .preview{position: relative; margin-bottom: 50px;}
.product-shortcode.style-5 .preview img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product-shortcode.style-5 .description{height: 60px; overflow: hidden; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-5 .price{transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-5 .shortcode-rate-wrapper{text-align: center; margin-bottom: 5px; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-5:hover .shortcode-rate-wrapper{opacity: 0;}
.product-shortcode.style-5 .preview-buttons{position: absolute; left: 0; right: 0; bottom: 0; padding-top: 15px;}
.product-shortcode.style-5 .preview-buttons .button{opacity: 0; transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-5 .preview-buttons .button:nth-child(2){transform: translateX(30px); -webkit-transform: translateX(30px);}
.product-shortcode.style-5 .swiper-button-prev{transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.product-shortcode.style-5 .swiper-button-next{transform: translateX(100%); -webkit-transform: translateX(100%);}
.product-shortcode.style-5:hover .preview-buttons .button{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}
.product-shortcode.style-5:hover .swiper-button-prev, .product-shortcode.style-5:hover .swiper-button-next{transform: translateX(0%); -webkit-transform: translateX(0%);}
.product-shortcode.style-5 .content-animate{transition: all .3s; -webkit-transition: all .3s; position: relative;}
.product-shortcode.style-5:hover .content-animate{transform: translateY(-50px); -webkit-transform: translateY(-50px);}
.product-shortcode.style-5 .icons{position: absolute; left: 0; right: 0; text-align: center; top: 10px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; z-index: 3;}
.product-shortcode.style-5:hover .icons{top: 0; opacity: 1;}
/**/
.product-shortcode.style-5.small{
	padding-top: 1px;
	padding-bottom: 15px;
	border: 1px none #eee;
	padding-right: 0px;
	padding-left: 0px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.product-shortcode.style-5.small .product-label{left: 20px; top: 20px;}
.product-shortcode.style-5.small .preview{
	margin-bottom: 30px;
}
.product-shortcode.style-5.small .preview:hover{box-shadow: 0 12px 48px 0 rgba(0,0,0,.08);}
.product-shortcode.style-5.small:hover .description{opacity: 0;}
.product-shortcode.style-5.small:hover .price{opacity: 0;}
.product-shortcode.style-5.small:hover .title{
	transform: translateY(-55px);
	-webkit-transform: translateY(-55px);
	background-color: #fff;
	z-index: 99999;
	position: relative;
	padding-top: 25px;
}
.product-shortcode.style-5.small .preview-buttons .button{float: left; width: 100%; border-radius: 0; -webkit-border-radius: 0; margin: 0;}
.product-shortcode.style-5.small .preview-buttons .button:before{display: none;}
.product-shortcode.style-5.small .preview-buttons .button .text{padding-left: 0; padding-right: 0;}
.product-shortcode.style-5.small .icons{top: auto; bottom: 50px;}
.product-shortcode.style-5.small:hover .icons{bottom: 80px; opacity: 1;}
.black{
	color: #6a6969;
}
/*shortcode 6*/
.product-shortcode.style-6{
	text-align: center;
	padding: 50px 30px;
	border: 1px solid #ededed;
	overflow: hidden;
	background-color: rgba(255,255,255,1);
}
.product-shortcode.style-6 .content{max-width: 315px; margin: 0 auto;}
.product-shortcode.style-6 .title{text-transform: uppercase; margin-bottom: 10px; position: relative; z-index: 1;}
.product-shortcode.style-6 .description{margin-bottom: 20px; height: 60px; overflow: hidden; position: relative; z-index: 1;}
.product-shortcode.style-6 .preview{margin-bottom: 40px;}
.product-shortcode.style-6 .preview img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product-shortcode.style-6 .price{text-transform: uppercase; position: relative; z-index: 1;}
.product-shortcode.style-6:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
	background-color: rgba(255,255,255,1);
}

    .product-shortcode.style-6:hover:after{opacity: 1;}
.product-shortcode.style-6 .preview-button{position: absolute; left: 30px; right: 30px; text-align: center; top: 50%; margin-top: 15px; z-index: 1; opacity: 0; transform: scale(.7); -webkit-transform: scale(.7); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-6:hover .preview-button{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
/*shortcode 7*/
.product-shortcode.style-7{text-align: center; padding: 20px 15px 0 15px; background: #fff; border-left: 1px #eee solid; border-right: 1px #eee solid; overflow: hidden;}
.product-shortcode.style-7 .title{text-transform: uppercase; margin-bottom: 10px; transition: all .3s; -webkit-transition: all .3s; }
.product-shortcode.style-7 .title > *{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-shortcode.style-7:hover .title{transform: translateY(-20px); -webkit-transform: translateY(-20px);}
.product-shortcode.style-7 .preview{margin-bottom: 15px; position: relative;}
.product-shortcode.style-7 .preview img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product-shortcode.style-7 .price{transition: all .3s; -webkit-transition: all .3s; opacity: 1;}
.product-shortcode.style-7:hover .price{opacity: 0;}
.product-shortcode.style-7 .icons{position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-7:hover .icons{opacity: 1;}
/*shortcode 8*/
.product-shortcode.style-8{text-align: center;}
.product-shortcode.style-8 .content{max-width: 200px; margin: 0 auto;}
.product-shortcode.style-8 .preview{margin-bottom: 20px; position: relative; display: block;}
.product-shortcode.style-8 .preview img{display: block; max-width: 100%; height: auto; margin: 0 auto; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-8 .preview img:nth-child(2){position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(1.2); -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2); opacity: 0;}
.product-shortcode.style-8:hover .preview img:nth-child(1){opacity: 0; transform: scale(.7); -webkit-transform: scale(.7);}
.product-shortcode.style-8:hover .preview img:nth-child(2){opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1);}
.product-shortcode.style-8 .title{margin-bottom: 5px;}
.product-shortcode.style-8 .description{margin-bottom: 15px;}
.product-shortcode.style-8 .price{margin-bottom: 20px;}
/*shortcode 9*/
.product-shortcode.style-9{
	text-align: center;
	border: rgba rgba(0,0,0,0);
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.product-shortcode.style-9 .preview{
	border: 1px solid rgba(241,241,241,1);
}
.product-shortcode.style-9 .preview img{display: block; max-width: 100%; margin: 0 auto; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-9:hover .preview img{
	background-color: ;
    position:relative;
    width: 100%;
    height: 100%;
    opacity: 0.20;
    -moz-opacity: 20%;
    -webkit-opacity: 20%;
    z-index: 2;}
.product-shortcode.style-9 .title{margin-bottom: 10px; max-width: 250px; margin-left: auto; margin-right: auto; padding: 0 15px; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-9 .description{max-width: 250px; margin-left: auto; margin-right: auto; padding: 0 15px; transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-9 .content{
	position: relative;
	margin: 0 -1px -1px -1px;
	padding-top: 25px;
	min-height: 116px;
	background-color: #f1f1f1;
}
.filter {
  position: relative;
  -webkit-filter: contrast(110%) brightness(110%) saturate(130%);
  filter: contrast(110%) brightness(110%) saturate(130%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(34, 68, 190, 0) 10, rgba(34, 68, 190, 1));
  background: radial-gradient(50% 50%, circle closest-corner, rgba(34, 68, 190, 0) 10, rgba(34, 68, 190, 1));
}
.product-shortcode.style-9 .follow{position: absolute; left: 0; right: 0; top: 25%; transition: all .3s; -webkit-transition: all .3s; opacity: 0;}
.product-shortcode.style-9:hover .follow{top: 50%; opacity: 1;}
.product-shortcode.style-9:hover .title, .product-shortcode.style-9:hover .description{opacity: 0; transform: scale(.7); -webkit-transform: scale(.7);}
/*shortcode 1 float content*/
@media (min-width: 992px) {
	.product-shortcode.style-1.float{min-height: 428px; padding-left: 260px; padding-top: 140px;}
	.product-shortcode.style-1.float .preview{
	position: absolute;
	left: 30px;
	top: 30%;
	margin-top: -100px;
}
	.product-shortcode.style-1.float .title{height: auto;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - BANNER SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner-shortcode.text-center .valign-middle-content{margin: 0 auto;}
/*shortcode 1*/
.banner-shortcode.style-1{padding-bottom: 40%; position: relative; overflow: hidden;}
.banner-shortcode.style-1 .background{background-position: left center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner-shortcode.style-1 .banner-title{font-size: 30px; line-height: 32px; margin-bottom: 10px; text-transform: uppercase;}
@media (min-width: 768px) {
	.banner-shortcode.style-1 .description{position: absolute; height: 100%; width: 35%; text-align: center; right: 15px; background: none!important;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.banner-shortcode.style-1{padding-bottom: 0;}
	.banner-shortcode.style-1 .background{position: relative; padding-bottom: 40%;}
	.banner-shortcode.style-1 .description{padding: 20px 15px; background: #2c2c2c; text-align: center; border-top: 1px #555 solid; display: block;}
}

/*shortcode 2*/
.banner-shortcode.style-2{position: relative; overflow: hidden; text-align: center; max-width: 270px;}
.banner-shortcode.style-2 .content{padding-bottom: 155%;}
.banner-shortcode.style-2 .background{background-position: center bottom; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner-shortcode.style-2 .banner-title{font-size: 20px; line-height: 32px; text-transform: uppercase;}
.banner-shortcode.style-2 .description{position: absolute; left: 15px; right: 15px; top: 15px; height: 30%;}

/*shortcode 3*/
.banner-shortcode.style-3{
	background-size: cover;
	background-position: right top;
	position: relative;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.banner-shortcode.style-3-{
	background-size: cover;
	background-position: right top;
	position: relative;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.banner-shortcode.style-31{
	background-size: cover;
	background-position: right top;
	position: relative;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.banner-shortcode.style-3:before, .banner-shortcode.style-3-:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.20);
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	transition: all 400ms ease-in-out 0s;
}
.gradient{
  width:500px;
  height:500px;
  
  /** CSS gradient **/
  background-color: #1a82f7; 
  background-image: url(images/fallback-gradient.png); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
  background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
  background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
  background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
  background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);
}

.banner-shortcode.style-3 .angle-left, .banner-shortcode.style-31 .angle-left, .banner-shortcode.style-3- .angle-left, .banner-shortcode.style-31 .angle-left{width: 0; height: 0; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #fff transparent transparent; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.banner-shortcode.style-3 .angle-right, .banner-shortcode.style-31 .angle-right, .banner-shortcode.style-3- .angle-right, .banner-shortcode.style-31 .angle-right{width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #fff; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.banner-shortcode.style-3 .valign-middle-cell, .banner-shortcode.style-31 .valign-middle-cell, .banner-shortcode.style-3- .valign-middle-cell, .banner-shortcode.style-31 .valign-middle-cell{height: 480px; padding: 30px 50px; display: table-cell; width: 10000px; vertical-align: middle;}
.banner-shortcode.style-3 .valign-middle-content, .banner-shortcode.style-31 .valign-middle-content, .banner-shortcode.style-3- .valign-middle-content, .banner-shortcode.style-31 .valign-middle-content, .banner-shortcode.style-3- .valign-middle-content{max-width: 450px;}
.banner-shortcode.style-3 .slider-product-preview+.valign-middle-content, .banner-shortcode.style-31 .slider-product-preview+.valign-middle-content, .banner-shortcode.style-3- .slider-product-preview+.valign-middle-content, .banner-shortcode.style-31 .slider-product-preview+.valign-middle-content{max-width: 50%;}
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {
	.banner-shortcode.style-3.wide .valign-middle, .banner-shortcode.style-3-.wide .valign-middle{padding-left: 100px; padding-right: 100px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.banner-shortcode.style-3 .valign-middle-cell, .banner-shortcode.style-3- .valign-middle-cell{height: 0; padding-left: 30px; padding-right: 30px;}
	.banner-shortcode.style-3 .slider-product-preview+.valign-middle-content, .banner-shortcode.style-3- .slider-product-preview+.valign-middle-content{max-width: 100%;}
}

/*shortcode 4*/
.banner-shortcode.style-4{background-size: cover; background-position: center top; position: relative;}

.banner-shortcode.style-4 .valign-middle-cell{height: 650px; padding: 30px 15px; display: table-cell; vertical-align: middle; width: 10000px;}
.banner-shortcode.style-4 .valign-middle-content{max-width: 390px; margin: 0 auto;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.banner-shortcode.style-4 .valign-middle-cell{height: 0;}
}

/*shortcode 5*/
.banner-shortcode.style-5{background-size: cover; background-position: center top; position: relative;}
.banner-shortcode.style-5 .valign-middle{min-height: 225px; padding: 30px 50px;}
.banner-shortcode.style-5 .valign-middle-content{max-width: 450px;}


/*shortcode 6*/

.banner-shortcode.style-6{
	padding: 50px 30px 50px 15px;
	border: 1px solid #f5f5f5;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
	background-color: #fff;
}
.banner-shortcode.style-6:hover{
	border-top-color: #f5f5f5;
	border-right-color: #f5f5f5;
	border-bottom-color: #f5f5f5;
	border-left-color: #f5f5f5;
	background-color: #FFFFFF;
	box-shadow: 0 15px 50px rgba(0,0,0,.10);
}
.banner-shortcode.style-6:after{display: block; content: ""; clear: both;}
.banner-shortcode.style-6 .image{float: left; max-width: 250px; width: 100%; height: auto;}
.banner-shortcode.style-6 .content{margin-left: 270px;}
.banner-shortcode.style-6 .cell-view{height: 250px;}
/*Desktops (>=1200px)*/
@media (max-width: 1199px) {
	.banner-shortcode.style-6 .image{max-width: 190px;}
	.banner-shortcode.style-6 .content{margin-left: 210px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.banner-shortcode.style-6{padding: 30px 15px;}
	.banner-shortcode.style-6 .image{float: none; margin: 0 auto 30px auto; display: block;}
	.banner-shortcode.style-6 .content{margin-left: 0;}
	.banner-shortcode.style-6 .cell-view{height: 0;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - BLOG SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*shortcode 1*/
.blog-shortcode.style-1{max-width: 270px; margin: 0 auto; display: inline-block; margin: 0 5px 10px 5px;}
.blog-shortcode.style-1 .preview img{display: block; width: 100%; height: auto;}
.blog-shortcode.style-1 .description{background: #fff; padding: 25px 20px;}
/*shortcode 2*/
.blog-shortcode.style-2 .preview{display: block; max-width: 270px; margin-bottom: 15px; position: relative;}
.blog-shortcode.style-2 .preview img{display: block; max-width: 100%; height: auto;}
.blog-shortcode.style-2 .title{margin-bottom: 10px;}
/*shortcode 3*/
.blog-shortcode.style-3:after{content: ""; clear: both; display: block;}
.blog-shortcode.style-3 .preview{display: block; position: relative; margin-bottom: 30px;}
.blog-shortcode.style-3 .preview img{display: block; max-width: 100%; height: auto;}
.blog-shortcode.style-3 .preview .swiper-button-next{right: 30px;}
.blog-shortcode.style-3 .preview .swiper-button-prev{left: 30px;}
.blog-shortcode.style-3 .date{float: left; width: 70px; text-align: center; font-size: 11px; line-height: 16px; color: #888; text-transform: uppercase;}
.blog-shortcode.style-3 .date span{display: block; font-size: 30px; line-height: 24px; color: #555; margin-bottom: 5px;}
.blog-shortcode.style-3 .content{margin-left: 100px;}
.blog-comments{font-size: 11px; line-height: 24px; color: #555; margin-bottom: 5px;}
.blog-comments .fa{margin-right: 3px;}
.blog-shortcode.style-3 .title{margin-bottom: 15px;}
.blog-shortcode.style-3 .description{margin-bottom: 15px;}
.blog-shortcode.style-3 .description-article{margin-bottom: 20px;}
.blog-blockquote{background: #343434; text-align: center;}
.blog-blockquote .cell-view{height: 300px; display: table-cell; vertical-align: middle; padding: 30px 15px;}
.blog-blockquote blockquote{max-width: 640px; margin: 0 auto; padding-top: 40px; background: url(../img/icon-30.png) center top no-repeat;}
.blog-blockquote .blockquote-title{font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: 15px;}
.blog-blockquote .blockquote-author{font-family: 'Raleway', sans-serif; font-size: 13px; line-height: 19px; color: #fff; text-transform: uppercase; font-weight: 900; margin-bottom: 5px;}
.blog-blockquote .blockquote-position{font-size: 11px; line-height: 16px; text-transform: uppercase; font-size: 11px; line-height: 16px; color: rgba(255,255,255,.5);}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.blog-shortcode.style-3 .date{float: none; margin-bottom: 5px; text-align: left;}
	.blog-shortcode.style-3 .content{margin-left: 0;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - TABULATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.tabulation-menu-wrapper{margin: 0 -20px;}
.tabulation-menu-wrapper:after{display: block; content: ""; margin-top: -5px;}
.tabulation-toggle{font-size: 0;}
.tabulation-toggle li{padding: 0 20px; border-left: 1px #eee solid; display: inline-block; margin-bottom: 5px;}
.tabulation-toggle li:first-child{border: none;}
.tab-menu{font-size: 11px; line-height: 16px; padding: 8px 20px; color: #888; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 700; display: block; position: relative; border-radius: 16px; -webkit-border-radius: 16px; transition: all .15s; -webkit-transition: all .15s; text-align: center;}
.tab-menu:hover{box-shadow: 1px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); background: #fff;}
.tab-menu.active{box-shadow: 1px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1); background-color: #006699; color: #fff;}
.tab-entry{display: none;}
.tab-entry.visible{display: block;}
.tabulation-title{background: #fff; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 700; padding-right: 50px; cursor: pointer; display: none; position: relative; text-align: left;}
.tabulation-title:after{width: 50px; height: 50px; background: url(../img/icon-7.png) center center no-repeat; position: absolute; right: 0; top: 0; content: "";}
.tabulation-title.active:after{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.tabulation-menu-wrapper{margin: 0;}
	.tabulation-menu-wrapper .tabulation-toggle{padding-top: 10px;}
	.tabulation-menu-wrapper .tabulation-toggle li{display: block;}
	.tabulation-title{display: block;}
	.tabulation-toggle{display: none;}
	.tabulation-title.active+.tabulation-toggle{display: block;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - ICON DESCRIPTION SHORTCODES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.icon-description-shortcode .content *:last-child{margin-bottom: 0!important;}
/*shortcode 1*/
.icon-description-shortcode.style-1{text-align: center; max-width: 320px; margin: 0 auto;}
.icon-description-shortcode.style-1 .icon-image{margin-bottom: 10px;}
.icon-description-shortcode.style-1 .title{margin-bottom: 15px;}
/*shortcode 2*/
.icon-description-shortcode.style-2{text-align: center;}
.icon-description-shortcode.style-2 .content{padding: 0 30px;}
.icon-description-shortcode.style-2 .image-icon{margin: 0 auto 25px auto; max-width: 415px; width: 100%;}
.icon-description-shortcode.style-2 .title{margin-bottom: 18px;}
.icon-description-shortcode.style-2 .subtitle{margin-bottom: 18px;}
.icon-description-shortcode.style-2 .description{margin-bottom: 25px;}
/*shortcode 3*/
.icon-description-shortcode.style-3:after{display: block; content: ""; clear: both;}
.icon-description-shortcode.style-3 .image-icon{float: left; width: 200px;}
.icon-description-shortcode.style-3 .content{margin-left: 230px;}
.icon-description-shortcode.style-3 .cell-view{height: 150px;}
.icon-description-shortcode.style-3 .title{margin-bottom: 15px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.icon-description-shortcode.style-3 .icon{float: none; margin-bottom: 25px;}
	.icon-description-shortcode.style-3 .content{margin-left: 0;}
	.icon-description-shortcode.style-3 .cell-view{height: 0;}
}
/*shortcode 4*/
.icon-description-shortcode.style-4{background: #fff; border-left: 1px #f7f7f7 solid; border-top: 1px #f7f7f7 solid; position: relative;}
.icon-description-shortcode.style-4 .icon-image{position: absolute; width: 70px; height: auto; left: 15px; top: 50%; margin-top: -35px;}
.icon-description-shortcode.style-4 .cell-view{height: 140px; padding: 15px 45px 15px 100px;}
.icon-description-shortcode.style-4 .title{margin-bottom: 5px;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - MASONRY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.grid-sizer{width: 25%;}
.grid{position: relative; margin: -15px -15px 0 -15px;}
.grid-item.w25{width: 25%;}
.grid-item.w50{width: 50%;}
.gallery-grid-item{overflow: hidden; position: relative; cursor: pointer;}
.gallery-grid-item:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; border: 15px #fff solid;}
.gallery-grid-item img{display: block; width: 100%; transition: all .3s; -webkit-transition: all .3s;}
.gallery-grid-item.style-1:hover img{transition: all .3s .15s; -webkit-transition: all .3s .15s; transform: translateY(100px); -webkit-transform: translateY(100px);}
.gallery-grid-item.style-1 .gallery-title{position: absolute; left: 15px; top: 15px; right: 15px; background: #006699; padding: 22px 30px; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all .3s; -webkit-transition: all .3s; min-height: 100px;}
.gallery-grid-item.style-1:hover .gallery-title{transform: translateY(0%); -webkit-transform: translateY(0%);}
.gallery-grid-link{z-index: 1;}
.gallery-grid-item.style-2 .gallery-title{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(247,247,247,.95); opacity: 0; transition: all .3s .15s; -webkit-transition: all .3s .15s;}
.gallery-grid-item.style-2 .gallery-title .left{position: absolute; left: 45px; right: 45px; top: 50%; margin-top: -20px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.gallery-grid-item.style-2 .gallery-title .right{position: absolute; top: 35px; right: 45px; left: 45px; text-align: right; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateX(100%); -webkit-transform: translateX(100%);}
.gallery-grid-item.style-2:hover .gallery-title{opacity: 1; transition: all .3s; -webkit-transition: all .3s;}
.gallery-grid-item.style-2:hover .gallery-title .left, .gallery-grid-item.style-2:hover .gallery-title .right{opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); transition: all .3s .15s; -webkit-transition: all .3s .15s;}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.grid-item.w25{width: 50%;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.grid{margin: 0;}
	.gallery-grid-item .gallery-title{display: none;}
	.gallery-grid-item.style-1:hover img{transform: none; -webkit-transform: none;}
}
/*Phones (<768px)*/
@media (max-width: 450px) {
	.grid-item.w25{width: 100%;}
	.grid-item.w50{width: 100%;}
	.gallery-grid-item:after{display: none;}
	.gallery-grid-item{margin-bottom: 15px;}
}
/*masonry popup*/
.popup-content .slider-wrapper{background: transparent;}
.gallery-big-preview-entry{padding-bottom: 61%; background-size: cover; background-position: center center;}
.gallery-small-preview-entry img{display: block; width: 100%; height: auto; opacity: .2; transition: all .3s; -webkit-transition: all .3s;}
.swiper-slide-active .gallery-small-preview-entry img{opacity: .5;}
@media (min-width: 1200px) {
	.gallery-popup-slider-wrapper .swiper-button-prev{left: -100px;}
	.gallery-popup-slider-wrapper .swiper-button-next{right: -100px;}
}
.gallery-popup-description{padding: 40px 50px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.gallery-popup-description{padding: 30px 15px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 17 - HOMEPAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.aligned-middle-image-shortcode{position: absolute; left: 50%; width: 0%; top: 0; height: 100%;}
.aligned-middle-image-shortcode img{max-height: 100%; width: auto; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.categories-wrapper{}
.category-link{font-size: 11px; line-height: 18px; color: #888; text-transform: uppercase; font-weight: 700; display: block; padding: 15px 0 15px 40px; position: relative; transition: all .15s; -webkit-transition: all .15s;}
.category-link:hover, .category-link.active{color: #006699;}
.category-link span{width: 20px; text-align: right; position: absolute; left: 0; top: 15px;}
/**/
.client-logo-entry{
	overflow: hidden;
	border: 1px none #e4e3e3;
	float: left;
	width: 20%;
	position: relative;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: -1px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.client-logo-entry:hover{box-shadow: 0 12px 48px 0 rgba(0,0,0,.08);}
.client-logo-entry img{display: block; width: 100%; height: auto; transition: all .5s; -webkit-transition: all .5s;}
.client-logo-entry:hover img{transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.client-logo-entry img:nth-child(2){position: absolute; left: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%);}
.client-logo-entry:hover img:nth-child(2){transform: translateY(0); -webkit-transform: translateY(0);}
/**/
.big-slider-product{text-align: center; padding: 0 15px;}
.big-slider-product .preview{margin: 0 auto 30px auto; opacity: .05; transform: scale(.7); -webkit-transform: scale(.7);}
.swiper-slide-active .big-slider-product .preview{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.big-slider-product .preview img{display: block; max-width: 100%; height: auto; margin: 0 auto;}
.big-slider-product .description{opacity: 0; transform: translateY(-70px); -webkit-transform: translateY(-70px);}
body.loaded .big-slider-product .description, body.loaded .big-slider-product .preview{transition: all .5s; -webkit-transition: all .5s;}
.swiper-slide-active .big-slider-product .description{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.client-logo-entry{width: 25%;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.client-logo-entry{width: 50%;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - CONTACTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#map-canvas{height: 550px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	#map-canvas{height: 300px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19 - CHECKOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.order-details-entry{border-bottom: 1px #eee solid; padding-top: 2em; padding-bottom: .5em;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 20 - CART */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.cart-table{width: 100%;}
.cart-table th{background: #343434; font-weight: 700; font-family: 'Raleway', sans-serif; font-size: 13px; line-height: 18px; color: #fff; height: 70px; vertical-align: middle; padding: 0; text-align: center; text-transform: uppercase;}
.cart-table th:first-child{border-radius: 5px 0 0 5px;}
.cart-table th:last-child{border-radius: 0 5px 5px 0;}
.cart-table th:nth-child(2){padding-left: 0; text-align: left;}
.cart-table tbody tr{border-bottom: 1px #eee solid;}
.cart-table tbody td{vertical-align: middle; padding: 25px 10px; text-align: center;}
.cart-table tbody td:nth-child(2){text-align: left; padding-left: 0;}

.cart-table .quantity-select{display: inline-block;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.cart-table, .cart-table tbody, .cart-table tr, .cart-table td, .cart-table th{display: block; position: relative;}
	.cart-table thead{display: none;}
	.cart-table td:before{content: attr(data-title); color: #343434; font-weight: 900; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px; line-height: 19px; width: 100px; padding-right: 10px; position: absolute; left: 0; top: 7px;}
	.cart-table td{text-align: left!important; padding: 10px 0 10px 100px!important; width: auto!important; position: relative;}
	.cart-table .quantity-select{width: 170px;}
	.cart-table td:last-child{position: static; padding: 0;}
	.cart-table .button-close{position: absolute; right: 0; top: 10px;}
	.cart-table tbody td:nth-child(1), .cart-table tbody td:nth-child(2){padding-left: 0!important;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21 - BLOG DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.comments-wrapper{margin-left: -100px;}
.comment-entry{position: relative; padding-left: 100px;}
.comment-entry .testimonial-top{}
.comment-entry .image{float: left; width: 50px; height: auto; border-radius: 25px; -webkit-border-radius: 25px;}
.comment-entry .content{margin: 0 100px 23px 70px; padding-top: 5px;}
.comment-entry .button{position: absolute; right: 0; top: 5px;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.comments-wrapper{margin-left: 0px;}
	.comment-entry{padding-left: 0px;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 22 - MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {

}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {

}
/* Tablets (>=768px)*/
@media (max-width: 991px) {

}
/*Phones (<768px)*/
@media (max-width: 767px) {

}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  z-index: 3;
  cursor: pointer;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.swiper-button-prev:before,
.swiper-button-next:before,
.swiper-button-prev:after,
.swiper-button-next:after{
  position: absolute;
  border: 5px #f7f7f7 solid;
  left: 0; 
  top: 0;
  right: 0; 
  bottom: 0;
  content: "";
  border-radius: inherit;
  -webkit-border-radius: inherit;
}
.swiper-button-prev:after,
.swiper-button-next:after{
  border: 5px #006699 solid;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transition: all .3s;
  -webkit-transition: all .3s;
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after{
  transform: scale(1);
  -webkit-transform: scale(1);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.15;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background: url(../img/icon-9.png) 0 0 #fff;
  background-size: 120px 60px;
  left: 50px;
  right: auto;
}
.swiper-button-prev:hover,
.swiper-container-rtl .swiper-button-next:hover{
  background-position: -60px 0;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background: url(../img/icon-10.png) -60px 0 #fff;
  background-size: 120px 60px;
  right: 50px;
  left: auto;
}
.swiper-button-next:hover,
.swiper-container-rtl .swiper-button-prev:hover{
  background-position: 0 0;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  font-size: 0;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 40px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets.middle{
  bottom: 30px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.small{
  bottom: 30px;
}
.swiper-pagination.relative-pagination {
    position: relative;
    bottom: 5px;
    margin-top: 60px;
}
.swiper-pagination.relative-pagination-small {
    position: relative;
    bottom: 5px;
    margin-top: 30px;
}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
  .swiper-pagination.md-relative-pagination {
      position: relative;
      bottom: auto;
      margin-top: 15px;
      margin-bottom: 15px;
  }
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
  .swiper-pagination.sm-relative-pagination {
      position: relative;
      bottom: auto;
      margin-top: 15px;
      margin-bottom: 15px;
  }
}

/*Phones (<768px)*/
@media (max-width: 767px) {
  .swiper-pagination.xs-relative-pagination {
      position: relative;
      bottom: auto;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .swiper-pagination.relative-pagination {
    margin-top: 30px;
  }
}

/* Bullets */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  border: 1px #d9d9d9 solid;
  transition: all .15s;
  -webkit-transition: all .15s;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  border-color: #fff;
}
.swiper-pagination-bullet-active {
	border: 2px solid #d7c926;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper-pagination-white .swiper-pagination-bullet{
  opacity: .5;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 50px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 10px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* append  */

/*shortcode 61*/
.product-shortcode.style-61{
	text-align: center;
	padding: 50px 30px;
	border: 1px solid #dfe8f7;
	overflow: hidden;
	background-color: #FFFFFF;
	-webkit-transition: all 350ms ease-in-out 0s;
	-moz-transition: all 350ms ease-in-out 0s;
	-ms-transition: all 350ms ease-in-out 0s;
	-o-transition: all 350ms ease-in-out 0s;
	transition: all 350ms ease-in-out 0s;
}
.product-shortcode.style-61 .content{max-width: 315px; margin: 0 auto;}
.product-shortcode.style-61 .title{text-transform: uppercase; margin-bottom: 10px; position: relative; z-index: 1;}
.product-shortcode.style-61 .description{margin-bottom: 20px; height: 60px; overflow: hidden; position: relative; z-index: 1;}
.product-shortcode.style-61 .preview{margin-bottom: 40px;}
.product-shortcode.style-61 .preview img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.product-shortcode.style-61 .price{text-transform: uppercase; position: relative; z-index: 1;}
.product-shortcode.style-61:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
	background-color: rgba(255,255,255,1);
}
.product-shortcode.style-61:hover{
	transform: scale(1.01);
	z-index: 999;
	border: 1px solid ;
	-webkit-box-shadow: 2px 21px 50px rgba(41,44,61,.05);
	-moz-box-shadow: 2px 21px 50px rgba(41,44,61,.05);
box-shadow: 0 12px 48px 0 rgba(18,85,190,.1);
}
    .product-shortcode.style-61:hover:after{opacity: 1;}
.product-shortcode.style-61 .preview-button{position: absolute; left: 30px; right: 30px; text-align: center; top: 50%; margin-top: 15px; z-index: 1; opacity: 0; transform: scale(.7); -webkit-transform: scale(.7); transition: all .3s; -webkit-transition: all .3s;}
.product-shortcode.style-61:hover .preview-button{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}

/*  append */

.bijelo{
	color: #FFF;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 2px;
}
 
/* Track */
::-webkit-scrollbar-track {

    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(18,79,174,1);  
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(18,85,190,0.4); 
}
.border-up{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
}
.border-down{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
}
.animirano{
	background-color: #FFFFFF;
	animation: bg-color 10s infinite;
	-webkit-animation: bg-color 10s infinite;
}
@-webkit-keyframes bg-color {
  0% {
    background-color: #fff;
  }
  20% {
    background-color: #f9f9f9;
  }
  40% {
    background-color: #f7f7f7;
  }
  60% {
    background-color: #f5f5f5;
  }
  80% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes bg-color {
  0% {
    background-color: #ffffff;
  }
  20% {
    background-color: #f9f9f9;
  }
  40% {
    background-color: #f7f7f7;
  }
  60% {
    background-color: #f5f5f5;
  }
  80% {
    background-color: #f7f7f7;
  }
  100% {
    background-color: #ffffff;
  }
}

/*  svg  */

svg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(255, 255, 255, 0);
}
svg text {
	text-anchor: middle;
	font-size: 450px;
	font-weight: 900;
	text-transform: uppercase;
	padding-top: 100%;
}
svg mask rect {
    fill: rgba(255, 255, 255, 1);
}
svg > rect {
    fill: rgba(255, 255, 255, 1);
    -webkit-mask: url(#mask);
    mask: url(#mask);
}
video{
	position: absolute;
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	overflow: hidden;

}

@media only screen and (max-width: 768px) {
  html{
    font-size:7em;
    font-weight:500;
  }
}


/*  reveal  */
:root {
	--animation-delay: 1.7s;
	--duration: 800ms;
	--iterations: 1;
}
.reveal-text,
.reveal-text::after {
	animation-delay: var(--animation-delay);
	animation-iteration-count: var(--iterations);
	animation-duration: var(--duration);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
	position: relative;
	user-select: none;
	animation-name: reveal-text;
	cursor: default;
}
.reveal-text:after{content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #1560d6;
		transform: scaleX(0);
		transform-origin: 0 50%;
		pointer-events: none;
		animation-name: revealer-text;}
@keyframes reveal-text {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes revealer-text {
	
	0%, 50% {
		transform-origin: 0 50%;
	}
	
	60%, 100% {
		transform-origin: 100% 50%;		
	}

	
	60% {
		transform: scaleX(1);
	}
	
	100% {
		transform: scaleX(0);
	}
}
.pomakni, .pomakni izdv{
	-webkit-transition: all 1250ms ease-in-out 0s;
	-moz-transition: all 1250ms ease-in-out 0s;
	-ms-transition: all 1250ms ease-in-out 0s;
	-o-transition: all 1250ms ease-in-out 0s;
	transition: all 1250ms ease-in-out 0s;
}
.pomakni:hover, pomakni img:hover{
	padding-left: 15px;

}
.pomakni:hover izdv{
	color: #383838;
}
#sppb-addon-1481631000{box-shadow:2px 21px 50px rgba(41,44,61,.1);}
.sp-page-builder .page-content #section-id-1481629592{
	background-color: #FFF;
}



/* cjenik */

.background {
  padding: 0 25px 25px;
  position: relative;
  width: 100%;
}

.background::after {
  content: '';
  background: #f7f7f7;
  background: -moz-linear-gradient(top,  0%, #1560d6 100%);
  background: -webkit-linear-gradient(top,  0%,#1560d6 100%);
  background: linear-gradient(to bottom,  0%,#1560d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='#1560d6',GradientType=0 );
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 900px) {
  .background {
    padding: 0 0 25px;
  }
}


.container1-cjenik {
	margin: 0 auto;
	padding: 50px 0 0;
	max-width: 1140px;
	width: 100%;
}
.container-cjenik{
	max-width: 960px;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.panel {
  background-color: #fff;
  border-radius: 0px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pricing-table {
  box-shadow: 2px 21px 50px rgba(18,85,190,.10);
  display: flex;
  flex-direction: column;
}

@media (min-width: 900px) {
  .pricing-table {
    flex-direction: row;
  }
}

.pricing-table * {
  text-align: center;

}

.pricing-plan {
  border-bottom: 1px solid #e1f1ff;
  padding: 25px;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 900px) {
  .pricing-plan {
	border-bottom: none;
	border-right: 1px solid #e1f1ff;
	flex-basis: 100%;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
  }

  .pricing-plan:last-child {
    border-right: none;
  }

}

.pricing-img {
	margin-bottom: 25px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
h2.pricing-header {
	color: #333;
	font-weight: 900;
	font-size: 28px;
	font-family: Raleway;
	text-transform: uppercase;
}
.pricing-features {
	color: ;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

.pricing-features-item {
	font-size: 14px;
	line-height: 1.5;
	padding: 15px 0;
	font-family: Raleway;
	color: #232323;
	font-weight: 400;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f4f4f4;
}
.pricing-features-item:hover{
	color: ;
}
.pricing-features-item:last-child {
  border-bottom: 1px solid #e1f1ff;
}

.pricing-price {
	color: ;
	display: block;
	font-size: 24px;
	font-weight: 300;
}

.pricing-button {
	border: 1px solid ;
	border-radius: 0px;
	color: ;
	display: inline-block;
	text-decoration: none;
	transition: all 250ms ease-in-out 0s;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	-webkit-transition: all 250ms ease-in-out 0s;
	-moz-transition: all 250ms ease-in-out 0s;
	-ms-transition: all 250ms ease-in-out 0s;
	-o-transition: all 250ms ease-in-out 0s;
	box-shadow: 0px 1px 3px rgba(0,0,0,.3);
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

.pricing-button:hover,
.pricing-button:focus {
	background-color: ;
	color: #FFF;
    box-shadow: 11.5px 19.92px 54px 0 rgba(18,85,190,.2);
}

.pricing-button.is-featured {
	background-color: ;
	color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
	background-color: ;
    box-shadow: 11.5px 19.92px 54px 0 rgba(38,52,180,.1);
}

.precrtano{
	text-decoration: line-through;
}
 /*  bg  */

.klijenti{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.klijenti ul{}
.klijenti ul li{
	color: #5953558;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 10px;
	display: block;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	font-weight: 500;
}
.klijenti ul li:before{
	content: "-";
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #595355;
	font-size: 15px;
	}
.divider-plavi{
	background-color: ;
	display: block;
	height: 1px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 35px;
	color: #FFF;
}
.centralno{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.intro-main{
    background:linear-gradient(185deg, #ffffff, #ffffff, #ffffff, #ffffff);
    background-blend-mode: hard-light;
    animation: hue-rotate 45s linear infinite;
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
.just-align{
	text-align: justify;
}
.right-allign{
	float: right;
}