article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Poppins', sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'AlJazeeraArabicRegular';
    src: url('../fonts/AlJazeeraArabicRegular.eot');
    src: url('../fonts/AlJazeeraArabicRegular.eot') format('embedded-opentype'),
         url('../fonts/AlJazeeraArabicRegular.woff2') format('woff2'),
         url('../fonts/AlJazeeraArabicRegular.woff') format('woff'),
         url('../fonts/AlJazeeraArabicRegular.ttf') format('truetype'),
         url('../fonts/AlJazeeraArabicRegular.svg#AlJazeeraArabicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 20px;}
::-moz-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 20px;}
:-ms-input-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 20px;}
:-moz-placeholder {color: rgba(0,0,0,0.40) !important; font-size: 20px;}


/****************
 * Common Css
 ****************/
header, section, footer {width: 100%; float: left;}
.container {width: 1680px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button, .custnav .menus > li > a:after, .submenus, .submenus .imgbox img {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.mediapart .newsbox .imgbox img, .artspart .artinner .imgbox img, .cmembers .item .imgbox img, .protop .imgcol .imgbox img, .artpage .artconts .videobox .imgbox img, .artpage .rartlists .artbox .imgbox img, .nkbox .nkinner img, .nkvideo .nkvideoin .video img {width: 100%; height: 100%; object-fit: cover; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.mediapart .newsbox:hover .imgbox img, .artspart .artinner:hover .imgbox img,.submenus .lmenu:hover .imgbox img, .submenus .rmenu .wwdlist:hover .imgbox img, .cmembers .item:hover .imgbox img, .protop .imgcol .imgbox:hover img, .artpage .artconts .videobox:hover .imgbox img, .artpage .rartlists .artbox .imgbox:hover img, .nkbox .nkinner:hover img, .nkvideo .nkvideoin .video:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.cbtn {display: inline-block; background-color: #003558; text-transform: uppercase; font-size: 20px; color: #ffffff; padding: 16px 55px 15px 55px; border-radius: 20px 2px 20px 2px; -moz-border-radius: 20px 2px 20px 2px; -webkit-border-radius: 20px 2px 20px 2px;}
.cbtn:hover {background-color: #ffffff; color: #a39161;}
.cbttn2 {display: inline-block; background-color: #a39161; text-transform: uppercase; font-size: 20px; color: #ffffff; padding: 16px 42px 15px 42px; border-radius: 20px 2px 20px 2px; -moz-border-radius: 20px 2px 20px 2px; -webkit-border-radius: 20px 2px 20px 2px;}
.cbttn2:hover {background-color: #003558; color: #ffffff;}
.ctitle {padding: 0;}
.ctitle h2 {font-family: 'Playfair Display', serif; font-size: 70px; color: #003558; font-weight: 700; margin: 20px 0 23px 0;}
.ctitle span {display: block; font-size: 24px; color: #a39161;}
.subtitle {display: block; font-size: 24px; color: #a39161; text-align: center; position: relative; padding: 40px 0 28px;}
.subtitle:before {content: ""; width: 154px; height: 1px; background-color: #a39161; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.ctitle2 {padding: 0; text-align: center;}
.ctitle2 .icon {float: left; width: 100%; background: url(../images/line-bg2.png) no-repeat 50% 50%; margin-bottom: 32px;}
.ctitle2 h3 {font-family: 'Playfair Display', serif; font-weight: 700; font-size: 48px; color: #003558;}


header {position: absolute; left: 0; right: 0; top: 0; z-index: 112; padding-top: 30px;}
header .logo {float: left;}
header .container {position: relative;}
.rheader {float: right; margin-top: 26px;}
.custnav {float: left; margin-top: 4px;}
.custnav .menus > li {float: left; padding: 0 28px;}
.custnav .menus > li > a {float: left; font-size: 20px; color: #ffffff; padding-bottom: 50px; font-weight: 300; position: relative;}
.custnav .menus > li > a:hover, .submenus .lmenu .inner h3 a:hover {color: #a39161;}
.custnav .menus > li > a:after {content: ""; width: 0px; height: 5px; background-color: #a39161; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.custnav .menus > li:hover > a:after {width: 100%;}

.submenus {display: none; background-color: #ffffff; background-image: url(../images/menu-bg.png); background-repeat: no-repeat; background-position: 100% 0; position: absolute; top: 108px; right: 15px; left: 15px; box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -moz-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 25px 25px rgba(0,0,0,0.10); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.submenus .lmenu .imgbox {height: 390px; background-color: #000000; overflow: hidden; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;}
.submenus .lmenu .imgbox img, .submenus .rmenu .wwdlist .imgbox img {opacity: 0.9; width: 100%; height: 100%; object-fit: cover;}
.submenus .lmenu:hover .imgbox img, .submenus .rmenu .wwdlist:hover .imgbox img {opacity: 1;}
.submenus .lmenu .texts {padding: 0 40px; margin-top: -60px;}
.submenus .lmenu .inner {background-color: #ffffff; float: left; width: 100%; position: relative; z-index: 1; padding: 30px 60px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0;}
.submenus .lmenu .inner h3 {margin-bottom: 20px;}
.submenus .lmenu .inner h3 a {font-family: 'Playfair Display', serif; font-size: 30px; color: #003558;}
.submenus .lmenu .inner p {color: #999999; font-size: 15px; line-height: 24px;}
.submenus .rmenu {padding: 15px;}
.submenus .rmenu .wwdlist {padding: 0; margin-top: 15px;}
.submenus .rmenu .wwdlist .imgbox {float: left; background-color: #000000; width: 250px; height: 170px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden;}
.submenus .rmenu .wwdlist .texts {float: left; width: 530px; margin: 28px 0 0 30px; border-bottom: 1px solid #e5e5e5;}
.submenus .rmenu .wwdlist:last-child .texts {border-bottom: none;}
.submenus .rmenu .wwdlist .texts h4 a {display: block; font-size: 20px; color: #003558; background: url(../images/arrow2.png) no-repeat 100% 4px; padding-right: 20px;}
.submenus .rmenu .wwdlist .texts h4 a:hover {color: #a39161; background-position: 95% 4px;}
.submenus .rmenu .wwdlist .texts p {font-size: 15px; color: #999999; line-height: 24px; margin-top: 18px; padding-right: 45px; min-height: 116px;}
@media only screen and (min-width: 1300px){
	.custnav .menus > li:hover .submenus {display: block;}
}

.mediasub .lmenu .cbttn2 {font-size: 14px; margin-top: 40px; padding: 10px 30px 10px 30px;}
.mediasub .rmenu .wwdlist {border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 5px;}
.mediasub .rmenu .wwdlist:last-child {border-bottom: none;}
.mediasub .rmenu .wwdlist .imgbox {width: 110px; height: 110px;}
.mediasub .rmenu .wwdlist .texts {width: 250px; margin-top: 17px; border-bottom: none;}
.mediasub .rmenu .wwdlist .texts p {padding-right: 0px; margin-top: 8px; min-height: initial;}

.language {float: left;}
.language .custbtn {color: #ffffff; font-size: 18px; background-color: #a39161; padding: 0 25px 10px 25px; font-family: 'AlJazeeraArabicRegular'; border-radius: 20px 2px 20px 2px;}
.language .custbtn:hover {color: #ffffff; background-image: url(../images/drop-arrow-h.png);}
.language .dropdown-menu {right: 0; top: 100%; left: auto; min-width: 89px; margin: 0;}
.language .dropdown-menu > li > a {padding: 3px 9px; font-family: 'AlJazeeraArabicRegular'; font-size: 16px; text-align: center;}

header .searchbar {float: left; position: relative; z-index: 12; margin: 6px 45px 0 28px;}
header .searchbar .search {width: 24px; height: 24px; opacity: 0.4; float: left; background: url(../images/search-icon.png) no-repeat 50% 50%;}
header .searchbar .search:hover {opacity: 1;}
.searchpopup {float: left; background-color: rgba(0,25,41,0.9); position: fixed; z-index: 11; right: 0; left: 0; top: -100%; opacity: 0; visibility: hidden; width: 100%; height: 100%;}
.searchpopup .serachfield {width: 700px; margin: 0 auto; padding: 250px 15px 25px;}
.searchpopup .serachfield h3 {text-transform: uppercase; color: #ffffff; font-size: 18px; letter-spacing: 1px; text-align: center; padding-bottom: 25px;}
.searchpopup .serachfield .custfield {height: 52px; padding: 6px 46px 6px 20px; background:#ffffff url(../images/search-icon-l.png) no-repeat 97% 50%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.closebtn {background: url(../images/closeicon.png) no-repeat 0 0; width: 32px; height: 32px; float: right; margin: 20px 20px 0 0; cursor: pointer; opacity: 0.7;}
.closebtn:hover {opacity: 1; animation:rotateani 2s linear infinite; -moz-animation:rotateani 2s linear infinite; -webkit-animation:rotateani 2s linear infinite;}
.popupactive {top: 0; opacity: 1; visibility: visible;}
.popupactive, .searchpopup {transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
@keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-moz-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}
@-webkit-keyframes rotateani { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(180deg); 
    }
}

.commonslider {float: left; width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}

.mainslider {background-color: #000000; background:#f1f1f1 url(../images/slider-bg.png) no-repeat 100% 0; height: 1326px;}
/*.mainslider:after {content: ""; width: 944px; height: 246px; position: absolute; bottom: -246px; right: 25px; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-position: 0 0;}*/
.mainslider .sliderimg {position: relative; height: 1080px;}
.mainslider .sliderimg .simg {float: right; overflow: hidden; position: relative; width: 962px; height: 873px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; background-color: #000000; border-radius: 0 0 0 810px; -moz-border-radius: 0 0 0 810px; -webkit-border-radius: 0 0 0 810px;}
.mainslider .sliderimg .simg:after {content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.30); position: absolute;}
.mainslider .slidertexts {position: absolute; top: 52%; width: 100%; z-index: 7; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mainslider .slidertexts .textbox {float: left; width: 652px;}
.mainslider .slidertexts .textbox h3 {font-size: 70px; font-weight: 700; line-height: 90px; color: #ffffff; font-family: 'Playfair Display', serif; padding-bottom: 25px;}
.mainslider .slidertexts .textbox p {font-size: 24px; color: rgba(255, 255, 255, 0.70); line-height: 40px; padding-bottom: 40px; font-weight: 300;}
.mainslider .owl-item.active .slidertexts .textbox h3 {
  animation: 1s 1s fadeIn both;
  -moz-animation: 1s 1s fadeIn both;
  -webkit-animation: 1s 1s fadeIn both;
}
.mainslider .owl-item.active .slidertexts .textbox p {
  animation: 1s 1.5s fadeIn both;
  -moz-animation: 1s 1.5s fadeIn both;
  -webkit-animation: 1s 1.5s fadeIn both;
}
.mainslider .owl-item.active .slidertexts .cbttn2 {
  animation: 1s 1.5s flipInX both;
  -moz-animation: 1s 1.5s flipInX both;
  -webkit-animation: 1s 1.5s flipInX both;
}

.mainslider .owl-dots {position: absolute; z-index: 1; bottom: 240px; left: 50%; width: 1650px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.mainslider .owl-dots .owl-dot {float: left; border: 6px solid transparent; background-color: transparent; width: 24px; height: 24px; margin-right:12px; cursor: pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mainslider .owl-dots .owl-dot span {float: left; width: 12px; height: 12px; background-color: rgba(255,255,255,0.20); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.mainslider .owl-dots .owl-dot.active, .mainslider .owl-dots .owl-dot:hover {background-color: rgba(255,255,255,0.20);}
.mainslider .owl-dots .owl-dot.active span, .mainslider .owl-dots .owl-dot:hover span {background-color: #ffffff;}

.about {padding: 0px 0 240px; background-color: #f1f1f1; margin-top: -126px;}
.about span {display: block; font-size: 24px; color: #a39161; text-align: center; position: relative; padding: 40px 0 28px;}
.about span:before {content: ""; width: 154px; height: 1px; background-color: #a39161; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.about p {text-align: center; font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px; color: #003558; padding: 0 16%; position: relative; z-index: 1;}

.mediapart {margin-top: -115px;}
.mediapart .news {margin-bottom: 30px;}
.mediapart .newsbox {display: block; position: relative; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #000000;}
.mediapart .newsbox .imgbox {height: 600px; display: block; opacity: 0.9;}
.mediapart .news .tag {font-size: 18px; background-color: #003558; padding: 10px 35px; color: #ffffff; text-transform: uppercase; position: absolute; top:28px; left: 40px; z-index: 1; border-radius: 50px;}
.mediapart .newsbox .details {position: absolute; bottom: 0px; right: 40px; left: 40px; padding: 0 50px; text-align: center; background-color: #ffffff; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0;}
.mediapart .newsbox .date {font-size: 20px; color: #ffffff; position: relative; top: -22px; padding: 8px 35px; display: inline-block; background-color: #a39161; border-radius: 20px 2px 20px 2px; -moz-border-radius: 20px 2px 20px 2px; -webkit-border-radius: 20px 2px 20px 2px;}
.mediapart .newsbox .details p {color: #003558; font-size: 24px; line-height: 40px; margin: 7px 0 20px;}
.mediapart .newsbox .details h4 {font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px; color: #003558; padding: 0 9%;}
.mediapart .news .playicon, .artpage .videobox .playicon {background: url(../images/play-icon.png) no-repeat 0 0; width: 140px; height: 140px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 1;}
.mediapart .videobox:hover .playicon, .artpage .videobox:hover .playicon {background-image:url(../images/play-icon-h.png)}
.mediapart .videobox .imgbox {opacity: 0.7;}
.mediapart .videobox h5 {font-family: 'Playfair Display', serif; font-size: 30px; color: #ffffff; line-height: 60px; text-align: center; position: absolute; left: 0; bottom: 60px; z-index: 1; width: 100%; padding: 0 50px;}
.mediapart .twbox {height: 600px; background-color: #003558; padding: 100px 110px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.mediapart .twbox .twname {font-size: 20px; color: #ffffff; background:url(../images/tw-icon.png) no-repeat 0 3px; padding-left: 50px;}
.mediapart .twbox .twmsg p {font-size: 24px; line-height: 40px; color: #ffffff; margin: 60px 0 50px;}
.mediapart .twbox .twmsg span {display: block; font-weight: 300; color: #ffffff; font-size: 20px;}

.wwedo {padding: 150px 0 185px;}
.wwedo .stabs .nktab {float: left; width: 530px; border-right: 1px solid #e5e5e5; margin-top: 40px;}
.wwedo .stabs .nktab li {float: left; width: 100%;}
.wwedo .stabs .nktab li a {font-size: 24px; color: #999999; line-height: 24px; padding: 38px 40px; float: left; width: 100%; position: relative; z-index: 1; border-radius: 2px 0 0 20px; -moz-border-radius: 2px 0 0 20px; -webkit-border-radius: 2px 0 0 20px;}
.wwedo .stabs .nktab li.active a {background-color: #f1f1f1;}

.wwedo .stabs .tab-content {float: right; width: 950px; margin-top: -160px;}
.wwedo .stabs .innerconts {position: relative; float: left; width: 100%;}
.wwedo .stabs .sconts .imgbox {position: relative; float: right; width: 810px; height: 500px; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.wwedo .stabs .sconts .imgbox h4 {font-family: 'Playfair Display', serif; font-size: 48px; color: #ffffff; font-weight: 700; position: absolute; z-index: 1; left: 70px; top: 37px;}
.wwedo .stabs .sconts .imgbox:before {content: ""; left: 0; right: 0; top: 0; height: 250px; position: absolute;
background: -moz-linear-gradient(top, rgba(0,53,88,0.9) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,53,88,0.9) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,53,88,0.9) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6003558', endColorstr='#00000000',GradientType=0 );}
.wwedo .stabs .sconts .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.wwedo .stabs .sconts .info {position: absolute; top: calc(100% - 100px); top: -moz-calc(100% - 100px); top: -webkit-calc(100% - 100px); width: 390px; padding: 40px 70px; background-color: #006ab0; background-image: url(../images/bg2.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 20px 2px 20px 2px; -moz-border-radius: 20px 2px 20px 2px; -webkit-border-radius: 20px 2px 20px 2px;}
.wwedo .stabs .sconts .info p {font-family: 'Playfair Display', serif; font-size: 24px; line-height: 40px; color: #ffffff;}
.wwedo .stabs .sconts .info .more {background:#003558 url(../images/arrow1.png) no-repeat 50% 50%; width: 60px; height: 46px; position: absolute; right: 0; bottom: 0; border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; -webkit-border-radius: 20px 0 20px 0;}
.wwedo .stabs .sconts .info .more:hover {background-color: #a39161;}

.artspart {position: relative; padding-bottom: 190px;}
.artspart:after {content: ""; width: 935px; background-color: #f1f1f1; bottom: 0px; position: absolute; right: 0; top: -385px; z-index: -1;}
.artspart .rightarts {float: right; width: 470px; position: relative; z-index: 1;}
.artspart .artlist {float: left; width: 100%; margin-top: 20px;}
.artspart .artlist ul li {width:100%; float:left; border-bottom: 1px solid rgba(0,0,0,0.10); padding: 30px 0;}
.artspart .artlist ul li:last-child {border-bottom: none;}
.artspart .artlist ul li a {color: #999999; font-size:20px; display:block; cursor:pointer; background:url(../images/plus.png) no-repeat 0 50%;; padding-left:75px;}
/*.artspart .arttext .title_active { background:url(../images/minus.png) no-repeat 0 50%;}*/
/*.artspart .arttext .accdisc {display:none; padding-top: 20px;}
.artspart .arttext .accdisc p {font-size: 16px; color: #999999; line-height: 30px;}*/

.artspart .artinner {padding: 0;}
.artspart .artinner .imgbox {display: block; background-color: #000000; overflow: hidden; height: 390px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.artspart .artinner .imgbox img {opacity: 0.9;}
.artspart .artinner:hover .imgbox img {opacity:1;}
.artspart .artinner .artinfo {padding: 0 40px; margin-top: -80px;}
.artspart .artinner .artinfo .innerbox {background-color: #ffffff; padding: 50px 60px; float: left; width: 100%; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px;}
.artspart .artinner .artinfo .innerbox h4 a {font-family: 'Playfair Display', serif; font-size: 30px; color: #003558;}
.artspart .artinner .artinfo .innerbox h4 a:hover, .artspart .artlist ul li a:hover {color: #a39161;}
.artspart .artinner .artinfo .innerbox p {color: #999999; font-size: 20px; line-height: 40px; font-weight: 300; margin: 20px 0 25px;}
.artspart .artinner .artinfo .innerbox span {display: block; color: #a39161; font-size: 16px; font-weight: 300;}

.publications {background-color: #a39161; padding-top: 75px;}
.publications:after {content: ""; width: 413px; height: 1521px; background: url(../images/bg4.png) no-repeat 0 0; position: absolute; right: 0; bottom: 0;}
.publications .item {padding: 0 140px;}
.publications .item .bookimg {float: left;}
.publications .item .bookimg .mbook {display: none;}
.publications .item .info {float: right; width: 718px; margin-top: 100px;}
.publications .item .info span {display: block; font-size: 24px; color: #ffffff;}
.publications .item .info h3 {font-family: 'Playfair Display', serif; font-size: 48px; line-height: 60px; color: #ffffff; margin: 35px 0 45px;}
.publications .owl-nav, .cmembers .owl-nav {position: absolute; top: -10px; right: 0px; z-index: 11;}
.publications .owl-nav > div, .cmembers .owl-nav > div {float: left; margin: 0 7px; width: 48px; height: 48px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 1px solid #cbcac9; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.publications .owl-nav > div:hover {background-color: #ffffff; border-color: #ffffff;}
.publications .owl-nav > .owl-prev, .cmembers .owl-nav > .owl-prev {background-image: url(../images/pre-arrow.png);}
.publications .owl-nav > .owl-prev:hover {background-image: url(../images/pre-arrow-h.png);}
.publications .owl-nav > .owl-next, .cmembers .owl-nav > .owl-next {background-image: url(../images/next-arrow.png);}
.publications .owl-nav > .owl-next:hover {background-image: url(../images/next-arrow-h.png);}

@media only screen and (min-width: 768px){
.publications .owl-item.active .bookimg {
  animation: 1s 0.5s fadeInUp both;
  -moz-animation: 1s 0.5s fadeInUp both;
  -webkit-animation: 1s 0.5s fadeInUp both;
}
.publications .owl-item.active .info {
  animation: 1s 1s fadeIn both;
  -moz-animation: 1s 1s fadeIn both;
  -webkit-animation: 1s 1s fadeIn both;
}
}

.newsletter {background: url(../images/bg5.jpg) no-repeat 50% 50%; background-attachment: fixed; background-size: cover; padding: 65px 0;}
.newsletter .newsinner {width: 1092px; margin: 0 auto;}
.newsletter h3 {font-family: 'Playfair Display', serif; font-size: 30px; color: #ffffff; margin:12px 80px 0 0px; float: left;}
.newsletter .custfield {float: left; width: 560px; height: 60px; background-color: #f1f1f1; font-size: 20px; font-weight: 300; padding: 6px 30px; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px;}
.newsletter .subbtn {color: #ffffff; background-color: #a39161; text-transform: uppercase; font-size: 20px; width: 250px; height: 60px; line-height: 60px; text-align: center; float: left; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0;}
.newsletter .subbtn:hover {background-color: #928257;}

footer {background-color: #003558; padding-top: 60px;}
.footer {padding: 0 280px;}
footer .flogo {padding: 0; text-align: center; background: url(../images/line-bg.png) no-repeat 50% 50%; margin-bottom: 60px;}
.socials {text-align: center;}
.socials a {display: inline-block; background-repeat: no-repeat; margin: 0 15px; position: relative;}
.socials .fb {background-image: url(../images/fb-icon.png); background-position: 0px 0px; width: 10px; height: 18px;}
.socials .fb:hover {background-position: 0px -19px;}
.socials .tw {background-image: url(../images/tw-icon2.png); background-position: 0px 0px; width: 19px; height: 14px; top: -1px;}
.socials .tw:hover {background-position: 0px -20px;}
.socials .inst {background-image: url(../images/inst-icon.png); background-position: 0px 0px; width: 19px; height: 18px;}
.socials .inst:hover {background-position: 0px -20px;}
.socials .yt {background-image: url(../images/yt-icon.png); background-position: 0px 0px; width: 19px; height: 18px; top: 2px;}
.socials .yt:hover {background-position: 0px -20px;}
.fmenus {padding:70px 0 60px;}
.fmenus ul li {float: left; margin-right: 95px; margin-top: 5px;}
.fmenus ul li:last-child {margin-right: 0px;}
.fmenus ul li a {float: left; font-size: 20px; font-weight: 300; color: #ffffff;}
.fmenus ul li a:hover, .copyright p a:hover {color: #a39161;}
.copyright {border-top: 1px solid #1a4a69; text-align: center; padding: 30px 0;}
.copyright p {font-size: 16px; color: rgba(255,255,255,0.40); font-weight: 300; border-right: 1px solid rgba(255,255,255,0.40); display: inline-block; line-height: 15px; padding: 0 16px;}
.copyright p a {color: rgba(255,255,255,0.40);}
.copyright p:last-child {border-right: none;}


/** Inner Page **/
.innerbanner {height: 650px; background-image: url(../images/inner-banner-bg.jpg); background-repeat: no-repeat; background-position: 100% 0; background-size: cover; position: relative;}
.innerbanner .rimg {float: right; overflow: hidden; position: relative; width: 963px; height: 873px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; background-color: #000000; border-radius: 0 0 0 810px; -moz-border-radius: 0 0 0 810px; -webkit-border-radius: 0 0 0 810px;}
.innerbanner .rimg:before {content: ""; top: 0; width: 100%; height: 200px; position: absolute;
background: -moz-linear-gradient(top,  rgba(32,46,56,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(32,46,56,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(32,46,56,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202e38', endColorstr='#00000000',GradientType=0 );}
.innerbanner .rimg:after {content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.10); position: absolute;}

.bannertexts {position: absolute; z-index: 3; left: 0; top: 60%; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.bannertexts h2 {font-family: 'Playfair Display', serif; font-weight: 700; font-size: 100px; color: #ffffff; margin-bottom: 20px;}
.bannertexts p {font-weight: 300; font-size: 24px; line-height: 40px; color: rgba(255,255,255,0.70); width: 553px;}

.breadcrumbs {margin-top: -36px; position: relative; z-index: 1;}
.breadcrumbs ul li {font-size: 16px; float: left; background:url(../images/arrow3.png) no-repeat 100% 50%; padding-right: 30px; margin-right: 15px; font-weight: 300; color: #a39161;}
.breadcrumbs ul li:last-child {background-image: none; padding-right: 0px; margin-right: 0px;}
.breadcrumbs ul li a {color: rgba(255,255,255,0.40);}
.breadcrumbs ul li a:hover, .cmembers .item .cminner h3 a:hover, .artpage .rartlists .artbox h4 a:hover {color: #a39161;}

.abouttext {background-color: #f1f1f1; background-image: url(../images/bg6.jpg); background-repeat: no-repeat; background-position: 100% 0; padding: 120px 0 100px;}
.abouttext p {font-size: 24px; line-height: 48px; font-weight: 300; color: #003558; padding: 0px 17% 50px; text-align: center;}

.bmember {padding-top:90px; position: relative; z-index: 1;}
.bmember .ltext {float: left; width: 49.2%;}
.bmember .ltext .ctitle {margin:60px 0 30px;}
.bmember .textinner p {font-size: 20px; line-height: 40px; color: #999999; font-weight: 300; margin: 20px 0; float: left; width: 100%;}
.bmember .ltext .textinner {float: right; width: 810px;}
.bmember .rimg {float: right; width: 49.8%; text-align: right;}
.bmember .rimg img, .bmember .limg img {max-width: 100%;}

.cmembers {background-color: #f1f1f1; background-image: url(../images/bg7.jpg); background-repeat: no-repeat; background-position: 50% 0; padding: 170px 0 145px; margin-top: -115px;}
.cmembers .ctitle {text-align: center;}
#cmembers {clear: both; padding-top: 60px;}
.cmembers .item {padding: 0 15px;}
.cmembers .item .imgbox {display: block; background-color: #000000; overflow: hidden; height: 390px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.cmembers .item .imgbox img {opacity: 0.9;}
.cmembers .item:hover .imgbox img {opacity:1;}
.cmembers .item .meminfo {padding: 0 40px; margin-top: -80px;}
.cmembers .item .cminner {background-color: #ffffff; padding: 46px 60px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.cmembers .item .cminner h3 a {font-family: 'Playfair Display', serif; font-size: 30px; color: #003558; line-height: 50px;}
.cmembers .item .cminner span {font-size: 20px; color: #a39161; font-weight: 300; display: block; margin-top: 15px;}
.cmembers .owl-nav {top: -78px; right: 8px;}
.cmembers .owl-nav > div:hover {background-color: #a39161; border-color: #a39161;}
.cmembers .owl-nav > .owl-prev:hover {background-image: url(../images/pre-arrow-h2.png);}
.cmembers .owl-nav > .owl-next:hover {background-image: url(../images/next-arrow-h2.png);}

.bmember2 {padding: 130px 0;}
.bmember .limg {float: left; text-align: left; width: 45%;}
.bmember .rtext {float: right; width: 55%;}
.bmember .rtext .ctitle {margin-bottom: 30px;}
.bmember .rtext .textinner {float: left; width: 910px;}

.socialshare {float: left; width: 100%; margin: 40px 0;}
.socialshare span {float: left; font-size: 16px; color: #999999; font-weight: 300; line-height: 14px; margin-right: 16px;}
.socialshare a {float: left; background-repeat: no-repeat; background-position: 0 0; position: relative; margin: 0 16px;}
.socialshare .fb {background-image: url(../images/fb-icon2.png); width: 9px; height: 18px;}
.socialshare .fb:hover {background-image: url(../images/fb-icon2-h.png);}
.socialshare .tw {background-image: url(../images/tw-icon3.png); width: 19px; height: 14px; margin-top: 2px;}
.socialshare .tw:hover {background-image: url(../images/tw-icon3-h.png);}
.socialshare .email {background-image: url(../images/mail-icon.png); width: 18px; height: 13px; margin-top: 2px;}
.socialshare .email:hover {background-image: url(../images/mail-icon-h.png);}
.socialshare .prnt {background-image: url(../images/printer-icon.png); width: 18px; height: 17px;}
.socialshare .prnt:hover {background-image: url(../images/printer-icon-h.png);}

.protop .protopgray, .artpage .artopgray {background-color: #f1f1f1; height: 560px; float: left; width: 100%; background-image: url(../images/bg6.jpg); background-repeat: no-repeat; background-position: 100% 0;}
.protop .ctitle {text-align: center; margin: 43px 0 80px;}
.protop .prowhite {margin-top: -178px; float: left; width: 100%;}
.protop .imgcol .imgbox {height: 370px; background-color: #000000; margin-top: 30px; display: block; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.protop .imgcol .imgbox img {opacity: 0.9;}
.protop .imgcol .imgbox:hover img {opacity: 1;}
.protop .texts {padding: 110px 0;}
.protop .texts p {font-size: 24px; line-height: 48px; color: #999999;}

.mcetarget {background-color: #f1f1f1; background-image: url(../images/bg8.png); background-size: contain; background-repeat: no-repeat; background-position: 100% 0; padding: 150px 0;}
.mceinfo {padding:20px 0 0;}
.mceinfo p {font-size: 20px; color: #999999; line-height: 40px; font-weight: 300; text-align: center; padding: 0 17%; margin: 20px 0; float: left; width: 100%;}
.mceinfo ul {margin: 0 auto;}
.mceinfo .list1 {width: 566px;}
.mceinfo ul li {float: left; width: 100%; font-size: 20px; line-height: 40px; font-weight: 300; color: #999999; background: url(../images/cir-point.png) no-repeat 0 16px; padding-left: 30px;}
.mceinfo ul li:first-child {margin-top: 25px;}

.mcemis {padding: 145px 0;}
.mcetran {background-color: #f1f1f1; background-image: url(../images/bg9.png); background-size: contain; background-repeat: no-repeat; background-position: 0% 0%; padding: 150px 0;}
.mceobjt {padding: 150px 0;}
.mceobjt .list2 {width: 1090px;}

.artpage .artopgray {height: 650px;}
.artpage .arttitle {padding:50px 0 0;}
.artpage .arttitle span {display: block; position: relative; font-size: 20px; color: #a39161; font-weight: 300; padding-top: 45px; margin-bottom: 25px;}
.artpage .arttitle span:before {content: ""; width: 154px; height: 1px; background-color: #a39161; position: absolute; top: 0; left: 0;}
.artpage .arttitle h4 {font-family: 'Playfair Display', serif; font-size: 40px; color: #003558; line-height: 60px; width: 1090px;}
.artpage .artconts {float: left; width: 100%; margin-top: -145px; padding-bottom: 140px;}
.artpage .artconts .lartdetails {float: left; width: 1175px; border-right: 1px solid #e5e5e5; padding-right: 85px;}
.artpage .artconts .videobox {display: block; position: relative; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden; margin-bottom: 70px;}
.artpage .artconts .videobox .imgbox {height: 600px; display: block; background-color: #000000;}
.artpage .artconts .videobox .imgbox img {opacity: 0.7;}
.artpage .artconts .videobox h5 {font-family: 'Playfair Display', serif; font-size: 30px; color: #ffffff; line-height: 60px; text-align: center; position: absolute; left: 0; bottom: 53px; z-index: 1; width: 100%; padding: 0 115px;}
.artpage .lartdetails .artinfo {padding:35px 0;}
.artpage .lartdetails .artinfo p {font-size: 24px; line-height: 48px; color: #999999; font-weight: 300; text-align: justify;}
.artpage .lartdetails .artinfo .artimg {float: right; width: 600px; padding-left: 70px;}
.artpage .lartdetails .artinfo .artimg img {width: 100%;}
.artpage .lartdetails .artinfo h4 {font-family: 'Playfair Display', serif; font-style: italic; font-size: 40px; line-height: 60px; color: #a39161; margin: 60px 0; padding: 45px 0 45px 90px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.artpage .lartdetails .artinfo h4 sup {font-size: 100px; top: 0;}
.artpage .lartdetails .artinfo ul li {float: left; width: 100%; margin-bottom: 23px; font-size: 24px; line-height: 48px; font-weight: 300; color: #999999; background: url(../images/cir-point2.png) no-repeat 0 20px; padding-left: 40px;}
.artpage .lartdetails .artinfo ul li:last-child {margin-bottom: 0px;}

.artpage .rartlists {float: right; width: 390px;}
.artpage .rartlists .ctitle span {font-size: 20px; line-height: 20px;}
.artpage .rartlists .ctitle h2 {font-size: 48px; margin-bottom: 52px;}
.artpage .rartlists .ctitle:after, .cgraypart .ctitle:after {content: ""; width: 61px; height: 3px; background-color: #a39161; position: absolute; bottom: 0; left: 0;}
.artpage .rartlists .artbox {padding: 0; margin-top: 70px;}
.artpage .rartlists .artbox .imgbox {display: block; overflow: hidden; background-color: #000000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.artpage .rartlists .artbox .imgbox img {opacity: 0.9;}
.artpage .rartlists .artbox .imgbox:hover img {opacity: 1;}
.artpage .rartlists .artbox h4 {margin: 35px 0 30px;}
.artpage .rartlists .artbox h4 a {font-family: 'Playfair Display', serif; font-size: 30px; color: #003558;}
.artpage .rartlists .artbox span {display: block; font-size: 16px; color: #a39161; font-weight: 300;}

.relatedarts {background-color: #f1f1f1; background-image: url(../images/bg10.png); background-repeat: no-repeat; background-position: 0% 0%; padding: 103px 0 185px;}
.relatedarts:after {display: none !important;}
.relatedarts .ctitle {text-align: center; margin-bottom: 28px;}
.relatedarts .artbox {margin-top: 30px;}

.artpage2 .artopgray {height: 500px !important;}
.artpage2 .artconts .lartdetails {padding-top: 175px;}
.nkthumslider {padding: 0;}
.nkthumslider .slidercounter {display: none;}


/** Albums Page **/
.cgraypart {background-color: #f1f1f1; padding: 140px 0; background-image: url(../images/bg6.jpg); background-repeat: no-repeat; background-position: 100% 0;}
.cgraypart .ctitle {border-bottom: 1px solid #d8d8d8;}
.cgraypart .ctitle span {font-size: 20px; line-height: 20px;}
.cgraypart .ctitle h2 {font-size: 48px; margin-bottom: 52px;}

.albumpage {padding-top: 219px;}
.albumpage .tabpart {padding: 0;}
.nktabs {float: right; margin-top: -97px;}
.nktabs > li {float: left; margin-right: 20px;}
.nktabs > li:last-child {margin-right: 0px;}
.nktabs > li > a {float: left; font-size: 18px; color: #ffffff; padding: 10px 35px; text-transform: uppercase; background-color: #cccccc; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.nktabs > li > a:hover, .nktabs > li.active > a {background-color: #a39161;}
.tabpart .tab-content {margin-top: 40px;}

.nkbox .nkinner {padding: 0; height: 390px; margin-top: 30px; background-color: #000000; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden;}
.nkbox .nkinner:after {content: ""; background: url(../images/overlap-img1.png) repeat-x 0 0; background-size: contain; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.nkbox .nkinner .info {width: 100%; padding: 0 100px; position: absolute; left: 0; bottom: 44px; z-index: 1;}
.nkbox .nkinner .info h4 {font-family: 'Playfair Display', serif; font-size: 30px; color: #ffffff; line-height: 50px; margin-bottom: 28px;}
.nkbox .nkinner .info .dtpn {float: left; width: 100%;}
.nkbox .nkinner .info p {font-size: 16px; float: left; padding-right: 15px; margin-right: 15px; color: #a39161; font-weight: 300; background: url(../images/cir-point3.png) no-repeat 100% 9px;}
.nkbox .nkinner .info .dtpn p:last-child {margin-right: 0px; padding-right: 0; background-image: none;}

.cpmodal .modal-dialog {width: 1090px;}
.cpmodal .modal-content {background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.modal-backdrop.in {opacity: 0.75;}

.csliderthum {padding: 15px 125px;}
.csliderthum .slide {padding: 15px;}
.csliderthum .slide .imgbox {display: block; cursor: pointer; background-color: #000000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden;}
.csliderthum .slide .imgbox img {opacity: 0.9;}
.csliderthum .slide .imgbox:hover img {opacity: 1;}
.csliderthum .slick-arrow {width: 48px; height: 48px; position: absolute; top: 50%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; border:1px solid #a39161; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.csliderthum .slick-arrow:focus, .csliderthum .slide:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.csliderthum .slick-arrow:hover {background-color: #a39161;}
.csliderthum .slick-prev {background-image: url(../images/pre-arrow-h.png); left: 30px;}
.csliderthum .slick-prev:hover {background-image: url(../images/pre-arrow-h2.png);}
.csliderthum .slick-next {background-image: url(../images/next-arrow-h.png); right: 30px;}
.csliderthum .slick-next:hover {background-image: url(../images/next-arrow-h2.png);}
.cslideritems {padding-top: 50px;}
.slidercounter {position: absolute; width: 100%; color: #ffffff; font-size: 16px; font-weight: 300; text-align: center; top: 0; text-align: center;}

/** Video Gallery Page **/
.videopage .ctitle {margin-bottom: 40px;}
.nkvideo .nkvideoin {padding: 0;}
.nkvideo .nkvideoin .video {display: block; margin-top: 30px; position: relative; background-color: #000000; height: 390px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden;}
.nkvideo .nkvideoin .video img {opacity: 0.7;}
.nkvideo .nkvideoin .video:hover img {opacity:1;}
.nkvideo .nkvideoin .plyicon {width: 90px; height: 90px; background: url(../images/play-icon.png) no-repeat 0 0; background-size: 90px auto; position: absolute; top: 43%; left: 50%; z-index: 1; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.nkvideo .nkvideoin .info {padding: 0 40px; margin-top: -80px;}
.nkvideo .nkvideoin .info .infoinner {background-color: #ffffff; min-height: 310px; padding: 55px 60px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0;}
.nkvideo .nkvideoin .info .infoinner p {font-size: 20px; color: #003558; line-height: 40px;}

.paginations {text-align: center; margin-top: 90px;}
.paginations ul li {display: inline-block; margin: 0 3px;}
.paginations ul li a {float: left; font-size: 16px; color: #999999; padding: 5px 14px; border: 1px solid #d8d8d8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.paginations ul li a:hover {background-color: #a39161; color: #ffffff; border-color: #a39161;}

.cmembers .item .cminner{
    height: 300px;}