@font-face {
	font-family: 'Segoeui1';
	src: url('../fonts/segoeui_1.eot');
	src: local('☺'), url('../fonts/segoeui_1.woff') format('woff'), url('../fonts/segoeui_1.ttf') format('truetype'), url('../fonts/segoeui_1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
     overflow-x: hidden; 

}



body {
    font-family: 'Segoeui1';
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}

.navbar-default {
    background-color: transparent;
    border: 0px;
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #335757;
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000;
        font-size: 18px;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #2986c5;
        }

.TopHeader {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
}

.TopMenu {
    background: url(../images/BgMenu.png) repeat;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 26px 7px rgba(0,0,0,0.27);
}

.TopLinks {
    margin: 10px;
    padding: 0px;
    text-align: center;
}

    .TopLinks li {
        display: inline-block;
    }

    .TopLinks a {
        color: #fff;
    }

.navbar-form .form-control {
    border: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#lbldetails {
    display: none;
}


.showme {
    display: block !important;
}

.HomeSlider {
    position: relative;
}

    .HomeSlider .slide img {
        width: 100%;
        max-height: 715px;
    }

.carousel-indicators li {
    border: 0px;
    border-radius: 0px;
    background: url(../images/icons/slider2.png) no-repeat;
    width: 25px;
    height: 27px;
}

.carousel-indicators .active {
    background: url(../images/icons/slider1.png) no-repeat;
    width: 25px;
    height: 27px;
}

.c-caption {
    position: absolute;
    z-index: 99;
    bottom: 100px;
    right: 0;
    width: 100%;
    text-align: right;
}

    .c-caption h1 span {
        background: url(../images/BgSlide.png) repeat;
        color: #fff;
        font-size: 16px;
        padding: 10px;
    }

    .c-caption p {
        background: url(../images/BgSlide2.png) repeat;
        color: #fff;
        font-size: 14px;
        padding: 10px;
        max-width: 40%;
        float: right;
        margin-top: 5px;
        text-align: left;
    }

        .c-caption p a {
            color: #fff;
        }

.BodyContainer {
    padding-bottom: 15px;
}

.DrakBox {
    background-color: #808285;
    padding: 20px auto;
    color: #fff;
    text-align: center;
    min-height: 400px;
}

    .DrakBox h3 {
        font-size: 36px;
        font-weight: normal;
    }

    .DrakBox p {
        max-width: 80%;
        margin: 10px auto;
        font-size: 20px;
    }

    .DrakBox h1 {
        font-size: 50px;
    }

.GreenBox {
    border: 1px solid #7f7f7f;
}

    .GreenBox h1 {
        margin: 0px;
        padding: 11px;
        background-color: #4b6a5c;
        color: #fff;
        font-size: 26px;
        font-weight: normal;
    }

        .GreenBox h1 a {
            float: right;
            color: #fff;
            font-size: 14px;
            font-weight: normal;
            margin-top: 7px;
            padding-right: 5px;
        }

    .GreenBox ul {
        padding: 10px;
        margin: 10px 0px 0px 0px;
    }


.ImgCenter {
    margin: 0px auto;
    text-align: center;
}


.NewsUL {
}

    .NewsUL h5 {
        color: #000;
        font-size: 18px;
        margin: 16px 0px;
        padding: 0px;
    }

    .NewsUL img {
        margin: 0px auto;
        width: 100%;
    }

    .NewsUL h5 span {
        color: #3f3f3f;
        font-size: 12px;
        display: block;
        font-weight: normal;
        margin-top: 18px;
    }

    .NewsUL p, .EventsUL p {
        color: #3f3f3f;
        font-size: 14px;
        /*margin: 0px 0px 0px 10px;*/
    }

        .NewsUL p a, .EventsUL p a {
            color: #3f3f3f;
        }

    .NewsUL li, .EventsUL li {
        border-bottom: 1px solid #b4b7bb;
        padding-top: 3px;
        padding-bottom: 13px;
        height: 188px;
    }

        .NewsUL li:last-child, .EventsUL li:last-child, .StudiesUL li:last-child {
            border-bottom: 0px;
        }

.EventsUL {
}

    .EventsUL h5 {
        color: #1c428a;
        font-size: 18px;
        margin: 5px 0px;
        padding: 0px 0px 0px 40px;
        background: url(../images/IconCal.png) no-repeat center left;
    }

        .EventsUL h5 span {
            color: #1c428a;
            font-size: 12px;
            display: block;
            font-weight: normal;
            margin-top: 5px;
        }


.StudiesUL li {
    border-bottom: 1px solid #b4b7bb;
    padding: 11px 0px 10px 40px;
    background: url(../images/IconStudy.png) no-repeat center left;
}

.linkbutton {
    background-color: #8b1207;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
}

    .linkbutton:hover {
        background-color: #808285;
        color: #fff;
        text-decoration: none;
    }


.tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,255,255, 0.2);
    transition: all .3s linear;
}

