@media ( min-width: 1460px ) {
	
}

@media ( max-width: 990px ) {

}

@media ( max-width: 750px ) {

}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }

/* source-code-pro-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-code-pro-v22-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/source-code-pro-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-code-pro-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-code-pro-v22-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
  }
  /* source-code-pro-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-code-pro-v22-latin-600.eot'); /* IE9 Compat Modes */
    src: url('../fonts/source-code-pro-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-code-pro-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-code-pro-v22-latin-600.svg#SourceCodePro') format('svg'); /* Legacy iOS */
  }
  /* source-code-pro-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-code-pro-v22-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/source-code-pro-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-code-pro-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-code-pro-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-code-pro-v22-latin-700.svg#SourceCodePro') format('svg'); /* Legacy iOS */
  }

  /* montserrat-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

*{ 
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
outline:none;
-webkit-tap-highlight-color: rgba(255,255,255,0.4);
box-sizing:border-box;
}

*::selection {
background:#ccc;
color:#fff;
}

html, body {
height: 100%;
}

body {
background: #fff;
color: #111;
font-family: 'Roboto', Arial, Verdana, sans-serif;
font-size: 17px;
-webkit-text-size-adjust: none;
font-weight:300;
}

div {
position: relative;
}

img, iframe {
vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px 0;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}

h1{
font-size:40px;
}

h1:after{
content: "";
width: 60px;
position: absolute;
border-bottom: 3px solid #b7ce00;
bottom: 5px;
left: 15px;
}

h2{
font-size:24px;
}

h3{
font-size:22px;
}

p {
margin: 0 0 10px 0;
line-height:24px;
-webkit-hyphens: auto;
hyphens: auto;
}

p a{
color:#666;
}

p a:hover{
color:#888;
border-bottom:1px dotted #999;
}


hr{
height: 0;
margin: 10px 0;
border-bottom: 1px solid #ccc;
}

/* LAYOUT */

.section{
width: 100%;
}

.wrap{width:990px;margin: 0 auto;}
@media ( min-width: 1460px ) {.wrap{width:1160px}}
@media ( max-width: 1010px ) {.wrap{width:730px}}

.col, .col33, .col50, .col66, .col100{
min-height: 10px;
float: left; 
padding-left:15px;
padding-right:15px;
outline:dotted 1px #ccc;  
}

.col33{width:33.333%;}
.col50{width:50%;}
.col66{width:66.666%;}
.col100{width:100%;}

.padding30{padding-top:30px; padding-bottom:30px;}
.padding50{padding-top:50px; padding-bottom:50px;}
.padding70{padding-top:70px; padding-bottom:70px;}


@media ( max-width: 750px ) {
.desktop{display: none;}
.mobile{display: block;}
.wrap{width:100%;}
.col, .col33, .col50, .col66, .col100{width:100%;}
}

.fullwidth{
width:100%;
}

/* CUSTOM */

.header{
background:#ededed;
padding:15px;
font-size:20px;
font-weight:900;
color:#111;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
height:54px;
}

.header span{

}

.mce-tinymce, .mce-last{
border:0 !important;
}

.mce-edit-area{
border:0 !important;
}

.content ul{
margin:10px 0;
list-style:none;
}

.content ol{
margin:10px 0;
}

.content li{
margin:0 0 10px 15px;
line-height:23px;
}

.content ol li{
margin:0 0 10px 18px;
padding-left:3px;
}

.content ul li:before {    
font-family: 'FontAwesome';
content: '\f0da';
margin:0 10px 0 -15px;
color: #b7ce00;
position:absolute;
}

.content li a{
color:#666;
}

.content li a:hover{
opacity:.7;
}

.left{
width:50%;
height:calc(100% - 107px - 54px);
float:left;
}

iframe{

}

.right{
width:50%;
float:left;
height:calc(100% - 54px);
}

.editor{
position:absolute;
top:0;
bottom:0;
}

pre{
font-family: 'Source Code Pro', monospace;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
padding:20px;
font-size:14px;
line-height:23px;
height:100%;
background:#fafafa;
word-wrap: break-word;
white-space: pre-wrap;  
}

.hljs{
padding:20px !important;
}

.copybutton{
position:absolute;
bottom:20px;
right:20px;	
padding:15px 60px;
text-transform:uppercase;
background:#999;
color:#fff;
letter-spacing:2px;
cursor:pointer;
font-size:14px;
transition:.1s;
border:1px solid #fff;
border-radius:3px;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.copybutton:hover{
background:#fff;
color:#666;
border:1px solid #999;
}

.copybutton:active{
transition:.0s;
background:#eee;
color:#666;
}

.not_selectable{
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.clearer{
clear:both;
}

.overflowhidden{
overflow:hidden;
}


@media ( min-width: 601px ) {
.mobile{
display: none;
}
}