/*
 * Minimal Application level overrides
 * (things that dont make sense in a toolkit :)
 * copyright @colossal 2015
 */


body{
  text-size-adjust: none;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Proxima-nova", Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight: 300;
  }

.special-nav{
  position: absolute;
  margin: 0 auto;
}

.block {
 overflow: hidden;
}

.block-fill-height {
  display: table;
  width: 100%;
  height: 100vh;
}

.featured-list p.featured-list-icon-text {
  font-size: 16px;
  color:#617283;
}
.featured-list h3.featured-list-icon-text {
  font-size: 20px;
  font-weight:600;
}

.statcard-desc{
  color:#fff;
  font-size: 14px;
}

.statcard-number{
  font-size:36px;
}


@media (max-width: 736px) {

  .statcard-desc{
    letter-spacing: 0px!important;
    font-size: 11px!important
  }

  .statcard-number {
    font-size: 24px;
  }

}

@media (max-width: 320px) {

  .statcard-desc{
    letter-spacing: 0px!important;
    font-size: 9px!important}

}



/* navbar */
.app-navbar {
  font-size: 13px;
  letter-spacing: .15em;
}
.app-navbar .navbar-brand {
  font-size: 13px;
  padding-top:20px;
}

.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
}
/* remove left padding from first column */
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
}

@media (min-width: 320px) {
  .app-navbar{
    padding-top: 20px;
  }
}  

/* intro block */
.app-block-intro {
  padding-top: 20px;
}
.app-block-intro img {
  width: 80%;
  margin-bottom: -45%;
}

/* block img */
.app-block-game img,
.app-block-stats img {
  width: 100%;
}
@media (max-width: 480px) {
  .app-block-game-img {
    transform: scale(1.5) !important;
  }

  .statcard-number{
  font-size:24px;
  }
}


@media (max-width: 760px) {
  #waitingResults{
    display: none;
  }
}

.aggregator{
  font-size: 21px;
}

/* stats hr */
.app-block-stats hr {
  width: calc(80% + 60px);
}

/* design block */
.app-block-design > .container > .row {
  z-index: 2;
}

.app-block-design-img {
  margin-top: 0px;
  max-width: 100%;
  margin:0 auto;
  padding:20px;
  width:100%;

}
.app-block-design-img img{
  max-width:100%;
}

.container h2 {
  font-size: 36px;
}

h2.order{
  font-family: rockwell;
}


.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
   outline: none;
   outline-offset: 0px;
}

span.icon {
  color:#2998E2;
   font-size:36px;
}

#datetimepicker1 span.icon {
  font-size: 18px;
}


#border-right{
border-right: 1px solid #e5eaec;
}


.panel-public{
 background: #F7F8F8;
}


.panel-public:hover{
    -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
   -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.blue-border {
  border:1px solid #2998E2;
}

.form-control#modal {
  background-color: #F7F8F8;
}

hr.white {
  border-top: 1px solid #fff;
}

p.pull-text{
  max-width: 330px;
  margin:0 auto;  
  width:100%;
  }

@media (min-width: 1024px) {
  .app-block-design-img {
    margin-top: -490px;
    margin-right: -310px;
    float:right;
    max-width:80%;
  }
}

@media (min-width: 1440px) {
  .app-block-design-img {
    margin-top: -490px;
    margin-right:-380px;
    float:right;
    max-width:70%;
  }
}

@media screen and (max-width: 768px) {
  .h1.block-title, h1.block-title {
  font-size: 36px;
  }
}

@media screen and (max-width: 736px){
  .h1.block-title, h1.block-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 540px) {
  #btn-search{
    padding:20px!important;

  }  
  #searchBox ::-webkit-input-placeholder { 
    font-size: 14px!important;
  }
}

/* footer block */
.app-block-footer {
  background-color: rgb(27, 28, 29);
 background-image: url('img/footer-bg.jpg'); 
}

.oval:hover {
  webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}