.tint:hover:before {
    background: none;
}


.t2:before {
    background: rgba(0,0,255, 0.3);
}

.ImgBox {
    position: relative;
    margin: 10px auto;
    border: 1px solid #b4b7bb;
}

    .ImgBox img {
        width: 100%;
    }

    .ImgBox a {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }

    .ImgBox span {
        position: absolute;
        z-index: 9;
        top: 25%;
        left: 25px;
    }

.hexagon h3 {
    z-index: 9;
    position: relative;
    max-width: 230px;
    text-align: center;
    color: #8b1207;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}

.hexagon img {
    z-index: 9;
    position: relative;
    text-align: center;
    margin: 5px auto;
}

.hexagon p {
    z-index: 9;
    position: relative;
    max-width: 230px;
    text-align: center;
}

.hexagon a {
    z-index: 9;
    position: relative;
}

.hexagon {
    position: relative;
    text-align: center;
    width: 250px;
    height: 144.34px;
    background-color: #ffffff;
    margin: 72.17px auto;
    border-left: solid 5px #8b1207;
    border-right: solid 5px #8b1207;
}

    .hexagon:hover {
        background-color: #f6eaed;
    }

    .hexagon:before,
    .hexagon:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 176.78px;
        height: 176.78px;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background-color: inherit;
        left: 31.6117px;
    }

    .hexagon:before {
        top: -88.3883px;
        border-top: solid 7.0711px #8b1207;
        border-right: solid 7.0711px #8b1207;
    }

    .hexagon:after {
        bottom: -88.3883px;
        border-bottom: solid 7.0711px #8b1207;
        border-left: solid 7.0711px #8b1207;
    }


.HomeTrans {
    margin: 15px auto;
}

.TransBox {
    padding: 10px;
    min-height: 300px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin: 25px auto;
}

    .TransBox h1 {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        color: #000;
        font-size: 18px;
    }

        .TransBox h1 a {
            font-size: 12px;
            float: right;
            color: #808285;
        }

.UlNews li, .UlEvents li {
    display: block;
    margin-bottom: 5px;
    clear: both;
}

