@import url("../twentyseventeen/style.css");

/*   
Theme Name: Finq New
Description: Finq New
Author: MG
Version: 0.1
Template: twentyseventeen
*/

#masthead .wrap {
  /* position: relative; */
  text-align: center;
}

.custom-logo-link img {
  max-height: 180px;
}


.navigation-top {
  position: relative !important;
  max-width: 390px !important;
  margin: auto !important;
}

.navigation-top {
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(238, 238, 238, 0);
  border-top: 1px solid rgba(238, 238, 238, 0);
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
}

.site-navigation-fixed.navigation-top {
  bottom: auto;
  position: relative !important;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.site-header {
  background-color: #ffffff00 !important;
}





.wrap {
  max-width: 1920px !important;
  z-index: 100 !important;
}
  /* 
#primary {
 max-width: 1920px !important;
}
*/ 
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
}

.ipt-uif-custom-material-blue .ipt-eform-material-button-container.ipt_fsqm_form_button_container.ipt_fsqm_form_button_container--classic {
  background-color: #ebebeb;
  margin: 0;
  padding: 0;
  display: none;
}

.site-branding {
  padding: 0px !important;
}

.tv-embed-widget-wrapper {
  height: 40px !important;
}

#hideup {
  height: 30px;
  width: 13px;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}


.barstripe {
  position: fixed;
  width: 100%;
  background: #363a45;
  height: 40px;
  z-index: 1000;
  padding: 10px;
  top: 0px;
}

#toptableinside {
  margin-right: 20px;
  color: #FFF;
  position: relative;
  float: left;
}

#toptableinsidepic {
  margin-left: 20px;
  margin-right: 7px;
  float: left;
  top: -10px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

#toptableinsidesign {
  /* 
position: absolute;
  top: 11px;
*/ 
  color: rgba(255, 255, 255, 0.626);
  z-index: 10000;
  cursor: pointer;
  
}

#toptableinsidesignin a {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}

#toptableinsidesignin a:hover {
  color: rgb(7, 7, 7);
}

#toptableinsidesignin {
  position: absolute;
   /* position: absolute;*/ 
  z-index: 10;
  background: rgba(255, 255, 255, 0.654);
  top: 55px;
  margin-left: 45px;
  padding: 10px;
  border-radius: 7px;
  letter-spacing: 0px;
  display: block;
}

#toptableinsideright {
    top: 10px;
    margin-right: 20px;
    color: #FFF;
    float: right;
  }

  #logout {
    margin-right: 3.6px;
    color: #FFF;
    width: 26px;
    height: 26px;
    float: right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
  }

  #toptableinsideright a {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.6px;
}
  
#toptableinsideright a:hover {
    color: rgb(218, 218, 218);
  }


#toptableinside a{
  color: #FFF;
  margin-left: 10px;
}

#toplogout {
  top: 30px;
  color: #FFF;
  z-index: 10000;
  font-weight: 900;
  font-size: 15px;
  cursor: pointer;
  position: fixed;
  right: 20px;
  padding-top: 12px;
}

#toplogout a {
  position: absolute;
  top: 30px;
  color: #2f3c69 !important;
  z-index: 10000;
  float: right;

  border-radius: 6px;
  color: #3D3D3D;
  background: #fff;
  border: none;
  box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1);

  padding-top: 2px;
  padding-left: 15px;
  padding-right: 13px;
  right: 25px;

}

.tradingview-widget-container {
position: fixed !important;
z-index: 100;
height: 30px !important;
}



#page {
  top: 46px;
}

.header__search-toggle {
  display: none;
}

.finqtext {
  font-weight: 800 !important;
  letter-spacing: 2px;
  line-height: 35px;
  color: #000;
}

.finqtext p {
  font-weight: 400 !important;
  letter-spacing: 2px;
}

.finqcolor {
  color: cornflowerblue;
  line-height: 40px !important;
}
/*
h3 {
    color: red !important; 
}

h2 {
  color: #000 !important;
}

 */
h4,
h5 {
  color: cornflowerblue !important;
}

.finqcolorr {
  color: red;
}