/* transforms */
.app-translate-15 {
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}
.app-translate-50 {
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.app-translate-5 {
  -webkit-transform: translateY(5%);
      -ms-transform: translateY(5%);
          transform: translateY(5%);
}
.app-translate-10 {
  -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
          transform: translateY(10%);
}

.app-navbar {
  position: absolute;
  z-index: 2;
  width: 100%;
} 

.noodls-btn:hover {
    background: rgba(195, 195, 195, 0.37);
    color: #fff;
}


.btn-lg {
 border-radius:0px;
}

.btn-secondary{
background: rgba(255,255,255,0.37);
}
.landing-block{
  background: #2998E2; 
/*  background-image: url('img/feed-hero-bg.jpg'); */
background: #2998E2 url('images/lozenge_ptn_light.png');
}

.timeline-block{
  background: #2998E2;
  background-image: url('img/bg-section3.jpg');
  background-size: cover;
}

.footer-block{
  background: url('img/polygons.png'), linear-gradient(to bottom, #B24A7A 0%, #E25A5A 100%);
  background-size: cover;

}

.bolder{font-weight: 600;}


.iconlist span {
  color: #2998E2; 
  font-weight: 500;
  font-size: 32px;
  opacity: 1;
}

.text-inverse {color:#fff;
}

.featured-list-icon {
  color:#2998E2;
}

.lead-list{
  font-size: 18px;
  font-weight: 500;
}

.iconlist > li > .icon {
  float: left;
  margin-left: -5px;
  opacity: 1;
  padding-right: 10px;
  line-height:1;
} 



.toolbar_queue_rainbow{
  display: block;
  position: relative;
  left: 0;
  top: -1px;
  width: 100%;
  z-index: 1049;
}

.rainbow_detail {
  float: left;
  height: 5px;
  width: 33.3333%;
}

.rainbow_first {
  background: #2998E2;   
}

.rainbow_second{
background-color: #B24A7D;  
}

.rainbow_third{
background-color: #E25A5A;
}  

.footer-about-us#footer {
  background: #E25A5A;
  color: #fff;
  padding: 20px 0;
  margin: 0px;
  text-align: center;
}

#footer_text a {
  color:#fff!important;
}


#search_suggestion {
  background-color: #ffffff;
  padding: 0px;
  margin: -4px 0px;
  color: #607D8B;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  transition: 0.3s linear;
  position:absolute;
  width:100%;
  max-width: 700px;
  z-index: 9999;
  overflow: hidden;
}

ul.search-ul{
  margin: 0px;
  padding:0px;
}

li.topic{
    list-style-type: none;
    margin: 0px;
    padding: 15px 85px;
    background: url('img/topic-public-icon-grey.png') no-repeat;
    background-position: 25px 15px;
    font-family: Rockwell;
    letter-spacing: 1px;
}

li.source{
    list-style-type: none;
    margin: 0px;
    padding: 5px 0px 15px 85px;
    background: url('img/source-public-icon-grey.png') no-repeat;
    background-position: 25px 5px;
    font-family: Rockwell;
    letter-spacing: 1px;

}



h4.highlight {font-weight: 600;}

p.suggestedItem {
  font-size: 18px;
}


p.suggestedItem:nth-child(odd) {
  padding:5px 85px;

}


p.suggestedItem:nth-child(even) {
 background-color: #eee;

padding:15px 85px;
}

p.suggestedItem:first-child{
  padding-top:15px;
}

p.suggestedItem a {
  color:#1D2838!important;

}

/* brand */

@media (max-width: 400px) {
  .app-myphone-brand {
    font-size: 46px !important;
  }
}
@media (max-width: 350px) {
  .app-myphone-brand {
    font-size: 42px !important;
  }
}


@media (max-width: 992px) {
  .inner {display: none;}

}


@media (min-width: 768px){
.modal-dialog {
  width: 680px;
  margin: 30px auto;
}
}

  .inner {
  margin: 245px 55px;
 border-bottom: 1px solid #2998E2;
 position: absolute;
  width: 80%;
 }

.row {
margin-left: 0px; 
margin-right: 0px; 
}

.btn-block {
  border-radius:0px;
}


.width-searchbar {
  max-width:720px;
}

.type-wrap{
  
  padding:0px;
  border-radius:5px;
  color:#fff;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0px;
  margin:5px auto 0px;
  text-align: center; 
}

#typed{
  font-weight:bold; 
  font-size: 30px;
  line-height: 30px;
  font-family: Rockwell;
  text-decoration: none;
  letter-spacing: -1px;
  color:#2998E2;  
}

#typed:hover{
  color: rgba(255, 255, 255, 1);
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  transition: 0.3s linear;
}

a.typed-link {
  text-decoration: none;
  position: absolute!important;
  top:4px;

}

a#color.typed-link {
}



a.typed-link:hover{
    text-decoration: none;
}

span#typed a {
  color: #2998E2!important;
     text-decoration: none;
}

.typed-cursor{

            opacity: 1;
            font-size: 42px;
            font-weight: 100;
            color:#fff;
            text-decoration: none;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }

.typed-cursor a {text-decoration: none;}