.UlNews h6, .UlEvents h6 {
    color: #000;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

.UlNews p, .UlNews a, .UlEvents a {
    color: #808285;
    font-size: 12px;
}

.UlNews p {
    border-bottom: 1px solid #808285;
    padding-bottom: 5px;
}

.UlNews li:last-child p {
    border-bottom: 0px;
}

.UlDates {
    background-color: #8b1207;
    padding: 5px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 50px;
    text-align: center;
}

    .UlDates span {
        display: block;
        background-color: #fff;
        padding: 5px;
        color: #000;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.UlEvents h6 span {
    display: block;
    color: #8b1207;
    font-size: 12px;
    font-weight: normal;
}

.UlEvents li {
    background: url(../images/icons/slider1.png) no-repeat left 5px;
    padding-left: 30px;
}

.BoxText p {
    color: #000;
    font-size: 14px;
}

.BoxText a {
    display: block;
    max-width: 150px;
    margin: 10px auto;
}



.UlSrv li {
    padding: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-top: 25px;
    min-height: 83px;
}

    .UlSrv li a {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        display: block;
        line-height: 60px;
    }

.UlSrv li {
    background-color: #8b1207;
}

    .UlSrv li:nth-child(odd) {
        background-color: #808285;
    }

.SectionStories h2 {
    text-align: center;
    color: #8b1207;
}

.SectionStories {
    background: url(../images/BgStories.png) no-repeat center center;
    background-size: cover;
    padding: 20px 0px;
}





.InnerHeader {
    min-height: 370px;
    position: relative;
}

.InnerBg01 {
    background: url(../images/demo/img001.jpg) no-repeat;
}


.CBreadCrumb {
    position: absolute;
    bottom: 35px;
    background: url(../images/BgGreen.png);
    padding: 20px;
    min-width: 40%;
}

    .CBreadCrumb li {
        display: inline-block;
        font-size: 18px;
        color: #fff;
    }

        .CBreadCrumb li a {
            color: #fff;
        }

            .CBreadCrumb li a:hover {
                text-decoration: none;
                color: #fff;
            }

.ContentText {
    line-height: 180%;
    font-size: 16px;
}

    .ContentText h2 {
        margin: 5px 0px;
        padding: 0px;
        color: #fff;
    }

.ULsideMenu {
}

    .ULsideMenu li {
        display: block;
        border-bottom: 1px solid #fff;
        padding: 10px;
        background-color: #395c47;
    }

        .ULsideMenu li:last-child {
            border-bottom: 0px;
        }

        .ULsideMenu li a {
            color: #fff;
        }

    .ULsideMenu .ActiveSide {
        background-color: #404040;
    }
/*#owl-Boxes-inner  .owl-item{ width:100%!important; float:none!important;}*/
.bx-default-pager {
    display: none;
}

.owl-inner {
    /*padding: 1px 10px;
    margin: 10px auto;
    background-color: #cac9c9;*/
    padding: 30px 4px;
margin: 10px auto;
background-color: #cac9c9;
}
/*.Content-Area{ font-size:14px; line-height:180%;}*/
.Content-Area {
    font-size: 14px;
    line-height: 180%;
    width: 100%;
    margin-left: -16px;
}

    .Content-Area h2 {
        margin: 0px;
        padding: 10px 15px;
        background-color: #4b6a5c;
        color: #fff;
        font-size: 26px;
        font-weight: normal;
    }

.BgContent h2 {
    background: url(../images/BgContent.png) no-repeat left;
}

.NewsTickerContainer {
    background: #8b1207;
}

.NewsTickerTitle {
    font-size: 20px;
    color: #fff;
    text-align: right;
    line-height: 42px;
}

.modern-ticker {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    overflow: hidden;
    color: #000;
}

    .modern-ticker a {
        text-decoration: none;
    }

    .modern-ticker ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.mt-round {
}

.mt-body {
    position: relative;
}

.mt-label {
    margin-left: 2px;
    padding: 0 8px 0 12px;
    position: absolute;
    left: 0;
    width: 140px;
    text-align: center;
}

.mt-round .mt-label {
}

.mt-news {
    overflow: hidden;
    position: absolute;
    width: auto!important;
    background-color: #fff;
}



    .mt-news ul {
        background-repeat: no-repeat;
        background-position: -1000px;
    }

    .mt-news li {
        float: left;
    }

.mt-round .mt-news:first-child, .mt-round .mt-news:first-child a {
}

.mt-round .mt-news:last-child, .mt-round .mt-news:last-child a {
}

.mt-news a {
    font-size: 15px;
    padding: 0 20px 0 10px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: 7px center;
    display: block;
    white-space: nowrap;
}

.mt-scroll.mt-round .mt-news a {
    border-radius: 0;
}

.mt-hide {
    display: none;
}

.mt-controls {
    margin-right: 2px;
    position: absolute;
    left: 0px;
    height: 42px;
}



.mt-news a {
    color: #000;
    background: none;
    background-image: url(../images/IconTicker.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    font-family: Tahoma, Geneva, sans-serif;
}





.ticker-controller {
    display: none;
}

.market-indicator {
    background: #194f6d;
}

footer {
    border-top: 5px solid #1c7bac;
    padding: 10px 0px;
    background: url(../images/BgFooter.jpg) no-repeat;
    background-size: 100% 100%;
}

.FooterLogo {
    margin: 19px;
    padding: 0px;
    float: right;
}

    .FooterLogo li {
        display: inline-block;
        margin-left: 10px;
    }

        .FooterLogo li img {
            max-height: 100px;
        }

.NewsLetter {
    margin: 29px;
    margin-left: 40px;
}

    .NewsLetter h2 {
        color: #fff;
        font-size: 22px;
        text-align: left;
        margin-top: 9px;
        position: relative;
        right: 39px;
    }

        .NewsLetter h2 span {
            display: block;
            font-size: 16px;
        }

    .NewsLetter .btn {
        background-color: #1c7bac;
        color: #fff!important;
        margin-top: 10px;
        position: relative;
        top: 5px;
        border-radius: 0px;
        margin-left: -16px;
        width: 26% !important;
        height: 31px;
    }


.footercopy {
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.FooterLinks {
    background-color: #fff;
    text-align: center;
   
    margin: 10px 0px;
}

    .FooterLinks li {
       /*display: inline-block;
margin: 0px 24px;
padding: 2px;
font-size: 12px;
position: relative;
top: 10px;*/
       display: inline-block;
margin: 5px 49px;
padding: 2px;
font-size: 12px;
position: relative;
top: 0px;
    }

        .FooterLinks li a {
           color: #000;
font-size: 15px;
font-weight: bold;
        }

.factive {
    background-color: #1c7bac;
}

    .factive a {
        color: #fff!important;
        margin: 0px 37px;
        padding: 9px;
    }

.carousel-caption {
    bottom: inherit;
    top: 30%;
}

    .carousel-caption h3 {
        background: url(../images/BgCap.png) repeat;
        padding: 20px;
    }

    .carousel-caption .btn-link {
        background-color: #1c7bac;
        color: #fff;
    }



.LogoCR {
    position: absolute;
    top: -30px;
    left: 15px;
}

.LogoCR2 img {
    /*max-width:100px;*/
    max-width: 126px;
    position: relative;
    top: -6px;
    right: 10px;
}


.LogoCR img {
    max-width: 131px;
    position: relative;
    right: 9px;
    top: -11px;
}

.LogoCR2 {
   position: absolute;
top: -37px;
right: -4px;
}

.owl-home {
    position: absolute;
    bottom: 50px;
    z-index: 9;
    width: 100%;
    background: url(../images/Bgowl2.png) repeat;
    padding: 10px 0px 9px 9px;
}

#owl-Boxes {
}

    #owl-Boxes .owl-wrapper div {
        -webkit-border-radius: 10px;
        cursor: pointer;
        -moz-border-radius: 10px;
        margin: 0px 10px;
        border-radius: 10px;
        text-align: center;
        /*-webkit-box-shadow: 10px 2px 5px 0px rgba(0,0,0,0.75);*/
        -moz-box-shadow: 10px 2px 5px 0px rgba(0,0,0,0.75);
        /*box-shadow: 10px 2px 5px 0px rgba(0,0,0,0.75)*/
        transition-property: background-color, border-radius;
        transition-duration: 1s;
        transition-timing-function: linear;
    }

.owl-inner .bx-viewport {
    min-height: 310px;
    height: 593px !important;
}

.owl-inner .item {
    /*-webkit-border-radius: 10px;
    cursor: pointer;
    -moz-border-radius: 10px;
    width: 98%!important;
    border-radius: 10px;
    text-align: center;
    padding: 25px 0px;
    transition-property: background-color, border-radius;
    transition-duration: 1s;
    transition-timing-function: linear;*/
   -webkit-border-radius: 10px;
cursor: pointer;
-moz-border-radius: 10px;
width: 98% !important;
border-radius: 5px;
text-align: center;
padding: 27px 0px;
transition-property: background-color, border-radius;
transition-duration: 1s;
transition-timing-function: linear;
background-position: 50% 50% !important;
border-radius: 13px;
margin-bottom: 38px !important;
height: 177px;
position: relative !important;
left: 0%;
width: 100% !important;
background-repeat:no-repeat !important;

}


#owl-Boxes .owl-wrapper div li {
    /*padding: 25px 10px;*/
    padding: 24px 22px;
    background-position:50% 50%;
}
/*#owl-Boxes .owl-wrapper div:nth-child(odd) , .owl-inner .item:nth-child(odd) {background-color:#277eac!important;}        
#owl-Boxes .owl-wrapper div:nth-child(even), .owl-inner .item:nth-child(even) {background-color:#335656!important;}*/
#owl-Boxes h6, .owl-inner .item h6 {
    font-size: 16px;
    color: #fff;
}
/*#owl-Boxes .owl-wrapper div:hover, #owl-Boxes .owl-wrapper div:hover li{ background:#404040!important}*/

