@charset "UTF-8";


/**	01. Fonts
*************************************************** **/
@font-face { font-family:'proxima_nova_thin';src:url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.svg#proxima_nova_ththin) format("svg");font-weight:400;font-style:normal}
@font-face { font-family:'proxima_nova_light';src: url('../fonts/proxima_nova_light-webfont.eot');src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/proxima_nova_light-webfont.woff') format('woff'),url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),url('../fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');font-weight: normal;font-style: normal; }
@font-face { font-family:'proxima_nova_regular';src:url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_nova_rgregular) format("svg");font-weight:400;font-style:normal}
@font-face { font-family:'proxima_nova_semibold';src:url(../fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_semibold-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold) format("svg");font-weight:400;font-style:normal}
@font-face { font-family:'proxima_nova_bold';src:url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.svg#proxima_nova_rgbold) format("svg");font-weight:400;font-style:normal}
@font-face { font-family:'proxima_nova_extrabold';src:url(../fonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_extrabold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_extrabold-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_extrabold-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_extrabold-webfont.svg#proxima_nova_thextrabold) format("svg");font-weight:400;font-style:normal}
@font-face { font-family:'proxima_nova_black';src:url(../fonts/mark_simonson_-_proxima_nova_black-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_black-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_black-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_black-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_black-webfont.svg#proxima_nova_blblack) format("svg");font-weight:400;font-style:normal}


/**	02. Selection
*************************************************** **/
::selection { color: #000; background: #ccc; text-shadow: none; }
::-moz-selection { color: #000; background: #ccc; text-shadow: none; }


/** 03. Globals
 **************************************************************** **/
body { margin: 0; color: #717a8f; font-family: 'proxima_nova_regular', sans-serif; -webkit-font-smoothing: antialiased; height: 100%; font-size: 16px; background: #f0f3f6; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
body.home { background: #010006; }

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
.clear { clear: both; }
*:focus { outline: 0 !important; }

a { color: #337ab7; outline: 0; text-decoration: none; }
a:hover, a:active, a:focus { outline: 0; text-decoration: none;  }

h1 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }
h2 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }
h3 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }
h4 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }
h5 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }
h6 { font-family: 'proxima_nova_bold'; font-weight: normal; color: #717a8f; }

b, strong { font-family: 'proxima_nova_bold';font-weight: normal; }
p { text-align: justify;margin-bottom: 15px;font-size: 18px;line-height: 22px;}

ul { list-style: none;padding: 0;}

/* Section Background */
.bg-white       { background-color: #ffffff; }
.bg-gray        { background-color: #f0f3f6; }
.bg-green       { background-color: #5BA229; }
.bg-dark        { background-color: #4d4d4d; }
.bg-twitter     { background-color: #00aeef; }
.bg-turquoise   { background-color: #8cc1c1; }
.bg-orange   { background-color: #ff7700; }
.bg-blue   { background-color: #3E4E5C; }

.label-orange { background-color: #ff7700; }

.overlay-color { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }

.btn {font-family: 'proxima_nova_bold';font-size: 16px;}
.btn-orange { color: #fff; background-color: #F69222; border: 0; }
.btn-success { color: #fff; background-color: #77c04b;border: 0; }
.btn-gray { color: #fff; background-color: #b6bec1; border: 0; }
.btn-gray2 { color: #707070; background-color: #2B2F33; border: 0; }
.btn-green { color: #fff; background-color: transparent; border-color: #fff; }
.btn-warning { color: #fff; background-color: #F15D2A; border: 0; }

.btn-embossed       { -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); } 


/*================================================ */
/* PARAMETERS
================================================== */
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#000; z-index:99; }
#preloader #status { width:300px; height:300px; position:absolute; left:50%; top:38%; background-image:url(../img/dnsbil-loading.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }


/*================================================ */
/* SITE
================================================== */
#site { position: relative;width: 100%; /*background: url(../img/slide1.jpg) no-repeat center center fixed;*/ -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }


/*================================================ */
/* HEADER
================================================== */
.header { position: relative;width: 100%;clear: both;}
.header .navbar { margin-bottom: 0;border: 0; height: 66px; background: #010006; }
.header .navbar-default .navbar-nav > li > a, 
.header .navbar-default .navbar-nav > li > a { line-height: 1.6; color: #fff; font-size: 16px; padding: 20px 15px; text-shadow: 0px 1px 0px #000; }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { background-color: #2B2F33; color: #fff; }
.header .navbar-brand { float: left; height: 65px; padding: 6px 0 0; font-size: 18px; line-height: inherit; }


/*================================================ */
/* MAIN
================================================== */
.main { position: relative;width: 100%;}


/*================================================ */
/* HOMEPAGE
================================================== */
.home-whois { position: relative; min-height: 800px; background: #010006 url(../img/slide1.jpg) no-repeat center center;clear: both; padding-top: 8em; box-sizing: border-box;}
.home-whois .home-logo { width: 383px;margin: 0 auto -2px;}
.home-whois .home-logo > a > img { display: block;width: 100%; }
.home-whois .whois-bg { width: 100%; background: rgba(0, 0, 0, 0.7);min-height: 100px;padding: 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.home-whois .whois-bg h1 { text-align: center;color: #ffffff;margin: 0;font-size: 26px;margin-bottom: 10px;font-family: 'proxima_nova_bold';}

.whois-menu { position: relative;width: 100%;min-height: 30px;text-align: center;}
.whois-menu > a { color: #fff;padding: 0 10px;display: inline-block;}

.whois-form { position: relative;width: 602px;min-height: 60px;margin: 0 auto;}
.whois-form input { width: 470px;float: left; color: #717a8f; font-size: 18px; font-family: 'proxima_nova_bold'; border: 0; background: #fff; box-shadow: none; height: 60px; padding: 0 16px;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.whois-form .btn { float: left;width: 130px;height: 60px;border-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} 
.whois-ip { position: relative;width: 100%;min-height: 26px;padding-top: 18px; text-align: center;}
.whois-ip > a { color: #77c04b; font-family: 'proxima_nova_semibold';}

.address { position: relative;padding: 80px 0 20px; }
.address h1 { font-size: 24px; margin: 5px 0 0; padding: 0;text-align: center; }
.address .ip-address {  font-size: 800%;font-family: 'proxima_nova_semibold';text-align: center; color: #77c04b;min-height: 50px;}
.address p { text-align: center;font-size: 16px;}

.contact { position: relative;padding: 40px 0 20px; }

.about { position: relative;padding: 40px 0 20px; }
.about h1 { font-size: 24px; margin: 5px 0 10px; padding: 0 0 10px; }
.thanks { position: relative;padding: 40px 0 20px; }
.thanks ul li { font-size: 18px;}
.thanks b { font-size: 18px;}
.thanks img { display: block;margin: 8em auto 0; }

.box { position: relative; background-color: #fff; box-shadow: rgba(0,0,0,.03) 0 2px 0; border-radius: 4px; width: 100%; padding: 15px; margin-bottom: 25px;overflow: hidden;}
.box h1 { font-size: 24px; margin: 5px 0 10px; padding: 0 0 10px; border-bottom: 2px solid #e9edf2; }
.box h3 { font-size: 16px; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 2px solid #e9edf2; }

.version { position: relative; }
.version .verLine { position: relative; position: relative; background-color: #fff; box-shadow: rgba(0,0,0,.03) 0 2px 0; border-radius: 4px; width: 100%; padding: 15px; margin-bottom: 25px;overflow: hidden;}
.version .verLine > i { float: left;font-size: 64px;width: 84px; color: #D7DAE0;}
.version .verLine .verText { float: left; width: calc(100% - 84px)}
.version .verLine .verText > h3 { font-size: 18px;margin-top: 3px; }
.version .verLine .verText > p { font-size: 16px;line-height: 18px; }


.whois-detail { position: relative;padding: 30px 0; background: #e78733 url(../img/whois_bg.jpg);min-height: 122px;}
.whois-detail h1 { font-size: 28px;margin: 2px 0 5px;display: inline-block;}
.whois-detail h1 > a { color: #fff;font-size: 24px;}
.whois-detail p { font-size: 15px;line-height: 18px;margin: 0;color: #FFC088;}
.whois-detail p > a {color: #FFC088;}

.detail-whois { background: #fff;border-radius: 4px;min-height: 62px;padding: 10px;}
.detail-whois input { width: 455px;float: left; color: #717a8f; font-size: 18px; font-family: 'proxima_nova_bold'; border: 0; background: #fff; box-shadow: none; height: 42px; padding: 0 16px;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.detail-whois .btn { float: left;width: 80px;height: 42px;border-radius: 4px; font-size: 22px; } 


.detail { position: relative;padding: 20px 0 20px; }
.detail .breadcrumb { position: relative;font-size: 14px; background-color: #fff; box-shadow: rgba(0,0,0,.03) 0 2px 0; border-radius: 4px; width: 100%; padding: 6px 15px; margin-bottom: 25px;overflow: hidden; }
.detail .box { margin-bottom: 15px;}
.detail .box ul.list li { line-height: 28px;font-size: 15px;}
.detail .box ul.list li b { display: inline-block;width: 120px; vertical-align: top;}
.detail .box ul.list li em { display: inline-block;width: 10px;font-style: normal; vertical-align: top;}
.detail .box ul.list li span { display: inline-block;width: calc(100% - 140px);}
.detail .box ul.list li ul { display: inline-block;width: calc(100% - 140px);min-height: 85px;}
.detail .box ul.list li ul li { line-height: 18px;padding-bottom: 5px;}
.detail .box ul.list li ul li span{ display: block; }

.detail .box ul.listNS li { line-height: 18px;font-size: 15px;padding-bottom: 10px;}
.detail .box ul.listNS li b { display: block;}
.detail .box ul.listNS li span.label { padding: .2em .6em;font-weight: normal;}

.detail .box ul.listMX { margin-bottom: 20px; }
.detail .box ul.listMX li { line-height: 18px;font-size: 15px;padding-bottom: 10px;}
.detail .box ul.listMX li em { display: inline-block;width: 40px;font-style: normal;text-align: left; }
.detail .box ul.listMX li b { display: inline-block;width: 260px;}



.social-bar {position: relative; width: 100%; background:#FFF; min-height: 52px; z-index: 1; }
.social-bar .container { position: relative; }
.social-bar b { float: left;line-height: 52px;padding-right: 30px;font-size: 20px;}
.social-bar ul { float: left; }
.social-bar ul li { line-height: 52px; }
.social-bar ul li a {color: #939292;}
.social-bar ul li a > i { padding-right: 6px; }
.social-bar .nt-control { position: absolute;right: 255px;top: 10px;}
.social-bar .nt-control > i { display: inline-block;width: 32px;height: 32px;line-height: 32px;font-size: 18px; background: #DDD;color: #444;cursor: pointer;text-align: center;}
.social-bar .social { position: absolute;right: 15px;top: 10px; border-left: 1px solid #DDDDDD; padding-left: 28px;}
.social-bar .social > span { float: left; padding: 5px 5px 0 0;}
.social-bar .social > a { display: inline-block;margin-left: 3px;width: 32px;height: 32px;line-height: 36px;font-size: 20px;text-align: center;color: #ffffff;background: #5c75a9;}
.social-bar .social > a:last-child { background: #40bff5;}

.raw { display: none; }
.raw h3 { font-size: 24px; margin: 0; }
.raw .raw_data { font-family: "Courier New", monospace, serif; font-size: 1em; line-height: 1.3; margin: 12px 0; padding: 0 5px; word-wrap: break-word; text-align: left; }
.openx { display: block !important; margin-top: 10px; }
#iRaw { text-decoration: none; display: block;margin-bottom: 15px;}

@media only screen and (max-width: 768px) {
    #preloader #status { left: 42%;}
    .social-bar .social > span { display: none; }
    .social-bar .nt-control { right: 152px;}
    .whois-detail h1 { text-align: center;display: block; }
    .whois-detail p { text-align: center;display: block; margin-bottom: 11px;}
    .detail-whois input { width: calc(100% - 80px)}
    .detail .box ul.listMX li em { width: 25px;}
    .detail .box ul.listMX li b { width: 170px;}
    .footer .pull-left{ float: none;display: block;text-align: center;width: 100%;}
    .footer .pull-right{ float: none;display: block;text-align: center;width: 100%;}
}

@media only screen and (max-width: 767px) {
    #preloader #status { left: 36%;top: 40%;}
    .navbar-toggle { margin-top: 16px; }
    .navbar-collapse { background: rgba(0, 0, 0, 0.8);border-top: 0;}
    .header .navbar-default .navbar-nav > li > a, 
    .header .navbar-default .navbar-nav > li > a { padding: 5px 15px;}
    .home-whois { min-height: 590px;padding-top: 5em;}
    .home-whois .col-md-8 { padding-right: 0; padding-left: 0;}
    .home-whois .home-logo {margin: 0 auto -2px;width: 328px;}
    .whois-form { width: 100%; }
    .whois-form input { width: 100%;float: none;margin-bottom: 10px;border-radius: 4px;}
    .whois-form .btn { width: 100%;float: none;border-radius: 4px;}

    .address .ip-address {  font-size: 300%;font-family: 'proxima_nova_semibold';text-align: center; color: #5CB85C;min-height: 160px;}
    .thanks img { display: block;margin: 2em auto 2em; }
    .contact .btn { display: block;  width: 100%; }
    .social-bar ul li { font-size: 14px; }
    .social-bar b,
    .social-bar .nt-control { display: none;}
}

.home-fourbox { position: relative;padding: 60px 0 40px;}
.home-fourbox img { height: 96px; display: block; margin: 0 auto .5em; }
.home-fourbox h4 { font-size: 20px; text-align: center; } 
.home-fourbox p { font-size: 16px;line-height: 18px; text-align: center; display: block; }




/*================================================ */
/* FOOTER
================================================== */
.footer { clear: both; overflow: visible; min-height: 52px; background: #010006;}
.footer ul { margin-top: 13px; }
.footer ul li { display: inline-block;padding: 0 10px;font-size: 14px;color: #fff;}
.footer ul li:last-child { padding-right: 0; }
.footer ul li > a { display: block;width: 100%; color: #fff}
.footer p { margin: 13px 0 0;display: inline-block;font-size: 14px;color: #fff}



/*================================================ */
/* BACK TO TOP
================================================== */
#back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);}
#back-to-top a { display: block; width: 40px; height: 40px; background: rgba(0,0,0,0.5) url(../img/back-to-top.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }
#back-to-top a:hover { background-color: #E67E20 }

@media only screen and (max-width: 450px) {
     #back-to-top { display: none !important;}
}