span.logo{
text-indent: -9999px;
font-family: Rockwell;
font-size: 20px;
background: url('img/public_logo_white_logo.png') no-repeat; 
width:102px;
height:30px;
white-space: nowrap; 
display: inline-block;
margin-top:25px;
line-height: 28px;
margin-left: -120px;
}



#aboutUs form input {
  width: 830px;
  font-weight: normal;
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 15px;
  font-size: 21px;
  margin-top: -4px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  outline: none;
  height:66px;
  line-height: 30px;
  text-transform: capitalize;
  color:#1D2838;
} 



#waitingNoodls {
  position: absolute;
  top: 200px;
  left: 400px;
  width: 80px;
  height: 82px;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
#waitingNoodls.waitingNoodlsAlternate {
  top: 200px;
}

#waitingResults {
  z-index: 9999;
  position: absolute;
  display: none;
  left: 630px;
  top: 20px;
  min-height: 27px;
  min-width: 27px;
  max-height: 27px;
  max-width: 27px;
  background-image: url(images/css_waitingResults.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

div#searchBox {
  /*background-image: url(images/css_mainBox_home_searchBox.gif);*/
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0px;
  margin-bottom: 0px;
  padding: 0px;
  height: 70px;
  position: relative;
} 

 div#searchBox form{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  
}
 div#searchBox form input {
  font-weight: normal;
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 4px;
  font-size: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  outline: none;
  height:66px;
  line-height: 30px;
  text-transform: capitalize;
  color:#1D2838;
  background: rgba(255, 255, 255, 0.3);
  width:100%;
  padding-left: 85px;
  overflow: hidden;
} 



div#searchBox form input:focus{
  background: rgba(255, 255, 255, 0.91);
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  transition: 0.3s linear;


}

 div#searchBox form input:focus::-webkit-input-placeholder{
  color:#bbbbbb;
  padding:0 10px ;
  background: none;
  text-overflow: ellipsis;
}


 #aboutUs_searchButton {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  border: 0px;
  text-indent: -9999px;
  cursor: pointer; /* hand-shaped cursor */
  background: transparent;

} 


#searchBox ::-webkit-input-placeholder {
   color: #1D2838;
   font-family: "proxima-nova", Helvetica, sans-serif;
   font-size: 18px;
   font-weight: 100;
   margin-left: 20px;
   line-height: 30px;
   text-align: center;
   text-overflow: ellipsis;
}

#aboutUs::-moz-placeholder { /* Firefox 18- */
color: #fff;
font-family: "proxima-nova", Helvetica, sans-serif;
font-size: 24px;
font-weight: 400;
padding-left: 20px;
margin-left: 20px;
line-height: 30px;
text-overflow: ellipsis;
}


:-ms-input-placeholder {  
    color: #c6c6c !important;
    font-family: "proxima-nova", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
}

 input.address:-ms-input-placeholder {
   color: #c6c6c6 !important;
   font-family: "proxima-nova", Helvetica, sans-serif;
   font-weight: 400;
   padding-left: 20px;
   margin-left: 20px;
   line-height: 30px;
   text-overflow: ellipsis;
  }

.logo-top {
  position: absolute;
}


span.icon-modal{
  font-size: 21px;
  color:#1D2838;
}


#searchButton{
   background: #2998E2 url('img/magnifying_glass_white.png') no-repeat;
   background-position: center;
   height: 66px;
   width: 66px;
   position: absolute;
}

span.search-icon-source{
  background: url(/styles/img/source-public-icon-gray.svg) left center;
  padding: 5px 10px;
    width: 20px;
  height:20px;

}


span.search-icon-topic
{
  background: url(/styles/img/source-public-icon-gray.svg) left center;
  padding: 5px 10px;
  width: 20px;
  height:20px;

}



/*@media (max-width: 767px) {
.hidden-xs {
  visibility: hidden;
  }
}*/

#container-navigation
{
  width:100%;
  background-color: #2998E2;
}


#header_top {
  margin: 0px;
  position: relative;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: left;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#header_bottom {
  position: relative;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  height: 80px;
  position: relative;
  min-width: 790px;
  width: 790px;
  margin: 0 auto;
  
}
#header_logo {
  position: absolute;
  top: 25px;
  left: 30px;
}

#header_close{
 position: absolute;
  top: 18px;
  left: 20px;
}

span#header {
  color: #fff;
  font-size: 32px;
}


#header_hamburger{
  position: absolute;
  top: 18px;
  left: 20px;
}