#owl-Boxes .owl-prev {
    position: absolute;
    left: 0px;
    top: 35px;
    background: url(../images/icons/pre.png) no-repeat center center;
    width: 29px;
    height: 86px;
}

#owl-Boxes .owl-next {
    position: absolute;
    right: 0px;
    top: 35px;
    background: url(../images/icons/next.png) no-repeat center center;
    width: 29px;
    height: 86px;
}


#owl-Project .owl-prev {
    position: absolute;
    left: 0px;
    top: 35px;
    background: url(../images/icons/pre2.png) no-repeat center center;
    width: 29px;
    height: 86px;
}

#owl-Project .owl-next {
    position: absolute;
    right: 0px;
    top: 35px;
    background: url(../images/icons/next2.png) no-repeat center center;
    width: 29px;
    height: 86px;
}


.owl-inner {
    position: relative;
}

    .owl-inner .bx-prev {
        position: absolute;
        left: 30%;
        top: 0px;
        background: url(../images/icons/pre3.png) no-repeat center center;
        height: 29px;
        width: 86px;
        font-size: 0px;
    }

    .owl-inner .bx-next {
        position: absolute;
        right: 30%;
        bottom: 0px;
        background: url(../images/icons/next3.png) no-repeat center center;
        height: 29px;
        width: 86px;
        font-size: 0px;
    }

.fixedMov .TopLinks {
    display: none;
}

.fixedMov .LogoCR img, .fixedMov .LogoCR2 img {
    max-width: 50px!important;
    margin-top: 30px;
}

.fixedMov .TopMenu {
    background: #fff;
    margin-bottom: 0px!important;
}

.ImgBoxWithTitle {
    position: relative;
}

    .ImgBoxWithTitle h1 {
        margin: 0px;
        padding: 12px;
        background-color: #4b6a5c;
        color: #fff;
        font-size: 26px;
        font-weight: normal;
    }

        .ImgBoxWithTitle h1 a {
            float: right;
            color: #fff;
            font-size: 14px;
            font-weight: normal;
            margin-top: 7px;
            padding-right: 5px;
        }

    .ImgBoxWithTitle img {
               width: 872px;
max-height: 206px;
min-height: 192px;
position: relative;
left: -1px;
    }

