/* ----------------------
    Custom Normalize
---------------------- */
/* Web Fonts */
@font-face {font-family: 'tstar_probold';src: url('../fonts/tstar-pro-bold.woff2') format('woff2'), url('../fonts/tstar-pro-bold.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face {font-family: 'tstar_promedium';src: url('../fonts/tstar-pro-medium.woff2') format('woff2'),url('../fonts/tstar-pro-medium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'tstar_proregular';src: url('../fonts/tstar-pro-regular.woff2') format('woff2'),url('../fonts/tstar-pro-regular.woff') format('woff');font-weight: normal;font-style: normal;}

/* Typegraphy */
*, html, body,p,a,ul,ul li, span, label, h1, h2, h3, h4, h5, h6{font-family: 'tstar_probold'; color: #060000; margin: 0px 0px; font-size: 16px;}
a:hover,a:active,a:focus,a:active:focus{text-decoration: none;}
p{margin-bottom: 18px;}
h1{font-size: 45px;}
h3{font-size: 20px;}
h2{font-size: 25px;}

/* List Styles */
ul, ul li{list-style: none; list-style-type: none; margin: 0px; padding: 0px;}

/* Buttons */
.btn-primary{background-color: #152e48;color: #fff;border: 1px solid #152e48;}

/* Colors */
.bg-light{background-color: #f7f7f9 !important;}
.pageFooter .text-secondary{color: #ffffff !important;}
.text-danger{color: #a38755 !important;}
.border-secondary{border-color: #bdbdbd !important;background-color: #f6f6fa;margin-top: 10px;margin-bottom: 10px;height: 50px !important;border-radius: 20px !important;}

/* Section Styles */
section, footer{padding-top: 60px; padding-bottom: 60px;}

/* Patterns */
.patternLeft{background-image: url('../img/patternLeft.png'); background-repeat:  repeat-y; background-position: -38% top;}
.patternLeft2{background-image: url('../img/patternLeft2.png'); background-repeat:  repeat-y; background-position: -38% top;}
.patternRight{background-image: url('../img/patternRight.png'); background-repeat:  repeat-y; background-position: 107% top;}
.patternRight2{background-image: url('../img/patternRight2.png'); background-repeat:  repeat-y; background-position: 139% top;}
.leftColumn{background-image: url('../img/patternLeft.png'); background-repeat:  repeat-y; background-position: -38% top;}
.rightColumn{background-image: url('../img/patternRight.png'); background-repeat:  repeat-y; background-position: 107% top;}
.navbar-toggler-icon{background: #000; height: 2px; position: relative;}
.navbar-toggler-icon:before,
.navbar-toggler-icon:after{position: absolute; content: ''; width: 100%; height: 2px; background: #000;left: 0px;}
.navbar-toggler-icon:before{top: -5px;}
.navbar-toggler-icon:after{bottom: -5px;}

/* ----------------------
        Home Page
---------------------- */
.header{background: #152E48;}
.mainWrapper{padding-top: 100px;}
.languageArabic{line-height: 100px;}
/* Strap Section */
.strap a{line-height: 65px;}
.icon{padding-left: 80px; background-color: transparent; background-repeat: no-repeat; background-position: left center;}
.registrationIcon{background-image: url('../img/registration.png');}
.mediaIcon{background-image: url('../img/media.png');}
.delegateIcon{background-image: url('../img/delegates.png');}
.programIcon{background-image: url('../img/programme.png');}
.socialIconWrap{padding-top: 34px; padding-bottom: 34px;}
.socialIcon{margin-right: 12px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center center;}
.socialIconWrap li:last-child a{margin-right: 0px;}
.facebook{background-image: url('../img/facebook.png');}
.twitter{background-image: url('../img/twitter.png');}
.instagram{background-image: url('../img/instagram.png');}

/* Previous Event Section */
.eventItem{position: relative; display: block; width: 100%;}
.eventDesc{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 0px 50px 30px;}
.owl-theme .owl-nav{margin-top: 10px; top: -20%; position: absolute; right: 0px}
.memberCarousel.owl-theme .owl-nav{top: -55%;}
.relatedLinkCarousel.owl-theme .owl-nav{top: -55%;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{width: 38px; height: 38px;}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{display: none;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev:hover{background: transparent url('../img/btn-prev.png') no-repeat center center}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next:hover{background: transparent url('../img/btn-next.png') no-repeat center center}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent;}

/* News Section */
.date{font-size: 14px; color: #c3c3c8;}
.leftColumn .col-md-6:nth-child(2){padding-right: 0px !important;}
.rightColumn .row > div:nth-of-type(1){padding-left: 0px !important; padding-right: 0px !important;}
.rightColumn h3,
.leftColumn h3{background: #a38755; color: #fff; line-height: 45px; margin: 5px 0px 5px 0px !important;}

/* Socials Block */
.socialBlock{background-color: #a38755;}

/* Footer */
.pageFooter{background: #152E48;}
.footerLinks li a{line-height: 22px; border-right: 1px solid #cdc5bd; padding-right: 8px; margin-right: 8px; font-size: 14px;}
.footerLinks li:last-child a{border: none; padding-right: 0px; margin-right: 0px;}
.footerLinks li a:hover,
.footerLinks li a:focus,
.footerLinks li a:active,
.footerLinks li a:active:focus{color: #fff !important; text-decoration: none;}
.copyright{font-size: 18px;}
.footerTextField{background-color: #785930; color: #000;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
        -ms-border-radius: 0px;
         -o-border-radius: 0px;
            border-radius: 0px;
}
.searchBtn{background: #a38755;
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
        -ms-border-radius: 0px;
         -o-border-radius: 0px;
            border-radius: 0px;
}
.pageFooter .form-control:focus{background-color: #563b18;}
.pageFooter .form-control.footerTextField::-webkit-input-placeholder {color: #fff;}
.pageFooter .form-control.footerTextField::-moz-placeholder {color: #fff;}
.pageFooter .form-control.footerTextField:-ms-input-placeholder {color: #fff;}
.pageFooter .form-control.footerTextField:-moz-placeholder { color: #fff;}

/* ----------------------
        About Page
---------------------- */
.bannerHeading{color: #152e48;font-size: 60px;width: 100%;text-align: center;}
.rightColumn .row > div:first-child{padding-right: 0px;}
.rightColumn .row > div:last-child{padding: 30px 15px 0px 30px}
.leftColumn .row > div:first-child{padding: 30px 30px 0px 15px}
.leftColumn .row > div:last-child{padding-left: 0px; padding-right: 0px !important;}
.aboutUsQatarLogo{width: 150px;}
.leftColumn .col-md-6:nth-child(2){padding-right: 0px !important;}
.rightColumn .row > div:nth-of-type(1){padding-left: 0px !important; padding-right: 0px !important;}
.rightColumn h3,
.leftColumn h3{background: #a38755; color: #fff; line-height: 45px; margin: 5px 0px 5px 0px !important;}

/* ----------------------
        Registration Page
---------------------- */
.regPageForm .custom-file-label::after{content: 'Browse File';color: #152e48;background-color: #d6d6d6;border-left: none;height: 48px;padding: 12px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

/* ----------------------
        Responsive
----------------------- */
@media (max-width : 1199px){
    /* About Us */
    #tabs .nav-link{padding-left: 5px; padding-right: 5px;}
}

@media (max-width : 991px){
    /* Homepage */
    .container{max-width: 100%;}

    /* About Us */
    section#tabs{padding: 10px !important;}
    #tabs .nav-link{padding: 5px; font-size: 13px;}
    .leftColumn .row { display: flex; flex-direction: column; }
    .leftColumn .row > div:nth-of-type(2){order: 1}
    .leftColumn .row > div:nth-of-type(1){order: 2}
    .leftColumn .btn.btn-primary,
    .rightColumn .btn.btn-primary{margin-bottom: 15px;}
}

@media (max-width : 767px){
    /* Homepage */
    *, html, body, p, a, ul, ul li, span, label, h1, h2, h3, h4, h5, h6{font-size: 14px;}
    h1{font-size: 25px; line-height: 45px;}
    h3{font-size: 16px;}
    section, footer{padding-top: 40px; padding-bottom: 40px;}
    .socialIcon{width: 25px; height: 25px; background-size: cover;}
    .socialIconWrap{padding-top: 40px;}
    .navbar-expand-sm .navbar-nav .nav-link{padding-right: .3rem; padding-left: .3rem;}
    .nav-item a{font-size: 13px;}
    .icon{padding-left: 50px; background-size: 30%;}
    .owlSlider .owl-nav{display: none;}

    /* About Us */
    .bannerHeading{line-height: 150px; text-align: center; font-size: 50px;}
    .aboutUsQatarLogo{margin-top: 0px !important; width: 120px;}
    #tabs .nav-link{line-height: 30px;}
    .rightColumn .row > div:first-child{padding-right: 15px;}
    .leftColumn .row > div:last-child{padding-left: 15px;}
    .eventCarousel .owl-nav{top: -60%;}
    .relatedLinkCarousel.owl-theme .owl-nav{top: -200%;}

}
@media (max-width : 575px){
    /* Small Grids */
    .col-xs-6{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .socialBlock .img-fluid{width: 100%;}
    .navbar-toggler{border-color: #000;}
    .icon{padding-left: 60px;}
    .socialIconWrap,
    .languageWrap{display: none;}
    .mobileSocialIconWrap,
    .mobileLanguage{display: block !important;}
    .socialBlock .row .col-sm-3,
    .partnerBlock .row .col-sm-3{margin-bottom: 15px;}
    .socialBlock a h3{padding-left: 12px !important; padding-right: 12px !important;}
    img.zoom{height: auto !important;}
    .mapIframe{display: block; width: 100%; margin-bottom: 30px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
    }
}

@media (max-width : 480px){
    /* About Us */
    .bannerHeading{font-size: 35px; line-height: 100px;}
    .aboutUsQatarLogo { margin-top: -85px !important; width: 70px;}
    .bannerHeight{height: auto !important;}
}

.d-block {
    display: block!important;
    max-width: 530px!important;
    align-items: center!important;
    margin-left: auto!important;
    margin-right: auto!important;
}