span#hamburger{
  color: #fff;
  font-size: 32px;

}

#header_network {
  position: absolute;
  right: 0px;
  top: 20px;
  /*background-image: url(images/networkSelectBackClose.gif);*/
  padding: 10px 20px;
}

#header_network:hover{

}



#header_network a:link, #header_network a:active, #header_network a:visited {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  margin: 0px;
  text-decoration: none;
  display: block;
  font-family: "proxima-nova", sans-serif;
}
#header_network a:link span, #header_network a:active span, #header_network a:visited span {
  margin: 0px;
  display: block;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  /*background-image: url(images/networkSelectBack.gif);*/
  background-repeat: no-repeat;
  background-position: left top;
}
#header_network a:hover {
  color: #4B4B4B;
}
#header_network img {
  position: absolute;
  top: 7px;
  right: 15px;
}


/**********************************************************************************/
/* MAIN MENU 																																			*/
/**********************************************************************************/



/**********************************************************************************/
/* first level */
/**********************************************************************************/
#main_menu ul.dropdown {
	text-align: left;
	font-size: 13px;
	text-decoration: none;
	font-weight:normal;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0 auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	padding-top: 20px;
	/*min-width: 900px;*/
	line-height: 1.4em;
	text-transform: uppercase;

}
#main_menu ul.dropdown li {
	position: relative;
	top: 0px;
	display: block;
	float: left;
	padding-bottom: 0px;
	padding: 0px 10px;
	height: 59px;
	z-index: 9999;
	margin-left: 1px;
	margin-right: 1px;
}
#main_menu ul.dropdown li p {
	display: block;
	color: #4B4B4B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main_menu ul.dropdown li a:link, #main_menu ul.dropdown li a:active, #main_menu ul.dropdown li a:visited {
	display: block;
	color: #ffffff;
	padding: 0px;
	text-decoration: none;
	height: 59px;
	margin-right: 1px;
	margin-left: 1px;
}
#main_menu ul.dropdown li p span {
	display: block;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	text-align: left;
}
#main_menu ul.dropdown li a:hover {
	color: #4B4B4B;
	background-repeat: repeat;
	background-position: left top;
	text-decoration: none;
	margin: 0px;
	margin-right: 1px;
	margin-left: 1px;
	height: 59px;
}
#main_menu ul.dropdown li.main_menu_ON {
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	height: 59px;
	margin-top: 3px;
	
}	
#main_menu ul.dropdown li.hover {
	background-repeat: repeat;
	background-position: left top;
}	

/**********************************************************************************/
/* second level */
/**********************************************************************************/

#main_menu ul.dropdown ul.sub_menu {
	visibility: hidden;
	z-index: 100000;
	position: absolute; 
	top: 55px; 
	left:0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #2998E2;
	padding-left:15px;
	
	
}
#main_menu ul.dropdown ul.sub_menu li p span {
	padding: 0px;
	margin: 0px;
}
#main_menu ul.dropdown ul.sub_menu li {
	top: 0px;
	float: left;
	position: relative;
	border: 0px;
	margin: 0px;
	max-height: 15px;
	min-height: 15px;
	min-width: 250px;
	padding: 15px 10px 15px 10px;
	
}

#main_menu ul.dropdown ul.sub_menu li ul, 
#main_menu ul.dropdown ul.sub_menu li ul li {
	padding: 3px 10px 10px 10px;
  margin: 5px 0px;

}



#main_menu ul.dropdown ul.sub_menu li a:link, #main_menu ul.dropdown ul.sub_menu li a:active, #main_menu ul.dropdown ul.sub_menu li a:visited {
	text-decoration: none;
	border: 0px;
	margin: 0px;
	/*padding: 3px;
	max-height: 15px;
	min-height: 15px;
	margin: -3px;
	margin-left: -5px;*/

}
#main_menu ul.dropdown ul.sub_menu li a:hover span {
	background-image: none;
}	
#main_menu ul.dropdown ul.sub_menu li.hover {
	background-image: none;
}	
#main_menu ul.dropdown ul.sub_menu li a:hover {
	/*margin: -3px;
	margin-left: -5px;*/
	background-image: none;
	height: 100%;
	color:#1D2838;
	display: block;
}
#main_menu ul.dropdown ul.sub_menu ul {
	z-index: 9998;
	position: absolute; 
	top: 0px; 
	left: 250px; 
	padding: 5px 10px 5px 10px;
}


@media (max-width: 740px) {
  #header_network {
    display: none;
  }

  #header_hamburger {
    display: none;
  }

 }