.OverlayBox {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: url(../images/BgBox.png);
    padding: 5px 10px;
    color: #fff;
    font-size: 22px;
}

    .OverlayBox i {
        color: #fff;
        float: right;
    }

    .OverlayBox .btn {
        border: 1px solid #fff;
        color: #fff;
        margin-left: 20px;
    }

    .OverlayBox p {
        font-size: 14px;
    }

    .OverlayBox a {
        color: #fff;
    }

.FullMask .OverlayBox {
    height: 100%;
}

.MarginTop {
    margin-top: 20px;
}

.textdecoration {
    text-decoration:none !important;
}

.owl-Project {
    background: url(../images/BgProject.jpg);
    background-repeat:no-repeat;
    background-size:1569px;
    min-height: 260px;
    margin-top: 35px;
    padding: 19px 0px 0px 0px;
}

    .owl-Project .owl-item {
        /*background-color: #fff;*/
        margin: 10px;
        text-align: center;
        cursor: pointer;
        padding: 10px 0px 0px 0px;
        transition-property: background-color, border-radius;
        transition-duration: 1s;
        transition-timing-function: linear;
    }

        .owl-Project .owl-item:hover {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            .owl-Project .owl-item:hover h6 {
                background-color: #415b50!important;
            }

        .owl-Project .owl-item h6 {
            background-color: #404040;
            color: #fff;
            font-size: 18px;
            padding: 10px;
            margin: 15px 0px 0px 0px;
            transition-property: background-color, border-radius;
            transition-duration: 4s;
            transition-timing-function: linear;
        }

.BgNews h1 {
    background: url(../images/BgNews.png);
}

@media (min-width: 768px) {


    /*.OverlayBox1 {

   display: block;
    }*/


    .navbar-left {
        max-width: 250px;
    }

    .InnerHeader {
        background-size: cover;
    }

    .navbar-brand {
        display: none;
    }

    .StudiesUL, .EventsUL {
        height: 400px;
    }

    .TopLinks {
        max-width: 1177px;
        text-align: right;
    }

    .owl-carousel .owl-wrapper-outer {
        width: 91.5%!important;
        margin: 0px auto;
    }
}

@media (max-width: 768px) {

    @media screen and (-webkit-min-device-pixel-ratio:0) {
  .Sponserd {
        display: inline-block !important;
}
        .item1 {
                position: relative;
    top: -11px !important;
    right: 1% !important;
    font-size: 16px;
    color: white;
        }
        .itemUE {
                width: 164px !important;

        }
    }




    #owl-Boxes .owl-wrapper div {
        margin: 0px;
    }

    .carousel-caption {
        position: static;
        margin: 0px;
        padding: 0px;
    }

    .navbar-brand {
        padding: 5px 15px;
        margin: 0px;
    }

        .navbar-brand img {
            max-width: 50px;
            margin-top: -5px;
        }

    .TopMenu, .fixedMov .TopMenu {
        background: #054567;
    }

    .MainLogo, .LogoCR, .LogoCR2 {
        display: none;
    }

    .GreenBox {
        margin: 10px auto;
    }

    .FooterLogo, .footercopy .pull-right {
        float: none!important;
        margin: 10px auto;
    }
    .FooterLinks li {

        width:65%;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000;
    }
    .input-group-addon:last-child {
  border-left: 0;
  width:11px !important;
}

    .NewsTickerTitle, .c-caption, .st2, .st1, .FooterLinks {
        /*display: none!important;*/
    }

    .NewsLetter h2, footer, .footercopy div {
        text-align: center!important;
    }

    .TransBox {
        min-height: inherit;
    }

    .UlNews .UlDates {
        max-width: inherit!important;
    }
     /*.wow{
        animation-name: none !important;
        visibility: visible !important;
    }*/


    .OverlayBox {
        /*display:none;*/
        /*animation:none !important;*/
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        min-height: 200px;

        height: 443px;
    }

    .HideMobile {
        display: none!important;
    }

    .QuickLinks {
        float: none;
        text-align: center;
    }

    footer ul {
        margin: 10px auto;
    }

   



    .MainLogo img {
        max-width: 250px;
    }
}

@media (max-width: 1200px) {
    




    .owl-home {
        position: static!important;
        margin: 10px auto;
    }

    .hexagon {
        margin-bottom: 155px;
    }

    .owl-controls {
        display: none;
    }

    .DrakBox {
        margin-bottom: 20px;
        padding: 10px 0px;
        min-height: inherit;
    }

    .LogoCR {
        position: static;
        text-align: center;
        margin: 0px;
    }

    .LogoCR2 {
        display: none;
    }

        .LogoCR img, .LogoCR2 img {
            max-width: 50px;
        }
}

@media (min-width: 1200px) {
    .carousel-caption h3 {
        max-width: 70%;
        margin: 10px auto;
    }

    .MarginOne {
        margin-top: -150px;
    }

    .NewsUL {
        min-height: 430px;
    }
}

