@charset "UTF-8";

/*-----------------[MENU START]------------------------*/
.header {
  background:linear-gradient(to bottom,#31B3DA 0%,#088798 100%) repeat scroll 0 0 rgba(0,0,0,0);
  border-bottom:1px solid #E9E9E9;
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  filter:none;
  height:54px;
  left:0;
  position:fixed;
  top:-5px;
  width:100%;
  z-index:100;
}

.container-menu {
  margin-left:auto;
  margin-right:auto;
  width:630px;
}

.header .container-menu .navigation-menu ul li a > .caret {
  border-top:4px solid #C7B2D9;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  display:inline-block;
  height:0;
  width:0;
  vertical-align:middle;
  position:absolute;
  bottom:-8px;
  left:50%;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.header .container-menu .navigation-menu ul li:hover > a > .caret {
  border-top:4px solid #fff;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.header .container-menu .navigation-menu ul li {
  list-style:none outside none;
  display:inline;
  float:left;
  cursor:unset;
  padding:15px 17px 12px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.header .container-menu .navigation-menu ul li:hover {
  background:none repeat scroll 0 0 #C4D9B2;
}

.header .container-menu .navigation-menu ul li:hover > a {
  color:#fff;
}

.header .container-menu .navigation-menu ul li ul {
  background:#fff;
  box-shadow:0 3px 3px rgba(0,0,0,0.1);
  height:auto;
  left:40px;
  margin-top:11px;
  padding:0;
  position:absolute;
  width:auto;
  display:none;
}

.header .container-menu .navigation-menu ul li:hover ul {
  display:block;
}

.header .container-menu .navigation-menu ul li ul li {
  position:relative;
  display:block;
  cursor:unset;
  float:none;
  padding:7px 46px 8px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.header div.container-menu .navigation-menu {
  position:absolute;
  top:-13px;
}

.header .container-menu .navigation-menu ul li a {
  color:#000000;
  font-size:12px;
  font-style:normal;
  font-family:Arial;
  font-weight:600;
  line-height:28px;
  position:relative;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.header .container-menu .navigation-menu ul li ul li a {
  color:#E68A8A;
  font-size:12px;
  font-style:normal;
  font-family:Arial;
  font-weight:600;
  line-height:28px;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

/*-----------------[MENU END]------------------------*/
/*-----------------[STATUS BAR START]------------------------*/
.my-status {
  background:linear-gradient(to bottom,#F6F6F6 0%,#FFFFFF 100%) repeat scroll 0 0 rgba(0,0,0,0);
  border-top:1px solid #E9E9E9;
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  bottom:0;
  color:#717171;
  font-family:'Nunito';
  font-size:10px;
  font-weight:100;
  left:0;
  margin:auto;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:500;
  padding:4px;
  height:20px;
}

/*-----------------[STATUS BAR DOWNLOAD END]------------------------*/
/*-----------------[POST & COMMENT STYLES START]------------------------*/
.user_comment_textarea_small {
  height:220px;
  padding:5px;
  width:992px;
  max-width:992px;
  min-width:992px;
}

.user_comment_textarea_big {
  height:220px;
  padding:5px;
  width:992px;
  max-width:992px;
  min-width:992px;
}

#user_comment_comment {
  color:#E68A8A;
  font-family:'Nunito';
  font-size:13px;
  word-spacing:-.69px;
}

/*-----------------[POST & COMMENT STYLES END]------------------------*/
/*-----------------[SOCIAL  START]------------------------*/
ul.social-icons {
  float:right;
  margin:13px -31px 0;
  padding:0;
  width:auto;
}

ul.social-icons li[class] a {
  text-indent:-9999px;
}

ul.social-icons li a {
  display:block;
  height:30px;
  text-align:center;
  width:30px;
}

ul.social-icons li {
  background-color:#FFFFFF;
  background-image:url(http://s30.postimg.org/6tq3dgccx/social_sprites.png);
  background-repeat:no-repeat;
  border-radius:100%;
  display:inline-block;
  margin:-1px 1px 5px 0;
  overflow:visible;
  padding:0;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  transition:all .3s ease;
}

ul.social-icons li.facebook {
  background-position:0 -150px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.facebook:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

ul.social-icons li.twitter {
  background-position:0 -1170px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.twitter:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

ul.social-icons li.linkedin {
  background-position:0 -570px;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  transition:all 1s;
}

ul.social-icons li.linkedin:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(720deg),scale(1.5);
  -o-transform:rotate(720deg);
  -ms-transform:rotate(720deg);
  transform:rotate(720deg);
}

.modalDialogrules {
  position:fixed;
  font-family:Arial,Helvetica,sans-serif;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.8);
  z-index:99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}

.modalDialogrules:target {
  opacity:1;
  pointer-events:auto;
}

.modalDialogrules > div {
  width:400px;
  position:relative;
  margin:10% auto;
  padding:5px 20px 13px;
  border-radius:10px;
  background:#fff;
  background:-moz-linear-gradient(#fff,#999);
  background:-webkit-linear-gradient(#fff,#999);
  background:-o-linear-gradient(#fff,#999);
}

.modalDialogcontest {
  position:fixed;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  top:-70px;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.8);
  z-index:99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}

.modalDialogcontest:target {
  opacity:1;
  pointer-events:auto;
}

.modalDialogcontest > div {
  width:600px;
  position:relative;
  margin:10% auto;
  padding:5px 20px 13px;
  border-radius:10px;
  background:#fff;
  background:-moz-linear-gradient(#fff,#999);
  background:-webkit-linear-gradient(#fff,#999);
  background:-o-linear-gradient(#fff,#999);
}

.close {
  background:#606061;
  color:#FFFFFF;
  line-height:25px;
  position:absolute;
  right:-12px;
  text-align:center;
  top:-10px;
  width:24px;
  text-decoration:none;
  font-weight:bold;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:1px 1px 3px #000;
  -webkit-box-shadow:1px 1px 3px #000;
  box-shadow:1px 1px 3px #000;
}

.close:hover {
  background:#00d9ff;
}

/* ============================                    ====================================
===============================                    ================================== */
/* ============================                    ====================================
===============================                    ================================== */
/* ============================                    ====================================
===============================                    ================================== */
/* ============================                    ====================================
===============================                    ================================== */
.modalDialogRules {
  position:fixed;
  font-family:Arial,Helvetica,sans-serif;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.8);
  z-index:99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}

.modalDialogRules:target {
  opacity:1;
  pointer-events:auto;
}

.modalDialogRules > div {
  width:400px;
  position:relative;
  margin:10% auto;
  padding:5px 20px 13px;
  border-radius:10px;
  background:#fff;
  background:-moz-linear-gradient(#fff,#999);
  background:-webkit-linear-gradient(#fff,#999);
  background:-o-linear-gradient(#fff,#999);
}

.close {
  background:#606061;
  color:#FFFFFF;
  line-height:25px;
  position:absolute;
  right:-12px;
  text-align:center;
  top:-10px;
  width:24px;
  text-decoration:none;
  font-weight:bold;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:1px 1px 3px #000;
  -webkit-box-shadow:1px 1px 3px #000;
  box-shadow:1px 1px 3px #000;
}

.close:hover {
  background:#00d9ff;
}

/* ============================                    ====================================
===============================                    ================================== */
/* ============================                    ====================================
===============================                    ================================== */
/* ============================                    ====================================
===============================                    ================================== */
.modalDialogvideos {
  position:fixed;
  font-family:Arial,Helvetica,sans-serif;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.8);
  z-index:99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}

.modalDialogvideos:target {
  opacity:1;
  pointer-events:auto;
  overflow:auto;
}

.modalDialogvideos > div {
  width:600px;
  position:relative;
  margin:10% auto;
  padding:5px 20px 13px;
  border-radius:10px;
  background:#fff;
  background:-moz-linear-gradient(#fff,#999);
  background:-webkit-linear-gradient(#fff,#999);
  background:-o-linear-gradient(#fff,#999);
}

.close {
  background:#4D9AE5;
  color:#FFFFFF;
  line-height:25px;
  position:absolute;
  right:-12px;
  text-align:center;
  top:-10px;
  width:24px;
  text-decoration:none;
  font-weight:bold;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:1px 1px 3px #000;
  -webkit-box-shadow:1px 1px 3px #000;
  box-shadow:1px 1px 3px #000;
}

.close:hover {
  background:#00d9ff;
}

/*--------------------------------------------------*/
#profile_header .value {
  font-size:10px;
  display:none;
}

#profile_header .value {
  font-size:10px;
  display:none;
  display:none;
}