/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package    JBlank
 * @author     SmetDenis <admin@jbzoo.com>
 * @copyright  Copyright (c) JBlank.pro
 * @license    http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link       http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
body {
    background: #f2f6f9;
}

.clearfix {
    display: block;
}
@font-face {font-family:'Ariston';src: url('/fonts/Ariston.ttf');}
@font-face {font-family:'Adventure';src: url('/fonts/Adventure.ttf');}
@font-face {font-family:'Alexandra Script';src: url('/fonts/Alexandra_Script.ttf');}
@font-face {font-family:'Andantino script';src: url('/fonts/Andantino_script.ttf');}
@font-face {font-family:'Annabelle';src: url('/fonts/Annabelle.ttf');}
@font-face {font-family:'Aquarelle';src: url('/fonts/Aquarelle.ttf');}
@font-face {font-family:'Ceremonious One';src: url('/fonts/Ceremonious_One.ttf');}
@font-face {font-family:'Corinthia';src: url('/fonts/Corinthia.ttf');}
@font-face {font-family:'Isadora Cyr';src: url('/fonts/Isadora_Cyr.ttf');}
@font-face {font-family:'Marianna';src: url('/fonts/Marianna.ttf');}
@font-face {font-family:'Parsek';src: url('/fonts/ParsekC.otf');}
@font-face {font-family:'Carolina';src: url('/fonts/Carolina.ttf');}
@font-face {font-family:'Cassandra';src: url('/fonts/Cassandra.ttf');}
@font-face {font-family: 'Adine Kirnberg';src: url('/fonts/AdineKirnberg.ttf');}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
body{
	
}
* html .clearfix {
    height: 1%;
}