.AgreeText {
    background-color: #404040;
    margin-bottom: 15px;
}

    .AgreeText h1, .owl-Project h1 {
        color: #fff;
        text-align: center;
        margin: 0px;
        padding: 10px;
        font-size: 30px;
        font-weight: normal;
    }

    .AgreeText hr, .owl-Project hr {
        background-color: #fff;
        margin: 0px auto;
        padding: 0px;
        max-width: 16%;
        position: relative;
right: 21px;
    }

    .AgreeText p {
        color: #fff;
        padding: 5px;
        text-align: center;
    }

    .AgreeText a {
        color: #fff;
    }

    .AgreeText .col-sm-3 {
        background: url(../images/IconDrop2.png) no-repeat 100% 38px;
    }

.input-group-addon {
    background-color: #1c7bac;
    color: #fff;
}
/*...............................................*/
.NewsUL h9 span {
    color: #000;
    font-size: 18px;
    margin: 16px 0px;
    padding: 0px;
}

.DivNewsLetter {
    font-family: Segoeui1;
    box-shadow: 0px 0px 362px -21px #337ab7;
    width: 32% !important;
    position: fixed;
    top: 140.5px;
    background-color: #fbfbfb;
    border-radius: 10px;
    height: 259px;
    border: 1px solid #A5A5A5;
    z-index: 1;
    left: 35%;
    right: 37%;
}

.lblNewsLetterBrief {
    font-family: Tahoma !important;
    font-size: 13px !important;
    color: #797979;
    font-weight: 300;
    position: relative;
    margin: 0px;
    padding: 16px;
    line-height: normal;
    float: left;
    text-align: left;
}

#ourproject {
    width: 295px !important;
}



/***********************yyyyyyy***************************/

.ImgBoxWithTitle {
    padding: 0;
    overflow: hidden;
}
@media (min-width: 1200px) {

    .ImgBoxWithTitle .OverlayBox {
        position: absolute;
        width: 100%;
        height: 100%;
        color: #fff;
        top: 78%;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
    }

    .ImgBoxWithTitle:hover .OverlayBox {
        top: 0;
    }


    .ImgBoxWithTitle .OverlayBox .glyphicon {
        top: 4%;
    }
}
.item2 {
    width: 200px !important;
}
/*li:not(:last-child):after {
    content:' |';
}*/
.Content-Area ul {
    margin-left: 20px !important;
    list-style-type: inherit !important;
    list-style-position: inherit !important;
    list-style-image: inherit !important;
}
/*.TopLinks a:after {
    content: " .";
}
.TopLinks a:last-child {
     content: " " !important;
}*/
.TopLinks li:after {
	content: " . ";
    color:white;
}

.TopLinks li:last-child:after {
	content: "";
}
/*.TopLinks ul li:children:after {
	content: "";
}*/




.linkTips {
    cursor: pointer;
}
/*#lblDetail1 {

    color:white !important;
    z-index:9999;
}*/

.ournews {
    color: #fff;
    font-size: 16px;
    text-align: left;
    margin-top: 9px;
    position: relative;
    left: -4px;
}

.Subscribe {
    font-size: 114%;
    position: relative;
    top: -21px;
   right:23px;
}

.ourproject2 {
    /*background-color: #404040;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    margin: 15px 0px 0px 0px;
    transition-property: background-color, border-radius;
    transition-duration: 8s;
    transition-timing-function: linear;*/

        background-color: #404040;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    margin: 15px 0px 0px 0px;
    transition-property: background-color, border-radius;
    transition-duration: 8s;
    transition-timing-function: linear;
  width: 282px;
    position: relative;
    left: 15%;
    bottom: 14px;
}


.pointer {
    cursor: pointer;
}

.newsmaxheght {
       max-height: 481px !important;
    min-height: 481px !important;
}
}






@media (max-width: 700px)
{
     .GreenBox h1 a {
            float: right;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 7px;
    padding-right: 5px;
    position: relative;
    left: 8px;


    }



    .ImgBoxWithTitle h1 a {
            float: right;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    padding-right: 4px;
    position: relative;
    left: 11px;
}
    }

    .owl-next {
        display:none;
    }
    .owl-prev {
                display:none;

    }

    /*.owl-carousel .owl-wrapper-outer {

    overflow: hidden;
position: relative;
width: 75%;
left: 38px;
    }*/



.UlSocail {
    display: -moz-grid-line;
     position:relative;
      left: 24%;
       margin-top: 15px
}



@media (max-width: 768px) {
    #ctl00_ContentPlaceHolder1_Globalmenu_ListServices_ctrl0_img {
        width:50% !important;
    }


    .width {
                width:100% !important;

    }
    .width2 {
        width:100% !important;
    }
    .imgSponserd {
        min-height: 94px !important;
    }

    .foloww {
        display:none !important;
    }

    .Sponserd {
        display: -moz-groupbox !important;
position: relative;
left: 2% !important;
top: 13px
    }


    .imgPrint {
        width:47% !important;
        position: relative;
top: 32px;
    }
    .test {
        position: relative;
top: 14px;
max-height: 150px;
min-height: 150px;
max-width: 100%;
    }
    .UlSocail {
       display: inline-flex !important;
position: relative !important;
left: 0px !important;
    }

