/* EXTERNAL FONTS */
/*
@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/pts55f_w.eot');
    src: url('./fonts/pts55f_w.eot?#iefix') format('embedded-opentype'),
    url('./fonts/PTS55F_W.woff') format('woff'),
    url('./fonts/PTS55F_W.ttf') format('truetype'),
    url('./fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/* /EXTERNAL FONTS */

/* MAIN TYPOGRAPHY */
html,body{
    height:100%;
}
html {
    font-size: 62.5%;
    font-family: arial,tahoma,sans-serif;
}

/* ============= BOX SIZING ============= */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    behavior:url("/css/boxsizing.htc");
}

a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
}
strong,th,thead td{
    font-weight: bold;
}
cite,em,dfn {
    font-style: italic;
}
/* PARAGRAPH */
p{
    /* http://www.w3.org/TR/css3-text/#hyphenation */
    -webkit-hyphens : auto;
    -webkit-hyphenate-character : "\2010";
    -webkit-hyphenate-limit-after : 1;
    -webkit-hyphenate-limit-before : 3;
    -moz-hyphens : auto;
}
p, pre, address {
    margin-bottom: 1.6em;
}
p+p {
   *margin-top: -.8em;
}/* padding instead of margin for IE */

kbd,samp,code,pre,tt,var{
    font-size: 92%;
    font-family: courier, monaco, "Lucida Console", mono-space;
}
pre{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
code,pre {
    color: #c33;
}
del {
    text-decoration: line-through;
    color: #666;
}
ins,dfn{border-bottom: 1px solid #ccc;}
small{
    font-size: 85%;
}
abbr,
acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
}
a abbr,
a acronym{border: none;}
abbr[title],
acronym[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px solid #ccc;
}
sub,sup{
    font-size: 85%;
    line-height: 0;
    position: relative;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* ============= QUOTES ============= */

blockquote {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
    padding: 0 1em;
    margin: 1.6em 0;
}
blockquote *:first-child {
    margin: .8em 0;
}
blockquote *:first-child:before {
    content: "\201C";
}
blockquote *:first-child:after {content: "\201D";}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
/* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */

/* ============= FORMS ============= */

form{
    margin: 0;
}
    form div.btm {
        margin-bottom: .8em;
    }
fieldset {
    border: solid 1px #dddddd;
    padding: 0 1em 1em 1em;
    margin: 1.6em 0;
}
    fieldset legend {
        font-weight: bold;
        margin: 0 0 0 1em;
        padding: 0 0.6em;
    }
/* padding-top is margin-top for fieldsets in Opera */
legend {
    padding-left: .8em;
    padding-right: .8em;
}
legend+* {margin-top: 1em;}
/* compensates for the opera margin bug */

input[type='text'],
input[type='password'] {
    cursor: text;
}
/* ----------- DEFAULT */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    color: #888888;
    font-size: 1.4em;
    font-family: inherit;
    border: 1px solid #cccccc;
    background-color: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.4em;
    height:30px;/*2.4em*/
    *height: auto;
    width: 100%;
    display: block;

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    -webkit-appearance: none;
	
	border-radius: 0px;
    -moz-border-radius: 0px; /*2*/
    -webkit-border-radius: 0px;
 	
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
/* ----------- HOVER */
input[type="text"]:hover,
input[type="password"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
textarea:focus{
    border-color: #aaa;
}
textarea:hover{
    border:1px solid #999999;
}
/* ----------- FOCUS */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	box-shadow: none;
	
	/*box-shadow: 0 0 4px #999999;
    -webkit-box-shadow: 0 0 4px #999999;
    -moz-box-shadow: 0 0 4px #999999;*/

    background: #ffffff;
    border-color: #52B410;/*999*/
    outline: none;
}
/* ----------- DISABLED */
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
    background-color: #dddddd;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"]{
    margin: 0 0 .4em 0;
}
textarea {
    height: auto;
    min-height: 50px;
}
label{
    cursor : pointer;
}
label + input[type="checkbox"],
label + input[type="radio"] ,
input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.4em;
    margin-right: .4em;
    margin-bottom: 0;
    vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
    width: 100%;
}

select {
    margin: 0 0 .4em 0;
    width:100%;
    -webkit-appearance: none !important;
    border: 1px solid #cccccc;
    padding: .45em .4em .45em .1em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}
select:hover {
    border-color: #aaa;
}
    option {
        padding: 0 .4em;
    }

