/*-- Fonts --*//*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600&display=swap');*/ 
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
@font-face{font-family: 'Dosis Light';
    src: url('../fonts/Dosis-light-webfont.eot');
    src: url('../fonts/Dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dosis-light-webfont.woff2') format('woff2'),
         url('../fonts/Dosis-light-webfont.woff') format('woff'),
         url('../fonts/Dosis-light-webfont.ttf') format('truetype'),
         url('../fonts/Dosis-light-webfont.svg#Dosis Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Dosis Medium';
    src: url('../fonts/Dosis-medium-webfont.eot');
    src: url('../fonts/Dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dosis-medium-webfont.woff2') format('woff2'),
         url('../fonts/Dosis-medium-webfont.woff') format('woff'),
         url('../fonts/Dosis-medium-webfont.ttf') format('truetype'),
         url('../fonts/Dosis-medium-webfont.svg#Dosis Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Dosis Regular';
    src: url('../fonts/Dosis-regular-webfont.eot');
    src: url('../fonts/Dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dosis-regular-webfont.woff2') format('woff2'),
         url('../fonts/Dosis-regular-webfont.woff') format('woff'),
         url('../fonts/Dosis-regular-webfont.ttf') format('truetype'),
         url('../fonts/Dosis-regular-webfont.svg#Dosis Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis Bold';
    src: url('../fonts/Dosis-bold.eot');
    src: url('../fonts/Dosis-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dosis-bold.woff2') format('woff2'),
         url('../fonts/Dosis-bold.woff') format('woff'),
         url('../fonts/Dosis-bold.ttf') format('truetype'),
         url('../fonts/Dosis-bold.svg#Dosis Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dosis SemiBold';
    src: url('../fonts/Dosis-semibold.eot');
    src: url('../fonts/Dosis-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dosis-semibold.woff2') format('woff2'),
         url('../fonts/Dosis-semibold.woff') format('woff'),
         url('../fonts/Dosis-semibold.ttf') format('truetype'),
         url('../fonts/Dosis-semibold.svg#Dosis SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing: border-box}
*,
*:before,
*:after{box-sizing: border-box}
html{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*,
*:before,
*:after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit}
/*====*/
*{margin: 0;padding: 0;border: none}
abbr,acronym,dfn{cursor: help;border-bottom: 1px #000 dotted}
dfn{font-style: normal}
.left{float: left}.right{float: right}
.clear{clear: both}
.aligncenter{text-align: center}
.alignright{text-align: right}
a{color: #5c5c5c;outline: none;border: none;text-decoration: none}
a:visited{color: #5c5c5c}
a:hover{text-decoration: none;color: #0198d1}
a:active{color: #000}
address{margin: 0.2em 0;padding: .5em 0 1em;line-height: 140%;font-style: normal}
:focus{outline: 0}
ul,ol{list-style: none;margin: 0;padding: 0}
p{font-size: 16px;padding: 8px 0;line-height: 24px;margin: 0;color: #878787;}
.input-group{position: relative;margin-bottom: 15px}
.form-control{background:#fff;border:solid 1px #d8d8d8;font-size:15px;color:#434343;border-radius: 4px;width:100%;height:50px;padding:8px 15px}
.form-control::-moz-placeholder{color: #797979;opacity: 1}
.form-control:-ms-input-placeholder{color: #797979}
.form-control::-webkit-input-placeholder{color: #797979}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;min-height:48px;background-color:#d80e0e;border:0;font:20px "Open Sans", Arial, sans-serif;font-weight:600;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font: 12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display: inline-block;width: 100%}
.button{display: inline-block;background-color: transparent;color: #fff;font-size: 16px;text-transform: uppercase;border: solid 2px #0097ce;padding: 12px 26px;	text-align: center;vertical-align: middle;border-radius: 4px;}
.error{display: block;color: #d60606;margin-top: 5px}
.alert-success{opacity: 1}.button.radius{border-radius: 4px}
.capitalize{text-transform: none;text-transform: capitalize}
img.img-block{display: block;max-width: 100%;height: auto}
.center-box{background-color: transparent;text-align: center;padding: 60px 0}
.ucase:before{text-transform: uppercase}
.block{display: inline-block;width: 100%;}
.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}
/*-- Body --*/
html{background: #fff;height: 100%;font-family: Arial, Helvetica, sans-serif}
body{background: #fff;font-family: Arial, Helvetica, sans-serif;font-weight: 400;font-size: 15px;min-height: 100%;color: #404040}
.container{max-width: 1190px;margin: 0 auto;position: relative;padding: 0 15px}
/*-- Container --*/
#content{display: inline-block;width: 100%;min-height: 300px;padding:0 0 40px}
.home #content{padding: 63px 0 39px;}
.hd-h1{font-family:'Dosis Medium', Arial, sans-serif;font-size:45px;color:#1b1b1b;text-align:center;padding-top: 56px;text-transform: uppercase;}
.hd-h2{font-family:'Dosis SemiBold', Arial, sans-serif;font-size:54px;color:#1f1f1f;margin:0 0 18px;text-transform:uppercase;}
.hd-h3{font-family:'Dosis SemiBold', Arial, sans-serif;font-size:28px;color:#1f1f1f;margin:0 0 18px;text-transform:uppercase;}
.home .intro h1,.our-vision .content-box h3,.accordian h3,.advertisment .owl-item li .author-name h3,#accordian li.acc-panel h4,.our-work h2{font-family:'Dosis Medium', Arial, sans-serif;font-weight:500}
#nav ul li,.services .button,.auto-counter li strong, .auto-counter li em,.button-lg{font-family:'Open Sans', Arial, sans-serif;font-weight:600}
.our-vision .content-box p{font-family:'Open Sans', Arial, sans-serif;font-weight:400}
.location em,.our-services .content-box h2{font-family:'Dosis SemiBold', Arial, sans-serif;}

/*-- Header --*/
.header #logo{margin-top: 18px;}
.header .navbar-brand{margin: 0;padding: 0;min-height: 106px;}

.home .top-bg{background: #fff url(../images/intro-top-bg.jpg) no-repeat center 0;min-height: 564px;max-width: 1900px;margin: 0 auto;position:relative;background-size:cover}
.home .intro {position: absolute;left: 0;right: 0;bottom:15px;top: auto;max-width: 1200px;margin: 0 auto;text-transform: uppercase;}
.home .intro h1{font-size:40px;color:#fff;width: 620px;}
.home .intro h1 span{display: block;color:#ff1515;font-weight:700}
/*----Inner Common----*/
#content.content{padding: 10px 0 0;}
@media (min-width:992px){
/*-- Main Navigation --*/
#nav{float: right;min-height: 40px;padding-right: 0;position: relative;z-index: 100000;}
#nav ul{margin-top:32px}
#nav ul li{font-size: 18px;display: inline-block;position: relative;}
#nav ul li.active{margin:0 18px;}
#nav ul li a,#nav ul li.active span{display: block;color: #5f5f5f;margin: 0}
#nav ul li a:hover,#nav ul li.active span{color:#37aee1}
#nav ul li,#nav ul li a,#nav ul li span,a.button{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s}
#nav ul li.current-menu-item:hover a,#nav ul li.current-menu-item span,#nav ul li:hover span,#nav ul li:hover span{color: #0097ce}
#nav ul li.has-submenu span{cursor: pointer}
#nav li a,#nav li.active span{border: 2px solid transparent;display: inline-block;vertical-align: top;}

#nav li a::before,
#nav li a::after {
	display: inline-block;
	opacity: 0; 
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}
#nav li a::before {
	margin-right: 8px;
	content: '|';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
	color:#37aee1;
}
#nav li a::after {
	margin-left: 8px;
	content: '|';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
	color:#37aee1;
}
#nav li a:hover::before,#nav li a:hover::after{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
#nav li a:focus::before,#nav li a:focus::after{opacity:0;}
#nav li.current-menu-item a:hover:before,#nav li.current-menu-item span:hover:before{display: none}
.top-puchbar{display:none}


}


@media (max-width:991px){
/*  BURGER
========================================== */
.top-puchbar{display:block;position: fixed;top: 22px;right: 15px;z-index:1000;background: #fff;}
.top-puchbar button{background:none;outline:none;padding:3px 6px}
.top-puchbar .fa-bars{font-size:28px;}
.fixed-nav ul#top-menu{text-align: center;margin: 0 auto;margin-top: 20px;max-width: 600px;padding:30px;}
#nav{display:block}

.fixed-nav ul#top-menu li a, .fixed-nav ul#top-menu li span {
	display: block;
	color: #f2ebeb;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 3px;
	font-weight: 600;
	padding: 18px 0;
	border-bottom: solid 1px #068dc7;
	text-align: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.fixed-nav ul#top-menu li a:hover,.fixed-nav ul#top-menu li span:hover {
	color: #000;
}

html.pushbar_locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.pushbar_locked .pushbar_main_content.pushbar_blur {
    filter: blur(15px);
}

.pushbar_overlay {
    z-index: -999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: opacity;
    transition: opacity 0.5s ease;
    opacity: 0;
    background: #3c3442;
}

html.pushbar_locked .pushbar_overlay {
    opacity: 0.8;
    z-index: 999;
}

[data-pushbar-id] {
    z-index: 1000;
    position: fixed;
    overflow-y: auto;
    will-change: transform;
    transition: transform 0.5s ease;
    background: #fff;
}

[data-pushbar-direction="left"][data-pushbar-id], [data-pushbar-direction="right"][data-pushbar-id] {
    top: 0;
    width: 256px;
    max-width: 100%;
    height: 100%;
}

[data-pushbar-direction="top"][data-pushbar-id], [data-pushbar-direction="bottom"][data-pushbar-id] {
    left: 0;
    width: 100%;
    min-height: 50%;
}

[data-pushbar-direction="left"][data-pushbar-id] {
    left: 0;
    transform: translateZ(0) translateX(-100%);
}

[data-pushbar-direction="right"][data-pushbar-id] {
    right: 0;
    transform: translateZ(0) translateX(100%);
}

[data-pushbar-direction="top"][data-pushbar-id] {
    top: 0;
    transform: translateZ(0) translateY(-100%);
}

[data-pushbar-direction="bottom"][data-pushbar-id] {
    bottom: 0;
    transform: translateZ(0) translateY(100%);
}

[data-pushbar-id].opened {
    display: block;
    transform: translateX(0px) translateY(0px);
}

.push_left {
    margin-left: 6px;
}

.push_right {
    margin-right: 6px;
}

.close {
    width: 20px;
    height: 21px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    cursor: pointer;
}

.close:before, .close:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 21px;
    width: 3px;
    background-color: #fff;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}


.card_title, .title, [data-pushbar-id] {
	background:rgba(55,174,225,0.9);
    color: #fff;
}

.card_title, .title {
    padding: 15px 20px;
    font-weight: bold;
}

.card_title {
    border-radius: 4px 4px 0px 0px;
}

.card_content {
    padding: 15px;
}

a.button.getBtn {
    margin-top: 16px;
    background-color: #fff;
    color: #4039ff;
    border-color: #fff;
}

.small {
    font-size: 14px;
    font-weight: 400;
}



}/*==End @media (max-width:991px) ==*/

.list{margin: 0;padding: 0;list-style: none;}
.list li{font-size: 16px;color: #1f1f1f;background: url(../images/caret.png) no-repeat left 5px;padding-left: 26px;}
/*====----Home Page----=====*/
.services li figure,.services figure img,.services .hd-h2{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.services{text-align:center;padding-bottom:56px}
.services .hd-h2{margin:0 auto}
.services li figure{width:106px;height:106px;background:#37aee1;position:relative;overflow:hidden;display:block;margin:0 auto;border-radius:50%}
.services li:hover figure{background:#eae9e6;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.services figure img{position:absolute;left:0;top:0;}
.services li.print-adv figure img{clip: rect(0, 106px, 106px, 0);top:0;left:0;}
.services li.print-adv:hover figure img{clip: rect(0, 212px, 106px, 106px);top:0;left:-106px;}

.services li.buss-branding figure img{clip: rect(106px, 106px, 212px, 0);top:-106px}
.services li.buss-branding:hover figure img{clip: rect(106px, 212px, 212px, 106px);top:-106px;left:-106px;}

.services li.digital-marketing figure img{clip: rect(212px, 106px, 318px, 0);top:-212px}
.services li.digital-marketing:hover figure img{clip: rect(212px, 212px, 318px, 106px);top:-212px;left:-106px;}

.services li.app-development figure img{clip: rect(318px, 106px, 424px, 0);top:-318px}
.services li.app-development:hover figure img{clip: rect(318px, 212px, 424px, 106px);top:-318px;left:-106px;}

.services li.radio-ads figure img{clip: rect(424px, 106px, 530px, 0);top:-424px}
.services li.radio-ads:hover figure img{clip: rect(424px, 212px, 530px, 106px);top:-424px;left:-106px;}

.services li.bulk-sms figure img{clip: rect(530px, 106px, 636px, 0);top:-530px}
.services li.bulk-sms:hover figure img{clip: rect(530px, 212px, 636px, 106px);top:-530px;left:-106px;}

.services li.events figure img{clip: rect(636px, 106px, 742px, 0);top:-636px}
.services li.events:hover figure img{clip: rect(636px, 212px, 742px, 106px);top:-636px;left:-106px;}

.services li.cor-gifting figure img{clip: rect(742px, 106px, 848px, 0);top:-742px}
.services li.cor-gifting:hover figure img{clip: rect(742px, 212px, 848px, 106px);top:-742px;left:-106px;}

.services li.ooh-adv figure img{clip: rect(848px, 106px, 954px, 0);top:-848px}
.services li.ooh-adv:hover figure img{clip: rect(848px, 212px, 954px, 106px);top:-848px;left:-106px;}

.services li.web-development figure img{clip: rect(954px, 106px, 1060px, 0);top:-954px}
.services li.web-development:hover figure img{clip: rect(954px, 212px, 1060px, 106px);top:-954px;left:-106px;}


.services ul{padding-top:44px;margin: 0 auto;}
.services li{margin-bottom: 40px;}
.services li h3{font-size: 20px;padding-top: 15px;}

.sponsors{background:#252525;padding:60px 0 67px;text-align:center}
.sponsors ul{margin-top:22px}
.sponsors li{display:inline-block;margin-right:63px;position:relative;}
.sponsors li figure{max-height:81px;max-width:248px;margin:0 auto 15px;}
.sponsors li figure img {display:block;max-width:100%;height:auto;margin: 0 auto;}
.sponsors .hd-h2{margin:0 auto;color:#059ad9}
.sponsors  li figure img,.sponsors  li figure{-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in ;transition: all 0.5s ease-in;}
.sponsors .change-img{opacity:0;visibility:hidden;-webkit-transform: scale(0.7);transform: scale(0.7);}
.sponsors  li:hover .change-img{opacity:1;visibility:visible;-webkit-transform: scale(1);transform: scale(1);}
.sponsors  li:hover .display-img{opacity:0;visibility:hidden;-webkit-transform: scale(0.7);transform: scale(0.7);}
.sponsors li .change-img{position:absolute;left:0;top:0;right:0;margin:0 auto;}



.location{padding:46px 0 0;text-align:center}
.location .hd-h2{margin:0 auto}
.location ul{margin-top:23px}
.location li{display:inline-block;min-width: 450px;vertical-align: middle;}
.location li:first-child{border-right:1px solid #c9c9c9}
.location em{font-size:25px;text-transform: uppercase;}
.location li figure{position:relative;overflow:hidden;}
.location li figure img{margin-left: 24px;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.location li figure:hover img{margin-left:0;}
.location li figure:before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';	width: 50%;	height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);}
.location li figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.address span{display:block;color:#352f2f}



/*-- Contact--*/
#contact{background:#131313 url(../images/contact-bg.jpg) no-repeat center 0;padding:60px 0 44px;background-size: cover;}
#contact h2{color:#059ad9;padding-bottom:5px;margin:0 auto}
#contact p{padding-bottom:30px}
#contact .form-control{font-size:16px;color:#7c7c7c;border:0;margin:10px 0}
#contact label[for="email"] .form-control{margin-top:20px}
#contact .btn-primary{max-width:233px;height:53px;margin:20px auto 0}

/*--Our Services--*/
.top-bg{background:#e9e9e9;min-height:161px}
.services-bg{background:url(../images/our-services.jpg) no-repeat center 0;background-size: cover;min-height: 264px;position:relative;}

.services-bg .hd-h1,.sub-service-bg .hd-h1{text-align:left;padding-top: 174px;color:#fff}
.sub-service-bg{background:url(../images/sub-services.jpg) no-repeat center 0;background-size:cover;min-height: 264px;}
.our-services{padding-bottom: 15px;}
.our-services .content-box h2{font-size:20px;text-transform:uppercase;padding-top:15px}
.our-services .content-box p {padding: 0;}
.our-services .block-center{justify-content: center;}
.our-services .hd-h3{padding-top: 30px;}
/*--Our Services inner pages--*/

.buss-branding-bg{background:url(../images/busstand-branding.jpg) no-repeat center 0;background-size: cover;}
.ohh-adv-bg{background:url(../images/ooh-advertisement.jpg) no-repeat center 0;background-size: cover;}
.print-adv-bg{background:url(../images/Print-advertisment.jpg) no-repeat center 0;background-size: cover;}
.events-bg{background:url(../images/events.jpg) no-repeat center 0;background-size: cover;}
.radio-ads-bg{background:url(../images/radio-ads.jpg) no-repeat center 0;background-size: cover;}
.cor-gifting-bg{background:url(../images/corporate-gifting.jpg) no-repeat center 0;background-size: cover;}
.bulk-sms-bg{background:url(../images/bulk-sms-bg.jpg) no-repeat center 0;background-size:cover;}
.app-development-bg{background:url(../images/app-development-bg.jpg) no-repeat center 0;background-size:cover}
.web-development-bg{background: url(../images/web-development-bg.jpg) no-repeat center 0;background-size:cover}
.media-services{padding:45px  0 0}
.media-services figure{float:left}
.media-services .service-details{text-align: left;padding-left: 135px;}
.services.media-services .service-details ul{padding-top:20px}
.services.media-services .service-details li{margin-bottom:20px;font-weight: 600;color:#656565}
.media-services.services ul{padding-top:0}
.media-services.services li{margin-bottom:0} 

/*--About Us--*/
.about-bg{background:url(../images/about-us.jpg) no-repeat center 0;background-size:cover;min-height: 264px;position:relative;}
.about-bg .hd-h1{text-align:left;padding-top: 174px;color:#fff}
.about-welcome .hd-h2{font-size:45px;border-bottom: 1px solid #cccc;padding: 20px 0;margin-bottom: 30px;}
.qoute{background: url(../images/inverted-commas.png) no-repeat;height:48px;width:51px;float: left;padding: 38px;;}
.section-margin{margin:70px -15px 70px}
.about-welcome h3{padding-top:24px;font-size: 24px;color: #464242;}
.about-welcome p{padding: 20px 0 0px 0;}
.our-vision .btn-info {color: #000;background: #e9e9e9;border: #e9e9e9;}
.our-vision .btn-info:hover {color: #e9e9e9;background: #000;border: #000;} 

.our-vision{background:#37aee1;color:#fff;min-height: 605px}
.our-vision figure{float: left;margin:40px 35px 20px;}
.our-vision .content-box{padding-bottom:29px}
.our-vision .content-box h3{font-size:26px;text-transform:uppercase;padding-top:32px;color: #fff;}
.our-vision .content-box p{color:#fff;padding:5px 30px;font-size:15px;line-height: 22px;}
#more {display: none;}
#myBtn.btn-info{margin: 20px 30px 10px}

/*-- Accordion --*/
.accordian h3{font-size:26px;text-transform:uppercase;border-bottom: 1px solid #cccc;color:#000;padding: 0 0 20px 0;margin-bottom: 18px;margin-left: 16px;}
#accordian li.acc-panel{background:#fff; margin-top:18px; border-radius:5px;border:1px solid transparent}
#accordian li{float:none;line-height:20px;font-size:15px}

#accordian li a:hover,#nav li.acc-panel:hover span{background:#f0f0f0}
#accordian ul .tab-content p{font-size:15px;padding:0 0 5px 10px; line-height:20px}	
#accordian li.acc-panel h4 {background:url(../images/plus-minus-icon.png) no-repeat 0 0;padding:6px 0 10px 55px;display: block;font-size:22px;}
#accordian li.acc-panel.open h4{background-position:0 -81px}

.auto-counter {background: url(../images/counter-bg.png) no-repeat center 0;background-size: cover;padding:80px 0 0px;text-align: center;min-height:345px}
.auto-counter figure{min-height:110px}
.auto-counter figure img{margin:0 auto}
.auto-counter ul{overflow:hidden}
.auto-counter li {float: left;width: 25%;margin-bottom: 35px;}
.auto-counter li strong, .auto-counter li em {display: inline-block;font-size:35px;color: #000;vertical-align: middle;}
.auto-counter li em {font-style: normal;}
.auto-counter li span {font-size: 20px;color: #000;display: block;padding:0;}

/*--Our Work--*/
.our-work-bg{background:url(../images/our-work.jpg) no-repeat center 0;background-size: cover;}
.our-work{padding: 56px 0 46px;}
.our-work h2{font-size: 45px;text-transform: uppercase;text-align: center;margin: 15px 0 24px;color: #000;}
.our-work img{margin: 0 auto;max-width: 100%;}
.audio-clips{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: -20px;justify-content: center;}
.audio-clips li{padding-right:24px;-ms-flex: 0 0 8.333333%;flex: 0 0 20%;max-width: 20%;}
.audio-clips li img{max-width:100%;height:auto}
.audio-clips figure{margin: 0;}
.audio-clips audio{max-width: 212px;}

/*--Light Box--*/
.hes-gallery img {max-width: 100%; object-fit: cover;transition: 0.3s;cursor: pointer;height: auto;}
.hes-gallery img:hover{transform: scale(1.04);box-shadow: 2px 2px 6px #555;}
.our-work .hes-gallery{justify-content: center;}

/*-- Footer--*/
footer{padding-top:62px;clear:both}
footer h3{font:20px "Open Sans", Arial, sans-serif;color:#3f3f3f;font-weight:600}
footer .logo{margin-top:17px}
.quick-links li{font:16px "Open Sans", Arial, sans-serif;text-transform:uppercase;padding:5px 0}
.quick-links li a{color:#3f3f3f}
.quick-links li a:hover{color:#0198d1}
.subscribe label,#contact label{display:block}
.subscribe .form-control{background:#e7e7e7;border:0;height:48px;margin:7px 0 20px}
.subscribe p{color:#b0b0b0}
.social-media{margin-top:25px;text-align:center}
.social-media li{display:inline-block;margin:0 7px}
.social-media li .fa{font-size:22px;color:#494949}
.social-media li .fa:hover{color:#0198d1}
.copyright{border-top:1px solid #c3c3c3;text-align:center;padding:30px 0 35px;margin-top:30px}



   /**** button effects ****/

.button-lg{position:relative;vertical-align: middle;color: #292929;display: inline-block;text-align: center;transition: 0.7s;cursor: pointer;font-size: 16px;text-transform: uppercase;background: transparent;border: 1px solid #1b5d7a;padding: 12px 26px;	text-align: center;border-radius: 4px;-webkit-transition:0.7s;}
.button-lg:hover {border:1px solid transparent;}
.button-lg::before, .button-lg::after {width: 100%;height:100%;z-index: 3;content:'';position: absolute;top:0;left:0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.7s;border-radius: 4px;}
.box::before {border-bottom: 1px solid #0198d1;border-left: 1px solid #0198d1;-webkit-transform-origin: 0 100%;}
.box::after {border-top: 1px solid #0198d1;border-right:1px solid #0198d1;-webkit-transform-origin: 100% 0%;}
.button-lg:hover::after, .button-lg:hover::before {-webkit-transform: scale(1);}
 
/****button effects contact Submit ****/

.btn-submit{margin:0 auto}
.custom-btn {background:#d80e0e;outline: none !important;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;margin:20px auto 0;border:0;border-radius: 0.25rem;text-align:center;width:100%;color:#fff}
.effect-btn {z-index: 1;}
.effect-btn:after { position: absolute;content: "";width: 100%;height: 0;top: 0;left: 0;z-index: -1;background: #fff;transition: all 0.3s ease;border-radius: 0.25rem;}
.effect-btn:hover:after {top: auto;bottom: 0;height: 100%;}
.effect-btn:active {top: 2px;}
.custom-btn [type="submit"] {background: transparent;font:20px "Open Sans", Arial, sans-serif;font-weight:600;text-transform:uppercase;color:#fff;width:233px;height:53px;}
.custom-btn:hover [type="submit"]{color:#000}




/*====--------====*/
@media (min-width:1281px){}
/*====----=====*/
@media (max-width:1280px){}

@media (max-width:1199px){
#nav ul li{font-size: 18px;}
.nav-effect a::after{margin-left:0;}.nav-effect a::before{margin-right:0;}
.home .intro .hd-h1{font-size: 70px;margin: 80px 0 6px;}
.home .intro .hd-sm{font-size: 24px;}
.home .intro .left p{padding: 18px 15px 18px 15px;max-width: 550px;font-size: 25px;}
.quick-download{padding-left: 240px;}#content .download-now{margin: -108px auto 0;}
#content .quick-download figure{top: -160px;}
#content .quick-download h2{font-size: 31px;}
#content .quick-download p{font-size: 18px;padding: 10px 0 18px;}.meet-cory figure{top: 40px;max-width: 43%;}
.sponsors-logos figure{width: 27%;}
.money-matters{margin: 50px 0 0;min-height: 100%;padding: 40px 0 26px;}.heading{font-size: 40px;margin: 0 0 24px;}
.audio-clips audio {max-width: 100%;}

/* body{border: 1px solid #000} */

}

@media (max-width:1024px){
.container{max-width: 928px;padding: 0}img{display: block;max-width: 100%;/*height: auto*/}#nav li a::after {margin-left: 0;}
.home .top-bg{min-height: 480px;margin: 0 auto;background-position: center 0;}.services figure img{max-width:inherit}

/* body{border: 1px solid orange} */
}

@media (max-width:991px){
#wrapper{padding-top: 0;}.container{max-width: 721px;}
.header #logo {margin-top: 13px;}.home .intro .hd-h1{margin: 50px 0 6px;}
.sponsors li{width:24%;}.location li{display:block;min-width:auto}.location li:first-child{border-right:none;}.location li figure img {margin: 0 auto;}
.location li figure:hover img {margin: 0 auto;}.address p{padding-bottom: 25px;}
#content.content {padding: 20px 0 0;}.services.our-services {padding-bottom: 0;}.our-services figure {float:none;}.our-services .content-box {margin:0 auto;text-align: center;}.our-services .hd-h3 {padding-top: 0;}.section-margin {margin: 30px -15px 30px;}.our-vision{margin-bottom:30px}.our-vision figure {margin: 27px 25px;}.about-welcome p{padding:0}
.auto-counter {padding: 40px 0 0px;min-height: 289px;}.media-services {padding: 25px 0 0;}.audio-clips li{flex: 0 0 25%;max-width: 25%;}
.hes-gallery img{margin-bottom: 25px;}.audio-clips audio{margin-bottom: 15px;}

/* body{border: 1px solid red} */

}

@media (max-width:767px){
.container{max-width: 590px}.home #content{padding:45px 0 40px;}#contact {padding: 40px 0 40px;}
#content{padding: 25px 0 25px;}.hd-h2{font-size:40px;margin:0 auto}
.header{padding: 15px 0 0;}.home .top-bg{min-height: 350px;}.top-bg {min-height: 170px;}.hd-h1{font-size: 35px;padding-top: 36px;}.form-control{font-size: 14px;min-height: 40px;}
.header #logo {margin-top: 0;}.home .intro{text-align:center}.home .intro h1{font-size:30px}.home .intro .pull-right{float:none;width:100%;position: relative;z-index: 100;}
.sub-service-bg{position:relative;}
.services-bg:after,.sub-service-bg:after{content:" ";position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.44);height:100%;width:100%;}
.services-bg .hd-h1, .sub-service-bg .hd-h1{padding-top:0;color:#fff;position:absolute;z-index:10;left:0;right:0;top:72px;text-align:center;}
.services-bg,.sub-service-bg{background-position:75% 100%;}.services ul {padding-top: 20px;}.sponsors li {width: 30%;margin: 0 auto;}
.about-welcome .hd-h2 {font-size: 35px;	padding: 10px 0;}.our-vision {text-align: center;padding: 30px 10px;}.our-vision figure {margin: 0 auto;float: none;}.our-vision figure img{margin:0 auto;height: auto;}.services li {margin-bottom: 15px;}
.auto-counter li{width:50%}#content.content{display:block}.auto-counter figure{margin:0 auto;}
.our-vision .content-box {padding-bottom:0;}.our-vision .content-box p {padding:0;}.our-vision .content-box h3 {padding-top: 10px;}.our-work {padding: 0 0 30px;}.our-work h2{font-size: 35px;}.audio-clips li {flex: 0 0 50%;max-width: 50%;}
footer {padding-top: 40px;}.quick-links{margin-bottom: 20px;}

/* body{border: 1px solid lightgreen} */

}


@media (max-width:639px){
.container{max-width: 435px}p{font-size: 15px;} .home .top-bg{min-height:150px;}.top-puchbar {top: 18px;}.hd-h2 {font-size: 30px;}
.sponsors li {width: 50%;margin: 0 auto;}
.media-services figure {float: none;}.media-services .service-details {padding-left: 0;}


/* body{border: 1px solid blue} */
}

@media (max-width:575px){
 .header {padding: 10px 0 10px;}.header #logo{display: inline-block;margin: 0;}.header #logo img{max-width: 50%;height: auto;}.top-puchbar {top: 10px;}#contact {padding: 30px 0 30px;}.fixed-nav ul#top-menu {padding-top:0;}[data-pushbar-direction="top"][data-pushbar-id], [data-pushbar-direction="bottom"][data-pushbar-id] {min-height:42%;}
.home #content {padding: 25px 0 20px;}.top-bg {min-height: 124px;}.hd-h1{font-size: 30px;padding-top: 35px;}.services {padding-bottom: 40px;}
.services-bg .hd-h1, .sub-service-bg .hd-h1{top:48px;}.sponsors {padding: 40px 0 25px;}.location {padding: 30px 0 0;}
.home .intro h1 {font-size: 23px;}.our-work {padding: 0 0 15px;}.our-work h2{font-size: 30px;}.audio-clips li {flex: 0 0 70%;max-width: 100%;margin: 0 auto;}.our-vision .content-box h3 {font-size: 23px;}footer {padding-top: 25px;}.quick-links{margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px;text-align: center;}footer .logo img{margin:0 auto}#contact .btn-primary {max-width:255px;margin: 10px auto 0;}

/* body{border: 1px solid red} */

}

@media (max-width:480px){
.container{max-width: 90%} 
html{-webkit-text-size-adjust: none}.hd-h1 {font-size: 24px;}
.hd-h2 {font-size: 28px;}.sponsors {padding: 30px 0 10px;margin-top: 30px;}.location {padding: 25px 0 0;}
.our-services figure {float:none;}.our-services .content-box {margin:0 auto;text-align: center;}
.about-welcome .hd-h2 {font-size: 25px;}.about-welcome .hd-h2{margin-bottom:20px;}.qoute{display:none}.about-welcome h3 {padding-top: 0;}
.auto-counter li{width:100%;}.auto-counter figure{min-height: 80px;}.services {padding-bottom:0;}.our-vision {padding: 15px 10px;}.section-margin {margin: 30px -15px 0;}
.hd-h3 {font-size: 20px;margin:0 auto;}

/*body{border: 1px solid magenta}*/

}

@media (max-width:400px){
	/*body{border: 1px solid orange}*/
}

@media (max-width:320px){
.home .intro .hd-h1{font-size: 40px;text-transform: capitalize;}

/*body{border: 1px solid pink}*/

}