.col-md-6 {
    position: relative;
top: 14px;
width: 100% !important;
}


    .TopLinks {
        /*display:none;*/
    }

   
    .ournews {
  color: #fff;
font-size: 15px;
text-align: left;
margin-top: 9px;
position: relative;
left: -36px;
}


    .ImgBoxWithTitle .OverlayBox {

            position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    top: 81%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;

    }
    #owl-Boxes .owl-wrapper div li {

        padding: 0px 30px !important;
    }

    .carousel-caption .btn-link {

        background-color: #1c7bac;
color: #fff;
margin-left: 30px;
    }

    .carousel-caption {
       
position: static;
margin: 0px;
padding: 0px;
width: 96%;
margin-left: -10px;
margin-top: -170px;
    }


    hr {
        display:none;
    }


    #owl-Boxes .owl-prev {
        position: absolute;
left: 0px;
top: 76px;
background: url(../images/icons/pre.png) no-repeat center center;
width: 29px;
height: 86px;


    }

    #owl-Boxes .owl-next {

            position: absolute;
    right: 0px;
    top: 80px;
    background: url(../images/icons/next.png) no-repeat center center;
    width: 29px;
    height: 86px;

    }



    .newsmaxheght {
        max-height: 636px !important;
    }

    .ourProject {
    }

    .owl-item {
        max-width: 269px !important;
    }

    .owl-wrapper {
        left: 8px;
    }
    .ourproject2 {

   position: relative;
left: 4%;
width: 93%;


    }

    #owl-Project .owl-prev {
        display:none;
    }
    #owl-Project .owl-next {
           display:none;
    }

    item2 {
        max-width: 269px !important;
    }
    /*.owl-wrapper-outer {
        overflow: hidden;
position: relative;
width: 65%;
left: 19%;
    }*/
    .OverlayBox p {
        font-size: 10px;
    }

    .NewsLetter .btn {
        width: 175px !important;
left: -38px;
    }

    h3 {
        font-size: 104%;
        position: relative;
        top: -21px;
        left: 16px;
    }

    .NewsLetter {
        margin: 29px;
        margin-left: 99px;
    }
    .imgOur {
       border: 0;
width: 248px !important;
position: relative;
left: 0px;

    }
    img {
        border: 0;
        width: 100%;
        
    }
      .NewsUL li, .EventsUL li {
        border-bottom: 1px solid #b4b7bb;
        padding-top: 3px;
        padding-bottom: 13px;
        height: 259px;
    }
    .OverlayBox .btn {
        display:none;
    }
}

.HomeSlider .owl-home .owl-wrapper .owl-item {
    width: 183PX !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

@media (max-width:500) {
    .HomeSlider .owl-theme .owl-controls {
        display: block !important;
    }
       .showall {
        display:none !important;
    }
}

#owl-Boxes .owl-wrapper div li {
    /*width: 180px !important;
border-radius: 10%;*/
    width: 187px !important;
    border-radius: 13%;
    position: relative;
    left: -4px;
    top: -2px;
    background-position:50% 50% !important;
    height: 190px;
    max-height:190px;
    min-height:190px;
}

.divOverlay1 {
    top: 82%;
    max-height:206px;

}

    .divOverlay1:hover {
        top: 17% !important;
    }
.Subscribe {
    font-size:17px !important;
    position:relative;
    /*top: -2px;
    left: -12px;*/
    margin-left: 19px;
margin-top: 21px;

}
.succlable {
 font-size: 14px;
border: solid 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 6px;
position: relative;

left: 21px;
}

.lnkProject {
    text-decoration:none !important;
}


.decoration {
    text-decoration:none !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #ctl00_Image1 {
            border-width: 0px;
    border-width: 0px;
    width: 14px;
    position: relative;
    top: 132px !important;
    left: 49%;

    }
    #ctl00_Image2 {
            bottom: 67px !important;

    }
    .TopLinks {

            max-width: 1162px !important;

    }

    .giff {
        top:131px !important;
    }
    .x {
        top:-67px !important;
    }

 .UlSocail  {display:inline-flex; }

.SideNav {
    display: -webkit-box !important ;}

.imgSponserd {
    min-height: 94px !important;
}
    @media (max-width:700) {

        #atstbx {
                position: relative !important;
    right: 9% !important;

        }
    }

}

/*..............................................test......................................*/

/*.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
 <div class="loader"></div>*/


/*...................................gif........................*/

