/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

.text-decoration-line-through {
    text-decoration: line-through!important;
}

code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
pre{overflow:auto;-ms-overflow-style:scrollbar;font-size:87.5%;color:#212529}
figure{margin:0 0 1rem}

code{font-size:90%;color:#c3234b;background-color:#fbf2f5;padding:2px 4px;border-radius:4px;word-break:break-word}
pre code{font-size:inherit;color:inherit;word-break:normal;background-color:inherit;padding:0}

pre{background-color:#353e4e;border:0!important;color:#dedede;padding:12px;border-left:2px solid #585858;-webkit-box-shadow:0 0 15px rgba(0,0,0,.02);box-shadow:0 0 15px rgba(0,0,0,.02)}

.hstack {display: flex; flex-direction: row; align-items: center; align-self: stretch;}
.vstack {display: flex; flex: 1 1 auto; flex-direction: column; align-self: center;}

.code-section .code-block .code,code{white-space:pre-wrap;word-wrap:break-word}
@media (max-width:991.98px){
	.navbar>.container{padding-right:0;padding-left:0}
	.section_excode hr{border:none;margin:1em auto}
	.section_excode .code-section{display:none}
}

.code-section,.example-run-section{overflow:hidden;font-family:monospace,serif;font-size:13px;width:100%}
@media (max-width:991.98px){
	.section{padding-top:5rem;padding-bottom:5rem}
	.section-header{max-width:90%}
}
.opacity-70{opacity:.7!important}
.mw-200{min-width:200px!important}
.gap-xy{margin:-8px}
.gap-xy>*{margin:8px}
.fw-200{font-weight:200!important}
.text-white{color:rgba(255,255,255,.85)!important}
.text-white h3{color:#fff}
.example-run-section{border-radius:3px;background-color:#363e4e;margin:0 0 40px}
.batch{resize:none;margin:0 0 10px;background-color:#f1f3f5;border:1px solid #d0d7dd}
.example-run-section .method{background-color:#00a0dc;color:#fff;padding:7px 15px;text-transform:uppercase}
.endpoint input,.endpoint input:focus{background-color:#363e4e;color:#dedede}
.example-run-section .endpoint{display:inline-block;padding:1px 15px}
.endpoint input{border:0;height:38px}
.btn-batch{border:1px solid silver;color:#000;margin:0 0 20px}
.code-section{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#333}
.code-section .code-block{margin:0}
.code-section .code-block .language{background-color:#29313e;color:#dedede;margin:0;padding:10px 15px;text-transform:lowercase}
.code-section .code-block .code{padding:10px 15px}
.language-markup{border-radius:0 0 3px 3px}
.ph{position:relative}
.ph::before{position:absolute;left:5px;top:6px;content:attr(data-placeholder);pointer-events:none;opacity:.6}
.newline pre{counter-reset:line}
.newline code{counter-increment:line}
.newline code:before{content:counter(line);margin-right:10px;color:#cd5c12;font-style:italic}

.btn-run,.btn-run_obj,.btn-run_call{padding:1px 4px;font-size:.6em}
.key{color:#b4b4b4;font-weight:700}.string{color:#ff9d9d}.number{color:#a6cc8d}.boolean{color:#78A960}.null{color:#f0f}
code{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}

.input-up-home,.ip-look-up-home{
	background:#fff;
	border-radius:5px;
	padding:12px 8px 12px 18px;
	margin-bottom:15px;
	position:relative;
	box-shadow:0 .5rem 1.5rem rgba(22,28,45,.1)
}
.input-up-panel{
	background:#fff;
	border-radius:5px;
	padding:2px 10px 2px 10px;
	margin-bottom:15px;
	position:relative;
	box-shadow:0 .5rem 1.5rem rgba(22,28,45,.1)
}
/*.input-sm{
	padding:10px;
}*/
.input-up-home input{
	border:0;
	background-size:25px;
	color:#444;
	padding:0 20px 0 20px;
	outline:0;
	width:100%
}
.ip-look-up-home input{
	border:0;
	background:url(img/win8-tile-144.svg) 0 center no-repeat;
	background-size:25px;
	color:#444;
	padding:0 70px 0 40px;
	outline:0;
	width:100%
}
.ip-look-up-home .search-button{
	position:absolute;
	text-align:center;
	top:6px;
	right:8px;
	background:#f2f2f2;
	border:1px solid #e3e3e3;
	border-radius:3px;
	width:63px;
	height:34px
}
.look-ip-details{
	background:#363e4e;
	padding:10px 20px;
	height:350px;
	overflow-y:auto;
	border-radius:5px 5px 0 0
}
.look-ip-details .json__block-entry{
	font-size:13px;
	line-height:21px;
	color:#dedede;
	word-break:break-all
}
.look-ip-details .json__block-entry .indent-0{
	margin-left:0
}
.look-ip-details .json__block-entry .String i{
	background-image:url(img/json-block-string.svg?v3)
}
.look-ip-details .json__block-entry .Float i{
	background-image:url(img/json-block-float.svg?v2)
}
.look-ip-details .json__block-entry .Boolean i{
	background-image:url(img/json-block-boolean.svg?v2)
}
.look-ip-details .json__block-entry .String .value{
	color:#ff9d9d
}
.look-ip-details .json__block-entry .Float .value,.look-ip-details .json__block-entry .Boolean .value{
	color:#a6cc8d
}
.try-block{
	background:#29313e;
	border-radius:0 0 5px 5px;
	padding:10px 12px;
	border-top:1px solid #404a5d;
	padding:10px 20px 10px 12px
}
.try-block ul{
	margin:0;
	margin:0
}
.try-block ul li{
	float:left;
	font-size:12px;
	color:#868686;
	font-weight:400;
	margin-right:10px;
	float:left;
	font-size:12px;
	color:#868686;
	font-weight:400;
	margin-right:10px;
	padding-top:1px
}
.float-left{
	float:left!important
}
.list-inline{
	padding-left:0;
	list-style:none
}
.clearfix::after{
	display:block;
	clear:both;
	content:""
}

.try-block ul li span,.try-block ul li a{
	font-size:12px;
	color:#dedede;
	background:#363e4e;
	border:1px solid #404a5d;
	border-radius:3px;
	height:22px;
	line-height:20px;
	padding:0 12px;
	display:inline-block;
	cursor:pointer
}
.try-block ul li span:hover,.try-block ul li a:hover{
	border-color:#d8d8d8
}
.try-block ul li{
	float:left;
	font-size:12px;
	color:#868686;
	font-weight:400;
	margin-right:10px
}

.look-ip-details .json__block-entry i{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:2px;
	background-position:0 0;
	background-repeat:no-repeat
}
.look-ip-details .json__block-entry{
	font-size:12px;
	line-height:21px;
	color:#dedede;
	word-break:break-all;
	letter-spacing:.15em;
	font-weight:400
}
.ip-look-up-home .search-button:before{
	content:'';
	background:url(img/search.svg?v4) center no-repeat;
	background-size:16px;
	height:30px;
	width:20px;
	display:inline-block
}
.ip-look-up-home .search-button:hover{
	background:#e3e3e3;
	cursor:pointer
}

@media only screen and (max-width: 610px){
	.json-block-examples li:last-child{
		display:none
	}
}
.json-block-examples li:nth-child(2){
	position:absolute;right:15px
}

.js-json__block{
	margin-top:35px
}

@media (min-width: 992px){
	.js-json__block{
		margin-top:0
	}
}

.section_choose{text-align:center;background:#fafafa}

.code-section .code-block .language span{display:inline-block;width:10px;height:10px;padding:0;border-radius:100%}
.code-section .code-block .language span:nth-child(1){background-color:#ED7268}
.code-section .code-block .language span:nth-child(2){background-color:#F9E600}
.code-section .code-block .language span:nth-child(3){background-color:#4BD591;margin-right:6px}
.section_try_it{padding-top:6.5rem!important}
.section_try_it .code-section{text-align:left}
.section_try_it header{max-width:100%}
@media (min-width: 992px){
	.section_try_it .code-section{text-align:left;transform:scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);max-width:75%;float:right}
}
@media (max-width:1199.5px){
	/*.switch-plan-details#business{-webkit-transform:scale(.95,.95);-moz-transform:scale(.95,.95)}*/
	.plan-details-block .col-md-6:nth-child(3){max-width:100%;flex:0 0 100%}
}
.section_excode .code-section{float:right;text-align:left;max-width:75%}
.section_excode .row:nth-child(4) .code-section{float:left}
.section_excode hr{border:none;margin:5em auto}




@media (max-width: 900px){
	.video-app-wrap {position: inherit !important; right: auto !important;}
}
@media (min-width: 320px) and (max-width: 768px){
	.video-app-wrap {top: 0 !important;}
}
.video-app-wrap {box-sizing: border-box; min-height: 1px; left: auto; flex-wrap: wrap; -webkit-box-align: center; align-items: center; z-index: 5; justify-items: flex-end; position: relative; right: 8%; max-width: 350px; flex: 0 0 38%; top: -15px;}

.iphone-mask {z-index: 10; object-fit: cover; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; position: relative; width: 100%; overflow: hidden;}

.mask-img {object-fit: cover; height: 100%; width: 100%; z-index: 10; transition: all 400ms ease-in 0s;}

.img-fluid {max-width: 100%; height: auto;}

.video-wrap {vertical-align: baseline; position: absolute; height: 100%; box-sizing: border-box; top: -2px; font: inherit; padding: 18px; overflow: hidden;}
.video-wrap video {transform-style: preserve-3d; text-align: center; height: 100%; max-width: 100%; margin: 0 auto; background: white; border-radius: 10px;}