#s4-bodyContainer{visibility:hidden}

#s4-workspace { 
    -webkit-overflow-scrolling: touch; 
    -ms-overflow-style:  -ms-autohiding-scrollbar; 
}  

body {
    font-size: 10px;
}
#s4-bodyContainer {
    padding-bottom: 0px;
}
.layout-inner-container .ms-webpart-zone.ms-fullWidth,
.layout-inner-container .ms-webpart-cell-vertical,
.layout-inner-container .ms-webpart-chrome-vertical{display:block;}

.ms-webpart-cell-vertical{
	margin-bottom:0;
}
.cell-margin{
	margin:0;
}
div.article, div.welcome{
	padding:0;
}
ul {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer !important;
}

.clear {
    clear: both
}

*:before {
    font-family: FontAwesome;
}

*:after {
    font-family: FontAwesome;
}
.notvisibile{
	visibility:hidden;
}
.isvisibile{
	visibility:visible;
}

.main-body-container {}

.main-header {
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 0;
    background-color: rgba(0, 0, 0, 0.15);
}
/*contentpage-style*/
.ms-rteStyle-ListingItems{
     -ms-name: "Listing Items";
	  border-bottom: 2px solid #1bbc9b;
	  color: #333333;
	  position: relative;
	  font-size: 1.25em;
	  padding: 0px 0 10px 0;
	  margin-bottom: 10px;
	  display:block;
}
.ms-rteStyle-ListingItems li:before{
content:">";	
}
/*contentpage-style*/
/***********main-breadcrumb*/
.main-breadcrumb span:nth-child(2){display:none;}
.main-breadcrumb{margin:0 40px;padding: 10px 0;}
.main-breadcrumb .BreadPathSeparator{margin:0 10px}
.main-breadcrumb a{color: #cecdcd;padding-right: 0;font-size: 1.8em;text-decoration: none;font-family:BellLight!important;text-transform:lowercase;}
.main-breadcrumb span.BreadPathSeparator:nth-child(3){display:none;}
.main-breadcrumb .BreadPathSeparator:before{content: "\f105";font-size: 19px;color: #dcdcdc;}
.main-breadcrumb a:hover{color: #777777;}
/***********main-breadcrumb*/
/***********TO TOP***************/
#js-2top{cursor:pointer;position:fixed;bottom: 14px;right: 6%;font-size: 23px;color: #613E5A;display: inline-block;z-index: 999;display: none;border-radius: 32px;width: 40px;height: 40px;box-shadow: 1px 1px 6px #FFFFFF;border: 0px solid #AD9967;}
#js-2top:before{
    }
    
#js-2top{background: url("/Style Library/QFC/img/top-arrow.png") no-repeat;background-size: 100%;background-position: 0px 0px;}

/************TO TOP***************/
/***********cutom nav**************/

.main-header.custom-navbar-fixed {
    position: relative;
    background-color: white;
}

.main-header.custom-navbar-fixed .main-logo img {
    display: none;
}

.main-header.custom-navbar-fixed .main-logo a {
    width: 300px;
    height: 90px;
    display: inline-block;
    background-image: url(/SiteAssets/QFC-Logo-Revampl-01.png);background-repeat: no-repeat;background-size: 100%;
}

.main-header.custom-navbar-fixed .social-links ul li a,
.main-header.custom-navbar-fixed .search-control .search-control-btn,
.main-header.custom-navbar-fixed .nav-ddl-control .nav-ddl {
    color: #613E5A;
    background-color: #f7f7f7;
}

.main-header.custom-navbar-fixed .search-control .search-control-btn {
    color: #613E5A;
}

.main-header.custom-navbar-fixed .social-links ul li a:hover,
.main-header.custom-navbar-fixed .search-control .search-control-btn:hover
 {
    background-color: #613E5A;
    color: white;
}

.main-header.custom-navbar-fixed .container-block-bg {
    background-color: #F7F7F7
}

.main-header.custom-navbar-fixed .nav-ddl-control ul {
    background-color: #F7F7F7;
    color: blue;
}

.main-header.custom-navbar-fixed .nav-ddl-control ul li a {
    color: #666666;
}
/*font-color*/

.main-header.custom-navbar-fixed .nav .nav-ul li {
    color: #666666
}
.main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item{color:#666;padding: 12px 64px;height: auto;}
.main-header.custom-navbar-fixed #topnavbar .static ul.dynamic li a {color:#666}
.main-header.custom-navbar-fixed #topnavbar .static ul.dynamic{background: #f7f7f7;}
.main-header.custom-navbar-fixed #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic {
    top: 42px!important;
}
.main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item:before{background-color: rgba(97, 62, 90, 0.8);}
.main-header.custom-navbar-fixed .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus{border-color: transparent;background-color: gainsboro !important;}
.main-header.custom-navbar-fixed .navbar-default .navbar-toggle .icon-bar{background-color: #49484d;}
.main-header.custom-navbar-fixed .nav-box {background: transparent;}
.main-header.custom-navbar-fixed .header-lv2{padding: 0px 0px;}
.main-header.custom-navbar-fixed .nav-ddl-control{ top: 10px;}
.main-header.custom-navbar-fixed #SearchBox input{color: #613e5a;font-family:BellLight}
/***********cutom nav**************/

.container-block {
    padding: 10px 5%;
}
.container-block.bottom-zero{
	padding-bottom:0;
}
.header-lv1 {
    position: relative;
    padding: 4px 0;
}
/*************************social links*************************/

.social-links {
    position: absolute;
    left: 0;
    top: 0;
    padding: 16px 0px;
}

.social-links ul {}

.social-links ul li {    display: inline-block;}

.social-links ul li a {
    background-color: white;
    display: inline-block;
    width: 29px;
    height: 29px;
    list-style: none;
    border-radius: 15px;
    padding: 6px;
    line-height: 1.2;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

.social-links ul li a:hover {
    background-color: #613E5A;
}
.social-links ul li a:hover i{
   color: #fff;
}
.social-links ul li a:hover:before{color:#fff}
.social-links ul li a {
    color: #49484D;
}
.social-links ul li a img{width: 100%;height: auto;}
.social-links ul li a.icon-in {}

.social-links ul li a.icon-yt {}

.social-links ul li a.icon-insta {}

.social-links ul li a.icon-tw {}

.social-links ul li a.icon-yt:before {
    content: "\f04b"
}

.social-links ul li a.icon-in:before {
    content: "\f0e1"
}

.social-links ul li a.icon-insta:before {
    content: "\f16d"
}

.social-links ul li a.icon-tw:before {
    content: "\f099"
}
/*************************social links*************************/
/*************************main-logo*************************/

.main-logo {
    text-align: center;
}

.main-logo a {}

.main-logo img {}
/*************************main-logo*************************/
/*************************search-control*************************/

.search-control {}

.search-control {
    position: absolute;
    right: 48px;
    top: 0;
    padding: 16px 0;

}

.search-control .search-control-btn {
    text-decoration: none;
    background-color: white;
    display: inline-block;
    color: #49484D;
    width: 28px;
    height: 28px;
    list-style: none;
    border-radius: 15px;
    padding: 6px;
    line-height: 1.2;
    text-align: center;
    font-size: 14px;
}

.search-control .search-input {
    position: absolute;
    right: 30px;
    top:14px;
    padding: 0 6px;
    height: 38px !important;
}

.search-control .search-input input {
    height: 28px;
    border-radius: 9px;
    padding: 0 8px;
    color: #676767;
    width: 180px;
    border: 2px solid #676767 !important;
}

.search-control .search-control-btn:hover {
     background-color: #613E5A;
}
.search-control .search-control-btn:hover:before {
    color: #fff;
}

.search-control a.search-control-btn:before {
    content: "\f002";
    font-family: FontAwesome;
}
.search-control #SearchBox{border:none;outline: none;border-color: transparent;}
.search-control #SearchBox input{color:white;font-size:1.2em;font-family:BellLight}
.search-control #SearchBox .ms-srch-sb{border:none;outline: none;border-color: transparent;}
.search-control #SearchBox .ms-srch-sb-searchLink{display:none;}
/*************************search-control*************************/
/*************************header-lv2*************************/

.header-lv2 {
    position: relative;
    padding: 18px 0px;
}
/*nav*/
.nav-box {
    width: auto;
    margin: auto;
    /* display: table; */
    float: none;
    text-align: center;
}
.header { margin-top:0px}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus{border-color: transparent;background-color: white !important;}
.navbar-default .navbar-toggle .icon-bar{background-color: #49484d;}
.navbar-default {border:0;background-color: transparent;}
.navbar { margin-bottom:0}
.navbar-collapse {padding-right:0;padding-left: 0;}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {background-image: none!important;padding-right:0;background-position: right;}
#topnavbar ul.root.static> li.static:first-child > a{display:none}
#topnavbar ul.static {width: 100%;margin: 0;padding: 0;position: relative;float: left;list-style: none;}
#topnavbar .static li {display: inline;overflow: visible!important;padding: 0;float: none;line-height: 20px;position: relative;/* text-align: center; *//* width: 100% !important; *//* margin: auto !important; */}
#topnavbar .nav .static>li>a.menu-item {text-transform:uppercase;padding: 20px 64px;margin-right: 1px;height: 57px;font-weight: 400;font-size: 1.8em;color: white;font-weight: normal;font-family: BellLight;text-decoration: none;display: block;-webkit-transition: color .2s linear, background .2s linear;-moz-transition: color .2s linear, background .2s linear;-o-transition: color .2s linear, background .2s linear;transition: color .2s linear, background .2s linear;outline: none;}
#topnavbar .static li:hover>a, .static li.active a {color: #de3a5d;}
#topnavbar .static li ul.dynamic li a:hover{color: #333;background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#topnavbar .static li.right {float: right}
#topnavbar .static ul.dynamic, .static ul.dynamic li ul.dynamic {background: #fff none repeat scroll 0 0;border: 1px solid transparent;overflow: hidden;background: rgba(255, 255, 255, 0.22);border-radius: 2px;display: none;list-style: outside none none;margin: 0;padding: 0;position: absolute;width: 200px;z-index: 99999;top: 58px;}
#topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{top: 57px!important;left: -3px !important;right:0}
#topnavbar .static li.static.dynamic-children a.dynamic-children:after{display:none;content:"\f0dd";margin: 0 5px;padding: 0 2px;font-size: 16px;position: relative;top: -2px;color: transparent;}
#topnavbar .static li.selected a.selected{color:#de3a5d}
#topnavbar .static ul {top:0px;left: 0;}
#topnavbar .static ul.dynamic li ul.dynamic {top: 0;left: 100%}
#topnavbar .static ul.dynamic li {clear: both;width: 100%;border: 0;margin-top:0;font-weight:bold;color:#666;border-bottom: 1px solid transparent;}
#topnavbar .static ul.dynamic li a {padding: 10px;width: 100%;color: white;font-size:15px;font-weight:normal;text-decoration: none;display: inline-block;float: left;font-family: BellLight;clear: both;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: color .2s linear, background .2s linear;-moz-transition: color .2s linear, background .2s linear;-o-transition: color .2s linear, background .2s linear;transition: color .2s linear, background .2s linear;}
#topnavbar .nav .static>li>a.menu-item{position:relative;}
#topnavbar .nav .static>li>a.menu-item:before{content:"";height:4px;position: absolute;background-color:white;bottom: 0;right: 100%;left: 100%;display: inline-block;}
#topnavbar .nav .static>li:hover>a.menu-item:before{right:0;left:0;  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
@media(min-width:767px

){
.social-links ul li {
 
    margin-right:16px;
}
.join-business-content {
    padding-top: 28px;
    }
  .nav-box {
    display: table;
  }
}
@media(max-width:767px){

  .nav-box {width:80%;background: rgba(255, 255, 255, 0.95);}
  #topnavbar .static li.static.dynamic-children a.dynamic-children:after{right:0 !important;top: -17px;left: 100%;}
  #topnavbar .nav .static>li>a.menu-item{color:black}
  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus{border-color:black}
  #topnavbar .nav .static>li>a.menu-item:before{background-color: #613e5a;}
  #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{background-color: #cbc0c9;top:0!important}
  #topnavbar .static li.static.dynamic-children a.dynamic-children:after{display:none}
  .main-header.custom-navbar-fixed #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{top:0!important}
  .main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item{padding: 12px 20px;}
  #topnavbar .nav ul.static{padding-bottom:10px}
}

@media(max-width:1200px){
#topnavbar .nav .static>li>a.menu-item{padding: 20px 33px;}	
.main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item{padding: 20px 33px;}
.main-header.custom-navbar-fixed #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{top:56px!important}
#topnavbar .nav .static>li>a.menu-item{font-size:1.6em}
#topnavbar .static ul.dynamic li a{font-size:13px}
}

@media(max-width:1300px){
#topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{left:auto!important}
#topnavbar .nav .static>li>a.menu-item{padding: 20px 48px;}
.main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item{padding: 20px 48px;}
}


@media(max-width:1100px){

#topnavbar .nav .static>li>a.menu-item{padding: 20px 17px;}
.main-header.custom-navbar-fixed #topnavbar .nav .static>li>a.menu-item{padding: 20px 17px;}
}


/*nav*/

.nav-ddl-control {
    position: absolute;
    right: 32px;
    width: 139px;
    text-align: center;
    top: 29px;
    right: 0;
}

.nav-ddl-control .nav-ddl {
    position: relative;
    width: 29px;
    height: 29px;
    border-radius: 22px;
    display: inline-block;
    padding: 4px;
    right: 0;
    color: #49484d;
    float: right;
    text-align: right;
    font-size: 14px;
    
}
.nav-ddl-control .nav-ddl:hover{
     
}
.nav-ddl-control .nav-ddl:hover:before,.nav-ddl-control .nav-ddl:hover:after {
    color: #fff;
}
.nav-ddl-control .nav-ddl:before {
}

.nav-ddl-control .nav-ddl:after {
}
.nav-ddl-control .nav-ddl{background: url("/Style Library/QFC/img/quick-nav-icon.png")white no-repeat;background-size: 100%;background-position: 0px 0px;}
.main-header.custom-navbar-fixed .nav-ddl-control .nav-ddl:hover{background: url("/Style Library/QFC/img/hover-quick-nav.png") no-repeat;background-size: 100%;background-position: 0px 0px;}

.nav-ddl-control ul {
    list-style: none;
    margin-top: 52px;
    position: absolute;
    width: 100%;
    right: -20px;
    background-color: rgba(255, 255, 255, 0.22);
    padding: 8px 0px;
    min-width: 130px;
}

.nav-ddl-control ul li {
    color: white;
    /* padding: 8px 2px; */
    
    font-size: 1.6em;
    font-family: BellLight;
}

.nav-ddl-control ul li:hover {
    background-color: #f7f7f7;
    color: black;
}

.nav-ddl-control ul li:hover a {
    background-color: #f7f7f7;
    color: black;
}

.nav-ddl-control ul li a {
    cursor: pointer;
    color: white;
    text-decoration: none;
    display: block;
    padding: 12px 2px;
    text-transform: uppercase;
    font-size: 0.8em;
}

.nav-ddl-control ul li a:hover {
    color: black;
}
/*************************header-lv2*************************/
/*************************main-banner*************************/

.main-banner {
    min-height: 200px;
}

.main-banner .js-slider-slick {
    position: relative;
        overflow: hidden;
}

.main-banner .js-slider-slick .slick-item {}

.main-banner .js-slider-slick .slick-item .content-item {
     position: relative; 
}

.main-banner .js-slider-slick .slick-item .content-item img {
    width: 100%;
    height: 100vh;
}

.main-banner .js-slider-slick .slick-item .content-item video {width:100%;height:100%}
.main-banner .js-slider-slick .slick-item .content-item h2 {
    position: absolute;
    color: white;
    top: 44%;
    text-align: center;
    width: 100%;
    font-size: 5em;
    padding: 0 26%;
    /**text-transform: uppercase;**/
    font-family: AgLight;
    font-weight: normal;
}
@media(max-width:992px){
.main-banner .js-slider-slick .slick-item .content-item h2{padding:0 5%}	


}

@media(min-width:767px){ .main-banner .js-slider-slick .slick-item .SHowOnMobile{display:none}}

@media(max-width:992px){
	.main-banner .js-slider-slick .slick-item.vimeo .content-item #vimeo{display:none}
	.main-banner .js-slider-slick .slick-item.vimeo .content-item img{width:100%!important}
	.fluid-width-video-wrapper{padding-top:0!important}
}
@media(min-width:992px){
	.main-banner .js-slider-slick .slick-item.vimeo .content-item img{display:none!important}
	.main-banner .js-slider-slick .slick-item.vimeo .content-item h2{}
}
#vimeo{width:100%}
video#vimeo, *:focus {
  outline: 0!important;
  outline: none!important;
  outline-width: 0;
 -webkit-tap-highlight-color: rgba(0,0,0,0)!important;
 }


/*************************main-banner*************************/


/*************************join business*************************/


.join-business-brief {
    text-align: center;
    margin-bottom: 80px;
}


.join-business-brief h2 {
    color: #613e5a;
    font-size: 4.8em;
    font-family: AGLight;
   /** text-transform: uppercase;**/
    margin-top: 70px;
    margin-bottom: 30px;
}

.join-business-brief span {
    width: 41%;
    display: inline-block;
    margin: auto;
    font-size: 1.9em;
    font-family: BellLight;
}


/*************************operate offers tax*************************/
.join-business-bg {
    position: relative;
    /* padding-top: 60px; */
}
.business-image-bg{padding:0px}
.business-image-bg img {
    width: 100%
}

.join-business-brief h2 {
    color: #613e5a;
    font-size: 6.8em;
    font-family: AGLight;
    /** text-transform: uppercase;**/

}

.join-business-brief span {
    width: 80%;
    display: inline-block;
    margin: auto;
    font-size: 1.9em;
    font-family: BellLight;
}

.join-business-content {
    position: absolute;
    width: 100%;
    padding-top: 0px;
    top: 12%;
    bottom: 0;
    right: 0;
    left: 0;
}

.join-business-item {}

.join-business-item span {
    position: relative;
    padding: 2%;
}

.join-business-item span p {
    font-size: 2em;
    width: 75%;
    direction: inherit;
    display: inline-block;
    font-family: BellLight;
    margin: 0;
}

.join-business-item:nth-child(2n) {
    text-align: right
}

.join-business-item:nth-child(2n) span {
    border-right: 3px solid #80a8b9;
    border-bottom: 3px solid #80a8b9;
    display: inline-block;
}

.join-business-item:nth-child(2n+1) span {
    border-left: 3px solid #80a8b9;
    border-bottom: 3px solid #80a8b9;
    display: inline-block;
}

.join-business-item:nth-child(2n) span p {
    text-align: right;
}

.join-business-item:nth-child(2n+1) span p {
    text-align: left;
}

.join-business-item:nth-child(2n) span:before {
    content: "\f1db";
    position: absolute;
    left: -32px;
    bottom: -29px;
    font-size: 40px;
    font-weight: normal;
    color: #80a8b9;
}

.join-business-item:nth-child(2n+1) span:before {
    content: "\f1db";
    position: absolute;
    right: -32px;
    bottom: -29px;
    font-size: 40px;
    font-weight: normal;
    color: #80a8b9;
}

.join-business-item:nth-child(5) span {
    width: 32%;
    margin-left: 5%
}

.join-business-item:nth-child(6) span {
    width: 32%;
    margin-right: 5%
}

.join-business-row {
    position: relative;
    margin-bottom: 1%;
    height: calc(88% / 3);
    height: -moz-calc(88% / 3);
 
}

.join-business-row .join-business-item span {
    width: 69%;
}


.join-business-row .join-business-item:nth-child(1) {
    position: absolute;
    left: 0px;
    top: 0;
    width: 50%;
}

.join-business-row .join-business-item:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%
}
.join-business-row:nth-child(2n+1) .join-business-item:nth-child(1){

    left:2%;width:48%;
}
.join-business-row:nth-child(2n+1) .join-business-item:nth-child(2){

    right:2%;width:48%;
}
/*************************operate offers tax*************************/





.join-b .business-image-bg img{width:100%}
.join-b-content{padding: 2% 6% 0% 6%;}
.join-b-content .col-xs-2{padding:0;width:20%;z-index:9}
.join-b-content .col-xs-2:first-child{
    top: 115px;
}
.join-b-content .col-xs-2:nth-child(2){
    top: 10px;
    left: 10px;
}
.join-b-content .col-xs-2:nth-child(3){
    top: 195px;
    left: 0;
}
.join-b-content .col-xs-2:nth-child(4){
    direction: rtl;
    top: 27px;
}
.join-b-content .col-xs-2:nth-child(5){direction:rtl;top: 100px;}
 .join-b-item  span{display:block}
.join-b-item  span p{
    font-size: 1.9em;
    display: inline-block;
    font-family: BellLight;
    margin: 0;
    padding: 10px 5px 0px 10px;
    width: 80%;
    }  
.join-b-item  .border-green-top{
       width: 76px;
       padding-bottom: 0px;
       border-top: 3px solid #80a8b9;
    }
	
	
.join-b-item  .border-green-left{
    border-left: 3px solid #80a8b9;
    padding-left: 1px;
    height: 163px;
    position:relative;
    }

.join-b-item .border-green-right	{
    border-right: 3px solid #80a8b9;
    padding-right: 1px;
    height: 163px;
    position:relative;
    }
.join-b-item .border-green-right:before{
    content: "\f1db";
    position: absolute;
    right: -21px;
    bottom: -57px;
    font-size: 50px;
    font-weight: normal;
    color: #80a8b9;
    }	
.join-b-item  .border-green-left:before{
    content: "\f1db";
    position: absolute;
    left: -21px;
    bottom: -57px;
    font-size: 50px;
    font-weight: normal;
    color: #80a8b9;
    }	

@media(max-width:992px){
.join-b-content .col-xs-2:first-child{top: 76px;}
.join-b-content .col-xs-2:nth-child(3){top: 106px;left: -61px;}
.join-b-content .col-xs-2:nth-child(4){top: 14px;left: -18px;}
.join-b-content .col-xs-2:nth-child(5){    top: 66px;}	
}
@media(max-width:767px

){
.join-b-item  span p{    padding: 10px 5px 0px 1px;}
.join-b-item  .border-green-top{width:27px}
.join-b-item  span p{font-size: 1.3em;}
.join-b-item  .border-green-left{height:100px}
.join-b-item  .border-green-left:before{    content: "\f1db";
    position: absolute;
    left: -14px;
    bottom: -33px;
    font-size: 30px;
    font-weight: normal;
    color: #80a8b9;}
 .join-b-item .border-green-right:before{content: "\f1db";
    position: absolute;
    right: -14px;
    bottom: -33px;
    font-size: 30px;
    font-weight: normal;
    color: #80a8b9;}
  .join-b-item .border-green-right{height:100px}
.join-b-content .col-xs-2:first-child{
    top: 39px;
}
.join-b-content .col-xs-2:nth-child(3){
    left: 0;
    top: 74px;
}
.join-b-content .col-xs-2:nth-child(4){}
.join-b-content .col-xs-2:nth-child(5){
    top: 40px;
}	
}


/*************************join business*************************/



/*************************Forms and Input*************************/
.reg-form{
}
.reg-form .input-reg-center{text-align: center;display:none;}
.reg-form a.input-btn{border: 1px solid #c2c2c2;background-color:#c2c2c2;text-decoration: none;padding: 8px 20px;font-family: BellLight;font-size: 1.4em;color: #333;margin: 0 auto;display: inline-block;text-align: center;width: 120px;}
.reg-form a.input-btn:hover{background-color:#613e5a;color:white}
/*************************Forms and Input*************************/

/*************************QFC Quote*************************/
.title-white{}
.title-white h2{
    text-align: center;
    color: white;
   /** text-transform: uppercase;**/

}
.title-dark h2{
    color: #613e5a;
    font-size: 4.8em;
    /** text-transform: uppercase;**/

    text-align: center;
    }
.qfc-quote{
    background-image: url("/Admin/PublishingImages/QFC Quote/qfc-quote-bg.png");
    padding-bottom: 14%;
    padding-top: 0;
}
.qfc-quote-box{
    background-color: rgba(0, 0, 0, 0.72);
    width: 80%;
    margin: 0 auto;
    padding: 10%;
}
.qfc-quote-title h2{font-family:AGMedium;font-size: 4.1em;margin-bottom: 40px;}


.qfc-quote-content{}
.qfc-quote-content h4{
    color: white;
    padding: 0 14%;
    text-align: center;
    font-size: 1.8em;
    font-family: BellLight;
}
.qfc-quote-content h4:before{content:"\f053";padding: 10px;}
.qfc-quote-content h4:after{content:"\f054";padding: 10px;}

/*************************QFC Quote*************************/




/*************************operation easy*************************/

.operate-easy h2{margin-top: 50px;font-family: AGLight;font-size: 6.8em;text-transform:uppercase;}
.operate-easy-content{padding: 8% 0 6%;border-bottom: }
.operate-easy-content .operate-easy-item{
    /* border: 1px solid; */
    /* height: 31px; */
    height: 250px;
    text-align: center;
}
.operate-easy-item a{text-decoration:none;display: inline-block;cursor: context-menu!important;}
.operate-easy-item a:hover span.inner-circle{background-color: white;}
.operate-easy-item span.outer-circle{
    display: block;
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0px;
    padding: 6px;
    margin: auto;
}
.operate-easy-item .outer-circle{
    border: 1px solid #CACACA;
    border-radius: 150px;
}
.operate-easy-item .inner-circle{
    border: 1px solid #CACACA;
    border-radius: 150px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.operate-easy-item span img{height: 65%;width:auto;position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;}
.operate-easy-item h4{text-align:center;color: #949494;padding: 0 5%;font-family: BellLight;font-size: 1.6em;margin: 26px 0px;/** text-transform: uppercase;**/
}
.operate-easy{background-color: #f7f7f7;}
@media(max-width:768px){
	.operate-easy-content .operate-easy-item{width:50%}
	.operate-easy-content .operate-easy-item.col-xs-12{width:100%!important}	
	 .operate-easy-item.col-sm-offset-1{margin-left:0}
	.operate-easy.setup-easy{padding-top:0!important}
}

@media(max-width:370px){
	.operate-easy-content .operate-easy-item{width:100%}
}

.benefit-from .operate-easy-item .inner-circle{background-color:white;}
.benefit-from .operate-easy-item a:hover span.inner-circle{background-color:#f7f7f7;}
.operate-easy.setup-easy{background-color:transparent!important;padding-top:175px}
.operate-easy.setup-easy.pdg-zero{padding-top:0px}
.operate-easy.setup-easy .operate-easy{background-color:transparent!important}
.operate-easy.setup-easy .operate-easy-item a:hover span.inner-circle{background-color:#f7f7f7;}
/**.operate-easy.setup-easy .operate-easy-item a:after{    
	content: "";
    width: 80px;
    height: 71px;
    background: url("/Style Library/QFC/img/setup-easy-right.png")no-repeat;
    top: 36px;
    position: absolute;
    right: -37px;
    display: inline-block;
    background-size: 72px;}
.operate-easy.setup-easy .operate-easy-item:nth-child(4) a:after{display:none}
@media(max-width:992px){
.operate-easy.setup-easy .operate-easy-item:nth-child(2) a:after{display:none}	
}**/
.setup-easy .operate-easy-content .operate-easy-item:after{content: "";
    width: 80px;
    height: 71px;
    background: url("/Style Library/QFC/img/setup-easy-right.png")no-repeat;
    top: 36px;
    position: absolute;
    right: -37px;
    display: inline-block;
    background-size: 72px;}
 
.operate-easy.setup-easy .operate-easy-item:nth-child(4):after{display:none}
 @media(max-width:992px){
.operate-easy.setup-easy .operate-easy-item:nth-child(2):after{display:none}}
@media(max-width:500px){
.operate-easy.setup-easy .operate-easy-item{width:100%!important}
.operate-easy.setup-easy .operate-easy-item:after{
    content: "";
    width: 80px;
    height: 71px;
    background: url("/Style Library/QFC/img/setup-easy-down.png")no-repeat;
    top: 212px;
    position: absolute;
    right: 0;
    display: inline-block;
    background-size: 30px;
    left: 43px;
    text-align: center;
    margin: auto;}
 
 /**.operate-easy.setup-easy .operate-easy-item:nth-child(4):after{display:block!important}  **/ 
 .operate-easy.setup-easy .operate-easy-item:nth-child(2):after{display:block!important}	
}
.operate-easy h2{margin-top:0px!important}
/*************************operation easy*************************/


/*************************Latest News*************************/
.latest-news{
    border-top: 1px solid #80a8b9;
}
.latest-news-title-container{}
.latest-news-title{
    width: 72%;
    margin:  auto;
    padding-top: 28px;
}
.latest-news-title h2{
    font-size: 4em !important;
    font-family: AGLight;text-transform:uppercase;
    
}
.latest-news-title p{
    margin-bottom: 72px;
    font-size: 2em;
    font-family: BellLight;
    color: #716f6f;
}
.latest-news-title a{
    display: block !important;
    text-align: center;
color:#666;}
.latest-news-title a:visited{color:#666;}
.latest-news-title .view-link{display:inline-block;padding: 10px 49px;background-color: #f7f7f7;margin-bottom: 10px;text-decoration: none;font-size: 1.7em;/** text-transform: uppercase;**/font-family: BellLight;}

.latest-news-items-container{
    padding: 0;
}
.latest-news-item{
    padding: 0;
}
.latest-news-item:nth-child(2n) .news-info{background-color:#FFF}
.latest-news-item:nth-child(2n) .news-info:before{color:#FFF !important;}
.news-img{
    position: relative;
    overflow: hidden;
   height:auto;
    width: 100%;
    display: block;
}
.news-img img{
    width: 100%;
    height: 100%;

}

.news-info{
    background-color: #F7F7F7;
    padding: 0  4%;
    height: 225px;
    /* overflow: hidden; */
    position: relative;
    /* z-index: 10; */
}
.news-info a{text-decoration:none}
.news-info:before{content:"\f0de";position: absolute;top: 6px;z-index: 9999;font-size: 31px;line-height: 0;color: #f7f7f7;z-index: 10;}
.news-info h4{
    margin: 0;
    padding: 20px 0;
    font-size: 1.65em;
    overflow: hidden;
    /** text-transform: uppercase;**/

    color: #59405A;
    font-family: BellLight;
}
.news-info .news-date{
    display: block;
    color: #585858;
    font-size: 1.35em;font-family:BellLight;
}
.news-info .news-location{
    display: block;
    font-family:BellLight;
    color: #585858;
    font-size: 1.35em;
}
.latest-news-items-container .viewall{
    text-align: center;
    margin-top: 30px;margin-bottom:30px;
}
.latest-news-items-container .viewall .viewall-button{display:inline-block;
font-family: BellLight;font-size: 2em;background-color: #f7f7f7;padding: 10px 10%;
color: #59405A;text-decoration: none;/** text-transform: uppercase;**/
}

.handle-position{bottom:38px;position:absolute}
/*************************Latest News*************************/

/*************************Upcomming Events*************************/
.upcomming-events-items-container .viewall{
    text-align: center;
    margin-top: 30px;margin-bottom:30px;
}
.upcomming-events-items-container .viewall .viewall-button{display:inline-block;
font-family: BellLight;font-size: 2em;background-color: #f7f7f7;padding: 10px 10%;
color: #59405A;text-decoration: none;/** text-transform: uppercase;**/}


.upcomming-events{border-top: 1px solid #80a8b9;}
.upcomming-events-title-container{}
.upcomming-events-title{
    width: 72%;
    margin:  auto;
    padding-top: 28px;
}
.upcomming-events-title h2{
    font-size: 4em !important;
    font-family: AGLight;
    
}
.upcomming-events-title p{
    margin-bottom: 72px;
    font-size: 2em;
    font-family: BellLight;
    color: #716f6f;
}
.upcomming-events-title a{
    display: block !important;
    text-align: center;
color:#666;}
.upcomming-events a:visited{color:#666;}
.upcomming-events-title .view-link{display:inline-block;padding: 10px 49px;background-color: #f7f7f7;margin-bottom: 10px;text-decoration: none;font-size: 1.7em;/** text-transform: uppercase;**/
font-family: BellLight;}

.upcomming-events-items-container{
    padding: 0;
}
.upcomming-events-item{
    padding: 0;
}
.upcomming-events-item:nth-child(2n) .event-info{background-color:#FFF}
.upcomming-events-item:nth-child(2n) .event-info:before{color:#FFF !important;}
.event-img{
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    display: block;
}

.event-img img{    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;}
 .event-img img:hover{    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}   
    
.event-img img{
    width: 100%;
    height: 100%;

}

.event-info{
    background-color: #F7F7F7;
    padding: 0  4%;
    height:225px;
    /* overflow: hidden; */
    position: relative;
    /* z-index: 10; */
}
.event-info a{text-decoration:none}
.event-info:before{content:"\f0de";position: absolute;top: 5px;z-index: 9999;font-size: 50px;line-height: 0;color: #f7f7f7;z-index: 10;}
.event-info h4{
    margin: 0;
    padding: 20px 0;
    font-size: 1.65em;
    overflow: hidden;
    /** text-transform: uppercase;**/

    color: #59405A;
    font-family: BellLight;
}
.event-info .event-date{
    display: block;
    color: #585858;
    font-size: 1.35em;font-family:BellLight;
}
.event-info .event-location{
    display: block;
    /** text-transform: uppercase;**/

    color: #585858;
    font-size: 1.35em;font-family:BellLight;
}

.upcomming-events-items-container .upcomming-events-item:nth-child(3n+1){
	clear:left
}

/*************************Upcomming Events*************************/


/*************************about-links*************************/

.about-links{}
.about-links-bg{
    background-image: url("/Admin/About/PublishingImages/About%20Links/about-bp-eagle.jpg");
    background-size: cover;
    padding-bottom: 30px;
    padding-top: 30px;
    background-position: top center;
}

.operate-default .about-links-bg{
	  background-image: url("/Admin/About/PublishingImages/About%20Links/operate-bp-eagle.jpg");
    background-size: cover;
    padding-bottom: 30px;
    padding-top: 30px;
    background-position: top center;

}
.about-link-box{padding-bottom:30px}
.about-link-box.pdg-zero{padding-bottom:0}
.about-links.operate-default .about-link-box{padding-bottom:0px}
@media(max-width:768px){
	.about-links.operate-default .about-link-box{padding-bottom:30px}
}
.about-link-box:nth-child(4){padding-bottom:0px}
padding-bottom:0px}
.about-link-box:nth-child(5){padding-bottom:0px}
.about-link-box:nth-child(6){padding-bottom:0px}
.about-link-item{
    height: 300px;
    background: rgba(255,255,255,0.2);
    position: relative;
    width: 100%;
    display: table;
        
    
}
.about-link-item:hover{
    background: rgba(255,255,255,0.4);
}
.about-link-item:hover.about-page-link{color:red;font-weight:bold!important}
.about-page-link{

margin: auto;

text-align: center;

height: 100%;

display: table-cell;

width: 100%;

padding: 0 10%;

text-decoration: none;

font-size: 5.5em;

font-family: AgLight;

    color: white!important;

vertical-align: middle;

outline-offset: initial!important;}
.about-page-link:hover{text-decoration:none;}
.about-links .about-links-bg .row{margin:0}
@media(max-width:768px){
	.about-page-link{font-size:4.5em}
}
/*************************about-links*************************/
/*subpage*/
.subpage-title-center{
	text-align:center;
	position: relative;
	font-family: AGLight;
	z-index: 20;
	margin-bottom: 31px;
	}
	.subpage-title-main{text-transform:uppercase;    position: absolute;font-family: AGLight;/* display: table; */width: 100%;margin: auto;top: 0;font-size: 5.5em;bottom: 0;padding-top: 58px;color: #613e5a;}
	.subpage-title-center:before{text-transform:uppercase;font-size: 230px;color: #f7f7f7;z-index: 0;font-family: AGMedium;display: inline-block;width: 100%;line-height: 174px;overflow:hidden;height: 209px;padding: 0;margin: 0;vertical-align: text-top;}
	@media(max-width:768px){
	.subpage-title-main{font-size: 3.5em;padding-left: 5px;padding-right: 5px;}
	.subpage-title-center:before{font-size:82px;height:130px}
}
/*subpage*/

/*news layout*/
.main-news-page-layout{}
.news-layout-image{}
.news-layout-image img{width:100%;}
.news-layout-details-info{
    background-color: #F7F7F7;
    padding: 18% 16%;
    position: relative;
}
.news-layout-details-info .news-date{
    padding: 20px 0;
    font-size: 1.2em;
    font-family: BellLight;
    position: relative;
}
.news-layout-details-info .news-location{
    padding: 20px 0;
    font-size: 1.2em;
    font-family: BellLight;
    position: relative;
}
.news-layout-details-info .news-direct-links{
    padding: 20px 0;
    font-size: 1.2em;
    font-family: BellLight;
    position: relative;
}
.news-layout-content{}
.news-layout-details-info:before{content:"\f0d8";color: #f7f7f7;position: absolute;top: -11px;left: 52px;font-size: 71px;line-height: 0;}
/*.news-layout-details-info .news-date:before{content:"\f073";position: absolute;top: 11px;left: -25px;font-size: 2em;}*/



/*news layout*/


/*subpage-banners*/
.subpage-banners{}
.subpage-banners .subpagebanner-content{position:relative;/* max-height: 570px; */overflow: hidden;}
.subpage-banners .subpagebanner-content .subpagebanner-img{
    height: auto;
    width: 100%;
}
.subpage-banners .subpagebanner-content-bg{
	background-color: rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.subpage-banners .subpagebanner-content h4{position:absolute;top:0;bottom: 0;color: white;width: 100%;text-align: center;max-height: 136px;height: 100px;margin: auto;font-size: 4.5EM;font-family: AGLight;padding:0 22%}
@media(max-width:992px){
.subpage-banners .subpagebanner-content h4{font-size: 3.7EM;padding: 0 6%;}	
}

@media(max-width:500px){
.subpage-banners .subpagebanner-content h4{font-size: 3em!important;padding: 0 20%;}	
}

/*subpage-banners*/

/************************QATAR Stable Economy*****************/
.qatar-stable-economy{margin:0 0}
.qatar-stable-economy-content{}
.qatar-stable-economy-content .stable-economy-item{
     background-color: #F7F7F7;
    height: 300px;
    position: relative;
}
.qatar-stable-economy-content .stable-economy-item:nth-child(2n){background-color: #fff;}
.stable-economy-item .table-economy-item-inner{
    display: table;
    height: 300px;
    width: 100%;
}
.stable-economy-item .item-inner-content{/* position: absolute; *//* top: 0; *//* bottom: 0; */display: table-cell;/* right: 0; *//* left: 0; *//* width: 100%; */text-align: center;/* margin: auto; */vertical-align: middle;position:relative;}
.stable-economy-item .item-inner-content a{position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;}
.stable-economy-item .item-inner-content h1{
    font-size: 3.2em;
    font-family: AGLight;
    padding: 0;
    margin: 0 0 8px 0;
    color: #59405A;
}
.stable-economy-item .item-inner-content h2{
    font-size: 3.2em;
    font-family: AGLight;
    padding: 0;
    margin: 0 0 8px 0;
    color: #59405A;
}
.stable-economy-item .item-inner-content p{
    font-family: BellLight;
    font-size: 2em;
    color: #585858;
        padding: 0 25%;
}

/************************QATAR Stable Economy*****************/

/*********************Notable project*********************/
.notable-project{}
.notable-project-title{}
.notable-project-title h2{
    color: #613e5a;
    font-size: 3em;
    /** text-transform: uppercase;**/

    text-align: center;
    font-family: AGLight;
    padding: 52px 0;
}

.notable-project-content{}

.notable-project-item{
   background-color: #F7F7F7;
}
.notable-project-item-img-box{
    padding: 0;
}
.notable-project-item-img{
    padding: 0;
    overflow: hidden;
    cursor:pointer;
    height: 300px;
}
.notable-project-item-img img{
    width: 100%;
    height: 100%;
      display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;}


.notable-project-item-img img:hover{
	 box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.notable-project-item-content{
    padding: 3% 4%;
}
.notable-project-item-content h3{
    font-family: AGlight;
   /** text-transform: uppercase;**/

    font-size: 4em;
    color: #613e5e;
}
.notable-project-item-content span{
    padding-top: 3px;
    display: inline-block;
}
.notable-project-item-content span *{font-family:BellLight;font-size: 1.3em;color: #6B6B6B;}
.notable-project-item-content span strong{font-family:AGLight;font-size: 1.5em;color: #613e5e;}
.notable-project-item:nth-child(2n){background-color:transparent;text-align: right;}
@media(max-width:767px

){
	.notable-project-item-content{
	text-align:center
}
}
/*************************Notable Project*************************/

/*********************managment and board-director*********************/
.board-director{}
.board-director-title{}
.board-director-title h2{
    color: #613e5a;
    font-size: 3em;
   /** text-transform: uppercase;**/

    text-align: center;
    font-family: AGLight;
    padding: 52px 0;
}

.board-director-content{}

.board-director-item{
       background-color: #F7F7F7;
}
.board-director-item-img-box{
    padding: 0;
}
.board-director-item-img{
    padding: 0;
    overflow: hidden;cursor:pointer;
    /* position: relative; */
   
}
.board-director-item-img img{
    width: 100%;
    height: 100%;
      display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
    
}

.board-director-item-img img:hover, .board-director-item-img img:focus, .board-director-item-img img:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.board-director-item-content{
       padding: 3% 12% 3% 3%;
}

.board-director-item-content.col-sm-pull-4{
       padding: 3% 3% 3% 12%;
}
.board-director-item-content h2{
    font-family: AGlight;
    /** text-transform: uppercase;**/

    font-size: 4em;
    margin-bottom: 2px;color:#59405A;
}

.board-director-item:nth-child(odd) .board-director-item-content h2{text-align:left}
.board-director-item:nth-child(even) .board-director-item-content h2{text-align: right!important;}
.board-director-item:nth-child(even) .board-director-item-content .member-job-title{text-align: right!important;}

.board-director-item-content span{
    padding-top: 25px;
    display: block;
}
.board-director-item-content span.member-description{font-family:BellLight !important;font-size: 1.9em !important;}
.board-director-item-content span.member-job-title {font-family: AGLight;font-size: 2.3em;display:block;color: #613e5a;padding-top: 0;margin-top: 0;}
.board-director-item-content span.member-description b,.board-director-item-content span strong{font-family:AGLight;font-size: 1.5em;}
.board-director-item:nth-child(2n){background-color:transparent;text-align: right;}
.board-director .board-director-item:nth-child(2n) * {text-align: left!important;}
.board-director-item:nth-child(2n) #desc2 * {text-align: left!important}
@media(max-width:767px){
.board-director-item:nth-child(odd) .board-director-item-content h2{text-align:center!important}
.board-director-item-content span{text-align:center!important}
.board-director-item:nth-child(even) .board-director-item-content h2{text-align:center!important}
.board-director-item:nth-child(2n){text-align:center}
.board-director-item-content{padding:3% 3%}
.board-director .board-director-item:nth-child(2n) *{text-align:center!important}
.board-director .board-director-item:nth-child(2n) *{text-align:center!important}
.board-director-item-content.col-sm-pull-4{padding:3% 3%}
}

/*************************managment and board-director*************************/




/*************************QFC Authority*******************/
.qfc-authority-about{}
.qfc-authority-about-content{
    font-family: BellLight;
    padding: 8% 6%;
    font-size: 2em;
    line-height: 22px;
    color: #585858;
}

.qfc-authority-about ul li{
    padding: 2px 0;
}

@media (max-width:767px

){.qfc-authority-about ul{padding-left: 18px;}}
/******qfc authority overview******/
.authority-overview-title{    font-family: AGLight;text-align:center}
.authority-overview-title img{width:100%}
@media(max-width:767px

){
	.authority-overview-title h2{font-size:2.7em;padding:0 10px}
}

/******qfc authority overview******/


/*******news-subscribe*/
.news-subscribe-control{
    background-image: url("/Admin/About/PublishingImages/News%20Letter/news-letter-bg.jpg");
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    min-height: 540px;
    position: relative;
}
.news-subscribe-control-bg{
	
background-color: rgba(0, 0, 0, 0.46);
	
position: absolute;
	
top: 0;
	
right: 0;
	
left: 0;
	
bottom: 0;
}
.news-subscribe-wp{
    padding-top: 205px;
}
.news-subscribe-wp h4{
    color: #efefef;
    font-family: BellLight;
    font-size: 1.6em;
}
.news-subscribe-options{}
.news-subscribe-options input{
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    background-color: transparent;
    color: white !important;
    border-color: white;
    font-size: 1.3em;
}
.news-subscribe-options button{
    width: 100%;
    background-color: #fff;
    font-family: BellLight;
    font-size: 1.3em;
}
/******news-subscribe*/

/*************************QFC Authority*******************/

/*************************BusinessPlateform*******************/
.business-platform-tab{
    background-image: url("/Admin/About/PublishingImages/About%20Links/about-links-bg.jpg");
    background-size: cover;
   
    background-position: top center;
}
.business-platform-box{
	
width: 20% !important;
	
padding: 0 8px;
	
position: inherit;
}
.business-platform-item{
    min-height: 300px;
    width: 100%;
    position: relative;
    background: rgba(255,255,255,0.2);
    cursor:pointer;

    }
.business-platform-item:hover{background: rgba(255,255,255,0.4)}
.business-platform-item:after{}
.business-platform-item.active-tab:after{ opacity: 1;}
.business-platform-item .business-platform-link{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    text-align: center;
    max-height: 20px;
    color: white;
    font-family: AGLight;
    font-size: 3.4em;
    text-decoration: none;
}
.business-platform-bg{
}
.business-platform-bg .row{margin-left:0px;margin-right:0px;}
.business-platform-description{font-size: 1.3em;font-family: BellLight;);
}
.business-platform-description ul{
    list-style: none;
}
.business-platform-description > ul li{
    
    padding: 0% 0% 0% 0%;
    text-align: center;
    position: relative;
    height: 260px;
    display: table;
    overflow:hidden;
}
/**.business-platform-description ul li:before{
    content:"\f111";
    font-size: 28px;
    color: white;
    display: inline-block;
    vertical-align: sub;
}**/
.business-platform-description > ul li a{
    
    font-size: 2.5em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    vertical-align: middle;
    margin: auto;
    height: 100%;
    width: 100%;
    display: table;
    padding: 23%;
    text-decoration: none;  
    font-family: AGLight;
    color: #59405A;
}
.business-platform-description > ul li a{
	  width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform;
}
  
   
.business-platform-description > ul li:hover a {box-shadow: rgba(0, 0, 0, 0.498039) 0px 10px 10px -10px;transform: scale(1.1);}

@media (max-width: 767px){
.business-platform-box{width: 100% !important;padding: 8px 8px;}
.business-platform-description ul li:before{vertical-align: baseline;font-size: 21px;}
.business-platform-description ul li a{display:inline}
.business-platform-tab{margin-bottom:50px!important}
.business-platform-item:after{font-size: 70px;bottom: 15px;display:none!important}
.business-platform-item {min-height: 100px!important;cursor:auto;display:table;width:100%}
.business-platform-item .show-on-desctop{display:none}
.business-platform-description{display:none}
.business-platform-item.active-tab:after{opacity:0!important;}
.business-platform-link.show-on-mobile{max-height:inherit;position:inherit;display: table-cell;height: 100%;vertical-align: middle;}
}
@media (min-width:767px){.business-platform-item .show-on-mobile{display:none}}
.business-platform-description{position:absolute;right:0;left: 0;width: 100%;height:auto;}
.business-platform-tab{position:relative;}
.business-platform-item {min-height: 500px;}
.business-platform-description ul li:nth-child(odd){background-color:#f7f7f7;}
.business-platform-description ul li:nth-child(even){background-color:transparent;}
.business-platform-description ul li:nth-child(3n+1){clear:left}
.business-platform-item:after{content: "\f0d8";font-size: 120px;line-height: 0px;opacity:0;color: white;position: absolute;bottom: 17px;right: 0;left: 0;line-height: 0;text-align: center;}
.business-platform-item.active-tab:after{ opacity: 1;}

/*************************BusinessPlateform*******************/

/*************************BusinessPlateform links page*******************/
.bp-links-container{}
.bp-links-container ul{list-style: none;}
.bp-links-container ul li{overflow:hidden;padding: 0% 0% 0% 0%;text-align: center;position: relative;min-height: 260px;display: table;}
.bp-links-container ul li a{color: #59405A;font-family:AgLight;font-size: 3em;position: absolute;top: 0;left: 0;bottom: 0;right: 0;vertical-align: middle;margin: auto;height: 100%;width: 100%;display: table;padding: 23%;text-decoration: none;}
 .bp-links-container ul li:nth-child(odd){background-color:#f7f7f7;}
.bp-links-container ul li:nth-child(even){background-color:transparent;}
.bp-links-container ul li:nth-child(3n+1){clear:left}
.bp-links-container ul li a{	  width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform;
}
.bp-links-container ul li:hover a{box-shadow: rgba(0, 0, 0, 0.498039) 0px 10px 10px -10px;transform: scale(1.1);}

@media(max-width:767px){
	.bp-links-container ul li:nth-child(3n+1){clear:none}
	.bp-links-container ul li{width:100%!important;min-height: 100px;}
	.bp-links-container ul li a{padding:9%}
}
/*************************BusinessPlateform links page*******************/



/*************************Media Center***********************/
/**/
.media-center-wp{}
.media-left-block{}
.media-gallery-title{
        padding-left: 8%;
    padding-right: 28%;
    margin: auto;
    
}
.media-gallery-title h2{
    font-size: 4em !important;
    font-family: AGLight;
    text-align: center !important;
}
.media-gallery-title p{
    margin-bottom: 72px;
    font-size: 1.3em;
}
.media-gallery-title a{
    padding: 10px 49px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 1.2em;
   /** text-transform: uppercase;**/

    display: block !important;
    text-align: center;
    color: #666;
    }
.media-gallery-title .media-link{}

.media-right-block{padding-left:0px}

.media-gallery-row{}

.media-gallery-row.row-one{}
.media-gallery-row.row-two{}
.media-gallery-row.row-three{}
.media-gallery-row.row-four{}
.media-gallery-row.row-five{}

.media-gallery-row.row-two.video-row-first{}
.media-gallery-row.row-five.video-row-second{}

.media-gallery-row .image-box{
    padding: 0;cursor:pointer
}
.image-box img{
    width: 100%;
}

.media-gallery-row.row-four{}
.media-gallery-row.row-four .image-cutom-top{}  
.media-gallery-row.row-four .image-cutom-bottom{}  


.video-container-block video{width:100%;padding: 0;margin: 0;}
.video-container-block img{
    width: 100%;
    max-height: 311px;
}
.image-custom .image-box-custom{padding:0;}
.image-custom .image-cutom-top{padding:0;height: calc(100% /3);}
.image-custom .image-cutom-bottom{padding:0;}
.image-custom .image-box-custom-left{
    height: 250px;
}
.image-custom .image-box-custom-right{
    padding: 0;
}
.image-custom .image-box-custom img{width:100%}
.image-custom .image-cutom-top img{width:100%}
.image-custom .image-cutom-bottom img{width:100%}
#cboxContent button{min-width:inherit!important}
/**/
/*************************Media Center**********************/
/*************************main-footer*************************/

.main-footer {
    background: url("/Style Library/QFC/img/Footer-infinity.png") no-repeat #f7f7f7;
    color: #666;
    padding-top: 9%;
    background-repeat: no-repeat;
    background-size: 355px;
    background-position: center bottom;   
}

.footer-quick-links-control {
    position: relative;
}

.footer-quick-links-control .footer-logo-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    margin: auto;
    min-width: 100px;
    max-height: 100px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display:none;
}

.footer-quick-links-control .footer-logo-icon img {width:100px;height:100px;display: none;}
.footer-block {
    float: right;
    margin-bottom: 10px;
    padding-left:11%;
}

.footer-block h4 {
    text-align: left;
    color: #666;
    font-family: BellBold;
   text-transform: uppercase;

}

.footer-block ul {
    list-style: none;
    text-align: left;
    width: 100%;
    margin: 0 auto;
}
@media(max-width:767px){
	.footer-block h4{text-align:center;line-height: inherit;}
	.footer-block ul{text-align:center; width: 80%;}
	.footer-block{padding-left:0}
}
.footer-block ul li {
    color: white;
    padding: 6px 2px;
}

.footer-block ul li a:before{
	content: "";
    height: 2px;
    position: absolute;
    background-color: rgba(97, 62, 90, 0.8);
    bottom: -7px;
    right: 100%;
    left: 100%;
    display: inline-block;
}

.footer-block ul li:hover a:before  {
    right: 0;
    left: 0;
    -webkit-transition-property: right, left;
    transition-property: right, left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }

.footer-block ul li a {
    text-decoration: none;
    color: #666;
    font-size: 1.6em;
    position:relative;display:inline-block;font-family:BellLight;
    
}

.footer-block:nth-child(1) {}

.footer-block:nth-child(2) {
    float: left;
}

.footer-block:nth-child(3) {
    float: left;
}

.footer-block:nth-child(4) {
    float: left;
}

.footer-block:nth-child(5) {
    float: left;
}

.subscribe-control {
    text-align: center;
}

.subscribe-control h4 {}

.subscribe-control .subscribe-options {}

.subscribe-control .subscribe-options button[type="Button"] {
    height: 29px;
    background-color: #E8E8E8;
    color: #6b6b6b;
}

.subscribe-control .subscribe-options button[type="Button"]:hover {
    background-color: #676767;
    color: white;
}

.subscribe-control .subscribe-options input[type="text"] {
    background-color: transparent;
    border: 2px solid #666;
    height: 28px;
    min-width: 186px;
    color: #A3A0A7;
    font-size: 1.4em;
    font-family: 
;
}

.rights-control {
    text-align: center;
    padding: 14px 0;
}

.rights-control span {
    font-family: BellLight;
    font-size: 1.6em;
}
/*************************main-footer*************************/

/*responsive*/

@media(max-width:1200px) {
    .join-business-item span p {
        font-size: 1.9em
    }
    
}

@media(max-width:992px) {
    .join-business-item span p {
        font-size: 1.8em;
        width: 100%;
    }
    
   .search-control {
        position: relative;
        float: right;
        padding: 4px 0;
        margin: 0;
       
    }
    .search-control .search-input{top:4px}
}
@media(min-width:767px

) and (max-width:992px){
	.qatar-stable-economy-content .stable-economy-item:nth-child(1n){background-color: #E2E3E2;}
.qatar-stable-economy-content .stable-economy-item:nth-child(3n){background-color: #FFF;}
.qatar-stable-economy-content .stable-economy-item:nth-child(2){background-color: #FFF;}

}
@media(max-width:767px) {
.main-header.custom-navbar-fixed #topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{top:0px!important}
    body {
        font-size: 8px;
    }
    .main-banner .js-slider-slick .slick-item .content-item img {
        width: auto;
    }
    .main-banner .js-slider-slick .slick-item .content-item h2 {
        padding: 0 2%;
        top: 55%;
        font-size: 3.2em;
    }
    .social-links {
        position: relative;
        float: left;
        padding: 4px 0;
    }
 
    .search-control .search-input {
        padding: 4px;top:0;
    }
    .search-control .search-control-btn {
        float: right
    }
    .search-control .search-input input {
       
    }
    .footer-quick-links-control .footer-logo-icon {
        position: initial;
        margin-bottom: 21px;
    }
    .footer-block:nth-child(2),
    .footer-block:nth-child(3),
    .footer-block:nth-child(4),
    .footer-block:nth-child(5) {
        float: none;
    }
    .footer-block {
        margin-bottom: 23px;
    }
    .join-business-item span p {
        font-size: 1.5em
    }

    .join-business-item:nth-child(2n+1) span:before{font-size:28px;bottom: -22px;right: -22px;}
    .join-business-item:nth-child(2n) span:before{font-size:28px;bottom: -22px;left: -22px;}
    .join-business-row .join-business-item span{width: 69%;}

    .easy-step-content table.step-block-left tr:nth-child(1) td:nth-child(1) .step-box .dash-line{
    display: block;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    border-left: 1px dashed #666;
    border-bottom: 1px dashed #666;
}
.easy-step-content table.step-block-left tr:nth-child(1) td:nth-child(2) .step-box .dash-line{
    top: 50%;
    bottom: 0;
    left: 0;
    right: 50%;
    border-right: none;
    border-bottom: 1px dashed #666;
    border-left: none;
    display: none;
    display: block;
}
.easy-step-content table.step-block-left tr:nth-child(2) td:nth-child(1) .step-box .dash-line{
    top: 0;
    bottom: 49.9%;
    left: 50%;
    right: 0;
    border-left: 1px dashed #666;
    border-bottom: 1px dashed #666;
    display: none;
}
.easy-step-content table.step-block-left tr:nth-child(2) td:nth-child(2) .step-box .dash-line{
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    border-right: 1px dashed #666;
    border-top: non;
    border-bottom: 1px dashed #666;
    border-left: 0;
}



.easy-step-content table.step-block-right tr:nth-child(1) td:nth-child(1) .step-box .dash-line{
    /* display: none; */
    top: -1px;
    bottom: 0;
    z-index: 1;
    left: 50%;
    right: 0;
    border-top: 1px dashed #666;
    border-left: 1px dashed #666;
    border-bottom: 1px dashed #666;
    border-right: none;
}
.easy-step-content table.step-block-right tr:nth-child(1) td:nth-child(2) .step-box .dash-line{

display: none;

top: 50%; 

bottom: 0;

bottom: 0;

left: 0;

right: 50%;

border-right: 1px dashed #666;

border-bottom: none;

border-top: 1px dashed #666;

border-left: none;
}
.easy-step-content table.step-block-right tr:nth-child(2) td:nth-child(1) .step-box .dash-line{
    top: 0;
    bottom: 50%;
    left: 50%;
    right: 0;
    border-left: 1px dashed #666;
    border-bottom: 1px dashed #666;
    display: none;
}
.easy-step-content table.step-block-right tr:nth-child(2) td:nth-child(2) .step-box .dash-line{
    top: -1px;
    bottom: 50%;
    left: -1px;
    right: 50%;
    border-left: none;
    border-bottom: none;
    border-right: 1px dashed #666;
    border-top: 1px dashed #666;
    display: none;
    display: block;
}

.easy-step-blocks .step-box{

height:170px;
}

.qfc-quote-box{padding: 8%;width: 90%;}
.qfc-quote-content h4{padding:0 10%}

.subpage-banners .subpagebanner-content h4{font-size:4.2em}
}

@media(max-width:480px) {
    .nav-ddl-control {
        display: none;
    }
    .join-business-item span p {
        font-size: 1.2em
    }
    .join-business-item span {
        min-height: 40px;
    }
   .join-business-brief span {
    width: 98% !important;
   }
   .benefit-from-blocks{width:100%}
   .qfc-quote-box{padding: 4%;width: 95%;}
   .qfc-quote-content h4{padding:0 4%}
}
/*responsive*/
/*** HK Style ****/
.welcome-content,.ms-signInLink {display:none !important;}

/*** HK Style ****/

/* === moasmar home css === */
.back-image .center-image img{
    width: 400px;
}
.back-image img{
    width: 100%;
}
/* section 2 */
.section2 .head {
    text-align: center;
}
.section2 .head h1 {
    color: #59405a;
    font-size: 22px;
    margin-bottom: 40px;
}

.section2 .brief {
    width: 500px;
    margin: 0 auto;
    font-size: 13px;
    color: #585862;
    opacity: 0.9;
}
.section2 .back-image {
    position: relative;
    margin: 40px auto 0px;
    text-align: center;
}


/* left labels */

.labels-left {
    float: left;
}

.labels-right {
    float: right;
}
.left1 {
    width: calc(100% - 110px);
    position: absolute;
    right: -75px;
    top: 95px;
    z-index: 1;
}

.left1 span {
    position: absolute;
    top: 12px;
    left: 25px;
    width: 220px;
    word-wrap: break-word;
}

.left2 span {
    position: absolute;
    top: 15px;
    left: 25px;
    width: 220px;
    word-wrap: break-word;
}

.labels-left {
    font-size: 18px;
    text-align: left;
}

.left2 {
    width: calc(100% - 00px);
    position: absolute;
    right: -60px;
    top: 345px;
    z-index: 1;
}

.left3 {
    width: calc(100% - 130px);
    position: absolute;
    right: -50px;
    top: 620px;
    z-index: 1;
}

.left3 span {
    position: absolute;
    top: 15px;
    left: 25px;
    width: 205px;
    word-wrap: break-word;
}

/* right labels */
.right1 {
    width: calc(100% - 50px);
    position: absolute;
    left: -70px;
    top: 170px;
    z-index: 1;
}

.right1 span {
    position: absolute;
    top: 15px;
    right: 25px;
    width: 180px;
    word-wrap: break-word;
}
.right2 {
    width: 100%;
    position: absolute;
    left: -55px;
    top: 465px;
    z-index: 1;
}
.right2 span {
    position: absolute;
    top: 15px;
    right: 25px;
    width: 220px;
    word-wrap: break-word;
}

.labels-right {
    text-align: right;
    font-size: 18px;
}
/* section 3 */
.section3{
    padding:0px;
    font-size: 14px;
    text-align: center;
}
.section3 span {
    font-size: 14px;
}
.section3 .head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.section3 .head h1 {
    color: #FFF;
    font-size: 45px;
    margin-top: 60px;
}
.s3labels-top {
    position: absolute;
    top: 0;
    width: 80%;
    left: 0;
    margin: 0 auto;
    right: 0;
    height: 100%;
}
.s3labels-bottom {
    position: absolute;
    top: 450px;
    left: 0;
    margin: 0 auto;
    right: 0;
    height: 100%;
}
.section3 span, .middletext div{
    color:#FFF;
}
.section3 .back-image {
    text-align: center;
    color: #FFF;
}
.s3left {
    width: 25%;
    float: left;
    position:relative;
}
.s3middle1 {
    width: 25%;
    float: left;
}

.s3middle2 {
    width: 25%;
    float: left;
}

.s3right {
    width: 25%;
    float: left;
    position:relative;
}

.s3left img, .s3right img {
    width: 50px;
}

.s3left span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: 0 auto;
    width: 80px;
}

.s3right span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: 0 auto;
    width:120px;
}
.middletext {
    width: 100%;
    margin-top: 290px;
}
.fullwidth{
    width: 100%;
}
.middletext .percentage, .middletextbottom .percentage{
    font-size: 30px;
}
.middletext .subtitle1, .middletextbottom .subtitle1{
    width: 70px;
    margin: 0 auto;
}
.middletext .subtitle2{
    width: 150px;
    margin: 0 auto;
}
.s3bottomleft {
    width: 25%;
    float: left;
    position: relative;
}

.s3bottommiddle {
    width: 25%;
    float: left;
}

.s3bottomright {
    width: 50%;
    float: left;
    position: relative;
}

.s3bottomleft img {
    width: 100%;
    margin-left: -90px;
}

.s3bottomleft span {
    position: absolute;
    bottom: -50px;
    right: 5px;
    width: 150px;
}
.bottomright1 {
    width: 50%;
    float: right;
    position: relative;
}



.bottomright1 span {
    position: absolute;
    bottom: -50px;
    width: 180px;
    right: 180px;
}
.bottomright2 {
    width: 50%;
    float: right;
    position: relative;
}

.bottomright1 img, .bottomright2 img {
    height: 52px;
    float: right;
}
.bottomright2 img {
    margin-right: -35px;
}
.bottomright2 span {
    position: absolute;
    bottom: -30px;
    width: 180px;
    right: 120px;
}
.middletextbottom {
    color: #FFF;
    margin-top: 20px;
    margin-left: 20%;
}

.s3button {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
}

.s3button a {
    font-size: 20px;
    padding: 10px 50px;
    color: #FFF;
    border: 1px solid #FFF;
}
.s3button a:hover {
    text-decoration: none;
    background: #FFF;
    color: #9c8e9c;
}


/** snippet control **/
.ms-rte-embeddialog-preview{width:auto!important}
/** snippet control **/



/**added by ahmad mokdad**/
.easy-step-content .input-reg-center{
	padding-bottom:6%;
}
.operate-easy h2{
	padding-top:50px;
}

.operate-easy.setup-easy.pdg-zero .operate-easy h2{padding-top:0}
.operate-easy.benefit-from.custom-pdg .operate-easy h2{padding-top:100px;}
/**added by ahmad mokdad**/



/**change language control**/
.choose-language{
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px 0;
}
.choose-language a{
     background-color: white;
     display: inline-block;
     width: 29px;
     height: 29px;
     list-style: none;
     border-radius: 15px;
     padding: 6px;
     line-height: 1.3;
     text-align: center;
     font-size: 13px;
     text-decoration: none;
     color: black;
     font-family: GE-Light;
     } 
    
     .choose-language a:hover{color:white;background-color:#613E5A!important}
     .custom-navbar-fixed .choose-language a{background-color:#f7f7f7}
     
/**change language control**/



/** search page custom design**/





/** search page custom design**/