/*.cssload-loader {
	width: 244px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:18px;
	color: rgb(99,200,247);
	letter-spacing: 0.2em;
}
.cssload-loader::before, .cssload-loader::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: rgb(242,191,36);
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.cssload-loader::before {
	top: 0;
}
.cssload-loader::after {
	bottom: 0;
}



@keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 29px;
		width: 15px;
	}
	50% {
		height: 8px;
		width: 39px;
	}
	100% {
		left: 229px;
		height: 29px;
		width: 15px;
	}
}*/


        #Arabic {
            cursor:pointer;
        }

        #fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}
#light{
    display: none;
       position: absolute;
    top: 297px;
    left: 45%;
    width: 400px;
    height: 250px;
    margin-left: -150px;
    margin-top: -100px;
    padding: 10px;
    border: 2px solid #FFF;
    background: #CCC;
    z-index: 1002;
    overflow: visible;
 background-image: url("/App_Themes/ThemeEn/background.jpg");
background-size: 400px;
background-repeat: no-repeat;

}
        /* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("/App_Themes/ThemeEn/images/loader.gif") center no-repeat #fff;
}


    @media all and (-ms-high-contrast:none) {
        @media (max-width: 768px) {
        .item1 {
            font-size: 10px !important;
        }

    }
}


@media all and (-ms-high-contrast:none) {
   
        .Sponserd {
            display: inline-block !important;
            position: relative;
            top: -9px !important;
            left: 2% !important;
        }

        .item1 {
            position: relative;
            top: 64px !important;
            right: 127px !important;
        }


        .showall {
            left: -28px !important;
        }

        #owl-Boxes h6, .owl-inner .item h6 {
            z-index: -1;
        }

        #owl-Boxes .owl-wrapper div li {
            z-index: 9999999;
        }

        .UlSocail {
            display: -ms-inline-flexbox !important;
        }
        /*.item1 {
            display: none;
        }*/
        .ImgBoxWithTitle img {
            width: 883px !important;
        }

        .SideNav {
            display: -ms-flexbox !important;
            width: 100% !important;
        }

         @media (min-width: 1200px) {
    }
    @media (min-width: 768px) {
        
        .NewsUL li, .EventsUL li {
            height: 300px !important;
        }
       

        .newsmaxheght {
            min-height: 650px !important;
            max-height: 650px !important;
        }
    }
}


@media (max-width: 768px) {
    @media all and (-ms-high-contrast:none) {
         .item1 {
            display: none;
        }
         .newsmaxheght {
            min-height: 650px !important;
            max-height: 650px !important;
        }
        .NewsUL li, .EventsUL li {
            height:300px !important;
        }
        .NewsUL p, .EventsUL p {
            font-size:13px !important;
        }
    }

}

@media (max-width: 768px) {
     .NewsUL p, .EventsUL p {
            font-size:13px !important;
        }




    .NewsUL li a, .EventsUL li a {
        font-size:10px !important;
    }
    .BgContent h2 {
    
    font-size: 19px;


    }



    .ImgBoxWithTitle {
    padding: 0;
    overflow: hidden;
}

  
  
}
@media (max-width: 1098px) and (min-width: 1000px) {

    .Sponserdres {
        display: -moz-box;
    }
}
    @media (max-width: 987px) and (min-width: 755px) {

        .Sponserdres {
            display: -moz-box;
        }
    }

@media (max-width: 1024px) and (min-width: 800px) {

    .Sponserdres {
        display: -moz-box;


    }
}
    /*@media (max-width: 700px) {

    .Sponserdres {
        display: -moz-box;
    }
}*/







@media (max-width: 768px) {

    .NewsDivlink {
        width:100% !important;
    }

   .FooterLogo li {
    display: inline-block;
    margin-left: 10px;
    width: 100% !important;
    background-image: none !important;
}
    .FooterLogo li img {
        width:146px;
    }


    .serch1 {
        width:32% !important
    }


   

    .succlable {

      font-size: 8px;
border: solid 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 6px;
position: relative;
left: 10px;
top: -7px;
}


 .titlesuccess {
    font-size: 13px;
    position: relative;
    bottom: 5px;
}

 
}

/*.FooterLogo {
    width:100%;
}*/


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 780px) and (max-width : 1200px) {
    #Ul1 {
        display:flex;
    }
    .Sponserdres {
            display: -webkit-box
        
    }
    #Ul1 {
        width:121%;
    }
    #Div5 {
        width:35%;
    }
    /*.col-md-6 {
        width: 61%;
    }*/
    .FooterLogo {
        width:100%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  and (min-width: 780px) and (max-width : 1200px) {
    .FooterLogo {
        position:relative;
        left:60%;
        width:134%;
    }
    .Sponserdres {
     display:inline-flex;
    }
    #Div5 {
        width:30% !important;
        position:relative;
        right:-18%;
   }
    #Ul1 {
        width:109%;
    }
    .item itemUE {
        background-image:none;
    }
}