/* ================== Selectric =================== */

.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    cursor: pointer;
    /*width: 300px;*/
}
.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectricOpen { z-index: 9999; }
.selectricHideSelect { position: relative; overflow: hidden; }
.selectricHideSelect select { position: absolute; left: -100%; }
.selectric {
	font-size:1.4em;
    border: 1px solid #E5E5E5;
    background: #ffffff;
    position: relative;
    -webkit-transition: border-color 0.45s ease-in-out;
    -moz-transition:border-color 0.45s ease-in-out;
    transition: border-color 0.45s ease-in-out;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
   /* border-radius: 2px;*/
}
.selectricOpen .selectric {
    border-color: #52B410;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
    z-index: 9999;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 2.4em 0 0;/*2.4*/
    padding:8px 10px;/*0.4em;*/
    font-size: 1em;
    line-height: 1.48;
    color: #444;
}
.selectric .icon-arrow-down {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2.6429em;/*2.3*/
    height: 2.6429em;
    width: 2.3em;
    color: #CCCCCC;
    text-align: center;
    -webkit-transition: color 0.45s ease-in-out;
    -moz-transition:color 0.45s ease-in-out;
    transition: color 0.45s ease-in-out;
}
.selectricHover .selectric {
    border-color: #52B410;
}
.selectricHover .selectric .icon-arrow-down {
    color: #333333;
}
.selectricOpen .selectric .icon-arrow-down{
	color:#52B410;
}
.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectricItems ul,
.selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 20px;
    line-height: 1.48;
    font-size: 1em;
}
.selectricItems {
    display: none;
    position: absolute;
    overflow: auto;
    top: 100%;
    left: 0;
    background: #F9F9F9;
    border: 1px solid #999999;
    z-index: 9998;
    box-shadow: 0 0 3px #999999;
}
.selectricOpen .selectricItems { display: block; }
.selectricItems li {
	font-size:1.4em;
    padding: .4em;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #666;
    border-top: 1px solid #FFF;
}
.selectricItems li.selected { background: #eeeeee; color: #444; border-top-color: #E0E0E0; }
.selectricItems li:hover { background: #dddddd; color: #444; }

/* ============== inputfile ================= */

.fileUpload {
    background: #fff;
    border: 0;
    display: block;
    width: 100%;
	position:relative;
}
.fileUpload .fileBtn {
    background: #CCCCCC;
	color:#ffffff;
    cursor: pointer;
    right:3px;
	top:3px;
    font-size: 1.4em;
    padding:0.4286em 0 0.3571em 0;
    text-align: center;
	width:100px;
	height:33px;
    border: 1px solid #E5E5E5;
	position:absolute;
}
.fileUpload .fileBtn:hover {
    background: #52B410;
}
.fileUpload .fileName {
	font-size:1.4em;
	text-align:left;
    overflow: hidden;
    white-space: nowrap;
	width:100%;
    padding:8px 10px;
    min-height: 39px;
	height:39px;
    border:1px solid #E5E5E5;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.fileUpload .fileName,
.fileUpload .fileBtn{
    -webkit-transition: color 0.45s, border-color 0.45s, background-color 0.45s ease-in-out;
    -moz-transition:color 0.45s, border-color 0.45s, background-color 0.45s ease-in-out;
    transition: color 0.45s, border-color 0.45s, background-color 0.45s ease-in-out;
}
.fileUpload:hover .fileName{
    border:1px solid #52B410;
}
.fileUpload:hover .fileName{

}
.fileUpload:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/*
-----------------------------------
============= CONTENT =============
-----------------------------------
*/

/* GENERAL */
body {
    line-height: 1.48;
    background:#FFF;
    color:#333333;
    /*background-image: url(../images/PSD.png);    */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.2;
}
h1 {
    font-size: 3.8em;
    margin: 1em 0 .5em;
}
h2 {
    font-size: 3.4em;
    margin: 1.118em 0 .559em;
}
h3 {
    font-size: 2.6em;
    margin: 1.462em 0 .731em;
}
h4 {
    font-size: 2.2em;
    margin: 1.727em 0 .864em;
}
h5 {
    font-size: 1.6em;
    margin: 2.375em 0 1.1875em;
}
h6 {
    font-size: 1.4em;
    margin: 2.714em 0 1.357em;
}
/* NOTE: Calulate header margins: TOP: 3.8em/size, BOTTOM: 3.8em/size/2 */

/* ============= HR ============= */

hr {
    display: block;
    background: #aaa;
    color: #aaa;
    width: 100%;
    height: 1px;
    border: none;
    margin-bottom: 1.6em;
}

/* ============= LISTS ============= */

/*
    ul {margin:0; padding:0; list-style:none}
    ul li {text-indent: 0; margin: 0; padding:0; list-style:none;}
    ul li:before {content: "";}
*/
ul{
    margin-bottom: 1.6em;
    margin-left: 1.5em;
    list-style-type: disc;
}
ol {
    margin-left: 2.35em;
    margin-bottom: 1.6em;
    list-style-position: outside;
    list-style-type: decimal;
}
ol ol,
ul ol {
    margin-left: 2.5em;
}
ul li {
    text-indent:0;
    margin-left: .5em;
}

/* ============= TABLES ============= */

table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 1.6em;
}
th, td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
    vertical-align:top;
    padding: .8em;
}
caption {
    padding-bottom: .8em;
}

thead th{
    background-color: #ededed;
}
tfoot th{
    background-color: #e2e2e2;
}
.alt{
    background-color: #f6f6f6;
}

/* TABLE HOSTING */
.thost th{
	background-color: #ededed;
}
@media only screen and (max-width: 750px){/*
	table.thost,
	.thost  thead,
	.thost tbody,
	.thost th,
	.thost td,
	.thost tr { 
		display: block; 
	}
	.thost thead tr{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.thost tr { border-bottom: 1px solid #fff; }
	.thost td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 28%; 
	}
	.thost td:before { 
		position: absolute;
		top: 0.5714em;
		left: 1em;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.thost td:nth-of-type(1):before { content: "Микро"; }
	.thost td:nth-of-type(2):before { content: "Стандарт"; }
	.thost td:nth-of-type(3):before { content: "Большой"; }
	.thost td:nth-of-type(4):before { content: "Макси"; }
	.thost td:nth-of-type(5):before { content: "Гипер"; }
	*/
}

/* ============= DT, DL, DD ============= */

/*dt, dl, dd {margin:0; font-weight:normal;} */
dl{
    margin-bottom: 1.6em;
}
dt {
    font-weight: bold;
    margin-top: .8em;
    margin-bottom: .4em;
}


/* ============= CLEARFIX ============= */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}
.clearfix {
    display: inline-block;
    *zoom: 1;
}

