/@charset "utf-8";

/* CSS Document */



*, div { padding:0; margin:0;}



a{text-decoration:none;}







/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}

.container{margin:0;padding: 0;float:left;width:100%;}





.nav-wrapper{margin: 0 auto;padding: 0;width:1350px;float:none;}

.wrapper{margin: 0 auto;padding: 0;width:1150px;float:none;}



/*=====================Header start====================================*/

.header{ margin:0;padding:0;float:left;width:100%;position: relative;}



.top-nav-holder{ margin:0; padding:0 20px; float:left; width:100%;box-sizing: border-box;}

.top-nav{ margin:0;padding:0;float:right; list-style-type:none;}

.top-nav li{margin: 0;float: left;list-style-type:none;color:#787878;font-family:'Conv_UniversLTStd';padding:0;font-family:'Conv_UniversLTStd';font-size:12px;line-height:36px;}

.top-nav li:after{content:"/";font-family:'Conv_UniversLTStd';font-size:12px; color:#787878;padding:10px;}

.top-nav li a{text-decoration:none;color:#787878;margin: 0;padding:0 0 0 22px;float: left;}

.top-nav li.email{ background:url(../img/mail.png)  3px 13px  no-repeat;}

.top-nav li.phone{ background:url(../img/phone.png)  3px 13px  no-repeat;}

.top-nav li.fb-icon a{ background:url(../img/fb-icon.png) center no-repeat;text-indent:-999em;padding: 0;}

.top-nav li.tweter-icon a{ background:url(../img/tweeter-icon.png)center no-repeat;text-indent:-999em;padding:0;}

.top-nav li.tweter-icon:after{ content:""; margin:0;padding:0;}

.top-nav li.fb-icon:after{ content:"";}

.top-nav li:last-child:after{ content:"";margin:0;padding:0;}

.ContactUSSec{margin: 0;padding: 0;width: 100%;float: left;}
.ContactUSSec .about-holder{margin: 0;padding: 0;width: 100%;float: left;}
.ContactUSSec h2{text-transform: uppercase;}

.main-nav-holder{background:#0078bf;width:100%;margin:0;padding:0;float:left;position:relative;line-height:62px;box-sizing:border-box;}

.main-nav-upper { margin:0;padding:0; float:left; width:100%;background:#fff;position:relative;}

.left-border{width: 0;height: 0;border-style: solid;border-width: 0 0 60px 50px;border-color: transparent transparent #fff transparent;position: absolute;left: -50px;}

.right-border{width: 0;height: 0;border-style: solid;border-width: 60px 50px 0 0;border-color: #fff transparent transparent transparent;position: absolute;right: -50px;}



.logo-holder{ margin:0; padding:0;position:absolute;left:29px;bottom: 10px;z-index:2;}

.logo-holder img{ margin:0; padding:0; float:left;width:100%;}

.wrapper.headerWrapper{width: 100%;float: left;padding-left: 147px;box-sizing: border-box;padding-right: 20px;}
/*.wrapper.navWrap{width: 1350px;}*/

.main-nav{ margin:0; padding:0; float:right;}

.nav{ margin:0;padding:0;float:left;list-style-type:none;}

.nav li{ margin:0;padding:0;float:left;list-style-type:none;padding:0 0 0 20px;line-height:60px;position:relative;text-transform:uppercase;}

.nav li a{text-decoration:none;color:#787878;margin: 0;padding:0 ;float: left;font-family:'Conv_UniversLTStd';font-size:12px;position:relative;}




.nav li.about-subnav a:hover  + .sab-nav-holder{display:block;}

.nav li.about-subnav a:active  + .sab-nav-holder{display:block;}

.nav li .sab-nav-holder:hover{display:block; }

.nav li .sab-nav-holder{ margin:0;padding:0;position:absolute;list-style-type:none;top:100%;width:243px;display:none;z-index:1;}

.nav li .sab-nav{ margin:0;padding:0;float:left;list-style-type:none;background:#fff;width:100%;}

.nav li .sab-nav li{ margin:0;padding:0;list-style-type:none;padding:0 5%;line-height:35px;border-bottom:1px solid #e6e6e6;width:90%;text-transform:uppercase;}

.nav li .sab-nav li a{text-decoration:none;color:#787878;margin: 0;padding:0;font-family:'Conv_UniversLTStd';font-size:12px;position:relative;}

.nav li .sab-nav li:last-child{border-bottom:none;}



.uparrowdiv{width:100%; min-height:5px; /*min height of DIV should be set to at least 2x the width of the arrow*/background: #0fc1f3;color:white;padding:0;position:relative;word-wrap:break-word; /*add some nice CSS3 round corners*/}



.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/

content:'';

display:block;

position:absolute;

top:-13px; /*should be set to -border-width x 2 */

left:14px;

width:0;

height:0;

border-color: transparent transparent #0fc1f3 transparent; /*border color should be same as div div background color*/

border-style: solid;

border-width: 7px;

}



/*=====================Header Ends====================================*/



 

 

/*=====================Slider start====================================*/

.slider-holder{ margin:0; padding:0; float:left; width:100%;}



.flickerplate{position:relative;width:100%;height:600px;background-color:#e6e6e6;overflow:hidden}

.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}

.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}

.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto}



.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:1;overflow:hidden}

.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:100%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover{cursor:pointer}

.flickerplate .arrow-navigation.left{left:0%}.flickerplate .arrow-navigation.left .arrow{opacity:1;margin:0;background-image:url("../img/arrow-left.png");background-repeat:no-repeat;background-position:left}

.flickerplate .arrow-navigation.right{right:0%}

.flickerplate .arrow-navigation.right .arrow{opacity:1;margin:0;background-image:url("../img/arrow-right.png");background-repeat:no-repeat;background-position:right}



.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}

.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}

.flickerplate .dot-navigation ul li{display:inline-block;float:none}





.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}

.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}

.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}

.flickerplate.animate-scroller-slide ul.flicks{position:auto}





/*=====================Slider Ends====================================*/







/*=====================Content start====================================*/

.content{ margin:80px 0; padding:0; float:left; width:100%;}

.content h2{font-family: 'Conv_UniversLTStd-Bold_2'; font-size:18px; color:#0e1114;border-bottom:1px solid #e6e6e6;padding:0 0 22px 0}

.content h3{font-family: 'Conv_UniversLTStd-Bold_2'; font-size:17px; color:#0e1114;border-bottom:1px solid #e6e6e6;padding:0 0 10px 0}

.content p{font-family: 'Conv_Univers LT Std 45 Light_0'; font-size:17px; color:#808284;margin:26px 0;line-height:26px;text-align:justify;}



.left-cont{ margin:0 ;padding:0; float:left; width:600px;}

.about-holder{ margin:0; padding:0; float:left;}

.about-holder p{font-family: 'Conv_Univers LT Std 45 Light_0'; font-size:17px; color:#808284;margin:26px 0;line-height:26px;text-align:justify;}

.btn-readmore{ margin:20px 0;padding:0; float:left;}

.read-more{ margin:0;padding:0;float:left;border:1px solid #f1f1f1;line-height:49px;width:189px;font-family: 'Conv_UniversLTStd-BoldObl_2';text-align:center;font-size:14px; color:#808284;background:#fff;cursor:pointer;}

.read-more:focus{ outline:none;}



/*------News and Event-----*/



.right-cont{margin:0;padding:0; float:right; width:500px;}



.newz-event-holder{padding:0; float:left;width:100%;}



#slider {list-style: none;padding:0px;}



a.bx-next{display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/arrow-nxt.png); float:left; margin-right:2px; position:relative; top:0;outline:none;position:absolute;right:0;}

a.bx-prev{display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/arrow-perv.png); float:left; margin-right:2px; position:relative; top:0;outline:none;position:absolute;right:26px;}



a.bx-next:hover{ background:url(../img/arrow-nxt-hover.png);}

a.bx-prev:hover{ background:url(../img/arrow-perv-hover.png);}

.bx-controls-direction {position: absolute;top: 50%;width: 100%;z-index:100;}



#slider { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px   }



#slider .news-img-holder{margin: 0;padding: 0;float: left;overflow: hidden;position: relative;width: 475px;height: 323px;z-index: -99;}

#slider .news-video-holder{ margin:0; padding:0; float:left; width:100%; height:100%;width: 475px;height: 323px;}

#slider img {border: 0 none;bottom: -50%;display: block;left: -50%;margin: auto;max-height:350px;max-width:475px;padding:0;position:absolute;right:-50%;text-align: center;top: -50%;vertical-align: middle;z-index: 99;}

#slider h3{font-family: 'Conv_UniversLTStd-Bold_2'; font-size:21px; color:#0e1114;margin:18px 0 0 0;border:none;}

#slider p { font-family: 'Conv_Univers LT Std 45 Light_0';font-size: 17px;color: #808284;margin: 26px 0;line-height:26px;text-align:justify;}







.header-image{ margin:0;padding:0; float:left;width:100%;}

.header-image img{ margin:0;padding:0;float:left;width:100%;}







/*=====================Content Ends====================================*/







/*=====================Footer start====================================*/

.footer{margin:0;padding:0;float:left;width:100%;}

.footer-cont{margin:0 0 22px 0;border-bottom:1px solid #e6e6e6; width:100%;padding:0; float:left;}

.footer-logo-holder{ margin:0 0 16px 0; padding:0; float:left;}

.footer-logo-holder h1{ margin:0; padding:0; float:left;}

.footer-logo-holder img{ margin:0; padding:0; float:left;width:100%;}

.copy-right{ margin:0; padding:0; float:right;}

.copy-right p{font-family: 'Conv_UniversLTStd'; font-size:12px;color:#808284;line-height:86px;}

/*=====================Footer Ends====================================*/



button:focus {outline:0;}



.mob-btn{ margin:0;padding:0; float:right;display:none;position:relative;z-index:4;height:100%;width:30px;top:16px;right:70px;cursor:pointer;}

.mob-btn button{ border:0; margin:0; padding:0; background:none;}







.navigation-trigger__wrapper {display: block;}

.navigation-trigger__line {position: absolute;top: 0;left: 0;height: 4px;width: 100%;background: #0fc1f3;-webkit-transition: background-color 0.2s,-webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: background-color 0.2s,transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translateY(0) translateZ(0);transform: translateY(0) translateZ(0);}



.navigation-trigger__line--1 {top: 0;}

.navigation-trigger__line--2 {top: 8px;}

.navigation-trigger__line--3 {top: 16px;}





.mob-btn-close{ margin:0;padding:0; float:right;display:none;position:relative;z-index:4;height:100%;width:30px;top:10px;right:70px;}

.mob-btn-close button{ border:0; margin:0; padding:0; background:none;}

.mob-btn-close .navigation-trigger__line--2 {opacity: 0;}

.mob-btn-close  .navigation-trigger__line--1 {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}

.mob-btn-close  .navigation-trigger__line--3 {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}





.open-nav{ position:relative;}

.mob-top-nav { display:none;}

.open-nav .slider-holder , .open-nav .content, .open-nav .footer, .open-nav .header-image{ display:none;}


.contactFormLeft{margin: 0;padding: 0;width: 45%;float: left;}
.contactFormLeft ul{margin: 0;padding: 20px 0 0 0;width: 100%;float: left;list-style-type: none;}
.contactFormLeft ul li{margin: 0 0 15px 0;padding: 0;width: 100%;float: left;list-style-type: none;}
.contactFormLeft ul li label{color: #0e1114;
    font-family: "Conv_Univers LT Std 45 Light_0";
    font-size: 17px;
    line-height: 30px;
    margin: 0;
    text-align: justify;}
.inputHolder{margin: 0;padding: 0;width: 100%;float: left;box-sizing: border-box;}
.inputHolder input{margin: 0;padding: 0 15px;width: 100%;float: left;height: 35px;background: #fff;border: 1px solid #ccc;font-family: "Conv_Univers LT Std 45 Light_0";font-size: 15px;color: #808284;box-sizing: border-box;}
.textareaHolder{margin: 0;padding: 0;width: 100%;float: left;box-sizing: border-box;}
.textareaHolder textarea{margin: 0;padding: 10px 15px;width: 100%;float: left;height: 200px;background: #fff;border: 1px solid #ccc;font-family: "Conv_Univers LT Std 45 Light_0";font-size: 15px;color: #808284;resize: none;box-sizing: border-box;}
.contactDetailRight{margin: 0;padding: 0;width: 50%;float: right;}
.contactInfo{margin: 0;padding: 0;width: 100%;float: left;}
.contactInfo ul{margin: 0;padding: 10px 0 0 0;width: 100%;float: left;list-style-type: none;}
.contactInfo ul li{margin: 0 0 10px 0;padding: 0;width: 100%;float: left;list-style-type: none;}
.contactInfo ul li p{margin:0;font-family: "Conv_UniversLTStd-Bold_2";font-size: 16px;}
.contactInfo ul li p span{margin-left: 10px;font-family: "Conv_Univers LT Std 45 Light_0";}
.mapSec{margin: 20px 0 0 0;padding: 0;width: 100%;float: left;}
.ContactBtnSec{margin: 0;padding: 0;width: 100%;float: left;}
.btnHolder.width-100{width: 100%;}
.btnHolder.width-100 .btn{width: 100%;}
.btnHolder{margin: 0;padding: 0;float: left;}
.btn{margin: 0;padding: 0 25px;float: left;background: #0078bf;color: #fff;font-family: "Conv_Univers LT Std 45 Light_0";font-size: 17px;height: 35px;border-radius: 5px;text-align: center;border: 0;cursor: pointer;}
.btn:hover{background: #006196;}
.img-responsive{max-width: 100%; height: auto}
.registrationCertification{margin: 0;padding: 0;width: 100%;float: left;}
.registrationCertificationLogo{margin: 0;padding: 0;width: 100%;float: left;}
.registrationCertificationLogo ul{margin: 20px 0 20px 0;padding: 0;width: 100%;float: left;list-style-type: none;}
.registrationCertificationLogo ul li{margin: 0 0 15px 0;padding: 0 15px;width: 25%;float: left;list-style-type: none;box-sizing: border-box;}
.registrationCertificationLogo ul li a{margin: 0;padding: 0;width: 100%;float: left;position: relative;height: 200px;overflow: hidden;z-index: 10;border: 1px solid #ccc;background: #fff;box-sizing: border-box;}
.registrationCertificationLogo ul li a img{ border: 0 none;bottom: -50%;display: block;left: -50%;margin: auto;max-height: 165px;max-width: 180px;padding: 0;position: absolute;right: -50%;text-align: center;top: -50%;vertical-align: middle;z-index: 99;}
.registrationCertificationLogo ul li p{font-weight: bold;margin: 5px 0 0 0;padding: 0;width: 100%;float: left;color: #0e1114;height: 50px;text-transform: capitalize;
    font-family: "Conv_Univers LT Std 45 Light_0";
    font-size: 17px;
    line-height: 25px;text-align: center;}
.registrationCertificationRow{margin-left: -15px;margin-right: -15px;}
.content .registrationCertification h2{width: 100%;float: left;padding-bottom: 15px;}
.managementSec{margin: 0;padding: 0;width: 100%;float: left;}
.managementSec h2{text-transform: capitalize;}
.managementHolder{margin: 0;padding: 0;width: 100%;float: left;}
.managementRow{margin-left: -15px;margin-right: -15px;}
.managementHolder ul{margin: 30px 0 0 0;padding: 0;width: 100%;float: left;list-style-type: none;}
.managementHolder li{margin: 0 0 15px 0;padding: 0 15px;width: 25%;float: left;list-style-type: none;box-sizing: border-box;}
.managementHolder li a{margin: 0;padding: 0;width: 100%;float: left;color: #0e1114;
    font-family: "Conv_Univers LT Std 45 Light_0";
    font-size: 17px;
    line-height: 25px;text-align: left;}
.managementHolder li a span{font-weight: bold;text-align: center; font-size:17px; font-family: "Conv_Univers LT Std 45 Light_0"; height: 50px;width: 100%;display: inline-block;margin-top: 5px;}
.managementHolder li a b{margin: 0;padding: 0;width: 100%;float: left;position: relative;height: 200px;overflow: hidden;z-index: 10;border: 1px solid #ccc;background: #fff;box-sizing: border-box;}
.managementHolder li a b img{ border: 0 none;bottom: -50%;display: block;left: -50%;margin: auto;max-height: 165px;max-width: 180px;padding: 0;position: absolute;right: -50%;text-align: center;top: -50%;vertical-align: middle;z-index: 99;}
.certificateSec{text-align: center;max-width: 100%;}
.certificateSec img{text-align: center;max-width: 100%;}

/*

/*it will target screen resolutions from 0 to 480px (smartphones) */



@media only screen and (min-width:240px) and (max-width:479px){

	

	.mob-btn{ display:block;width:24px;top: 0;right:22px;height:28px;}

	.open-nav .main-nav-holder{ background:#fff;}

	.top-nav { display:none;}

	.mob-top-nav{ display:block;}

	.mob-top-nav .top-nav{ display:block;}

	

	.main-nav{display: none;position:fixed;background: #fff;top:53px;bottom:0;z-index:2;left: 0;right: 0;overflow-y: scroll !important;}

	

	.nav{position: absolute;top: 16px;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1);

    -ms-transform: translate(-50%, 0) scale(1);

    transform: translate(-50%, 0) scale(1);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

	

	.open-nav  .nav{top: 10%;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1.15);

    -ms-transform: translate(-50%, 0) scale(1.15);

    transform: translate(-50%, 0) scale(1.15);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

	

	



	.nav li{ padding:0;width:100%;float:none;text-align:center;line-height:25px;}

	.nav li a{ float:none;font-weight:bold; font-size:11px;}

	.nav li .sab-nav li a{ font-size:10px;}

	

	

	.mob-top-nav  .top-nav{ float:none;margin: 4px 0 0 0;}

	.mob-top-nav .top-nav li{background:none;line-height:25px;}

	.mob-top-nav .top-nav li a{font-size:10px;}

	.mob-top-nav .top-nav li.tittle a{color:#0fc1f3;}

	.mob-top-nav .top-nav li.tweter-icon a, .mob-top-nav .top-nav li.fb-icon a{ color:#0fc1f3;background:none;}





	.mob-top-nav .top-nav li:after{content:"";padding:0;}

	

	.top-nav-holder{ height:25px;}

	.main-nav-holder{ line-height:35px;}

	

	

	.nav-wrapper{ width:200px;}

	.nav li .sab-nav-holder{width:150px;top:38px;box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);}

	.uparrowdiv:after{ left:65px;}

	

	.wrapper{ width:180px;}

	.content .wrapper{ width:100%;box-sizing:border-box;padding:0 20px;}

	

	.logo-holder{ left:0;bottom:0px;z-index:5;}

	.logo-holder img{ width:55px;}

	

	.flickerplate{ height:250px;}

	.flickerplate .arrow-navigation .arrow{ background-size:100%;}

	

		

	.left-border{border-width: 0 0 28px 35px;left: -35px;}

	.right-border{border-width: 28px 32px 0 0;right: -32px;}

	

	.left-cont{ width:100%;float:none;margin:0 auto;}

	.right-cont{ width:100%;float:none;margin:0 auto;}

	

	.content{ margin:20px 0;}

	.content h2{ font-size:13px;}

	.content p{ font-size:11px; margin:14px 0;line-height:15px;}

	

	.about-holder p{ font-size:11px; margin:14px 0;line-height:15px;}

	

	#slider h3{ font-size:13px;text-align:center;}

	#slider .news-img-holder{ float:none;margin:0 auto;}

	#slider .news-video-holder{ float:none;margin:0 auto;}

	

	#slider p{ font-size:11px; margin:14px 0;line-height:15px;}

	

	.btn-readmore{ margin:10px 0;}

	.read-more{ width:130px;line-height:30px;font-size:11px;}

	

	

	

	.footer-logo-holder{ width:100%;margin:0;}

	.footer-logo-holder h1{ width:100%; margin:0; padding:0;}

	.footer-logo-holder h1 a{ width:100%; margin:0; padding:0; float:left;}

	.footer-logo-holder img {margin: 0 auto;padding: 0; width: 120px;display: block;float:none;}

	.copy-right { float:none; width:100%;}

	.copy-right p{ text-align:center;font-size:11px;line-height:30px;}

}





@media only screen and (min-width: 380px) and (max-width: 479px){

	.nav-wrapper{ width:300px;}

	}







/*it will target screen resolutions from 480px to 599px (smartphones landscape mode or wider smart phones) */



@media only screen and (min-width: 480px) and (max-width: 599px){

	

	.mob-btn{ display:block;width: 28px;top: 0;height:28px;}

	.open-nav .main-nav-holder{ background:#fff;}

	.top-nav { display:none;}

	.mob-top-nav{ display:block;}

	.mob-top-nav .top-nav{ display:block;}

	

	.main-nav{display: none;position:fixed;background: #fff;top:53px;bottom:0;z-index:2;left: 0;right: 0;overflow-y: scroll !important;}

	

	.nav{position: absolute;top: 16px;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1);

    -ms-transform: translate(-50%, 0) scale(1);

    transform: translate(-50%, 0) scale(1);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

	

	.open-nav  .nav{top: 10%;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1.15);

    -ms-transform: translate(-50%, 0) scale(1.15);

    transform: translate(-50%, 0) scale(1.15);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

	



	.nav li{ padding:0;width:100%;float:none;text-align:center;line-height:40px;}

	.nav li a{ float:none;font-weight:bold;}

	

	.mob-top-nav  .top-nav{ float:none;margin: 10px 0 0 0;}

	.mob-top-nav .top-nav li{background:none;line-height:25px;}

	.mob-top-nav .top-nav li a{font-size:12px;}

	.mob-top-nav .top-nav li.tittle a{color:#0fc1f3;}

	.mob-top-nav .top-nav li.tweter-icon a, .mob-top-nav .top-nav li.fb-icon a{ color:#0fc1f3;background:none;}

	



	.mob-top-nav .top-nav li:after{content:"";padding:0;}

	

	.top-nav-holder{ height:25px;}

	.main-nav-holder{ line-height:35px;}

	

	

	.nav-wrapper{ width:350px;}

	.nav li .sab-nav-holder{width:180px;top:38px;box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);}

	.uparrowdiv:after{ left:77px;}

	

	.wrapper{ width:300px;}

	.content .wrapper{ width:100%;box-sizing:border-box;padding:0 20px;}

	

	.logo-holder{ left:0;bottom:10px;z-index:5;}

	.logo-holder img{ width:100%;}

	

	.flickerplate{ height:250px;}

	.flickerplate .arrow-navigation .arrow{ background-size:100%;}

	

		

	.left-border{border-width: 0 0 28px 50px;}

	.right-border{border-width: 28px 50px 0 0;}

	

	.left-cont{ width:100%;float:none;margin:0 auto;}

	.right-cont{ width:100%;float:none;margin:0 auto;}

	

	.content{ margin:30px 0;}

	.content h2{ font-size:15px;}

	

	

	.content p{ font-size:13px; margin:18px 0;line-height:19px;}

	.about-holder p{ font-size:13px; margin:18px 0;line-height:19px;}

	

	#slider h3{ font-size:15px;text-align:center;}

	#slider .news-img-holder{ float:none;margin:0 auto;}

	#slider .news-video-holder{ float:none;margin:0 auto;}

	

	

	

	#slider p{ font-size:13px; margin:18px 0;line-height:19px;}

	.btn-readmore{ margin:10px 0;}

	.read-more{ width:150px;line-height:35px;font-size:12px;}

	

	

	

	.footer-logo-holder{ width:100%;margin:0;}

	.footer-logo-holder h1{ width:100%; margin:0; padding:0;}

	.footer-logo-holder h1 a{ width:100%; margin:0; padding:0; float:left;}

	.footer-logo-holder img {margin: 0 auto;padding: 0; width: 130px;display: block;float:none;}

	.copy-right { float:none; width:100%;}

	.copy-right p{ text-align:center;line-height:35px;}

	

	}





 @media only screen and (min-width: 250px) and (max-width: 349px){

	 #slider .news-img-holder{width: 250px;}

	 #slider .news-video-holder{width: 250px;}

#slider img {max-width:240px;}

#slider video {max-width:240px;}



 }





 @media only screen and (min-width: 350px) and (max-width: 500px){

#slider .news-img-holder{width: 320px;}

#slider .news-video-holder{width:300px;}

#slider img {max-width:300px;}

#slider video {max-width:300px;}



 }







/*it will target screen resolutions from 600px to 767px (small tablets) */

 @media only screen and (min-width: 600px) and (max-width: 767px){

	.mob-btn{ display:block;top:10px;}

	.open-nav .main-nav-holder{ background:#fff;}

	.top-nav { display:none;}

	.mob-top-nav{ display:block;}

	.mob-top-nav .top-nav{ display:block;}

	

	.main-nav{display: none;position:fixed;background: #fff;top:55px;bottom:0;z-index:2;left: 0;right: 0;overflow-y: scroll !important;}

	

	.nav{position: absolute;top: 16px;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1);

    -ms-transform: translate(-50%, 0) scale(1);

    transform: translate(-50%, 0) scale(1);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

	

	.open-nav  .nav{top: 10%;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1.15);

    -ms-transform: translate(-50%, 0) scale(1.15);

    transform: translate(-50%, 0) scale(1.15);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

	



	.nav li{ padding:0;width:100%;float:none;text-align:center;line-height:35px;}

	.nav li a{ float:none;font-size:13px;font-weight:bold;}

	

	.mob-top-nav  .top-nav{ float:none;margin: 10px 0 0 0;}

	.mob-top-nav .top-nav li{background:none;line-height:25px;}

	.mob-top-nav .top-nav li a{font-size:12px;}

	.mob-top-nav .top-nav li.tittle a{color:#0fc1f3;}

	.mob-top-nav .top-nav li.tweter-icon a, .mob-top-nav .top-nav li.fb-icon a{ color:#0fc1f3;background:none;}



	.mob-top-nav .top-nav li:after{content:"";padding:0;}

	

	.top-nav-holder{ height:25px;}

	.main-nav-holder{ line-height:40px;}

	

	.nav-wrapper{ width:480px;}

	.nav li .sab-nav-holder{width:180px;top:38px;box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);}

	.uparrowdiv:after{ left:77px;}

	

	.wrapper{ width:420px;}

	.content .wrapper{ width:100%;box-sizing:border-box;padding:0 20px;}

	

	.logo-holder{ left:10px;bottom:10px;z-index:5;}

	.logo-holder img{ width:100%;}

	

	.flickerplate{ height:300px;}

	

	.left-border{border-width: 0 0 40px 50px;}

	.right-border{border-width: 40px 50px 0 0;}

	

	.left-cont{ width:100%;float:none;margin:0 auto;}

	

	.right-cont{ width:100%;float:none;margin:0 auto;}

	

	.content h2{ font-size:15px;}

	

	.content p{ font-size:14px;margin:18px 0;}

	.about-holder p{ font-size:14px;margin:18px 0;}

	

	#slider h3{ font-size:15px;text-align:center;}

	#slider .news-img-holder{ float:none;margin:0 auto;}

	#slider .news-video-holder{ float:none;margin:0 auto;}

	#slider p{ font-size:14px;}

	.content{ margin:20px 0;margin:18px 0;}

	.footer-logo-holder img{ width:150px;}

	 

	 	 

}

 







   /* iPads (Potrate) -----------  */

@media only screen and (min-width: 768px) and (max-width: 999px){



	.mob-btn{ display:block;}

	.open-nav .main-nav-holder{ background:#fff;}

	.top-nav { display:none;}

	.mob-top-nav{ display:block;}

	.mob-top-nav .top-nav{ display:block;}

	

	.main-nav{display: none;position:fixed;background: #fff;top:68px;bottom:0;z-index:2;left: 0;right: 0;overflow-y: scroll !important;}

	

	.nav{position: absolute;top: 16px;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1);

    -ms-transform: translate(-50%, 0) scale(1);

    transform: translate(-50%, 0) scale(1);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

	

	.open-nav  .nav{top: 10%;left: 50%;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-bottom: 24px;

    -webkit-transform: translate(-50%, 0) scale(1.15);

    -ms-transform: translate(-50%, 0) scale(1.15);

    transform: translate(-50%, 0) scale(1.15);

    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

	



	.nav li{ padding:0;width:100%;float:none;text-align:center;line-height:40px;}

	.nav li a{ float:none;font-size:14px;font-weight:bold;}

	

	.mob-top-nav  .top-nav{ float:none;margin: 10px 0 0 0;}

	.mob-top-nav .top-nav li{background:none;line-height:25px;}

	.mob-top-nav .top-nav li a{font-size:12px;}

	.mob-top-nav .top-nav li.tittle a{color:#0fc1f3;}

	.mob-top-nav .top-nav li.tweter-icon a, .mob-top-nav .top-nav li.fb-icon a{ color:#0fc1f3;background:none;}



	.mob-top-nav .top-nav li:after{content:"";padding:0;}

	

	.top-nav-holder{ height:30px;}

	.main-nav-holder{ line-height:50px;}

	

	.nav-wrapper{ width:650px;}

	.nav li .sab-nav-holder{width:180px;top:38px;box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2);}

	.uparrowdiv:after{ left:77px;}

	

	.content{ margin:20px 0;}

	.wrapper{ width:550px;}

	.content .wrapper{ width:100%;box-sizing:border-box;padding:0 40px;}

	

	.logo-holder{ left:0;bottom:10px;z-index:5;}

	.logo-holder img{ width:100%;}

	

	.flickerplate{ height:350px;}

	

	.left-cont{ width:100%;float:none;margin:0 auto;}

	.right-cont{ width:100%;float:none;margin:0 auto;}

	

	

	.left-border{border-width: 0 0 50px 45px;left: -45px;}

	.right-border{border-width: 50px 45px 0 0;right: -45px;}

	

	.content h2{ font-size:18px;}

	.content p{ font-size:16px;margin:20px 0;}

	

	.about-holder p{ font-size:16px;margin:20px 0;}

	

	#slider h3{ font-size:19px;text-align:center;}

	#slider .news-img-holder{ float:none;margin:0 auto;}

	#slider .news-video-holder{ float:none;margin:0 auto;}

	#slider p{ font-size:16px;margin:20px 0;}

	



}

 

 

 @media only screen and (min-width: 860px) and (max-width: 999px){

     .nav-wrapper{ width:100%;padding: 0 60px;box-sizing: border-box;}
     .wrapper.navWrap{ width:100%;padding: 0 60px;box-sizing: border-box;}

 }

 

 

 

  /* iPads (landscape) -----------*/

@media only screen and (min-width: 1000px) and (max-width: 1199px){



    .nav-wrapper{ width:100%;padding: 0 60px;box-sizing: border-box;}
    .wrapper.navWrap{ width:100%;padding: 0 60px;box-sizing: border-box;}

	.wrapper{ width:850px;}

	.nav li{ padding:0 0 0 10px;}

	.nav li a{ font-size:11px;}

	.nav li .sab-nav-holder{ width:180px;}

	.nav li .sab-nav li a{ font-size:11px;}

	.logo-holder{ left:0;bottom:10px;}

	.logo-holder img{ width:100%;}

	.flickerplate{ height:450px;}

	.left-cont{ width:450px;}

	.right-cont{ width:350px;}

	.content h2{ font-size:18px;}

	.content p{ font-size:16px;}

	.about-holder p{ font-size:16px;}

	#slider h3{ font-size:19px;}

	#slider p{ font-size:16px;}

}







  /* Small Desktop----------- */

@media only screen and (min-width: 1200px) and (max-width: 1499px){

    .nav-wrapper{ width:100%;padding: 0 60px;box-sizing: border-box;}
    .wrapper.navWrap{ width:100%;padding: 0 60px;box-sizing: border-box;}

    .wrapper{ width:950px;}

    .nav li{ padding:0 0 0 20px;}

    .logo-holder{ left:7px;bottom:10px;}

    .logo-holder img{ width:100%;}

    .left-cont{ width:500px;}

    .right-cont{ width:400px;}

    .flickerplate{ height:500px;}



}






@media only screen and (min-width: 1200px) and (max-width: 1415px){

}


@media only screen and (min-width: 0px) and (max-width: 767px){
    .registrationCertificationLogo ul li{width: 100%;}
    .footer-logo-holder h1 a img{width: 80px;}
    .managementHolder li{width: 100%;}
    .contactFormLeft{width: 100%;}
    .contactDetailRight{width: 100%;}
}

@media only screen and (min-width: 767px) and (max-width: 991px){
    .registrationCertificationLogo ul li{width: 33.333333%;}
    .managementHolder li{width: 33.333333%;}
}