/*
======================================
**** InstaHacker ****
**** Theme Name : InstaHacker ****
**** Version : 1.0 ****
======================================
*/

/*
========================
FONTS
========================
*/
@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Light"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Semilight"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}
@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Bold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Semibold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 700;
}

/* ======================== BODY&FRAMEWORK ======================== */
html {
  margin: 0;
  padding: 0;
}
body {
  background-color: #FAFAFA;
  position: relative;
  font-family: 'Helvetica', 'Segoe UI', arial;
  font-size: 15px;
  color: #262626;
  margin: 0;
  padding: 0;
  direction: ltr;
}

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.table:after,.table:before{content:" ";display:table}
.table-cell{display:table-cell;width:10%;vertical-align:middle}
.display-flex{display:flex}
.display-flex-middle{display:block;vertical-align:middle;margin:0 auto}
.inline-block{display:inline-block}
.clear{clear:both}
.no-top-padding{padding-top:0}
.no-bottom-padding{padding-bottom:0}
.no-margin{margin:0}
.col-centered {float: none;margin: 0 auto; text-align:left}
li,ul{list-style:none;margin:0;padding:0}
img{max-width:100%;display:block}
a {text-decoration: none;}
.weight-500 {font-weight:500;}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.menu a, .menu_mobile {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;}

/*
========================
HEADER
========================
*/
header#header {
    display: block;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.0975);
    height: 70px;
}
header#header .logo {
    line-height: 70px;
}
header#header .logo img {
    width: 190px;
    display: inline-block;
    vertical-align: middle;
}
header#header .menu {
    line-height: 70px;
}
header#header .menu ul li {
    float: left;
}
header#header .menu ul li a {
    display: block;
    padding: 0 15px;
    font-family: 'Segoe UI';
    font-weight: 500;
    color: #262626;
    font-size: 16px;
}
header#header .menu ul li a:hover {
    color: #003569;
}
.open_menu,
.menu_mobile {
  display: none;
}

/*
========================
HACKED ACCOUNTS
========================
*/
section.header_bottom {
    margin: 35px 0;
}
section.header_bottom h1.title {
    margin: 0 0 35px;
    text-align: center;
}
section#static_page_header h1.title {
    margin: 0;
}
.haccount {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 3px;
}
.haccount .haccount_img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 15px;
}
.haccount .haccount_name {
    display: block;
    color: #262626;
    font-weight: bold;
    line-height: 26px;
}
.haccount .haccount_time {
    color: #999;
    display: block;
    font-size: 14px;
}
.start_hacking_btn {
   text-align: center;
    display: block;
    margin: 0 auto;
    background-color: #3897f0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    position: relative;
    font-weight: 600;
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    outline: none;
    margin-top: 15px;
}
.start_hacking_btn a {
  color: #fff;
  display: block;
  padding: 0 30px;
}
.complete_hack {
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: #3897f0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    position: relative;
    font-weight: 600;
    padding: 0;
    height: 33px;
    line-height: 33px;
    outline: none;
    margin-top: 15px;
    width: 100%;
	font-size: 14px;
}


/*
========================
START HACKING PAGE
========================
*/
#hack-instagram h1.title {
    margin: 0 0 10px;
}
section.header_bottom .description {
    text-align: center;
    margin: 0;
}
.account_to_hack {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px 10px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 3px;
}
.account_to_hack img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid rgba(0,0,0,.0975);
}
.account_to_hack .account_to_hack_name {
    display: block;
    color: #262626;
    font-weight: bold;
    line-height: 26px;
}
.account_to_hack .account_to_hack_username {
    color: #999;
    display: block;
    font-size: 14px;
    display: inline-block;
}
.start_hacking_panel {
    margin-top: 30px;
    margin-bottom: 30px;
}
.add_account_to_hack {
    text-align: center;
    width: 30%;
}
.add_account_to_hack input {
    background: #ffffff;
    border: solid 1px #dbdbdb;
    height: 40px;
    line-height: 40px;
    box-sizing: content-box;
    outline: none;
    width: 70%;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
}
.add_account_to_hack button {
    background-color: #3897f0;
    border: 0;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    position: relative;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    outline: none;
    width: 23%;
}
.instructions {
    margin: 30px 0;
    text-align: center;
}
.instructions2 {
    margin:0;
    text-align: center;
}
.instructions .username_instructions {  /* le style de la photo kim kardahian */
    width: 500px;
    margin-top: -13px;
    border: solid 1px #dbdbdb;
}
.user_not_found_msg {
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto 15px;
    color: #D8000C;
    font-weight: 500;
}

/*
========================
PROGRESS
========================
*/
.wait_msg {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    font-size: 19px;
    color: #003569;
    font-weight: bold;
}
.proccessing_panel {
    text-align: center;
    margin: 30px auto;
}
.progress {
    background: #efefef;
    height: 30px;
    border-radius: 50px;
    margin: 15px 0;
    overflow: hidden;
}
.bar {
    background: #003569;
    height: 100%;
    border-radius: 50px;
    width: 0%;
}
.percent {
    font-weight: bold;
    color: #262626;
}


