/* font include */
@font-face {
    font-family: "MYRIADPRO-LIGHT";
    src: url("fonts/MYRIADPRO-LIGHT.otf");
}
@font-face {
    font-family: "MYRIADPRO";
    src: url("fonts/MYRIADPRO.otf"),
	     url("fonts/MYRIAD.ttf") format('ttf'),;
}
@font-face {
    font-family: "MYRIADPRO-IT";
    src: url("fonts/MYRIADPRO-IT.otf");
}
@font-face {
    font-family: "MYRIADPRO-SEMIBOLD";
    src: url("fonts/MYRIADPRO-SEMIBOLD.otf");
}
@font-face {
    font-family: "MYRIADPRO-BOLD";
    src: url("fonts/MYRIADPRO-BOLD.otf");
}

.hd1 {display:none;}
.prev-left {}
.prev-right {}
.prev-cartoon img {width:80%;}
.ph-grid-bx1 {display:none;}
.ph1, .ph2, .ph3, .ph4, .ph5, .ph6 {display:block;} 

/* base css */
body {margin: 0; font-family:Lato;}
a {text-decoration:none;}
h1 {font-size: 32px; margin: 0;}
h2 {font-size:28px; font-weight:600;}
h2 span {display:block;}
h3 {}
span {}
p {font-size: 18px; line-height: 26px;}

img {display: block;}
footer {padding:40px 0;}

footer ul {padding-left:0;} 