.url-path-test {
    background: url('../images/test.png');
}
.images_block{
	border: 1px solid #d9e2e9;
	border-radius:10px;
}
.font_img{
    width: 100%;
    height: auto;/*300px;*/
	margin: auto;
	text-align: -webkit-center;
}
.text_grav.active{
	border:1px dashed #ccc;
}
.text_grav{
    font-size: 16px;
	color: #d8b792;
    display: inline-block;
    line-height: 90%;
    border: 1px dashed transparent;
    text-align: left;
	cursor:pointer;
	white-space: nowrap;
	position: absolute !important;
	top: 15px;
	left: calc(50% - 60px);
}
.panel_blocks{
	border: 1px solid #d9e2e9;
	padding: 10px;
	border-radius:10px;
}
.panel_blocks label{
	color: #000;
    font-weight: 600;
}
.dropdown.open .dropdown-menu{
	display:block
}
.dobtwostrok{
	cursor: pointer;
    font-size: 15px;
    border-bottom: 1px dashed;
    display: inline-block;
}
.polyas>input{
	margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.overlay{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    z-index: 999;
	display:none;
}
.itogpric{
	font-weight:600;
}
.itogpric{
	
}
.titlprice{
	margin-right:10px;	
}
.itog_price{
	float:left;
	margin-right:5px;
	font-size: 25px;
    font-style: italic;
    line-height: 25px;
}
.text_overlay {
    z-index: 9999;
    color: #fff;
    position: absolute;
    top: 50%;
    width: 500px;
    left: calc(50% - 250px);
    text-transform: uppercase;
	text-align:center;
}
.text_overlay img{
	width: 50px;
    height: 50px;
}
.sam_text{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.limit{
    position: absolute;
    right: 58px;
    width: 275px;
    top: 22px;	
	text-align: center;
	overflow:hidden;
}
.ogran_obl img{
	    max-width: 100%;
    height: auto;
}
.icon_drag {
   position: absolute;
    bottom: -20px;
    color: red;
    left: 50%;
    cursor: pointer;
    font-size: 17px !important;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 17px;
	display:none;
}
.text_grav.active .icon_drag{
	display:block;
}
.font-styles{
	padding: 0px;
    display: inline-block;
    margin: 0px;
}
.image_fon img{
	    max-width: 100%;
    height: auto;
}
.font-styles li{
	float: left;
    list-style: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d9e2e9;
    border-radius: 5px;
    margin-right: 10px;
    color: #d9e2e9;
}
.font-styles li.active{
	border-color: #3fb3e9;
    background: #3fb3e9;
    color: #fff;
}
textarea:focus, input:focus,div:focus,p:focus{
    outline: none;
}  
.select_sh{
	
}
.select_sh li{
	padding:0 10px;
	border-bottom:1px solid #d9e2e9;
	line-height: 30px;
}
.ui-icon{
	display:none !important;
}
.text_grav.active .ui-icon{
	display:block !important;
}
.button_send {
   width: 100%;
    text-align: center;
	background:#444;
	color:#fff;
    padding: 10px 15px;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #444;
	transition:0.5s;
}
.button_send:hover{
	 background: #fff;
    color: #000;
}
.img_logo{
	    position: absolute !important;
	width:50px;
	height:50px;
	display:none;
	border: 1px dashed transparent;
}
.img_logo.active{
	border: 1px dashed #ccc;
}
.remove_fote{
    cursor: pointer;
	display:none;
}
#blah{
	width:100%;
	height:100%;
}
.example-2 .btn-tertiary{color:#555;padding:0;line-height:40px;    width: 150px;display:block;border:2px solid #555}
.example-2 .btn-tertiary:hover,.example-2 .btn-tertiary:focus{color:#888;border-color:#888}
.example-2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.example-2 .input-file + .js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
.example-2 .input-file + .js-labelFile .icon:before{content:"\f093"}
.example-2 .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B}
.ogran_obl{
	max-width: 500px;
    top: 30%;
	width: 100%;
    position: relative;
    /*height: 51px;*/
    background-size: cover;
	margin:auto;
}
.fl-galleryimage-thumb .uk-panel-body.uk-text-success{
	
}
.zakaz_viv img{
	max-width:100%;
	height:auto;
}
.image_fon {
    position: relative;
    top: 25%;
    text-align: center;
}
#polzunok,.polzunok{
	position: relative;
    width: 200px;
 left: 10px;
    top: 25%;
}
.container-fluid{
	padding-top:15px;
}
span.caret {
    margin-left: 15px;
}
.loadmakets{
	display:inline-block;
	margin-top:20px;
}
.component-wrapper{
	height: 100vh;
	padding-bottom:30px;
	width:100%;
}
.uk-panel-body.uk-text-success{
	
}
.fl-sort-images.uk-text-center{
	list-style:none;
}
.mobile_block{
	display:none;
}
.otmen_link{
	display: block;
    text-align: center;
}
.speed_fraz{
	margin-top:5px;
	margin-bottom:0px;
	display:inline-table;
	width:100%;
	padding-left:0px;
}
.speed_fraz li{
	cursor:pointer;
	border-bottom:1px dashed;
	color:#0B55C4;
	float:left;
	margin-right:8px;
	list-style:none;
	font-size: 13px;
}
a.tooltipsgb{
	color:#000;
}
.modal_sgb{
	display:none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(245,245,245,.8);
    opacity: 0;
    -webkit-transition: opacity .8s linear;
    transition: opacity .8s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.modal_sgb.active{
	display:block;
	opacity: 1;
}
.modal_sgb.active .content_modaler{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.content_modaler{
	position: relative;
    margin: 50px auto;
    padding: 20px;
    width: 600px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.close_modal{
	color: #ccc;
    position: absolute;
    right: 5px;
    top: 0px;
	cursor:pointer;
}
.tabi{
	position: absolute;
    width: 100%;
    top: -1000%;
}
.tabi.active{
	position:relative;
}
.panel {
	display: inline-block;
    width: 100%;
    margin-top: 15px;
	position: relative;
}
.panel ul{
	display: inline-block;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
	position: absolute;
    left: 0px;
    z-index: 99;
	top:100%;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top: none;
    margin-top: -5px;
    padding-top: 10px;
    background: #fff;
}
.panel li.seltek{
	background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
	list-style:none;
	font-weight:600;
	padding: 5px 10px;
	cursor:pointer;
	position:relative;
}
.panel li.seltek:after{
	position:absolute;
	content:"\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	right: 10px;
    top: 10px;
}
.panel ul li{
	list-style:none;
	float:left;
	color: #444;
    background: #fff;
	width:100%;
    min-height: 35px;
	border-radius: 2px;
	cursor:pointer;
	margin-right:8px;
	padding: 0px 10px;
    border-bottom: 1px solid #ced4da;
}
.panel ul li label{
	font-weight:300;
	cursor:pointer;
}
.panel ul li input{
	margin-right: 5px;
}
.panel ul li:nth-last-child(1){
	border-bottom:none;
}
.panel li.active{
	background-color: #393939;
    color: #fff;
}

@media (max-width: 800px){
	.fotos_cont{
		margin-top:0px;
	}
	.params_gravir{
		font-size: 20px;
	}
	.ogran_obl img{
		max-width:initial;
	}
	#polzunok.ui-slider .ui-slider-handle,.polzunok.ui-slider .ui-slider-handle{
		width: 35px;
		height: 35px;
	}
	#polzunok,.polzunok{
		padding-top: 22px;
		width: 80%;
	}
	.paramssele label{
		font-size: 20px !important;
		border: 1px solid  #ced4da;
		padding: 10px 30px 10px 15px;
		overflow: hidden;
		min-width: 150px;
		max-width: 300px;
		border-radius: 5px;
	}
	.images_block{
		border:none;
	}
	span.caret{
	    position: absolute;
		top: 12px;
		margin-left: -20px;	
	}
	.col-md-12.fotos_cont{
		padding-left:0px;
		padding-right:0px;
	}
	.form-group.itogpric{
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}
.sellist{
	display:none !important;
}
.sellist.active{
	display:inline-block !important;
}
.jbzoo-app-zakazy .jbzoo-item-full tr td:nth-child(2){
	word-wrap: break-word;
    width: 230px;
    display: inline-block;
}
.font_img{
	height:auto !important;
}
.close_link a{
	position: absolute;
    background: #333;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    right: 15px;
    top: 15px;
	z-index:999;
}
.price_simv{
	font-size: 19px;
    font-style: italic;
    line-height: 26px;
}
#login-form{
	width:350px;
	margin:50px auto;
	background: #ffffff;
    padding: 20px 35px;
    box-shadow: 0px 10px 10px 20px rgb(176 184 214 / 9%), 10px 10px 15px -5px #b0b8d6;
    border-radius: 8px;
}
#login-form input,#login-form .input-prepend,#login-form .userdata{
	width:100%;
}
#login-form .input-prepend{
	margin-bottom:15px;
}
.labelautch {
    text-align: center;
    font-weight: 600;
    margin: 15px 0;
}
.menu_top {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
    padding: 10px;
	text-align:center;
}
.menu_top li{
	padding:0px 15px;
}
.menu_top a{
	color: #fff;
}