* {
	outline: none;
	-webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
	-moz-box-sizing: border-box;   /* Firefox 1, probably can drop this */
    box-sizing:	border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;

	-webkit-appearance: none;

}
::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: rgba(255,255,255,.0);
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: rgba(255,255,255,.0);
}

::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,.4);
}

::-webkit-selection {background: #b3d4fd;}
::-moz-selection {background: #b3d4fd; color: #000;}
::selection {background: #b3d4fd;}

body {overflow-x:hidden; zoom:0;}

html, body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, blockquote, dl, dt, dd, button, input {
	margin: 0;
	padding: 0;
}


@font-face {
  font-family: 'Avenir';
  font-weight: bold;
	src: url('fonts/Avenir-Black.ttf');
}

@font-face {
  font-family: 'Avenir';
  font-weight: normal;
	src: url('fonts/Avenir-Medium.ttf');
}

@font-face {
  font-family: 'Avenir';
  font-weight: 100;
	src: url('fonts/Avenir-Light.ttf');
}



@font-face {
  font-family: 'Roboto';
  font-weight: bold;
	src: url('fonts/Roboto-Bold.ttf');
}

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
	src: url('fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 100;
	src: url('fonts/Roboto-Light.ttf');
}


@font-face {
  font-family: 'Helvetica';
  font-weight: bold;
	src: url('fonts/HelveticaBold.ttf');
}

@font-face {
  font-family: 'Helvetica';
  font-weight: normal;
	src: url('fonts/HelveticaNormal.ttf');
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 100;
	src: url('fonts/HelveticaLight.ttf');
}

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
	src: url('fonts/opensansreg.ttf');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
	src: url('fonts/opensansbold.ttf');
}

@font-face {
  font-family: 'OpenSans';
  font-weight: 100;
	src: url('fonts/opensanslight.ttf');
}
html {overflow-x: hidden;}

a, a:hover, a:active, a:visited {
	color:inherit;
	text-decoration: none;}

img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
}


input,textarea,select{
display:block;
width:100%;

border:solid 1px #efefef;
padding:10px 12px;
color:#5b5b5b;
font-size:13px;
font-family: 'Roboto', 'Helvetica','OpenSans',"Lucida Grande", sans-serif;

-webkit-appearance: none;
border-radius:0;
}
input:focus,textarea:focus{
outline:none !important;
border-color:#ee7c1b;
}

body{
	background:#f9f9f9;
	color:#2b2b2b;
	  font-family: 'Roboto', 'Helvetica','OpenSans',"Lucida Grande", sans-serif;
	  -webkit-font-smoothing: subpixel-antialiased;
	font-size:14px;
	position:relative;
}

.fixed-width{
	display:block;
	width:calc(100%);
	max-width: 1200px;
	padding: 40px 0;
	margin:0 auto;
}

#content{
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
#content.backdrop{
	opacity: 0.6;
  transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
}



.modal-popup-overlay{
display:none;
width:100%;
height:100%;

position:fixed;
top:0;
left:0;
right:0;
bottom:0;

text-align: center;
background:rgba(0,0,0,.3);


z-index:10000;
}
.modal-popup-overlay-done{
background:rgba(0,0,0,.6);
}
.modal-popup-overlay-done .modal-popup-block{
transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
}
.modal-really-done{

overflow-y: scroll;
}
.modal-popup-block{
display:none;
width:calc(100%);
height:calc(100%);
line-height: 50;

position:absolute;
padding:20px;
top:0;
right:0;

transform: scale(0.9);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);

transition: all 150ms ease;
-moz-transition: all 150ms ease;
-webkit-transition: all 150ms ease;
-o-transition: all 150ms ease;
}
.modal-popup-loader{
display:block;
width:80px;
height:80px;

position:absolute;
top:50%;
left:50%;
border-radius:40px;
padding:5px;

margin-top:-40px;
margin-left:-40px;
}

.popup-normal-block{
display:inline-block;
vertical-align: middle;
background:#fff;
width:400px;
max-width:calc(100%);

text-align: left;
line-height: normal;
}
.popup-block-header{
display:block;

height:45px;
line-height:45px;
position:relative;

background:#f9f9f9;
border-bottom:solid 1px #f1f1f1;
}
.popup-block-close{
display:inline-block;
width:30px;
height:30px;
line-height:30px;
text-align:center;

color:#5b5b5b;

position:absolute;
right:8px;
top:50%;
margin-top:-15px;

font-size:16px;
}
.popup-block-close:hover{
background:#efefef;
}
.popup-block-close:active{
background:#e5e5e5;
}

