
@font-face {
    font-family: 'GESSTextLight-Light';
    src: url('../fonts/GESSTextLight-Light.eot');
    src: url('../fonts/GESSTextLight-Light.woff2') format('woff2'), url('../fonts/GESSTextLight-Light.woff') format('woff'), url('../fonts/../fonts/../fonts/GESSTextLight-Light.ttf') format('truetype'), url('../fonts/../fonts/GESSTextLight-Light.svg#GESSTextLight-Light') format('svg'), url('../fonts/GESSTextLight-Light.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GESSTextMedium-Medium';
    src: url('../fonts/GESSTextMedium-Medium.eot');
    src: url('../fonts/GESSTextMedium-Medium.woff2') format('woff2'), url('../fonts/GESSTextMedium-Medium.woff') format('woff'), url('../fonts/GESSTextMedium-Medium.ttf') format('truetype'), url('../fonts/GESSTextMedium-Medium.svg#GESSTextMedium-Medium') format('svg'), url('../fonts/GESSTextMedium-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

.blue {
    color: #226dc3;
}


body {
    font-family: 'GESSTextLight-Light';
}

/*menuA*/
.menuA {
    min-height: 83px;
    border-bottom: 4px solid #ddd;
}

.navbar-default {
    background-color: white;
    border: none;
}

.navbar-nav {
    padding-top: 46px;
    padding-right: 50px;
    float: left;
}

.header_Social {
    float: left;
    padding-left: 15px;
    padding-top: 6px;
}

    .header_Social img {
        padding-right: 5px;
    }

.contantInner {
    margin-top: 0px;
}

.tags_view {
    position: absolute;
    z-index: 1;
    left: 15px;
}

    .tags_view li {
        display: inline-block;
    }

.numTab img {
    float: left;
    padding: 8px;
}

.numTab span {
    float: left;
    padding-top: 5px;
    color: white;
    font-size: 16px;
}

.numTab {
    width: 78px;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
}

.tag {
    width: 78px;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
}

    .tag span {
        float: right;
        padding-top: 5px;
        padding-right: 23px;
        color: white;
        font-size: 16px;
    }

.footerSocial {
    text-align: center;
    padding-top: 20px;
    padding-right: 6%;
}

    .footerSocial img {
        padding-left: 10px;
    }

.logos {
    border: 2px solid #eeeeee;
    margin-bottom: 35px;
    text-align: center;
    padding: 13px;
    margin-left: 0px;
    width: 93%;
}

.logos_All {
    border: 2px solid #eeeeee;
    margin-bottom: 35px;
    text-align: center;
    padding: 13px;
    margin-left: 49px;
    width: 20%;
}

.loadMore {
    background-color: #226dc3;
    border: none;
    color: white;
    padding: 13px;
    ;
    text-align: center;
    margin-right: 45%;
    margin-bottom: 40px;
}

.viewAll {
    background: none;
    color: #226dc3;
    padding: 13px;
    ;
    text-align: center;
    margin-right: 45%;
    margin-bottom: 40px;
    border: 1px solid #226dc3;
}

.partner h1 {
    text-align: center;
}

.footer {
    background-image: url(../images/footerbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
}

.contantList {
    padding: 0px;
    background-color: #f4f4f4;
    min-height: 400px;
}

    .contantList hr {
        margin: 0;
    }

.description {
    font-size: 16px;
    color: black;
    font-family: 'GESSTextLight-Light';
    padding-right: 10px;
}

.contantList li {
    display: block;
}

.contantTitle {
    font-size: 18px;
    font-family: 'GESSTextMedium-Medium';
    color: #226dc3;
    padding-right: 10px;
}

.contantTitle {
    text-decoration: none;
}

.subscribe_Section {
    width: 45%;
    border: 1px solid white;
    padding: 7px;
    margin-right: 29%;
}


.footerlogo {
    background-color: white;
    text-align: center;
    width: 80%;
    padding: 19px;
    margin-top: 18px;
    margin-bottom: 20px;
    margin-right: 14%;
}

    .footerlogo img {
        padding-top: 10px;
        padding-bottom: 10px;
    }



.subscribe {
    background: none;
    border: none;
    color: white;
    /*padding-left: 70px;*/
    width:87%;
}

.sub_btn {
    background-color: #f6ae00;
    border: none;
    padding: 8px;
    padding: 5px 10px 5px 10px;
}

.viewed_title {
    font-size: 19px;
    font-family: 'GESSTextMedium-Medium';
    color: black;
}

    .viewed_title span {
        font-size: 14px;
        font-family: 'GESSTextLight-Light';
        float: left;
    }

.MoreViewed {
    background-color: #f4f4f4;
    min-height: 328px;
    margin-bottom: 20px;
    border-top: 2px solid #226dc3;
}

.MoreViewedContent {
    padding-right: 0;
    padding-top: 12px;
}

    .MoreViewedContent p {
        font-size: 16px;
    }

    .MoreViewedContent img {
        float: left;
        padding-top: 3px;
    }

.num_view {
    float: left;
    padding-left: 9px;
}

.MoreViewedContent li {
    display: block;
    border-right: 3px solid #f6ae00;
    padding-right: 6px;
    margin-bottom: 14px;
}

    .MoreViewedContent li a {
        text-decoration: none;
        color: black;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
    background: none;
}

.navbar-nav > li > a {
    font-family: 'GESSTextMedium-Medium';
    font-size: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: black;
    /*padding-left: 30px;*/
    padding-right: 50px;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #226dc3;
    }

.search_text {
    border: none;
    background: none;
}

.searchbox {
    width: 19%;
    border: 1px solid gray;
    border-radius: 5px;
    margin-top: 13px;
    float: left;
    padding: 6px;
    margin-left: 1.4%;
    margin-bottom: 0%;
}

.search_btn {
    border: none;
    background: none;
    float: left;
}

/*menub style*/
.menuB {
    background-color: #1e3953;
    height: 30px;
    position: relative;
    z-index: 1;
}
/* Add a black background color to the top navigation */
.topnav {
    background-color: transparent;
    overflow: hidden;
    float: left;
}

    /* Style the links inside the navigation bar */
    .topnav a {
        float: right;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 5px 14px;
        text-decoration: none;
        font-size: 14px;
    }

        /* Change the color of links on hover */
        .topnav a:hover {
            color: #f6ae01;
        }

    /* Hide the link that should open and close the topnav on small screens */
    .topnav .icon {
        display: none;
    }
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a {
        display: none;
    }

        .topnav a.icon {
            float: right;
            display: block;
        }

    .topnav a {
        padding: 3px 44px;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive a.icon {
            position: absolute;
            left: -29px;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

    .topnav {
        background-color: #226dc3;
    }
}


@media screen and (max-width: 786px) {
    .searchbox {
        display: none;
    }

    .breadCrumbsSection {
        display: none;
    }

    .subscribe_Section {
        width: 70% ;
        margin-right:1%;
    }

    .footerlogo {
        width: 100%;
    }

    .navbar-nav {
        float: none;
    }

    .menuA {
        min-height: 190px;
    }

    .page_title p {
        width: 100% !important;
        text-align: center !important;
        padding-right: 0 !important;
    }

    .userloginForm {
        /*padding: 0% !important;*/
    }

    .hederIamge .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .MenuSlideMargin {
        margin-top: 52px !important;
    }

    .owl-nav {
        display:none;
    }

}

.inputSearch {
    padding: 0px 26px;
    margin: 0px 0;
    background-color: transparent;
    margin-top: 15px;
    border: none;
}

.breadcrumb {
    border-radius: 0px;
    border: 1px solid #ffd46c;
    font-size: 17px;
}

.breadCrumbsSection {
    padding-top: 10px;
}

.inputText {
    padding: 8px 26px;
    margin: 8px 0;
    background-color: transparent;
    margin-top: 15px;
    border-right: 5px solid #f6ae01;
}

.search_btn {
    background-color: transparent;
    border: none;
}


.PasswordText {
    padding: 8px 26px;
    margin: 8px 0;
    background-color: transparent;
    margin-top: 15px;
    border: 1px solid #fff;
    border-right: 5px solid #f6ae01;
}

input[type=checkbox] {
}

.logIn_btn {
    border: 1px solid #f6ae01;
    background-color: transparent;
    padding: 8px 78px;
    margin-top: 15px;
}

    .logIn_btn:hover {
        background-color: #f6ae01;
    }

.remember {
    padding-right: 15px;
    opacity: 0.7;
    font-size: 16px;
}

.userloginForm {
    font-size: 19px;
    color: white;
    /*padding: 8%;*/
    padding: 5%;
    padding-top: 51px;
}

    .userloginForm img {
        padding-left: 15px;
    }

    .userloginForm span {
    }

.innerImgeHeager {
    min-height: 350px;
}

.innerImgeHeager2 {
    min-height: 447px !important;
}

.imgesShadow {
    /*min-height: 350px;*/
    min-height: 448px;
    /*background-color: rgba(0,0,0,0.6);*/
    background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.hederIamge {
    background-image: url(../images/hederbg.jpg);
    /*min-height: 350px;*/
    min-height: 448px;
    background-repeat: no-repeat;
    background-size: center center;
    background-size: cover;
}

.hederIamge_Height {
    min-height: 350px !important;
}

.innerImgeHeager .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.userlogin {
    /*min-height: 350px;*/
    min-height: 448px;
    background-color: rgba(0,0,0,0.8);
}

.page_title {
    padding-right: 5%;
    padding-top: 32px;
}

    .page_title h1 {
        font-family: 'GESSTextMedium-Medium';
        border-right: 8px solid #f6ae01;
        color: white;
        padding: 8px;
    }

    .page_title p {
        text-align: right;
        color: white;
        font-size: 19px;
        width: 100%;
    }

.footerS2 p {
    text-align: center;
    color: white;
    font-size: 19px;
    padding-top: 32px;
    padding-right: 2%;
}

.menuPadding {
    padding-top: 10px;
}

.LogoPadding {
    margin-top: -43px;
}

.BlogComment_Padding {
    padding-right: 1px !important;
}

.rowComment_padding {
    padding: 15px !important;
}

.LabelComment_align {
    text-align: right !important;
}

.ButtonComment {
    background: no-repeat !important;
    border-radius: 0px !important;
    background-color: #226dc3 !important;
    border: 1px solid #226dc3 !important;
}

.ImageDetails {
    width: 40%;
    float: right;
    padding-left: 2%;
}

.ImageControls {
    padding-top: 51px;
}

.SectionNews_height {
    min-height: 515px;
}
.SectionLibrary_MinHeight {
    min-height:354px !important;
}

.owl-item img {
    width: 100% !important;
    height: 140px !important;
}


.MoreViwedHight {
    min-height: 849px;
}




/*mainpage_style*/


/* Tabs panel */
.nav-tabs > li{    border-left: 6px solid orange; display: block;}       
.nav-tabs > li:last-child{    border-left:none; }       
.bodySection{
   padding-top: 40px;
padding-bottom: 20px; 
    min-height: 700px;
    
}
.tabbable-panel {
  
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
 {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #000;
 font-size:24px;
 font-family: 'GESSTextMedium-Medium';
    

}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {

}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
 
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {

  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {

  color: #000;
    font-size: 25px;
    
}

No classes on this element
*::before, *::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
element {

}
.tabbable-line > .nav-tabs > li.active > a {

    border: 0;
    color: #000;

}
.tabbable-line > .nav-tabs > li > a {

    border: 0;
margin-right: 0;
    color: #000;
    font-size: 25px;
border-left: 1;

padding: 15px;
    /*padding-left: 115px;*/

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color: #000;
    cursor: default;
    background-color: #ececec;
  
    border:none;

}
.nav-tabs > li > a {

margin-left: auto;
    margin-right: -2px;
    

}
.nav-tabs > li > a {

    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;


}
.nav > li > a {

    position: relative;
    display: block;
    padding: 10px 15px;
        padding-left: 15px;

}
a {

    color: #337ab7;
    text-decoration: none;

}
a {

    background-color: transparent;

}
* {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.nav {

    list-style: none;

}



.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top:0px;
background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
@media screen and (max-width:  786px){
    
    .nav-tabs > li{
        width: 100%;   
        margin-top: 10px;
    }
}


.text-align {
    text-align: left;
}

.SectionTab_Padding {
    padding-right: 4%;
}

.ArrowLogin {
    position: relative;
    z-index: 111;
    text-align: left;
    padding-top: 175px;
    padding-left: 1px;
    float: left;
}

.tab_Center {
    width: 20%;
    text-align: center;
}

.tab_Padding {
    font-size: 22px !important;
}

.carousel-indicators{ 
    right: 38%;
/*right: 0px;*/
margin-left: -47%;
    /*top: 50%;*/
margin-right: 0px;width:0% !important    }


.carousel-indicators li{ display:block;    
width: 15px;
height: 15px;
background-color: white;
    border: none;
    margin-top: 10px;
}
.carousel-indicators .active{width: 17px;
height: 17px;  
background-color: #0096ff;
    margin-top: 10px;

}

@media screen and (max-width: 768px) {
    .carousel-indicators li{display: inline-block;}
    .carousel-indicators{ 
        
             right: 45%;
            left: 0px;
            margin-left: 0px;
            top: 88%; 
        
               }
}

.carousel-inner {
    overflow: visible !important;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .carousel-inner {
        overflow: visible !important;
    }
}

.owl-next {
    background: url('/App_Themes/ThemeAr/images/arrowright.png') no-repeat !important;
    top: 86px !important;
    margin: -27px !important;
    right: 0px;
    width: 39px;
    height: 39px;
    position: absolute;
}

.owl-prev {
    background: url('/App_Themes/ThemeAr/images/arrowleft.png') no-repeat !important;
    top: 98px !important;
    margin: -33px !important;
    left: 0% !important;
    width: 39px;
    height: 39px;
    position: absolute;
}

.owl-item {
    padding-right: 1%;
}

.divLoginSection {
    position: relative; 
    margin-top: -449px;
}


@media screen and (max-width: 768px) {
    .navbar-toggle {
        margin-right: 90% !important;
        margin-bottom: 5px !important;
        margin-top: 14px !important;
    }
    .loginForm {
        width: 100%;
    }
    .memberPanal {
        width: 100%;
    }

    .ArrowLogin {
        float: left !important;
        width: 10% !important;
    }
    .divLoginSection {
        position: inherit !important;
        margin-top: -350px !important;
    }

    .innerImgeHeager2 {
        min-height: 870px !important;
    }

    .footerlogo {
        margin-right: 0% !important;
    }

    .subscribe_Section {
        width: 100% !important;
    }
    .subscribe {
        padding-left: 40% !important;
    }
    .owl-nav {
        display: block;
    }
    .owl-next {
        top: 65px !important;
        margin: -1px !important;
    }
    .owl-prev {
        top: 61px !important;
        margin: 0px !important;
        left: 2% !important;
    }
    .logos {
        width:88% !important;
    }
    .ImageDetails {
        width:100% !important;
        float:none !important;
    }
    .viewed_title {
        padding-top: 31px !important;
    }
    .innerImgeHeager3 {
        min-height: 720px !important;
    }
    .MarginDiv {
        margin-top: 350px;
    }
    .TabOptionLeft {
        width: 50%;
        float: right;
    }

    .TabOptionRight {
        width: 50%;
        float: left;
    }
}

.PaddingLeftNone {
    padding-left: 0px;
}

.MenuFontSize {
    font-size: 20px;
}


.divContactUs p {
width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .sub_btn {
        padding: 6px;
    }
}