.btn-link {color:#fff; padding:8px 12px; border-radius:3px; font-size:16px; display:inline-block; background:#e00000; margin-top: 8px;}
.container {width:1150px; margin:0 auto;}

.logo img {width:100%;}
.logo {width:130px;}
.fleft {float:left;}
.fright {float:right;}
.clearfix {clear:both;}
header {padding: 30px 50px 30px;}
.main-menu {width:800px;}
.accordion-section-content {
    padding: 15px 0px;
    display: none;
}
.brade-crum {color: #ccc; font-size: 11px;}
.brade-crum a {font-size: 11px; color: #333;}
#menu-item-1560 .sub-menu {left: 3px;}
#site-navigation #menu-item-1560 button {right: 83px;}

.accordion-section-title img {
    position: absolute;
    bottom: -8px;
    left: 10%;
    width: 28px;
    height: 9px;
    display: block;
}
.accordion-section-content p {font-weight: 300;}
.accordion-section {padding-bottom:20px; padding-left: 50px; position:relative;}
.accordion-section-title {color:#000; font-size:18px; font-weight:normal;}
.accordion-section-title .tag {font-weight:bold; position: absolute; left: 0;}
#site-navigation button, #site-navigation button span, #site-navigation svg, .menu-scroll-down  {display:none;}
#site-navigation button {
    padding: 0;
    width: 20px;
    height: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #d5d5d5;
    background: transparent;
    border-top: 1px;
    position: absolute;
    right: 49px;}

.inner-cnt-smr .alignleft {float: left; margin-right: 20px;}
.sub-menu {float: none!important; padding-left: 0; border: 1px solid #d5d5d5; padding: 25px; position: absolute; width: 166px; left: 10px;    left: -28px; display:none; z-index: 999;  background: #fff; margin-top: 17px;}
#top-menu > li {position:relative;  padding-bottom: 20px;}
.sub-menu  li {float: none;}
.primary-menu ul li:hover .sub-menu {display:block;}
.primary-menu ul li:hover button {display:block!important;}
.sub-menu li {float: none!important; margin-bottom:20px; margin-left: 0px!important;}
.sub-menu li a	{font-size: 16px!important;}
#top-menu:before {background-image:url(images/up-arrow.jpg); background-repeat:no-repeat;}
#top-menu .current-menu-parent > a {border-bottom: 3px solid #d5110d; }
#top-menu > .current-menu-item > a {border-bottom: 3px solid #d5110d;}

.secondry-menu {}
.secondry-menu ul {list-style:none; display: inline-block; float: right;}
.secondry-menu ul li {float:left; margin-left:20px;    margin-left: 20px;}
.secondry-menu ul li a {color:#777777; font-size:18px;}

.primary-menu ul {list-style:none; float: right;}
.primary-menu ul li {float:left; margin-left:20px;}
.primary-menu ul li a {color:#777777; font-size:22px; font-family: "Lato"; font-weight:900;}
.primary-menu ul li.active a {border-bottom:4px solid #cc0000;}

.footer-menu-1 ul {list-style:none; display: inline-block; width:700px; margin-bottom: 0;}
.footer-menu-1 ul li {float:left; margin-right:20px; padding-bottom: 20px;}
.footer-menu-1 ul li a {color:#777777; font-size:18px;}

.footer-menu-2 ul {list-style:none; display: inline-block; margin-top: 0;}
.footer-menu-2 ul li {float:left; margin-right:20px;}
.footer-menu-2 ul li a {color:red; font-size:18px;}

.footer-menu-3 ul {list-style:none; display: inline-block; width:700px;}
.footer-menu-3 ul li {float:left; margin-right:20px;}
.footer-menu-3 ul li a {color:#777777; font-size:18px;}

.hm-slider {display: flex;}
.hm-desc {width:35%; background:#fafafa;  padding: 50px 50px;}
.hm-desc h1 {color:#e00000;}
.hm-desc-inner p {font-family: 'Lato'; font-weight:300; line-height: 32px;}
.main-slider {width:65%; background:#d7d7d7;}
.about-page .main-slider img {width:100%; height: auto;}
.seminar-page .main-slider img {width:100%; height: auto;}
.testim-col1 img {width:100%; margin-top: 18px;}

.cp-rights p {color:#999999; font-size:12px;}
.cp-rights p span {display:block; color:#a3a3a3;}
.cp-rights p span a {color:#a3a3a3;}

.hr-line {border-bottom:1px solid #ccc; margin-bottom: 20px; padding-top: 20px;}
.ft-linkin {margin-top: 10px;}


.enquiry-form {padding:40px 0; background:#f8f8f8;}

.txt-input { border-radius:4px; border:1px solid #b0b0b0; padding:10px; height: 32px; width:100%;}

.btn-submit {color:#fff; padding:8px 12px; border-radius:3px; font-size:16px; display:inline-block; background:#e00000; border:none;margin-top: 20px; float: right; margin-right: 17px;}
.enquiry-form p span.wpcf7-form-control-wrap {float:left; width: 30.262%; margin-right:34px;}


.upcoming-section {padding:40px 0;}
.seminar-list {padding-top: 26px;}
.semi-row {border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:25px;  margin-right: 30px; display: flex;}
.semi-row:last-child {border-bottom:none;}
.semi-col-1 {width:15%; color:#e00000; font-size: 22px; font-weight:bold;}
.semi-col-1  span {font-size: 18px;}
.semi-col-2 {width:65%; }
.semi-col-3 {width:20%; }
.semi-col-2 p {font-size: 20px;}
.semi-col-2 span {color:#999999; font-size: 18px;}
.semi-col span {display:block;}
.semi-col p {margin-top:0; margin-bottom: 8px;}
.semi-col p a {color:#000;}

.volunteer-sec {padding:40px 0; position:relative;}
.vol-text p {text-align:right; color: #e00000; font-size: 28px; line-height:38px; font-weight:600;}
.vol-text span {display:block;}

.project-section {padding:40px 0; background:#f8f8f8; position:relative;}
.project-grid-hm {padding:30px 0;}
.para-main {font-weight:400;}
.project-section h3 {color:#e00000; font-weight:800;}
.read-more {color:#e00000;}
.proj-left {width:60%;}
.proj-right {width:40%;}
.proj-right p {font-weight:300; font-family: "Lato"; margin-top: -7px; padding-left:60px;}
.respo-video-wrapper {width: 100%; position: relative; padding: 0;}
.respo-video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.right-riban {width:32px; height:150px; background:#e00000; position:absolute; right:0; top:-25px;}
.left-riban {width:32px; height:150px; background:#e00000; position:absolute; left:0; top:-130px;}

.photogallery-sec {padding:40px 0;}
.photo-grid {width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ph-grid-bx {flex-basis:32%; margin-bottom: 32px;}
.ph-grid-bx span {font-weight:300; display:block; margin-bottom:5px;}
.ph-grid-bx p {margin-bottom: 4px; padding-right: 10px;}
.ph-grid-bx a {color:#000;}
.ph-grid-bx img {width:100%; display:block; margin-bottom:20px; height: auto;}
.ph-control {width:120px;}

.scroll-bar {height:300px; overflow:auto;}
.scroll-bar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.scroll-bar::-webkit-scrollbar {	width: 6px;	background-color: #F5F5F5;}
.scroll-bar::-webkit-scrollbar-thumb {background-color: #e00000;}

/* all about template page */
.brcrumb {color:#777777; font-size:16px; font-weight:300; font-family: "Lato";}
.inner-content p {font-weight:300; font-family: "Lato";}
.about-all-section {padding: 40px 0 64px;}
.left-sidebar {width:25%;}
.main-content {width:75%;}
.sidebar-menu .onactive {color:#e00000;}
.sidebar-menu {padding-right: 50px; list-style:none;}
.sidebar-menu li {border-bottom:1px solid #f0f0f0; padding-bottom:10px; margin-bottom:10px;}
.sidebar-menu li a {color:#000; font-weight:600;}
.inner-content {border-left: 1px solid #f0f0f0; padding-left:50px;}
.page-id-981 .associations-sec .inner-content {border-left:none;}
.inner-content ol {padding-left: 16px;}
.inner-content ol li { list-style: decimal; font-weight:300; font-family: "Lato"; margin-bottom: 20px; font-size: 18px;}
.inner-content ol li p {padding-left:24px;}
.inner-content ol li .inner-iframe {padding-left:24px;}
.inner-content ul li {font-weight: 300; font-size: 18px; line-height: 26px; padding-bottom: 18px;}

.inner-content ul li p {padding-left: 24px;}

/* home top slider */
.captionOnimage {width:70%; background:rgba(0,0,0, 0.5); padding:15px 30px; position:absolute; right:0; bottom:20px;}
.captionOnimage	p {color:#fff; margin:0;}
.captionOnimage	p span {display:block; font-family: "Lato"; font-weight:300;}
.is-selected .captionOnimage {z-index: 1;}
.half-overlay {width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7); top: 0;}
.is-selected .half-overlay {background: rgba(0,0,0,0.2);}
.carousel-top-slider img {display: block; height: 400px;}
.flickity-page-dots {display:none;}
.carousel {margin-bottom: 0px!important;}

/* EOF:: home top slider ***************/

/* home bottom slider */
.carousel-cell {width: 32.6%!important; height: auto; margin-right: 10px; border-radius: 0px; counter-increment: carousel-cell;}
.carousel-slider .carousel-cell img {width:100%; height: auto;}
.carousel-slider .carousel-cell p a {color:#000;}
.carousel-slider .flickity-button {background: #f30219;}
.carousel-slider .flickity-button:hover {background: #bf0012;}
.carousel-slider .flickity-prev-next-button {top: 108%; width: 44px; height: 36px; border-radius: 12%;}
.carousel-slider .flickity-prev-next-button.next {right: 0px;}
.carousel-slider .flickity-prev-next-button.previous {right: 60px!important; left: auto;}

/* EOF:: home bottom slider **************/
/* ****  Testomonials  */
.testim-col2 sub {font-size:18px;}
.testim-col1 {width:27%;}
.testim-col2 {width:66%;}
.testim-row {border-bottom:1px solid #f0f0f0; padding-bottom:30px; margin-bottom:30px;}
.testim-row:last-child {border-bottom:0px solid #f0f0f0;}
.testim-col2 span {display:block;  font-weight:300; font-family: "Lato";}


/*  EOF testomonials */
/* Programme Individual */
.seminar-program {background: #fafafa; padding:50px 0;}
.time-row .fleft {width:200px;}
.pro-venue {width:400px;}
.btm-down {background:#6b6b6b; margin-right:20px;}


.seminar-ind-sec {padding: 40px 0 64px;}
.right-sidebar {width:30%; padding-top: 25px;}
.main-content-smr {width:70%;}
.single-csr-projects .main-content-smr {width:100%;}
.inner-cnt-smr p {font-weight:300; font-family: "Lato";}
.inner-cnt-smr ol {padding-left: 16px;}
.inner-cnt-smr ol li { list-style: decimal; font-weight:300; font-family: "Lato"; margin-bottom: 20px;}
.inner-cnt-smr ol li p {padding-left:24px;}
.inner-cnt-smr ol li .inner-iframe {padding-left:24px;}
.inner-cnt-smr ul li p {padding-left: 24px; margin-top: 8px;  margin-bottom: 8px;}
.inner-cnt-smr ul li ul {list-style:none;}
.inner-cnt-smr {padding-right: 100px; font-family: "Lato"; font-weight:300; font-size: 18px; line-height: 26px;}

.side-head {background:#000; color:#fff; padding:1px 15px;}
.side-head h3 {color:#fff;}
.faculity-profile {list-style:none; display: inline-block; width: 100%; padding-left: 0; margin-top: 0;}
.pro-pic {width:30%;}
.pro-pic img {width:100%;}
.pro-pic-desc {width:64%}
.faculity-profile li {clear:both; margin-bottom:20px;}
.pofile-pic-content { background:#fafafa; padding:0 15px;}
.pofile-pic-content p {font-family: "Lato"; font-weight:300;}
.pro-pic-desc h4 {margin-top:0; margin-bottom:5px;}
.pro-pic-desc p {margin-top:0; margin-bottom:5px; font-family: "Lato"; font-weight:300; font-size:16px;}
/* EOF programme */

.traning-fee h4 {margin-bottom:0px;}
.traning-fee p {margin-bottom:0px; margin-top:4px;}
.contact-details p {margin-bottom:0px; margin-top:4px;}
.inner-cnt-smr a {color:#000;}

.sub-menu::before {width:20px; height:20px background:red;}

.cobntact-left {width:48%;}
.contact-right {width:48%;}


/* Dropdown */

.dropdown {
  display: inline-block;
  position: relative;
  float: right;
}

.dd-button {
  color: #414141;
  display: inline-block;
  border-radius: 4px;
  padding: 10px 30px 10px 20px;
  background-color: #f0f0f0;
  cursor: pointer;
  white-space: nowrap;
}

.dd-button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  z-index: 99;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  color: #414141;
  margin: -10px -20px;
  padding: 10px 20px;
}

.inner-2-col {}
.inner-2-col .fleft {width:28%;}
.inner-2-col .fleft img {width:100%;}
.inner-2-col .fright {width:65%;}
.inner-2-col .fright p {margin-top:6px;}
.inner-2-col .fright .span {display:block; border-bottom:6px solid #e00000; width:100px;}
hr {height: 1px; background: #f0f0f0; border-width: 0; margin-top:10px; margin-bottom:10px;}
.quotation span{font-size: 44px;}
.quotation{
  font-size: 20px;
  padding: 0px 20px;
  line-height: 1.4;
  font-weight: 300;
  margin: 20px 20px 10px;
}
.quot-1 {margin-left: -30px; position: absolute; margin-top: 0px; display: none;}
.quot-2 {position: absolute; margin-left: 8px; margin-top: 16px; display: none;}
.quot-1 img, .quot-2 img {width: 24px;}
.bg-image img {width:100%;}
.bg-image {width: 32%; float: left; margin-right: 1%; margin-bottom: 1%;}
.page-id-350 .wpcf7-submit {color: #fff;
    padding: 8px 40px;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
    background: #e00000;
    margin-top: 8px;
    border: none;}
.page-id-350 .wpcf7-text {height: 32px; border-radius: 4px; border: 1px solid #b0b0b0; padding: 5px; margin-top:5px;}
.page-id-350 .wpcf7-textarea {width: 314px; border-radius: 4px; margin-top:5px;}
.main-mobile-menu {display:none;}
.display-menu {display:none;}
input.btn-submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

@media screen and (min-width: 1600px) {
    .carousel img {}
    header {padding: 30px 120px 30px;}
    .hm-desc {padding: 50px 120px;}
}

@media screen and (max-width: 1150px) {
.inner-row {padding: 0 18px;}
	.container {width:100%;} 
	.main-menu {width:100%;}
	.footer-menu-1 ul {width:100%;}
	.footer-menu-3 ul {width:100%;}
	.hm-desc {width:100%; padding: 0px 0px;}
	.hm-desc .hm-desc-inner {padding: 35px 18px;}
	.main-slider {width:100%;}
	.txt-input {width: 97%; padding: 5px 0px 5px 10px; margin-left: 0px; margin-bottom:10px;}
	.semi-col-1 {width: 100%; font-size: 18px; margin-bottom: 8px;}
	.semi-col-2 {width:100%;}
	.proj-left {width:100%;}
	.proj-right {width:100%; padding-top: 20px;}
	.proj-right p {margin-top: 0px;     padding-left: 0px;}
	.left-sidebar {width:100%;}
	.main-content {width:100%;}
}
@media screen and (max-width: 900px) {
.prev-cartoon img {width:100%;}
	.main-mobile-menu {display:block; text-align:right;}
	.main-mobile-menu ul {list-style:none; padding-left:0;margin-top:-5px; margin-bottom: 0;}
	.main-mobile-menu ul li {padding-bottom:7px;}
	.main-mobile-menu ul li:last-child {padding-bottom:0px;}
        .main-mobile-menu ul li a {text-transform:none; color:#000; font-size:18px; font-weight: 600;}

.left-riban, .right-riban, .main-menu {
    display: none;
}
.main-menu {
    width: 100%;
}
.display-menu {
    display: block;
    background: #e00000;
    position: fixed;
    top: 0;
    right: -400px;
    width: 250px;
    height: 100%;
    padding: 40px 0;
    z-index: 3;
}
.display-menu a.close {
    font-size: 20px;
    position: absolute;
    top: 2px;
    right: 2px;
    border-bottom: none;
}
.display-menu a {
    display: block;
    padding: 10px 25px;
    color: #fff;
}
.display-menu h4 {
    font-size: 20px;
    color: #fff;
    padding-left: 25px;
}
.captionOnimage {left: 0!important;}
.semi-row {display:block;}
.semi-col-3 {width: 100%;}
.footer-menu-2 {padding-top: 20px;}
.enquiry-form p span.wpcf7-form-control-wrap { width: 27.262%;}
.hm-slider {display: block;}
}
@media (min-width: 800px) and (max-width: 1050px) {
.captionOnimage {
    width: 30%;}
}

@media screen and (max-width: 600px) {
	.container {width:100%;} 
	.main-menu {width:100%;}
	.footer-menu-1 ul {width:100%;}
	.footer-menu-3 ul {width:100%;}
	.hm-desc {width:100%; padding: 0px 0px;}
	.hm-desc .hm-desc-inner {padding: 35px 18px;}
	.main-slider {width:100%;}
	.txt-input {width: 97%; padding: 5px 0px 5px 10px; margin-left: 0px; margin-bottom:10px;}
	.semi-col-1 {width: 100%; font-size: 18px; margin-bottom: 8px;}
	.semi-col-2 {width:100%;}
	.proj-left {width:100%;}
	.proj-right {width:100%; padding-top: 20px;}
	.proj-right p {margin-top: 0px;     padding-left: 0px;}
	.left-sidebar {width:100%;}
	.main-content {width:100%;}
	.ft-linkin.fright {float:left; margin-bottom:15px;}
	.left-riban, .right-riban, .main-menu {display:none;}
	.semi-row {margin-right: 5px;}
	.hm-slider {display: block;}
    header {padding: 18px 18px 18px;}
	.logo {width: 84px;}
    .carousel-top-slider img { height: 200px;}
	.inner-row {padding:0 18px;}
	
	.captionOnimage {background: rgba(0,0,0, 0.5); padding: 1px 18px; position: absolute; right: 0; bottom: 0px; width:76%;}
	.captionOnimage p {font-size: 13px;}
	
	.semi-row {display: block;}
	.semi-col span {display: inline-block; margin-left: 6px;}
    .semi-col-2 p {font-size: 18px;}
	.semi-col-2 span {margin-left: 0px;}
	.carousel-cell {width: 100%!important;}
	.quotation {font-size: 18px; padding: 0px 20px; margin: 20px 27px 45px;}
	.inner-content {border-left: 0px solid #f0f0f0; padding-left: 18px; padding-right: 18px;}
	.sidebar-menu {padding-right: 18px; padding-left: 18px;}
	.ph-grid-bx {flex-basis: 100%;}

.cobntact-left {width:100%;}
.contact-right {width:100%;}	
.display-menu {
	display:block;
    background: #e00000;
    position: fixed;
    top: 0;
    right: -400px;
    width: 250px;
    height: 100%;
    padding: 40px 0;
    z-index: 3;
}
.display-menu a.close {
    font-size: 20px;
    position: absolute;
    top: 2px;
    right: 2px;
    border-bottom: none;
}
.display-menu a {
    display: block;
    padding: 10px 25px;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #f00000;
}
.display-menu h4 {font-size:20px; color:#fff; padding-left:25px;}
.semi-col-3 {width: 100%; margin-top: 15px;}

.main-content-smr {
    width: 100%;
}
.right-sidebar {width: 100%;}
.inner-cnt-smr {padding-right: 0px;}
.pro-venue {width: 100%;}
.page-id-350 .wpcf7-text {width:96%;}
.page-id-350 .wpcf7-textarea {width: 98%;}
.semi-col span { margin-left: 0px;}
.ans3 {margin-left: -47px;}
}

.sponsored-lists p a {float: left; margin-right: 20px;}
.sponsored-lists a {float: left; margin-right: 20px;}

@media (min-width: 768px) and (max-width: 1220px) {
.container {padding: 0 0;}
.semi-row {margin-right: 15px;}
.display-menu{overflow: scroll; height: 80vh;}
.right-riban {display:none;}
.left-riban {display:none;}
.enquiry-form p span.wpcf7-form-control-wrap {width: 27.262%;}
.semi-col-3 {width: 257px;}
.inner-content {border-left: 0px solid #f0f0f0; padding-left: 40px; padding-right: 10px;}
 .inner-cnt-smr {padding-right: 10px;}
 .inner-row {padding: 0 18px;}
 .captionOnimage {width: 40%; left:0;}
}
/* for menu */
@media (min-width: 901px) and (max-width: 1220px) {
header {padding: 30px 20px 30px;}
.main-menu {width: 730px;}
.primary-menu ul li a {font-size: 18px;}

}