/* for IE/Mac */
html[xmlns] .clearfix {
    display: block;
}

/* ============= IFRAME, OBJECT, EMBED ============= */

iframe{
    max-width: 100%;
}
object,
embed{
    max-width: 100%;
    height: auto;
    height: 100%;
}
/* ============= IMG =============*/

img{
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
img[align=left] {
    float:left;
    margin:0 1em 1em 0;
}
img[align=right] {
    float:right;
    margin:0 0 1em 1em;
}

/* ============= COLORS ============= */

/* a:link, a:visited, a:hover, a:active, a:focus */
a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
a:link {
    text-decoration: none;
    color: #0c7ce3;
}
a:visited {
    text-decoration: none;
    color: #0c7ce3;
}
a:hover {
    text-decoration: none;
    color: #6fbaff;
}
a:active,
a:focus {
    text-decoration: none;
    color: #6fbaff;
}

/* ----------- GRADIENT */

.bg_black{}
.bg_grey{}
.bg_red{}
.bg_green{}
.bg_blue{}

/* ================= BUTTONS ================= */
a.button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-size:1.4em;/*14px*/

    color: #ffffff;
    background: #52b410;
    border:none;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    display: inline-block;
    text-decoration: none;

    cursor: pointer;
    line-height: normal;
    padding: 0.464em 1.429em;

}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #ffffff;
    background: #3a7e0c;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-shadow: none;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background: #3a7e0c;
}


