/* Template "light" for iGuider plugin. */
.g-modal-size {
	color:#333;
	width:320px;
	max-width:calc(100vw - 10px) !important;
	font:16px/20px lato, Arial, Helvetica, sans-serif;
	background: #fff;
	border-radius:2px;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.g-modal-pos:after {
	border-width:10px;
	border-color:#fff;
	border-style:solid;
}
.gAction {
	float:right;
	padding:8px 8px 0 0;
}
.gAction .gBtn {
	float:right;
	margin-left:8px;
	min-width:36px;
}
.gHeader {
	font:700 20px/1.2em lato, Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:16px 16px 0 16px;
	margin-bottom:16px;
	word-wrap: break-word;
}
.gContent {
	padding:0 16px 16px 16px;
	margin-top:16px;
}
.gTimer {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	line-height:0;
}
.gFooter {
	position:relative;
	overflow:hidden;
	padding:0 8px;
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
}

.g-modal-timer {
	background-color:#39F;
	height:1px;
}
.g-modal-prev,
.g-modal-next {
	float:left;
}
.gPage {
	float:right;
	white-space:nowrap;
	padding:0 8px;
	margin:8px 0;
	line-height:36px;
	font-size: 14px;
}
.gPageVal {
	display:inline-block; 
	vertical-align:top;
}
.g-modal-step-total:before {
	content:'/'
}
.gPageTotal {
	display:inline-block; 
	vertical-align:top;
}
.g-step-item.g-el-absent {
	color:#f00
}

.gBtn {
	background: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    font-family: lato, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	-webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-ms-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    vertical-align: middle;
    will-change: box-shadow;
}
.gBtn:hover {
	background: rgba(0, 0, 0, 0.1);
}
.gBtn:active {
	background: rgba(0, 0, 0, 0.2);
}

.gFooter .gBtn {
	margin-top:8px;
	margin-bottom:8px;
}
.g-modal-pos ul {
	list-style-position:inside;
	margin:10px 0;
	padding:0;
	
}






.g-map-pos {
	border-radius:2px;
	top:50px;
	bottom:50px;
	width:260px;
	background: #fff;
	color:#333;
}
.gMapHeader {
	white-space:nowrap;
	border-bottom:1px solid rgba(0,0,0,0.1);
	overflow:hidden;
	text-overflow:ellipsis;
	font: 20px/52px lato, arial;
    padding: 0 16px;
}
.gMapHeader + .gMapContent {
    top: 52px;
}
.gMapContent {
    top: 0;
    bottom: 52px;
    position: absolute;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
.g-step-item{
	color: rgba(0, 0, 0, 0.87);
    flex-flow: row nowrap;
    font-family: "lato","Roboto","Helvetica","Arial",sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    overflow: hidden;
    padding: 16px 16px 16px 50px;
	cursor:pointer;
	width:100%;
	clear:both;
	position:relative;
	display:block;
}
.g-step-item:after,
.g-step-item:before {
	content:'';
	position:absolute;
	top:14px;
	left:22px;
	width:2px;
	font-size:0;
	line-height:0;
	background-color:rgba(0,0,0,0.1);
}
.g-step-item.g-step-success:after,
.g-step-item.g-step-success:before {
	background-color:#3C0;
}
.g-step-item:after {
	height:8px;
	transform-origin:right bottom;
	transform:rotate(-45deg);
	margin-top:8px;
}
.g-step-item:before {
	height:16px;
	transform-origin:left bottom;
	transform:rotate(45deg);
}
.g-step-item:hover {
	background-color:rgba(0,0,0,0.05);
}
.g-step-item:active,
.g-step-item.hCur {
	background-color:rgba(0,0,0,0.15);
}
.g-map-no-clickable .g-step-item:hover:not(.hCur) {
	background:none;
}
.gMapAction {
	padding:8px;
	border-top:1px solid rgba(0,0,0,0.1);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	white-space:nowrap;
}
.gMapAction .gBtn {
	display:inline-block;
}