.cd-nav-trigger {
  left: 1px !important;
}

.ipt-uif-custom-material-blue * {
  line-height: 35px;
}

.ipt-uif-custom-material-blue .ipt_uif_question label.ipt_uif_question_title {
  color: #000 !important;
}

strong {
  font-weight: 400 !important;
}

.ipt-uif-custom-material-blue .ipt_uif_question label.ipt_uif_question_title {
  font-weight: 500 !important;
}

.finqtextf {
  font-weight: 800 !important;
  letter-spacing: 2px;
  line-height: 35px;
  color: #000;
  position: fixed;
  top: 40px;
  right: 0px;
  background-color: rgba(123, 129, 134, 0.4) !important;
  z-index: 1000000;
  padding: 20px !important;
  border-style: groove;
  max-width: 350px;
  line-height: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
a,
p {
  /* font-size: 28px !important; */
  letter-spacing: 2px;

}

h2 {
  padding: 0px !important;
}



h5 {
  font-size: 60px !important;
}

h6 {
  font-size: 45px !important;
}

#ipt_fsqm_form_18_button_container {
  display: none !important;
}

#ipt_fsqm_form_19_button_container {
  display: none !important;
}

#ipt_fsqm_form_25_button_container {
  display: none !important;
}

.header {
  top: 60px !important;
}

.wp-block-image size-medium strong {
  font-size: 20px;
}

.custom-header {
  position: relative;
  margin-top: 23px;
}

.wrapmenu {
  position: absolute;
  margin: 0;
  width: 350px;
  padding: 0;
  margin-left: 38%;
}

.site-branding {
  top: 20px;
}

.bk {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -2;
  top: 0px;
}

.bkin {
  position: fixed;
  width: 100%;
  height: 110%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.496) !important;
  top: 0px;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  padding-left: 2em;
  padding-right: 2em;
}

.menunn {
  position: fixed;
  left: 10px;
  top: 90px;
  z-index: 100;
}

.menunn a {
  color: #FFF;
  margin-right: 10px;
  padding: 5px;
  font-weight: 600;
  letter-spacing: 1px;
}
 /* 
.menu {
 display: flex; 
}
*/

ul#menu-menu2 {
  display: flex;
}

.nmenu {
  position: relative;
  display: inline;
  top: 30px;
}

.nmenu a {
  display: block;
  display: inline;
  margin-right: 30px;
}

.nmenu li {
  display: block;
  display: inline;
}


.fqmb1 {
  transition: all .2s ease-in-out;
 }
 
 
 .fqmb1 a:hover {
   color: #efefef;
   background-color: #3ab64a !important;
   transform: scale(1.2);
    -webkit-transition: color 0.5s ease-out;
   -moz-transition: color 0.5s ease-out;
   -o-transition: color 0.5s ease-out;
   transition: color 0.5s ease-out;
 }

 .fqmb2 {
  transition: all .2s ease-in-out;
  margin-right: 30px !important;
 }

 .fqmb2 a:hover {
  color: #efefef;
  background-color: #ff7c0a !important;
  transform: scale(1.2);
   -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}

.fqmb3 {
  transition: all .2s ease-in-out;
  margin-right: 30px !important;
 }

 .fqmb3 a:hover {
  color: #efefef;
  background-color: #3ab64a !important;
  transform: scale(1.2);
   -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
  
   


 .menusite {
  position: relative;
  margin: auto;
  width: 310px;
}

.menusite a {
  color: #FFF;
  font-weight: 600;
}

.menusite a:hover {
  color: black;
}

.bkimagebb {
  position: fixed;
  background-color: rgba(42, 125, 193, 0.462);
  z-index: 3;
  top: 0;
  width: 100%;
  height: 100%;
}

.bkimage {
  position: fixed;
  z-index: 1;
  top: 0;
}

.site-content-contain {
  background-color: rgba(255, 255, 255, 0) !important;
  position: relative;
  z-index: 3;
}

.site-header {
  z-index: 4;
  top: 20px;
}

.site-header2 {
  z-index: 3;
  top: 20px;
  position: relative;
  margin: auto;
  width: fit-content;
}

.entry-content a img, .comment-content a img, .widget a img {
 -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0) !important; 
  box-shadow: 0 0 0 8px #fff;
}