/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
    margin:10px 0;
    padding:0;
    line-height:0%;
    font-size:0;
}
    ul.breadcrumbs li{
        list-style-type:none;
        margin:0;
        padding:0;
        display:inline-block;
        *display:inline; /* IE ONLY*/
        position:relative;
        zoom:1;
        line-height:100%;
        font-size:14px; /* 0.8em default to override font-size:0; on parent*/
    }

    ul.breadcrumbs li a{
        display:inline-block;
        *display:inline; /* IE ONLY*/
        position:relative;
        padding:5px 15px 5px 5px;
        font-size:0.9em;
        zoom:1;
        margin:0;
        background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTIwRDQ0NTBDRUFFMTFFMjg0QzZCM0Q4Rjg5NUJEOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTIwRDQ0NTFDRUFFMTFFMjg0QzZCM0Q4Rjg5NUJEOTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MjBENDQ0RUNFQUUxMUUyODRDNkIzRDhGODk1QkQ5NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MjBENDQ0RkNFQUUxMUUyODRDNkIzRDhGODk1QkQ5NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkEFE7sAAAAuSURBVHjaYmBgYPgPxQjw/z+YjyLBBJVghKmBC6JLwAUZGRlh2hmxmolVACDAABxIFvZQUcW+AAAAAElFTkSuQmCC') right center no-repeat;
    }

    ul.breadcrumbs li.last a{
        color:#333;
        cursor: default;
        text-decoration:none;
        background:none;
    }

    ul.breadcrumbs li.last a:hover{
        text-decoration:none;
    }
	
	
