.icon_campus_1{top: -5%;left:-6%;width: 150px; z-index:-1}
.icon_campus_1 svg g {fill: #fff;}
.icon_campus_2{top: -11%;left:-6%;width: 150px; z-index:-1; opacity:0.5}
.icon_campus_3{top:15%;left:25%;width: 160px;z-index:-1; opacity:0.3;height: 160px;}
.icon_campus_4{top: -6%;right:0%;width: 190px; z-index:-1}
.icon_campus_4 svg g {fill: #223a84;}
.icon_campus_5{top: 55%;right:-5%;width: 150px; z-index:-1}
.icon_campus_5 svg g {fill: #fff;}
.icon_campus_6{bottom:-15%;right:7%;width: 230px; z-index:-1}
.icon_campus_7{top: 2%;left:-3%;width: 150px; z-index:-1}
.icon_campus_7 svg g {fill: #fff;}
.icon_campus_8{top:5%;left:3%;width: 100px; z-index:-1}
.icon_campus_8 svg g {fill: #fff;}
.icon_campus_9{top:20%;left:33%;width: 170px; z-index:-1;opacity:0.3}
.icon_campus_10{top:10%;right:10%;width: 150px;height: 150px; z-index:-1;opacity:0.3}
.icon_campus_11{top:50%;left:-3%;width: 150px; z-index:-1;opacity:0.3}
.icon_campus_12{top:56%;left:-3%;width: 150px; z-index:-1;}
.icon_campus_12 svg g {fill: #fff;}
.icon_campus_13{bottom:25%;right:0%;width:120px; z-index:-1;height: 110px;}
.icon_campus_13 svg g {fill: #dce53c;}
.icon_campus_14{top:15%;left:-3%;width: 150px; z-index:-1}
.icon_campus_14 svg g {fill: #fff;}
.icon_campus_15{top:25%;left:2%;width: 150px; z-index:-1;opacity:0.3}
.icon_campus_16{top:50%;left:52%;width: 150px;height: 150px; z-index:-1;opacity:0.3}
.icon_campus_17{bottom:-20%;left:-3%;width: 150px; z-index:-1}
.icon_campus_17 svg g {fill: #fff;}
.icon_campus_18{bottom:-10%;left:2%;width: 150px; z-index:-1;opacity:0.3}
.icon_campus_19{bottom:0%;right:-3%;width: 150px; z-index:-1}
.icon_campus_19 svg g {fill: #fff;}
.icon_campus_20{bottom:20%;right:-3%;width: 150px; z-index:-1}
.icon_campus_20 svg g {fill: #fff;}
.icon_campus_21{bottom:10%;right:5%;width: 190px; z-index:-1}
.icon_campus_21 svg g {fill: #f67d24; animation: cap_fillcolor 5s ease infinite;}
@keyframes cap_fillcolor {
0% {fill:#f67d24}
20% {fill:#223983}
40% {fill:#f47920}
60% {fill:#f67d24}
80% {fill:#223983}
100% {fill:#f47920; }
}
.icon_campus_22{top:-3%;left:-3%;width: 190px;transform: rotateY(180deg); z-index:-1}
.icon_campus_22 svg g {fill: #fff;}
.icon_campus_23{top:45%;left:30%;width: 190px;height: 190px;transform: rotateY(180deg); z-index:-1;opacity:0.5}
.icon_campus_24{top:63%;left:-3%;width: 110px;transform: rotateY(180deg); z-index:-1}
.icon_campus_24 svg g {fill: #fff;}
.icon_campus_25{bottom:20%;right:3%;width: 110px;transform: rotateY(180deg); z-index:-1;height: 130px;}
.icon_campus_25 svg g {fill: #dbe23d;}
.icon_campus_26{bottom:3%;left:-3%;width: 120px;transform: rotateY(180deg); z-index:-1}
.icon_campus_26 svg g {fill: #fff;}
.icon_campus_27{bottom:-4%;right:-3%;width: 140px;z-index:-1}
.icon_campus_27 svg g {fill: #fff;}
.icon_campus_28{bottom:10%;left:-3%;width: 150px; z-index:-1}
.icon_campus_28 svg g {fill: #fff;}
.icon_campus_29{bottom:10%;left:2%;width: 150px; z-index:-1;opacity:0.3}
.icon_campus_29 svg g {fill: #fff;}

.mobil-plbtn{ display:none}
.dst-plbtn{display: flex;}

/*video*/
.play-bt{}
.pause-bt{border-radius:100px;border:1px solid ; position:absolute;border-color: transparent; transition:all 0.5s; right:3%; bottom:3%; width:60px; cursor:pointer; z-index:2}
.pause-bt:hover{padding:5px; border-color:#f47920}

.tv_video{height: 100%;width: 100%; object-fit: cover;position:absolute;}/*video*/

/*banner*/
.z-i5{ z-index:5}
.text-center{ text-align:center}
.h-100{ height:100%}
.w-100{ width:100%}
.ca-banner{ background:url(../images/ca/v-bn.jpg) no-repeat center; background-size:cover; width:100%; height:100vh}
.ca-video-tetx{ position:absolute; left:0;  bottom:10%; margin:auto;}
.ca-video-tetx .topcover_tx{background: #ffffff75;}
.ca-video-tetx p{ color:#fff; display:block; padding:40px 0 30px; }
.ca-ap a{ background:#f47920ab; box-shadow:-4px -4px 0 #d6e033; padding:11px 20px;color:#fff; font-size:22px; transition:all 0.5s}
.ca-ap a:hover{box-shadow:0px 0px 0 #d6e033;}
.playbtn{ position:absolute; width:100px;left:0; right:0; top:0; bottom:0;  z-index:22; cursor:pointer }
.playbtn a{  border-radius:100px; display:block;border:1px solid ;border-color: transparent; transition:all 0.5s}
.playbtn a:hover{padding:15px; border-color:#f47920 }

.ca-vb-nav{ width:200px; text-align:center; position:absolute; right:0; top:0; bottom:0; margin:auto;display: grid;align-content: center;}
.ca-vb-nav ul{ width:100%}
.ca-vb-nav li{ display:block; width:100%}
.ca-vb-nav li a{ display:block; margin:20px 0; text-transform:uppercase; padding:10px; background:#ffffffd6; color:#000; position:relative; z-index:1}
.ca-vb-nav li a:hover::after{border: 1px solid #d7dd31;}
.ca-vb-nav li a::after{border: 1px solid #ffffff5e;content: "";position: absolute;width: 100%;height: 100%;left: -5px;top: -5px;}
.ca-vb-nav li a:hover{ background:#d7dd31; text-decoration:none}
.abouttcp-space{ padding:150px 0 80px}
.abouttcp-space .topcover_tx{ margin:0px 0 50px}
.abouttcp-space p{ color:#fff;}
.cm-mapbg{ float:left; width:50%; padding:0 80px}

.map-border{position:absolute; top:0; left:0; right:0}
.mapborder-ani{position:absolute; top:0; left:0; right:0; width:100%; height:100%}
.mapsm_i:hover img{ transform:scale(1.5)}
.mapsm_i img{transition:all 0.5s}
.mapsm_i{ width:4%; transform:scale(2.9); position:absolute; transition:all 0.5s}
.masm_1{ top:9%; left:27%;}
.masm_2{ top:19%; left:29%;}
.masm_3{ top:22%; left:39%;}
.masm_4{ top:32%; left:34%;}
.masm_5{ top:33%; left:16%;}
.masm_6{ top:29%; right:8%;}
.masm_7{ top:34%; right:18%;}
.masm_8{ top:37%; right:10%;}
.masm_9{ top:37%; right:34%;}
.masm_10{ top:39%; right:45%;}
.masm_11{ top:45%; right:36%;}
.masm_12{ top:43%; left:36%;}
.masm_13{ top:44%; left:10%;}
.masm_14{ top:49%; left:19%;}
.masm_15{ top:52%; left:24%;}
.masm_16{ top:51%; left:35%;}
.masm_17{ top:53%; right:42%;}
.masm_18{ top:59%; left:16%;}
.masm_19{ top:60%; right:52%;}
.masm_20{ top:71%; right:57%;}
.masm_21{ top:69%; left:19%;}
.masm_22{ top:80%; left:22%;}
.masm_23{ top:84%; left:34%;}


.cm-abcap{ float:right; width:50%; padding:50px 50px 0}
.cm-abcap h4{ margin:20px 0 5px; font-size:23px; color:#d6e033}
.camaptxsm{ background:#fff; box-shadow:-4px -4px 0 #f47920; padding:11px 20px;color:#000; font-size:20px; text-transform:uppercase;position:absolute}
.camaptx1{ top:-2%; left:-1%}
.camaptx2{ top:12%; right:2%}
.camaptx3{ bottom:4%; left:-3%}
.camaptx4{ bottom:0%; right:22%}

.ca-triberz{ padding:80px 0}

.triberz_tab{}
/*tab*/
.triberz_tab { padding:20px 0; margin:auto; width:100%}
.triberz_tab button{ border:none; background:none; }
.triberz_tab .tab {width: 100%;height: auto;}
.triberz_tab .tab-menu{ padding:20px 0; text-align:center}
.triberz_tab .tab-menu-link {position:relative;cursor: pointer;width:32%;height: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;font-size:35px;font-family: 'troublefont';text-decoration: underline; letter-spacing:4px; color:#fff; vertical-align:top}
.triberz_tab .tab-menu-link span{ position:relative; z-index:2 }
.triberz_tab .tab-menu-link .trsvg{ position:absolute; top:-25px; bottom:0; left:0; right:0; width:100%; opacity:0}
.triberz_tab .tab-menu-link .trsvg svg{ height:100px}
.triberz_tab .tab-menu-link .trsvg svg g{fill:#f57921!important}
.triberz_tab .tab-menu .active .trsvg{ opacity:1}
.triberz_tab .tab-menu .tab-menu-link:hover .trsvg{ opacity:1}
.triberz_tab .tab-bar-content { opacity:0; height:0;width: 100%;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.triberz_tab .tab-bar-content.active {opacity:1; height:auto;display: block;}
.triberz_tab .tab-bar{ color:#fff; padding:10px 0}
.triberz_tab .tab-menu .active{ color:#dbde35}
.triberz_tab .tab-menu .active svg{transform:rotate(0deg)}
.triberz_tab .tab-menu .active svg g{ fill:#fff}
.triberz_tab .tab-menu .tab-menu-link:hover{ color:#dbde35}

.triberzbx_tx h2{display:inline-block; padding:9px 30px; background:#fff; color:#000; box-shadow:5px 5px 0 #585858; border:1px solid #000; font-size:19px}
.triberzbx_min{ text-align:center; margin:40px 0 0; display:block!important}
.swiper-button_sm{ display:none!important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0!important}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0!important}
.swiper-button-next, .swiper-button-prev{ color:#f47920!important;transform: scale(0.5);}
.triberzbx_min li{ display:inline-block; vertical-align:top; width:33%;}
.triberzbx_col{ padding:20px 50px}
.triberzbx-1{}
.triberzbx-2{ background:#fff; padding:10px; color:#000; box-shadow:-5px -5px #fa7a21; position:relative; min-height:160px; margin:5px 0 0 0}
.triberzbx-2 h4{ color:#fa7a21; text-transform:uppercase}
.triberzbx-2 p{ font-size:15px}
.triberzbx_min li:hover .trtmsm-icon{ opacity:1; width:100%}
.trtmsm-icon{position:absolute;left:0; right:0;top:0;bottom:0;transition: all 0.4s; width:100% }


.tabs-new-style nav{ padding:40px 0 20px}
.tabs-new-style nav ul{ text-align:center}
.tabs-new-style nav ul li{width: 33%; display:inline-block; vertical-align:middle}
.tabs-new-style nav ul li a{position:relative;cursor: pointer;width:100%;height: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;font-size:35px;font-family: 'troublefont';text-decoration: underline; letter-spacing:4px; color:#fff; vertical-align:top; display:block}
.tabs-new-style nav ul li.tab-current a{ color:#dbde35}
.tabs-new-style .content section{ opacity:0; height:0; color:#fff}
.tabs-new-style .content section.content-current{opacity:1; height: auto;}
.swiper-container2{overflow:hidden}
.swiper-container2 .swiper-slide{ padding:20px}

.swiper-container2 .swiper-button-box{ color:#f47920!important; display:none}
.swiper-container2 .swiper-pagination{ bottom:-17px!important}
.swiper-container2 .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}
.swiper-container2 .swiper-pagination .swiper-pagination-bullet-active{background:#d6e033;}

.media_leaderboard_slider .item{ padding:20px; }
.ca-ldbrd{background:#fff;padding:20px 15px; text-align:center}
.ca-ldbrd-tx{ font-size:22px; text-transform:uppercase; color:#1f3b85; padding:20px 0}
.media_leaderboard_slider .owl-dots{ display:block!important; text-align:center; padding:30px 0 0}
.media_leaderboard_slider .owl-dots .owl-dot{ width:12px; height:12px; border-radius:100%;background:#fff; margin:auto 4px}
.media_leaderboard_slider .owl-dots .active{background:#d5e02c}
.ca-ldbrd h2{ font-size:24px; margin:auto}
.ca-ldbrd h3{ font-size:24px; margin:auto;}
/*tab*/



.ca-activities{ padding:0 0 60px}

.activities-min{ margin:40px 0 0}
.activities-min li{}
.activities_row{background:#fff;padding:20px 15px}

.activities_col h2{ font-size:24px; font-weight:normal; color:#3f4a8a}
.actcmtx_sm{ display:inline-block; vertical-align:bottom; width:49%}
.actcmtx_sm a{ color:#cddf11; font-size:22px; border-bottom:1px solid}
.actcmtx_sm h3{ text-align:right; margin:auto;font-family: 'dinbd';font-size: 13px;letter-spacing: 0px;}
.actcmtx_sm h3 span{color:#3f4a8a; font-size:26px}
.media_testimonial_slider{ margin:60px 0 100px}
.media_testimonial_slider .item::after{ content:""; background:url(../images/ca/testimonial/box.png) no-repeat; background-size:cover; width:87px; height:51px; position:absolute; bottom:-0%; left:12%}
.media_testimonial_slider .item{ background:#223a84; border-radius:10px;color:#fff; padding:30px 20px 20px; box-shadow:-5px -5px 0 #edf42a; margin:20px 20px 50px 20px}
.testimonial_min{ display:flex;min-height:320px}
.testimonial_1{ width:20%; border:4px solid #fff}
.testimonial_2{ width:80%; padding:0 5px 0 33px}
.testimonial_2 span{ color:#d5df31}
.media_testimonial_slider .owl-dots{ display:block!important; text-align:center; padding:30px 0 0}
.media_testimonial_slider .owl-dots .owl-dot{ width:12px; height:12px; border-radius:100%;background:#fff; margin:auto 4px}
.media_testimonial_slider .owl-dots .active{background:#d5e02c}
.cfmcan{ padding:100px 0 40px}
/*banner*/


.jur_min{ padding:30px 0; position: relative}
.jur_1{ position:absolute; top:-9%; bottom:0; left:5%;margin: auto;display: flex;}
.jur_2{ position:absolute; width:70px; bottom:12%; left:27%}
.jur_1 a{ position:relative; color:#d8df31; font-size:22px; text-decoration:underline; z-index:1}
.jur_1 a svg{position: absolute;height: auto;left: -40%;top: -70px;width: 220px; z-index:-1}
.jur_1 a svg g{ fill:#223a84}

.jur_sm{ position:absolute; width:160px; color:#fff; z-index:2}
.jur_sm .jur_aro{ text-align:center}
.jur_sm .jur_tcmin2 h2{ margin:auto;font-size:25px;}
.jur_sm .jur_tcmin2 h3{ margin:auto;font-family: 'dinbd'; padding:10px 0; font-size:20px;}
.jur_sm .jur_tcmin3{ position:absolute;left:-9%;text-align:left;font-family:'dinbd';font-size:12px;padding:10px;width:200px;background:url(../images/ca/triberz/border.png) no-repeat;background-size:100% 100%; background-color:#000; opacity:0;transition:all 0.5s; z-index:1}
.jur_sm .jur_tcmin3 ul{ padding:0 0 0 15px}
.jur_sm .jur_tcmin3 ul li{ padding:3px 0; list-style-type:disc;}
.jur_tcmin1 img{ width:80px; padding:10px}
.juraro_1 h2{ color:#ed9d5d}
.juraro_2 h2{ color:#e4e7e7}
.juraro_3 h2{ color:#efc75e}
.juraro_4 h2{ color:#21d8de}

.rod1-ani{position:absolute; top:0; left:0; right:0; width:100%; height:100%}
.rod2-ani{position:absolute; top:31px; left:2px; width:100%; height:100%}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
.vert-move {-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

.vert-move2 {-webkit-animation: mover2 1s infinite  alternate;animation: mover2 1s infinite  alternate;}
@-webkit-keyframes mover2 {
0% { transform: translateX(0); }
100% { transform: translateX(10px); }
}
@keyframes mover2 {
0% { transform: translateX(0); }
100% { transform: translateX(10px); }
}


.juraro_1{left:29%;bottom:16%}
.juraro_1 .jur_tcmin3{top:0%;}
.juraro_1 .jur_aro:hover .jur_tcmin3{ top:-110%;opacity:1}
.juraro_2{left:48%;top:16%}
.juraro_2 .jur_tcmin3{bottom:0%;}
.juraro_2 .jur_aro:hover .jur_tcmin3{ bottom:-130%;opacity:1}

.juraro_3{right:21%;bottom:16%}
.juraro_3 .jur_tcmin3{top:0%;}
.juraro_3 .jur_aro:hover .jur_tcmin3{ top:-170%;opacity:1}


.juraro_4{right:2%;top:16%}
.juraro_4 .jur_tcmin3{bottom:0%;}
.juraro_4 .jur_aro:hover .jur_tcmin3{ bottom:-170%;opacity:1}

.road_m{ display:none}


.lottie {max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

@media only screen and (max-width:1300px){
.triberzbx_col{ padding:20px}

.jur_sm .jur_tcmin3 ul li{ font-size:10px}

.juraro_1{ left:28%}
.juraro_2{left: 48%}
.juraro_3{ right:20%}
.juraro_4{ right:1%}
.jur_sm .jur_tcmin3{ width:187px}
.jur_2{bottom: 16%;left: 21%;}
}
@media only screen and (max-width:1200px){
.camaptxsm{ font-size:12px; padding:7px 15px}
.triberzbx_col{ padding:10px}

}

@media only screen and (max-width:900px){
.cm-mapbg{width:100%; float:none}
.cm-abcap{width:100%; float:none; margin:100px 0 0; padding:50px 0}
.triberzbx_min li{ width:48%}

}

@media only screen and (max-width:800px){
.swiper-container2 .swiper-button-box{ display:block}
.swiper-container2 .swiper-slide{ padding:0}
.swiper-container2 .ca-ldbrd{ width:100%}

.juraro_1 .jur_tcmin3 {left: initial;right: -110%;}
.juraro_1 .jur_aro:hover .jur_tcmin3{ top:-25%}
	

.juraro_1 .jur_tcmin3 {left: initial;right: -110%;}
.juraro_1 .jur_aro:hover .jur_tcmin3{ top:-25%}
.juraro_2 .jur_tcmin3 {left: -110%;bottom:initial;top: 0;}
.juraro_2 .jur_aro:hover .jur_tcmin3{ top:-10%;bottom:initial}
.juraro_3 .jur_tcmin3 {left: initial;right: -110%;}
.juraro_3 .jur_aro:hover .jur_tcmin3{ top:-85%}
.juraro_4 .jur_tcmin3 {left: -110%;bottom:initial;top: 0;}
.juraro_4 .jur_aro:hover .jur_tcmin3{ top:-30%;bottom:initial}

	
.rod1-ani{ display:none}	
.rod2-ani{ display:none}	
.road_d{ display:none}
.road_m{ display:block; margin:50px 0 0}
.jur_1{top: 91px; left:10%; right:0;bottom: inherit;}
.jur_tcmin1 img{ width:58px}
.jur_sm .jur_tcmin2 h2{ font-size:20px}
.jur_sm .jur_tcmin2 h3{ font-size:15px; padding:2px 0}
.jur_2{width:55px;bottom: inherit;left:8%; top:15%}
.juraro_1{left:11%;top:28%;bottom: initial;}


.juraro_2{right:11%;top:45%;bottom: initial;left: initial;}
.juraro_3{left:11%;top:68%;bottom: initial;right: inherit;}
.juraro_4{right:11%;top:84%;bottom: initial;}
.icon_campus_17{width: 83px;bottom: -6%;}
.icon_campus_16{ left:0;width:100px}
.icon_campus_22{ width:100px}
.icon_campus_24{ width:65px}
.icon_campus_25{ width:37px}
.icon_campus_26{ width:50px}
.icon_campus_27{bottom: 3%;width:50px;}
.icon_campus_19{ width:78px}
.icon_campus_5 {top: 39%;width: 64px;}
.icon_campus_6 {bottom:-4%;width: 170px;}
.icon_campus_7 {top: 0;width: 96px;}
.icon_campus_8{top: 0; width:52px}
.icon_campus_10{ width:100px}
.triberzbx_tx h2{ font-size:22px}
.triberz_tab .tab-bar{ padding:30px 0}
.triberz_tab .tab-menu-link .trsvg svg{ height:70px}
.triberz_tab .tab-menu-link .trsvg{top: -15px;}
.ca-triberz{padding: 90px 0 30px;}
.jur_1 a{ font-size:18px}
.jur_1 a svg{left: -58%;}
.icon_campus_14{ width:100px}
.icon_campus_15{top: 19%;width: 100px}
.testimonial_min{ display:block;min-height:inherit}
.testimonial_1{ width:60%}
.testimonial_2{ width:100%;padding:20px 0 0}
.icon_campus_29{ width:90px}
.icon_campus_28{ width:100px}
.playbtn{ width:67px; top:-13%}
.ca-ap a{ font-size:16px}

.icon_campus_1 {top: -3%;width: 100px;}
.icon_campus_2 {top: 0;width: 100px;}
.mobil-plbtn{display: flex;}
.dst-plbtn{ display:none}
.icon_campus_20{ display:none}
.icon_campus_21{ display:none}


.ca-banner{ background:url(../images/thumbnail.jpg) no-repeat center; background-size:cover; width:100%; height:100vh}
#ban_video{display: none;}

}

@media only screen and (max-width:760px){
.triberzbx_col{ padding:0px}
.triberzbx_min{ display:flex!important}
.swiper-button_sm{ display:block!important}
.ca-vb-nav{ display:none}
.triberz_tab .tab-menu-link{ font-size:27px}
.tabs-new-style nav ul li a{ font-size:18px; letter-spacing:1px}
.triberzbx_min li{ width:100%}
.triberzbx-2{ min-height:inherit; padding:20px 10px}
.cm-mapbg{ padding:10px; text-align:center}
.cm-abcap{ margin:50px auto 0}
.triberz_tab .tab-menu-link{ width:auto; padding:0 15px;  margin:20px 0}
.triberz_tab{ padding:0}
.triberz_tab .tab-bar{ padding:0}
.triberzbx_tx h2{ padding:10px}
.icon_campus_12{ display:none}
.icon_campus_13{ width:50px}
.tabs-new-style nav ul li{width:auto; padding:0 10px; margin:20px 0}
.tabs-new-style nav{ padding:30px 0 0px}
.activities-min{ margin:10px 0}
.ca-activities{ padding:40px 0 50px}
.media_testimonial_slider{ margin:20px 0 100px}

.camaptx1{ top:-7%}
.camaptx3 {bottom: -4%;}
}