#masthead{
border-bottom: 0px solid #111;
}   
@media screen and (max-width:767px){
#masthead {
height: 70px;
}
#masthead  .navbar-toggle .icon-bar {
width: 22px;
margin-top: 6px;
}
}
#nav-toggle {
position: relative;
top: 25px;
right: 0px;
height: 32px;
cursor: pointer;
}
#nav-toggle > div {
position: relative;
width: 36px;
}
#nav-toggle span {
width: 100%;
height: 4px;
left: 0;
display: block;
background: #333;
position: absolute;
transition: top .5s ease, -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out, top .5s ease;
transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 14px;
}
#nav-toggle span:nth-child(3) {
top: 28px;
}
#nav-toggle:hover span:nth-child(1) {
top: 4px;
}
#nav-toggle:hover span:nth-child(3) {
top: 23px;
}
.open #nav-toggle span {
background: #fff;
}
.open #nav-toggle span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 15px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} #nav-toggle {
z-index: 1000;
}
#container {
z-index: 900;
}
#gloval-nav {
background: #000;
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
text-align: center;
display: flex;
visibility: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 29px;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
#gloval-nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px 0;
transition: color .6s ease;
}
#gloval-nav a:hover {
color: #666;
}
#gloval-nav ul {
list-style: none;
}
#gloval-nav ul li {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
transition: opacity .2s ease, -webkit-transform .6s ease;
transition: transform .6s ease, opacity .2s ease;
transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;
}
#gloval-nav ul li:nth-child(2) {
transition-delay: .15s;
}
#gloval-nav ul li:nth-child(3) {
transition-delay: .3s;
}
#gloval-nav ul li:nth-child(4) {
transition-delay: .45s;
}
#gloval-nav ul li:nth-child(5) {
transition-delay: .6s;
}
#gloval-nav ul li:nth-child(6) {
transition-delay: .75s;
}
#gloval-nav ul li:nth-child(7) {
transition-delay: .9s;
} .open {
overflow: hidden;
}
.open #gloval-nav {
visibility: visible;
opacity: 1;
}
.open #gloval-nav li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: opacity .9s ease, -webkit-transform 1s ease;
transition: transform 0.5s ease, opacity .4s ease;
transition: transform 0.5s ease, opacity .4s ease, -webkit-transform 0.4s ease;
}
#gloval-nav {
background: #000;
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
text-align: center;
display: flex;
visibility: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 29px;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
#masthead {
height: 110px;
padding: 0 1% 0 1%;
}
#masthead  .qgal_logo{ margin: 0 auto;
display: block;
text-align: center;
}
#masthead .logo{
height: 100%;
padding: 1px;
}
@media screen and (max-width:767px){
padding: 10px;
}
#masthead button{
max-height: 100%;
float: right;
display: block;
margin: 10px 10px;
background-color: white;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
position: relative;
top:3%;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #333;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-toggle .icon-bar {
display: block;
width: 33px;
height: 2px;
border-radius: 1px;
background: #444;
margin-top: 9px;
}
.flex-direction-nav a:before{
font-size: 28px;
} #masthead{
border-bottom: 0px solid #111;
background: #fff;
}   
@media screen and (max-width:767px){
#masthead {
height: 70px;
}
#masthead  .navbar-toggle .icon-bar {
width: 22px;
margin-top: 6px;
}
}
#nav-toggle {
position: absolute;
top: 25px;
right: 0px;
height: 32px;
cursor: pointer;
}
@media screen and (max-width:767px){
#nav-toggle {
top: 5px;
}
}
#nav-toggle > div {
position: relative;
width: 36px;
}
#nav-toggle span {
width: 100%;
height: 4px;
left: 0;
display: block;
background: #ff72b2;
position: absolute;
transition: top .5s ease, -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out, top .5s ease;
transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 14px;
}
#nav-toggle span:nth-child(3) {
top: 28px;
}
#nav-toggle:hover span:nth-child(1) {
top: 4px;
}
#nav-toggle:hover span:nth-child(3) {
top: 23px;
}
@media screen and (max-width:767px){
#nav-toggle:hover span:nth-child(1) {
top: 0px;
}
#nav-toggle:hover span:nth-child(3) {
top: 28px;
}
}
.open #nav-toggle span {
background: #ff72b2;
}
.open #nav-toggle span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 15px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} #nav-toggle {
z-index: 1000;
}
#container {
z-index: 900;
}
#gloval-nav {
background: #000;
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
text-align: center;
display: flex;
visibility: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 29px;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
#gloval-nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px 0;
transition: color .6s ease;
}
#gloval-nav a:hover {
color: #666;
}
#gloval-nav ul {
list-style: none;
}
#gloval-nav ul li {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
transition: opacity .2s ease, -webkit-transform .6s ease;
transition: transform .6s ease, opacity .2s ease;
transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;
}
#gloval-nav ul li:nth-child(2) {
transition-delay: .15s;
}
#gloval-nav ul li:nth-child(3) {
transition-delay: .3s;
}
#gloval-nav ul li:nth-child(4) {
transition-delay: .45s;
}
#gloval-nav ul li:nth-child(5) {
transition-delay: .6s;
}
#gloval-nav ul li:nth-child(6) {
transition-delay: .75s;
}
#gloval-nav ul li:nth-child(7) {
transition-delay: .9s;
} .open {
overflow: hidden;
}
.open #gloval-nav {
visibility: visible;
opacity: 1;
}
.open #gloval-nav li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: opacity .9s ease, -webkit-transform 1s ease;
transition: transform 0.5s ease, opacity .4s ease;
transition: transform 0.5s ease, opacity .4s ease, -webkit-transform 0.4s ease;
}
#gloval-nav {
background: #000;
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
text-align: center;
display: flex;
visibility: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 29px;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
.embed-instagram {
margin: 0px 5px 0 0;
font-size: 14px;
box-shadow: 2px 0px 23px 1px #eee;
margin-bottom: 20px;
}
.embed-instagram .ig_body .ig_body_img{
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
}
.embed-instagram .Header{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 10px;
}
.embed-instagram .Header .AvatarContainer{
background-color: #fff;
padding: 2px;
border-radius: 50%;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.embed-instagram .Header .AvatarContainer .Avatar{
width: 30px;
height: auto;
}
.embed-instagram .Header .AvatarContainer img{
border-radius: 50%;
width: 30px;
height: 30px;                
}
.embed-instagram .Header .HeaderText {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 10px;
overflow: hidden;
}
.embed-instagram .Header .HeaderText a.Username {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
font-weight: 600;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
color: black;
}
.embed-instagram .Header a.Username .UsernameText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
max-width: 100%;
}
.embed-instagram .Header .HeaderSecondaryContent {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
color: #999;
line-height: 14px;
font-size: 12px;
text-align: left;
}
.embed-instagram h3 img{
max-width: 32px;
width: 15%;
display: inline;
border-radius: 50%;
position: relative;
left: 15px;
}
.embed-instagram h3 .ig_name{
position: absolute;
top: 0;
left: 0;
margin-left: 20%;
font-size: 14px;
max-width: calc(100% - 21px);   
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.embed-instagram h3 .ig_floower{
position: absolute;
bottom: 0;
left: 0;
color: #aaa;
margin-left: 20%;
font-size: 12px;
}
.embed-instagram .SocialProof {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 5px 0 6px 0;
position: relative;
}
.embed-instagram .SocialProof a {
font-weight: 600;
color: black;
}
.embed-instagram .SocialProof a.Glyph {
font-weight: 600;
color: black;
position: absolute;
right: 4px;
font-size: 24px;
font-weight: normal;
}
#header-menu-sidebar{
position: fixed; left: 100%;
opacity: 0.95;
top: 0px;
z-index: 100;
background: #FAFAFA;
width: 100%;
height: 100%; width: 240px;
}
#header-menu-sidebar #header-menu-sidebar-bg{
margin-top: 3.5em;
}
#header-menu-sidebar ul li{
display: inline-block;
font-size: 30px;
margin-right: 20px;
}
#header-menu-sidebar ul li a{
color: #000;
}
#header-menu-sidebar-bg .mobile-item--social-icons{
border-bottom: 2px solid;
padding-left: 20px;
}
#header-menu-sidebar-bg .mobile-item--social-icons .customify-builder-social-icons{
}
#header-menu-sidebar-bg .mobile-item--category{
padding-left: 20px;
}
#header-menu-sidebar-bg .mobile-item--category > div{
border-bottom: 2px solid #aaa; 
}
#header-menu-sidebar-bg .mobile-item--category a{
font-size: 20px;
}
section_h2{
height: 110px;
}