/* ==================
	INLIFE CMS STYLE
================== */
		.login_form_block{
			margin: 0 auto;
			text-align: center;
			width: 370px;
		}
		.cms_logo{
			font-size: 2em;/*20px*/
			font-family: arial_rounded_mt_pro_cyr, arial;
			font-weight:bold;
			display:inline;
			color:#ffffff;
		}
			.cms_logo span{
				color:#52B410;
			}

        .login_form,
        .login_form *,
        .login_form *:after,
        .login_form *:before{
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .login_form{
			font-size:10px;
			font-style:arial,tahoma;
			line-height:1.2;
            color: #4e4e4e;
            position:relative;
            height: 222px;
            width: 370px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        }

        .login_form .lf_head{
			text-align:left;
            position: relative;
            padding:16px 20px 10px 20px ;
            background: #222;
            border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
        }
			.login_form .lf_head  sup{
				font-size:1.4em;
				color:#cccccc;
			}
            .login_form .lf_head .lf_help{
                float: right;
                font-size: 2em;
                display: block;
                color: #fff;
                width: 25px;
                height: 25px;
                border-radius: 50% 50% 50% 50%;
                -webkit-border-radius:  50% 50% 50% 50%;
                -moz-border-radius:  50% 50% 50% 50%;
            }
            .login_form .lf_head .lf_help i{
                position:relative;
                font-style: normal;
                display: inline-block;
                height: 100%;
                width: 100%;
                top:-0.3em;
                background: #474747;
                text-align: center;
                line-height:1.2;

				border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
				
                box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
                -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
                -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5) inset;
            }
        .login_form .lf_body{
			text-align:left;
            padding: 2em 2em 1em 2em;
        }
            .login_form .lf_body .lf_name{
                font-size: 16px;
                margin-bottom: 28px;
            }
            .login_form .lf_body input[type="text"],
            .login_form .lf_body input[type="password"]{
                width: 100%;
                color: #c2c2c2;
                background-color: #474747;
                border:none;
                padding:0.4em;
                margin: 0 0 0.5em 0;

				box-shadow: 1px 1px 3px #000 inset;
                -moz-box-shadow: 1px 1px 3px #000 inset;
                -webkit-box-shadow: 1px 1px 3px #000 inset;

                border-radius: 3px 3px 3px 3px;
                -webkit-border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
            }
            .login_form .lf_body .lf_submit{
                position: relative;
                text-align: right;
				display:block;
            }
                .login_form .lf_body .lf_submit input[type="submit"]{
                    font-size: 1em;
                    position: relative;
                    border: none;
                    color: #ffffff;
                    padding: 5px 16px;
                    background: #7ec323;
                    background: -moz-linear-gradient(top,  #7ec323 0%, #6eb43e 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ec323), color-stop(100%,#6eb43e));
                    background: -webkit-linear-gradient(top,  #7ec323 0%,#6eb43e 100%);
                    background: -o-linear-gradient(top,  #7ec323 0%,#6eb43e 100%);
                    background: -ms-linear-gradient(top,  #7ec323 0%,#6eb43e 100%);
                    background: linear-gradient(to bottom,  #7ec323 0%,#6eb43e 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec323', endColorstr='#6eb43e',GradientType=0 );
                    border-radius: 3px 3px 3px 3px;
                    -webkit-border-radius: 3px 3px 3px 3px;
                    -moz-border-radius: 3px 3px 3px 3px;
                    box-shadow: 0 4px #186f00;
                    transition: none 0s ease 0s;
                    outline: medium none;
                    cursor: pointer;
                    display: inline-block;
                }
                .login_form .lf_body .lf_submit input[type="submit"]:hover{
                    box-shadow: 0 3px #186f00;
                    top: 2px;
                }
                .login_form .lf_body .lf_submit input[type="submit"]:active {
                    box-shadow: 0 0 #186f00;
                    top: 4px;
                }

		.lf-input-group{
			margin-bottom:1.2em;
			overflow:hidden;
		}
			.lf_left{
				width: 49%;
				float:left;
				padding-right: 2%;
			}
				.lf_left span{
				   color: #888888;
				   font-size:1.4em;
				}
					.lf_left span input[type="checkbox"]{
						margin:0.1em 0.3em 0 0;
						vertical-align: top;
					}
			.lf_right{
				width: 49%;
				float: right;
			}
				.lf_right a{
					font-size:1.4em;
					color: #888888;
					text-decoration: none;
					display:inline-block;
				}
				
		/*error*/
		.l-success,/*login_form_block */
		.l-error{
			font-size:16px;
			margin-bottom:1em;	
			color:#ffffff;
			padding:1em;
			text-align:center;
			border-radius:6px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
		}
		.l-error{
			background:#FF9999;
		}
		.l-success{
			background:#A1E38C;
		}

/* ==================
	DI FORM
================== */
.fc_result{
	max-width:600px;
}

.fc_result_wrapper{
	max-width:600px;
	margin:auto;
	padding:1em;
	font-size:14px;
	color:#333333;
	text-align:center;
	background:#A1E38C;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.popup_wrapper .fc_result_wrapper{
	background:transparent;
}
.fc_result_wrapper_title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
}

.di-form {
	margin: 0;
	outline: none;
	color: #666;
	/**/
	font-size:10px;
}
	.di-form header {
		display: block;
		padding: 0.8333em 1.2500em;	/*20 30*/
		/*border-bottom: 1px solid rgba(0,0,0,.1);
		background: rgba(248,248,248,.9);*/
		font-size:2.4em;
		color: #333333;
		border-radius:6px 6px 0 0;
		-moz-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;
	}
	.di-form fieldset {
		display: block;	
		margin:0;
		padding:0em 3em 0.5em;
		border: none;
		/*background: rgba(255,255,255,.9);*/
	}
	.di-form fieldset + fieldset {
		border-top: 1px solid rgba(0,0,0,.1);
	}
	.di-form section {
		margin-bottom: 1.4em;/*2em*/
	}
	.di-form footer {
		display: block;
		/*overflow:hidden;*/
		padding: 0em 3em 2.5em;
		/*border-top: 1px solid rgba(0,0,0,.1);
		background: rgba(248,248,248,.9);*/
		border-radius:0 0 6px 6px;
		-moz-border-radius:0 0 6px 6px;
		-webkit-border-radius:0 0 6px 6px;
	}
	.di-form footer:after {
		content: '';
		display: table;
		clear: both;
	}
	.di-form label.label {
		display: block;
		border-radius: 0;
		margin-bottom: 6px;
		color: inherit;
		font-size: 1.4em;
		text-align: left;
		white-space: normal;
	}
	.di-form .align-center,
	.di-form span{
		font-size:1.4em;
	}
	.di-form .label.col {
		margin: 0;
		padding-top: 10px;
	}
	.di-form .note {
		margin-top: 6px;
		padding: 0 1px;
		font-size: 11px;
		line-height: 15px;
		color: #999;
	}
	.di-form .input,
	.di-form .select,
	.di-form .textarea,
	.di-form .toggle,
	.di-form .button {
		position: relative;
		display: block;
	}
	.di-form .radio,
	.di-form .checkbox{
		position: relative;
	}
	.di-form .input input,
	.di-form .select select,
	.di-form .textarea textarea {
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		height: 39px;
		padding: 8px 10px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-radius: 0;
		background: #fff;
		color: #404040;
		appearance: normal;
		-moz-appearance: none;
		-webkit-appearance: none;
	}

	/* textareas */
	.di-form .textarea textarea {
		height: auto;
		resize: none;
	}
	.di-form .textarea-resizable textarea {
		resize: vertical;	
	}
	.di-form .textarea-expandable textarea {
		height: 39px;
	}
	.di-form .textarea-expandable textarea:focus {
		height: auto;
	}

	/* radios and checkboxes */

	.di-form .radio,
	.di-form .checkbox {
		margin-bottom: 4px;
		padding-left: 22px;
		line-height:1.2;
		color: #404040;
		cursor: pointer;
	}
	.di-form .radio:last-child,
	.di-form .checkbox:last-child {
		margin-bottom: 0;
	}
	.di-form .radio input,
	.di-form .checkbox input {
		position: absolute;
		left: -9999px;
	}
	.di-form .radio i,
	.di-form .checkbox i {
		position: absolute;
		top: 0px;/*-2*/
		left: 0;
		display: block;
		width: 16px;
		height: 16px;
		outline: none;
		border-width: 2px;
		border-style: solid;
		background: #fff;
	}
	.di-form .radio i {
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.di-form .radio input + i:after,
	.di-form .checkbox input + i:after {
		position: absolute;
		opacity: 0;
		transition: opacity 0.1s;
		-o-transition: opacity 0.1s;
		-ms-transition: opacity 0.1s;
		-moz-transition: opacity 0.1s;
		-webkit-transition: opacity 0.1s;
	}
	.di-form .radio input + i:after {
		content: '';
		top: 3px;
		left: 3px;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.di-form .checkbox input + i:after {
		content: '\e614';
		top: -2px;
		left: 0px;
		width: 14px;
		height: 14px;
		font: normal 14px/16px 'icomoon';
		text-align: center;
		color:#52B410;
	}
	.di-form .radio input:checked + i:after,
	.di-form .checkbox input:checked + i:after {
		opacity: 1;
	}
	.di-form .inline-group {
		margin: 0 -30px -4px 0;
	}
	.di-form .inline-group:after {
		content: '';
		display: table;
		clear: both;
	}
	.di-form .inline-group .radio,
	.di-form .inline-group .checkbox {
		float: left;
		margin-right: 30px;
	}
	.di-form .inline-group .radio:last-child,
	.di-form .inline-group .checkbox:last-child {
		margin-bottom: 4px;
	}

	/* toggles */
	.di-form .toggle {
		margin-bottom: 4px;
		padding-right: 61px;
		font-size: 15px;
		line-height: 27px;
		color: #404040;
		cursor: pointer;
	}
	.di-form .toggle:last-child {
		margin-bottom: 0;
	}
	.di-form .toggle input {
		position: absolute;
		left: -9999px;
	}
	.di-form .toggle i {
		content: '';
		position: absolute;
		top: 4px;
		right: 0;
		display: block;
		width: 49px;
		height: 17px;
		border-width: 2px;
		border-style: solid;
		border-radius: 12px;
		background: #fff;
	}
	.di-form .toggle i:after {
		content: 'OFF';
		position: absolute;
		top: 2px;
		right: 8px;
		left: 8px;
		font-style: normal;
		font-size: 9px;
		line-height: 13px;
		font-weight: 700;
		text-align: left;
		color: #5f5f5f;
	}
	.di-form .toggle i:before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 4px;
		right: 4px;
		display: block;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		opacity: 1;
		transition: right 0.2s;
		-o-transition: right 0.2s;
		-ms-transition: right 0.2s;
		-moz-transition: right 0.2s;
		-webkit-transition: right 0.2s;
	}
	.di-form .toggle input:checked + i:after {
		content: 'ON';
		text-align: right;
	}
	.di-form .toggle input:checked + i:before {
		right: 36px;
	}

	/* buttons */
	.di-form input[type="submit"]{
		height:39px;
		width:100%;
	}
	@-o-keyframes blink
	{
	  0% {opacity: 1}
	  50% {opacity: 0.3}
	  100% {opacity: 1}
	}
	@-ms-keyframes blink
	{
	  0% {opacity: 1}
	  50% {opacity: 0.3}
	  100% {opacity: 1}
	}
	@-moz-keyframes blink
	{
	  0% {opacity: 1}
	  50% {opacity: 0.3}
	  100% {opacity: 1}
	}
	@-webkit-keyframes blink
	{
	  0% {opacity: 1}
	  50% {opacity: 0.3}
	  100% {opacity: 1}
	}

	/* icons */
	.di-form .icon-append,
	.di-form .icon-prepend {
		position: absolute;
		top: 5px;
		width: 29px;
		height: 29px;
		font-size: 2em;
		line-height: 29px;
		text-align: center;
	}
	.di-form .icon-append {
		right: 5px;
		padding-left: 3px;
		border-left-width: 1px;
		border-left-style: solid;
	}
	.di-form .icon-prepend {
		left: 5px;
		padding-right: 3px;
		border-right-width: 1px;
		border-right-style: solid;
	}
	.di-form .input .icon-prepend + input,
	.di-form .textarea .icon-prepend + textarea {
		padding-left: 46px;
	}
	.di-form .input .icon-append + input,
	.di-form .textarea .icon-append + textarea {
		padding-right: 46px;
	}
	.di-form .input .icon-prepend + .icon-append + input,
	.di-form .textarea .icon-prepend + .icon-append + textarea {
		padding-left: 46px;
	}

	/* grid */
	.di-form .row {
		margin: 0 -15px;
	}
	.di-form .row:after {
		content: '';
		display: table;
		clear: both;
	}
	.di-form .col {
		float: left;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.di-form .col-1 {
		width: 8.33%;
	}
	.di-form .col-2 {
		width: 16.66%;
	}
	.di-form .col-3 {
		width: 25%;
	}
	.di-form .col-4 {
		width: 33.33%;
	}
	.di-form .col-5 {
		width: 41.66%;
	}
	.di-form .col-6 {
		width: 50%;
	}
	.di-form .col-7 {
		width: 58.33%;
	}
	.di-form .col-8 {
		width: 66.67%;
	}
	.di-form .col-9 {
		width: 75%;
	}
	.di-form .col-10 {
		width: 83.33%;
	}
	.di-form .col-11 {
		width: 91.66%;
	}
	@media screen and (max-width: 600px) {
		.di-form .col {
			float: none;
			width: 100%;
		}
	}

	/* tooltips */
	.di-form .tooltip {
		position: absolute;
		z-index: 1;
		left: -9999px;
		padding: 2px 8px 3px;
		font-size: 1.2em;/*12px*/
		background: #52B410;
		background: rgba(82,180,16,1);
		/*
		background: #000000;
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.8);
		*/
		color: #fff;
		opacity: 0;
		transition: margin 0.3s, opacity 0.3s;
		-o-transition: margin 0.3s, opacity 0.3s;
		-ms-transition: margin 0.3s, opacity 0.3s;
		-moz-transition: margin 0.3s, opacity 0.3s;
		-webkit-transition: margin 0.3s, opacity 0.3s;
	}
	.di-form .tooltip:after {
		content: '';
		position: absolute;
	}
	.di-form .select .selectricHover + .tooltip,
	.di-form .input input:focus + .tooltip,
	.di-form .textarea textarea:focus + .tooltip {
		opacity: 1;	
	}
	.di-form .tooltip-top-right {
		bottom: 100%;
		margin-bottom: 15px;
	}
	.di-form .tooltip-top-right:after {
		top: 100%;
		right: 16px;	
		border-top: 4px solid #52B410;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.di-form .input input:focus + .tooltip-top-right,
	.di-form .textarea textarea:focus + .tooltip-top-right {
		right: 0;
		left: auto;
		margin-bottom: 5px;
	}

	.di-form .tooltip-top-left {
		bottom: 100%;
		margin-bottom: 15px;
	}
	.di-form .tooltip-top-left:after {
		top: 100%;
		left: 16px;
		border-top: 4px solid #52B410;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.di-form .input input:focus + .tooltip-top-left,
	.di-form .textarea textarea:focus + .tooltip-top-left {
		right: auto;
		left: 0;
		margin-bottom: 5px;
	}

	.di-form .tooltip-right {
		top: 9px;
		white-space: nowrap;
		margin-left: 15px;
	}
	.di-form .tooltip-right:after {
		top: 6px;
		right: 100%;
		border-top: 4px solid transparent;
		border-right: 4px solid #52B410;
		border-bottom: 4px solid transparent;
	}
	.di-form .input input:focus + .tooltip-right,
	.di-form .textarea textarea:focus + .tooltip-right {
		left: 100%;
		margin-left: 5px;
	}

	.di-form .tooltip-left {
		top: 9px;
		white-space: nowrap;
		margin-right: 15px;
	}
	.di-form .tooltip-left:after {
		top: 6px;
		left: 100%;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #52B410;
	}
	.di-form .input input:focus + .tooltip-left,
	.di-form .textarea textarea:focus + .tooltip-left {
		right: 100%;
		left: auto;
		margin-right: 5px;
	}

	.di-form .tooltip-bottom-right {
		top: 100%;
		margin-top: 15px;
	}
	.di-form .tooltip-bottom-right:after {
		bottom: 100%;
		right: 16px;	
		border-right: 4px solid transparent;
		border-bottom: 4px solid #52B410;
		border-left: 4px solid transparent;
	}
	.di-form .select .selectricHover + .tooltip-bottom-right,
	.di-form .input input:focus + .tooltip-bottom-right,
	.di-form .textarea textarea:focus + .tooltip-bottom-right {
		right: 0;
		left: auto;
		margin-top: 5px;
	}

	.di-form .tooltip-bottom-left {
		top: 100%;
		margin-top: 15px;
	}
	.di-form .tooltip-bottom-left:after {
		bottom: 100%;
		left: 16px;
		border-right: 4px solid transparent;
		border-bottom: 4px solid #52B410;
		border-left: 4px solid transparent;
	}
	.di-form .input input:focus + .tooltip-bottom-left,
	.di-form .textarea textarea:focus + .tooltip-bottom-left {
		right: auto;
		left: 0;
		margin-top: 5px;
	}

	.di-form .input input:focus + .tooltip + .icon-append,
	.di-form .textarea textarea:focus + .tooltip + .icon-append{
		color:#52B410;
	}
	
	/* ============
		ERROR
	============ */
	.di-form .input input:focus.error + .tooltip + .icon-append,
	.di-form .textarea textarea:focus.error + .tooltip + .icon-append{
		color:#C60000;
	}
	.di-form .input input.error:focus, 
	.di-form .input input.error,
	.di-form .textarea textarea.error:focus, 
	.di-form .textarea textarea.error {
		border-color: #C60000;
	}
	.di-form .radio input.radio.error:focus + i{
		border-color:#C60000;
	}
	.di-form input.error + .tooltip,
	.di-form textarea.error + .tooltip{
		background:#C60000;
		background:rgb(198, 0, 0);
		background:rgba(198, 0, 0, 0.8);
	}
	.di-form  input.error + .tooltip-bottom-right:after,
	.di-form  textarea.error + .tooltip-bottom-right:after {
		border-bottom: 4px solid #C60000;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}
	.di-form input.error + .tooltip-top-right:after,
	.di-form textarea.error + .tooltip-top-right:after {
		border-top: 4px solid #C60000;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}

	/* normal state */
	.di-form .input input,
	.di-form .select select,
	.di-form .textarea textarea,
	.di-form .radio i,
	.di-form .checkbox i,
	.di-form .toggle i,
	.di-form .icon-append,
	.di-form .icon-prepend {
		border-color: #e5e5e5;
		transition: border-color 0.3s;
		-o-transition: border-color 0.3s;
		-ms-transition: border-color 0.3s;
		-moz-transition: border-color 0.3s;
		-webkit-transition: border-color 0.3s;
	}
	.di-form .toggle i:before {
		background-color: #52B410;	
	}
	.di-form .button {
		background-color: #52B410;
		opacity: 0.8;
		transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
	}
	.di-form .icon-append,
	.di-form .icon-prepend {
		color: #ccc;
	}
	
	/* hover state */
	.di-form .input:hover input,
	.di-form .select:hover select,
	.di-form .textarea:hover textarea,
	.di-form .radio:hover i,
	.di-form .checkbox:hover i,
	.di-form .toggle:hover i {
		border-color: #52B410;
	}
	.di-form .button:hover {
		opacity: 1;
	}

	/* focus state */
	.di-form .input input:focus,
	.di-form .select select:focus,
	.di-form .textarea textarea:focus,
	.di-form .radio input:focus + i,
	.di-form .checkbox input:focus + i,
	.di-form .toggle input:focus + i {
		border-color: #52B410;
	}
	
	/* checked state */
	.di-form .radio input + i:after {
		background-color: #52B410;	
	}
	.di-form .checkbox input + i:after {
		color: #52B410;
	}
	.di-form .radio input:checked + i,
	.di-form .checkbox input:checked + i,
	.di-form .toggle input:checked + i {
		border-color: #52B410;	
	}

/*
	input confirm
*/
.input-confirm{
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	position:relative;
}
	.input-confirm img{
		position:absolute;
		right:3px;
		top:3px;
	}
	.input-confirm input[type="text"]{
		padding-right:120px;
	}