.popup-block-content ul {
	padding-left: 20px;
	margin-bottom: 10px;
}

.popup-block-content ul > li {
	list-style-type: square;
}

.popup-block-content p {
	margin-bottom: 10px;
}

.popup-block-content{
display:block;
padding:15px;

color:#5b5b5b;
}
.popup-block-content-options{

}
.popup-block-content-options .header{
display:block;
text-align:left;

margin-top:30px;
text-transform:uppercase;
font-weight:bold;
font-size:9px;
}
.popup-block-content-options .content{
display:block;
margin-top:10px;
}
.popup-block-content-options .content a{
display:inline-block;
vertical-align:middle;
color: #1E88E5;
font-size: 14px;
margin-right: 10px;
padding: 4px 12px;
border: solid 1px #303F9F;
font-weight:bold;
}
.popup-block-content-options .content a:hover{
background:#2196F3;
color:#fff;
}
.popup-block-content-options .content a>span{
display:inline-block;
vertical-align:middle;
}
.popup-block-content-options .content a>span:first-child{
font-family:"Entypo";
font-size:30px;
margin-right:6px;
}
.popup-block-options{
display:block;

height:48px;
line-height:48px;
position:relative;

background:#f9f9f9;
border-top:solid 1px #f1f1f1;

text-align:right;
padding:0 15px;
}
.popup-block-options a{
display:inline-block;
vertical-align:top;

height:32px;
line-height:34px;

color:#fff;
padding:0 15px;

margin:6px 0;
margin-right:3px;


font-weight:bold;
text-transform:uppercase;
font-size:11px;
}
.popup-block-options a:last-child{
margin-right:0;
}
.popup-block-options-true{
background:#ee7c1b;
color:#fff;
}
.popup-block-options-false{
background:#555;
color:#fff;
border-color:#4b4b4b !important;
}
.popup-block-options-false:hover{
background: #666;
}
.popup-block-options-false:active{
background:	#4b4b4b;
}
.popup-block-header>span{
display:block;
padding:0 15px;

color:#5b5b5b;
font-weight:bold;
font-size:15px;
}

/* Material Loader */
.omaterial-loader {
  display:inline-block;
  vertical-align:middle;
	background:#fff;
	padding:10px;
  -webkit-animation: material-rotator 1.4s linear infinite;
          animation: material-rotator 1.4s linear infinite;
}

@-webkit-keyframes material-rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes material-rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.omaterial-circle {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-animation: omaterial-dash 1.4s ease-in-out infinite, omaterial-colors 5.6s ease-in-out infinite;
          animation: omaterial-dash 1.4s ease-in-out infinite, omaterial-colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes omaterial-colors {
  0% {
    stroke: #ee7c1b;
  }
  25% {
    stroke: #ee7c1b;
  }
  50% {
    stroke: #ee7c1b;
  }
  75% {
    stroke: #ee7c1b;
  }
  100% {
    stroke: #ee7c1b;
  }
}

@keyframes omaterial-colors {
  0% {
    stroke: #ee7c1b;
  }
  25% {
    stroke: #ee7c1b;
  }
  50% {
    stroke: #ee7c1b;
  }
  75% {
    stroke: #ee7c1b;
  }
  100% {
    stroke: #ee7c1b;
  }
}
@-webkit-keyframes omaterial-dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes omaterial-dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}


.popup-block-fullscreen{
	display:inline-block;
	vertical-align: middle;
	background:#fff;
	min-height: 400px;
	width:calc(100% - 1px);
	max-width:800px;
	margin:0 auto;
	line-height: normal;

	border-radius:4px;
	overflow: hidden;
  box-shadow:0 20px 20px -20px rgba(0,0,0,.1);

	padding:40px;
	text-align: left;
}
.popup-block-vertical{
	display:inline-block;
	vertical-align: middle;
	width:0px;
	height: 0px;
	margin-right:-4px;
}
.popup-block-fullscreen.no-padding{
	padding:0;
}
.modal-popup-floater{
	display:inline-block;
	background:rgba(0,0,0,.1);
	color:#fff !important;
	font-weight: normal;
	font-size:18px;
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align: center;

	position:fixed;
	z-index: 500;

	font-family: "FontAwesome";
}
.modal-popup-close{
right:20px;
top:20px;
}
.modal-popup-expand{
right:70px;
top:20px;
}
.modal-popup-floater:hover{
	background:rgba(0,0,0,.07);
}
.modal-popup-floater:active{
	background:rgba(0,0,0,.2);
}