/*
========================
CONTENT
========================
*/
section#content {
  border: 1px solid #e6e6e6;
  padding: 50px 0;
  background: #fff;
  margin-top: 60px;
  margin-bottom: 30px;
  border-radius: 3px;
}
.content_container {
    display: block;
    margin-bottom: 30px;
    padding: 0 30px;
}
.content_container:last-child {
  margin-bottom: 10px;
}
.content_container h2 {
    margin: 0 0 15px 0;
    font-weight: bold;
}
.content_container p {
    color: #262626;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
#list_content {
    margin: 0 40px;
    line-height: 28px;
}
#list_content li {
    list-style: initial;
}
#list_content2 {
    margin: 0 0px;
    line-height: 28px;
}
#list_content2 li {
    list-style:decimal;
}

.content_container a {
    color: #262626;
    font-weight: 600;
}


/*
========================
FOOTER
========================
*/
footer#footer {
    text-align: center;
    margin-top: 60px;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.0975);
    padding: 25px 0;
}
.link {
    margin-bottom: 5px;
}
.link ul {
    display: inline-block;
}
.link ul li {
    float: left;
}
.link ul a {
    display: inline-block;
    padding: 0 10px;
    color: #262626;
    font-weight: bold;
    font-size: 16px;
}
.link ul li:after {
    content: '-';
    display: inline-block;
}
.link ul li:last-child:after {
    content: '';
}
.copyright span, .copyright a {
    color: #003569;
    font-weight: bold;
    font-size: 15px;
}
.copyright .symbole {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


@media screen and (max-width : 1280px) {
/* CSS CODE HERE FOR DESKTOP ---*/

}

@media screen and (max-width : 1024px) {
/* CSS CODE HERE FOR TABLETS ---*/

}

@media screen and (max-width : 768px) {
/* CSS CODE HERE FOR SMALL TABLETS ---*/
.container {
    padding: 0 15px;
    }
.menu {display:none;}
.open_menu {
  display: block;
  float: right;
  line-height: 70px;
  color: #242424;
}
.menu_mobile {
    display: block;
    position: fixed;
    background: #ffff;
    height: 100%;
    width: 80%;
    padding: 50px 30px;
    border-right: 1px solid rgba(0,0,0,.0975);
    box-shadow: 0 0 13px 0px rgba(0,0,0,.0975);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    margin-left: -15px;
    z-index: 99;
}
.menu_mobile.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}
.menu_mobile .close_menu {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #262626;
}
.menu_mobile ul li {
    line-height: 28px;
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.0975);
}
.menu_mobile ul li a {
    display: block;
    font-family: Segoe UI;
    font-weight: 600;
    color: #262626;
    font-size: 15px;
}
section.header_bottom .description {
    line-height: 27px;
}
.add_account_to_hack input {
    width: 100%;
    box-sizing: border-box;
}
.add_account_to_hack button {
    margin-top: 10px;
    width: 100%;
    border-radius: 3px;
}
section#content {
    padding: 30px 0;
    margin-top: 45px;
}
.content_container {
    padding: 0 10px;
    
}
.link {
    margin-bottom: 15px;
}
.link ul li {
    line-height: 28px;
}
.haccount {
    padding: 15px 7px;
}
.haccount .haccount_img {
    width: 80px;
    height: 80px;
}
.haccount .haccount_name {
    line-height: 22px;
    margin-bottom: 5px;
}
.accounts_hacked .col-md-3 {
    padding-left: 0;
}
}

@media screen and (max-width : 640px) {
/* CSS CODE HERE FOR IPHONE ---*/

}

@media screen and (max-width : 480px) {
/* CSS CODE HERE FOR SMARTPHONES ---*/

}

@media screen and (max-width : 320px) {
/* CSS CODE HERE FOR SMALL MOBILES ---*/

}

/*
============
Contact
==========
*/
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}




/*new css i (sox) added */

.float_logo {
    float: left;
    max-width:50%;
    height:auto;
    margin-top: -2px;
}
.loading {
    display: none;
    width: 100px;
    margin-top: -15px;
    margin-bottom: -80px;

}


.loading3 {
    display: none;
    width: 100%;
    margin-top: -15px;


}

.beinghacked{
    background-color:azure;
    border-style: dashed;
    border-radius: 5px;
    border-width: thin;
    display:none;
}
.beinghacked2{
display:none;
}

.wrong {
    display:none;
}



.hack-box form input[type=submit] {
    background: rgba(0,0,0,0.2);
    color: #FFF;
    border: 0;
    height: 35px;
    width: 200px;
    margin: 20px auto 0px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    cursor: pointer;
}
.hack-box {padding: 50px 20px 35px;text-align: center;font-size: 20px;width: 90%;margin: -20px auto 0;}
.hack-box form {
    margin-top: 20px;
}
.hack-box form input[type=text],

.alert-success 
{
text-align:center;
color:black;
font-size:18px;
}

.important /** img **/
{
margin-right:1000px;
} 



/** quote style **/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/** acide style **/
aside {
    width: 40%;
    padding-left: .5rem;
    margin-left: .5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px #29627e;
    font-style: italic;
    color: #29627e;
    margin: .5rem;
    font-family: 'Fira Sans', sans-serif;
}
#center {
    text-align: center;
}
.none {
    display:none;
}
.searching {
    display:none; margin-top:80px; margin-bottom:-50px;
}
.red {
    color:red;
}
.userfound {
    text-align: center;  margin-bottom: 5px; font-size: 15px; color: #270; font-weight: 600;
}
.wrongprofile {
    text-align: center; margin-bottom: 15px; font-size: 13px;
}
.clickhere {
    font-weight: 600; color: #242424;
}