#dropdownmenulanding {
  top: 90px;
}

.dropdownmenu {
  position: fixed;
  display: inline;
  top: 100px;
  left: 30px;
  z-index: 5;
}

.dropdownmenu h3 {
color: #FFF;
margin: 0;
}

.dropdownmenu a {
  display: block;
   /*  display: inline;  */
  color: #FFF;
  margin-top: 10px;
}

.dropdownmenu a:hover {
  color: rgb(184, 184, 184);
}

.dropdownmenu li {
  display: block;
  /* display: inline; */
}

.circle {
  border:1px solid #fff;
  width:25px !important;
  height:25px;
  border-radius:100%;
  position:relative;
  margin:4px;
	margin-right: 25px;
  display:inline-block;
  vertical-align:middle;
}
.circle.plus:before,
.circle.plus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#fff;
}
.circle.plus:before{
    width: 2px;
    margin: 2px auto;
}
.circle.plus:after{
    margin: auto 2px;
    height: 2px;
}

/* and a bonus!!! minus :-) */
.circle.minus:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgb(235, 235, 235);
    margin: auto 2px;
    height: 2px;
}

#mm,
#ss1
{
	cursor: pointer;
}

#mm {
  width: 30px;
  height: 20px;
  /* background-color: rgb(255, 255, 255); */
  margin: 5px 0;
  border-top: solid;
  border-top-color: #fff;
  border-bottom: solid;
  border-bottom-color: #fff;
}

#m1 {
  padding-top: 20px;
  padding-bottom: 5px;
  background-color: #0d1a32e6;
}

#m1 a{
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 4px;
  padding-bottom: 4px;
}


#m1 a:hover{
  background-color: #203a68e6;
}

#mmmm {
  width: 30px;
  height: 1.8px;
  background-color: rgb(255, 255, 255);
  margin-top: 8px;
  
}

.mmmmm {
  transform: rotateZ(90deg);
}

	.header__extras {
    display: none;
}
	
	
.site-info {
     display: none;
}

.nn {
  background-color: #e6e6e6;
	color: #fff;
}

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
  margin-left: auto;
  margin-right: auto;
  max-width: 1220px !important;
}



.entry-content {
  position: relative !important;
  z-index: 100;
}




.site-footer {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 3em;
     
    width: 100%;
    background-color: #174066b8;
    z-index: 2 !important;
      bottom: 0px;  
    padding-left: 50px;
    padding-right: 50px;
}

.footer_one {
  float: left;
  margin-right: 5%;
  margin-left: 5%;
}
.footer_two {
  float: left;
  margin-right: 5%;
  margin-left: 5%;
}
.footer_three  {
  float: left;
  margin-right: 5%;
  margin-left: 5%;
}

.footer_one a {
  color: #FFF;
}
.footer_two a {
  color: #FFF;
}
.footer_three a {
  color: #FFF;
}

.footer_one ul {
  list-style-type: none;
}

.footer_two ul {
  list-style-type: none;
}

.footer_three ul {
  list-style-type: none;
}

#footermid{
  position: relative;
  padding: 50px;
  margin: auto;
  width: 760px;
}

@media screen and (max-width: 770px) {
  .menunn {
    top: 75px !important;
  }

    #toplogout {
      top: 50px !important;
      right: 2px !important;
    }
 
    #toplogout a {
      right: 2px !important;
    }

}


@media screen and (max-width: 480px) {
  .menunn {
    top: 250px !important;
  }

}
@media only screen and (max-width: 770px) {
 

}

@media screen and (min-width: 48em) {
  .panel-content .wrap {
      padding-top: 10px !important;
  }
  
  .site-content {
    padding: 0px !important;
    padding-top: 10px !important;
  
  }
  
   }


   @media screen and (min-width: 48em) {
    .site-info {
      float: left;
      padding: 0.7em 0 0;
      width: 100% !important;
    }
  }
  
  /* On screens that are 600px or less, set the background color to olive */
  @media screen and (max-width: 600px) {
  }