/*
Theme Name: Chitkara
Theme URI: https://www.chitkara.edu.in/asu
Author: Gaurav Mittal
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


/* MEDIA CSS */
.moboff{display:block}.mobon{display:none;}
h1, h2, h3, h4, h5{font-family: Arial !important;}

.mtop80{margin-top:80px !important;}
.mtop90{margin-top:90px !important;}
.mtop100{margin-top:100px !important;}

.head4 h4, h4.head4{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: 700;font-size: 35px;line-height: 40px;color: #000000;}
.head6 h6, h6.head6{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #000000;}

/*.header1{background:rgba(255, 255, 255, 0.9); position:absolute;top:0px; width:100%; z-index:100;padding: 5px 0px;}*/
.header1{background:#fff; position:relative;top:0px; width:100%; z-index:100;padding: 5px 0px; margin:0px 0px 0px 0px;}
.mainMenu{display:flex;float:right; margin-top: 18px;}
.mainMenu li {position: relative; }
.mainMenu li a{font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: 700;line-height: 17px;color: rgba(0, 0, 0, 1);
padding: 5px 16px 0px 16px;}

.dropdownMenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  min-width: 180px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;padding: 5px;
}

.dropdownMenu li {
  display: block;margin-bottom: 5px;
}

.dropdownMenu li a {
  padding: 10px 16px;
  color: #000; font-weight:400;
  white-space: nowrap;
}

.dropdown:hover .dropdownMenu {
  display: block;
}


img.dlogo{max-width:160px;}
a.program-button:hover{color:#fff;}
.top-home-banner-slider{width: 100%;clear: both;}
.top-home-banner-slider-mob{width: 100%;clear: both; display:none;}
#bannersliderASU .item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*padding: 95px 0;*/
  text-align: center;
  overflow: hidden;
 /* min-height: 750px;*/
}
#bannersliderASU .sliderHead {position: absolute;left: 5%;text-align: left; bottom:70px;}
.sliderHead h2{background:#FFC627;padding:10px 20px;font-family: Arial, Helvetica, sans-serif;font-size: 35px;font-weight: 700;line-height: 40px;letter-spacing: 0em;text-align: left;color: #000000;display: table; margin:0px;}
.sliderHead p{background:#fff;padding:10px 20px;font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: 400;line-height: 23px;color: #000000;display: table; max-width:695px;}

#bannersliderASU .bannerLogo{position: absolute;right:0%;text-align: left; top:70px; background:#fff; padding:15px 20px;}
#bannersliderASU .bannerLogoL{position: absolute;left:0%;text-align: left; bottom:120px; background:#fff; padding:15px 20px;}
#bannersliderASU .bannerLogo img{max-width:450px;}
#bannersliderASU .bannerLogoL img{max-width:450px;}
.getinTouchForm h4{font-size:20px!important;}

.section-four {
    width: 100%;
    float: left;
    padding: 69px 0 69px 0px;
    background: #f7f7f7 !important;
	
}
.section-four h2 {
    margin-bottom: 16px;
}
.section-four p {
    margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;

}
.product-col {
    padding: 30px 30px 18px 30px;
    border-radius: 10px;
    background: #FFF;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.equal-divider {
    height: 180px;
}
img.product-img {
    width: 100%;
    margin-bottom: 20px;
}
a.program-button {
    border-radius: 5px;
    background: var(--Brand-Red, #D00000);
    height: 42px;
    padding: 0px 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.16px;
    text-decoration: none;
    margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
a.download {
    border-radius: 5px;
    border: 1px solid #000;
    background: transparent;
    height: 42px;
    padding: 0px 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.16px;
    text-decoration: none;
    margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.product-logo {
    margin-bottom:10px;
    height: 40px;
}
.product-col h3 {
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.76px;
    margin-bottom: 10px;
}
.product-col p {
    margin-bottom: 20px;
}


.slide3 .sliderHead p{max-width:755px;}

.sliderTxt{position:absolute; bottom:50px; left:}
.slide1{background-image: url('../asu/banner-asu-1.jpg');}
.slide2{background-image: url('../asu/banner-asu-2.jpg');}
.slide3{background-image: url('../asu/banner-asu-3.jpg');}
.slide4{background-image: url('../asu/banner-asu-4.jpg');}
#bannersliderMob h2{font-family: Arial, Helvetica, sans-serif; font-size: 23px;font-weight: 700;line-height: 28px;color:#000; background:#FFC627;padding:10px 10px; margin: 0px 10px;  position: relative;  top: -60px;}
.pNumberTxt{position:relative;}
.countryListDD {
  position: absolute;
  left: 0;
  top: 5px;
  height: 40px;
  width: 60px;
  text-align: center;
  border-right: 1px solid #636363;
  line-height: 38px;
}

.programBoxWrap{display: flex; align-items: center;}
.programListASU{position:relative; margin:50px 0px;}
.programListASU .col-md-7{flex: 0 0 auto;width: 68% !important;}
.programListASU .col-md-5{flex: 0 0 auto;width: 32% !important;}
img.CICLogo{max-width:180px;}
.programBox{}
.programBox h1{font-family: Arial;font-size: 35px;font-weight: 700;line-height: 40px;letter-spacing: 0em;color: #101828;}
.programBox p{font-family: Arial;font-size: 18px;font-weight: 400;line-height: 26px;color: #000; margin-top:20px; padding-right:100px;}
a.proMore{background: #922647;padding:10px 25px;color:#fff; font-family: Arial;font-size: 18px;font-weight: 600;line-height: 26px;text-decoration:none;margin:35px 0px 20px 0px; display: table;}
a.proMore:hover{text-decoration:none; background: #333;color:#fff;}

.section4-mobile {width: 100%;
    background: rgba(255, 255, 255, .9);
    margin: 0;
    border-radius: 12px;
    padding: 20px 25px 30px;}
	
	
.section4-mobile h4 { font-style: normal;font-weight: bold; font-size: 20px;line-height: 27px;color: #000;font-family: 'Open Sans', sans-serif;margin-bottom:-5px;}
.section4-mobile form { width: 100%;}
.section4-mobile{margin-bottom: 10px; width: 100%;}
.section4-mobile input[type="text"], .section4-mobile input[type='email'], .section4-mobile input[type='tel']  {
	border: 1px solid rgba(134, 146, 166, 0.6);
    box-sizing: border-box;
    border-radius: 2px;
    height: 42px;
    background: transparent;
    color: #000!important;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    /*opacity: 0.5;*/
    margin-bottom: 15px;
    padding: 0;
	display:block;
    text-indent: 15px;
    font-family: 'Source Sans Pro', sans-serif; width:100%;background: #fff;}
	
	
label {display: inline-block;color:#6c7278!important;font-size:12px!important;
}



.section4-mobile select {
    border: 1px solid rgba(134, 146, 166, 0.3);
    box-sizing: border-box;
    border-radius: 2px;
    height: 44px;
    background: transparent;
    color: #000;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    /*opacity: 0.5;*/
	margin-bottom: 15px;
    width: 100%;
    text-indent: 8px;
    font-family: 'Source Sans Pro', sans-serif;
	-webkit-appearance: none; position:relative;
    
    background:#fff url("../images/dd-arrow.png");
    background-position: 93% 50%;
    background-repeat: no-repeat;
}
.section4-mobile select option {
    background:#fff;
    color: #000;
   
}

.section4-mobile input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-weight: 300;
}

.section4-mobile input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-weight: 300;
}

.section4-mobile input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-weight: 300;
}

.section4-mobile input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    font-weight: 300;
}

.section4-mobile select::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    font-weight: 300;
}

.section4-mobile select::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    font-weight: 300;
}

.section4-mobile select:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    font-weight: 300;
}

.section4-mobile select:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    font-weight: 300;
}

.section4-mobile input[type="button"] {
    background: #E3000F;
    border-radius: 2px;
    height: 42px;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.208707px;
    color: #fff;
    border: none;
    margin-top: 20px;
    box-shadow: none;
}
.section5-mobile{display:none;}
.section5-web{display:block;}


.section8-Mobile { width: 100%; float: left; padding: 50px 0px; background: #EAEAEA;margin-top: 50px;}

.asuSliderPathway{display:none;}
.setion-8-list-view{display:block;}
.setion-8-list-view { width: 90%; display: flex;margin: 50px auto 0 auto;}
.section-view-box { width: 100%; background: #ffffff; padding-bottom: 15px; margin: 0px 10px 20px 10px;position: relative;}
.eight-image-col { width: 100%; display: flex;justify-content: flex-start;flex-direction: column;    margin-top: 0px;}
.eight-image-col img { margin-top: 0px;}
.eight-image-col div {display: flex; flex-direction: column; padding: 10px 20px 0 20px;}
.eight-image-col span {font-style: normal;font-weight: bold;font-size: 20px;line-height: 30px; color: #000;padding:10px 20px 5px 0px;font-family: Arial, Helvetica, sans-serif;}
.eight-image-col p {font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #000;margin-bottom: 0px !important;font-family: Arial, Helvetica, sans-serif;padding:0 20px;}
.career-needs-description1 { width: 90%; margin: 15px auto 0 auto;}
.career-needs-description1 p{font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: 0em;text-align: center;}

.whyChosse{background: #000000;position: relative;  clear: both;}
.whyChosse .col-md-5{width: 48%; padding-left:10%;}
.whyChosse .col-md-7{padding-right:0px; width: 52%;}
.wcHead{margin-top:40px; padding-bottom:50px;}
.wcHead h3{background: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 38px;font-weight: 700;line-height: 48px;color: #000000; padding:5px 20px; display: table;margin: 0;}
.wcHead h4{background: #FFC627;font-family: Arial, Helvetica, sans-serif;font-size: 38px;font-weight: 700;line-height: 48px;color: #000000; padding:5px 20px; margin-left:45px; display: table; position:absolute;z-index:1;}
.wcBG{background:url(../asu/Decoding-Uniqueness-new.jpg); background-size:cover;}

.transformSection{position: relative;  clear: both; margin:50px 0px;}
.careerPathways{background: #F5F5F5;padding:50px;}
.careerPathways h2{font-family: Source Sans Pro;font-size: 35px;font-weight: 700;line-height: 44px;color: rgba(16, 24, 40, 1);}
.careerPathways p{font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: 400;line-height: 28px;color: rgba(0, 0, 0, 1);}

.transformBox{background: #F5F5F5;display:flex;padding:50px; align-items: center;}
.tfBox1{padding-left:50px;}
.tfBox1 h4{font-family: 'Source Sans Pro', sans-serif;font-size: 35px;font-weight: 700;line-height: 44px; color:#101828; max-width:505px;margin-right: 90px;}
.tfBox1 h4 span{color:#FD191F;}
.tfBox1 p{font-family: 'Source Sans Pro', sans-serif;font-size: 18px;font-weight: 600;line-height: 26px;color:#000000}
.tfBox1 a{background: #FD191F;padding:10px 25px;color:#fff; font-family: Arial;font-size: 18px;font-weight: 600;line-height: 26px;text-decoration:none;margin:35px 0px 20px 0px; display: table;}
.tfBox2{margin-left: 90px; width: 40%;}
.tfBox2 img{border-radius:8px;}
.list5R li, li.list5R {
	font-family: Arial;font-size: 18px;font-weight: 700;line-height: 30px;letter-spacing: 0em;text-align: left;color: #FFFFFF;
	background: url(../asu/listicon.svg) left 5px no-repeat;    margin: 0px 0px 10px 0px;    padding: 3px 0 0 45px !important;    display: block; }

.list5y li, li.list5y {
	font-family: Arial;font-size: 18px;font-weight: 700;line-height: 30px;letter-spacing: 0em;text-align: left;color:  rgba(0, 0, 0, 1);background: url(../asu/tick-icon-yellow.svg) left 5px no-repeat;    margin: 0px 0px 10px 0px;    padding: 3px 0 0 45px !important;    display: block; 
}
.fiftyList li{width: 48%;display: inline-block !important;vertical-align: top;}
.threeList li{width: 30%;display: inline-block !important;vertical-align: top;}
.bottomMobileContact{position:fixed; bottom:10%; right:0px; display:none;z-index: 100;}
.bottomMobileContact li{ border-top-left-radius:8px; border-bottom-left-radius:8px;  margin-bottom:10px; list-style:none;}
.bottomMobileContact li a{padding:10px 15px;display: table;}
.bottomMobileContact li:first-child{background:#00E676;}
.bottomMobileContact li:last-child{background:#05AFE4;}


.desktop-footer {
    width: 100%;
    float: left;
    background: #000000;
    padding: 40px 0;
    display: block;
}

.desktop-footer .col-md-3 {
    float: left;
    width: 25%;
}

.footer-links-desktop h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.footer-links-desktop ul {
    margin: 0;
    padding: 0;
}

.footer-links-desktop ul li {
    margin: 0;
    padding: 4px 0;
}

.footer-links-desktop ul li a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
}

.footer-links-desktop {
    padding-left: 26px;
    border-left: 0.5px solid #82828275;
}
/*
.desktop-copy-right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    height: 49px;
}

.desktop-copy-right p {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    margin: 0px;
}

.desktop-copy-right a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #323232;
    text-decoration: none !important;
    padding-left: 5px;
}
*/
.mob-foot-logos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 14px;
}

.foot-social-icons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.foot-social-icons a {
    padding: 0 15px 0 0px;
    cursor: pointer;
}

.chitkara-address {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.chitkara-address p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    margin: 0px 0px 6px 0px;
}

.chitkara-address span {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}
.new-mobile-footer {
    display: none;
}


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

@media only screen and (min-width: 1099px) and (max-width: 1270px) {
	.wcHead h3{font-size:34px;}
	.wcHead h4{font-size:34px;}
}

@media only screen and (min-width: 992px) and (max-width: 1099px) {
	
	.wcHead h3{font-size:34px;}
	.wcHead h4{font-size:34px;}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#bannersliderASU .bannerLogo{padding:10px 15px;}
	#bannersliderASU .bannerLogo img{max-width:300px;}
	#bannersliderASU .bannerLogoL{padding:10px 15px;}
	#bannersliderASU .bannerLogoL img{max-width:300px;}
	.wcHead h3{font-size:30px;}
	.wcHead h4{font-size:30px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header1 .col-md-7{display: none;}
	
	 .logo {    float: left;    width: 100%;    padding: 10px 10px;    z-index: 1000;    background-color: #fff;    top: 0px;    right: 0px;  }
}
@media only screen and (max-width: 767px)
{	
	body{background:#fff !important;}
	.container{width: 100% !important;}
	p .head6{font-size:16px!important;}
	.section5-mobile{background-color:#fff!important;}
	
	.equal-divider { height: auto;}
	.product-col{height:auto;margin-bottom:20px;}
	.getinTouchForm h4{font-size:20px!important;}
	/*.logo{background:rgba(255, 255, 255, 0.4) !important; position: absolute !important;}*/
	.logo{background:#fff !important; position: absolute !important;}
	.header1 .col-md-7{display: none;}
	.header1{background: none;}
	.moboff{display:none}.mobon{display:block;}
	.top-home-banner-slider{display:none}
	.top-home-banner-slider-mob{margin-top: 0px; display:block}
	.mlogo{max-height: 37px;}
	.headermenu{top: 18px !important;}
	.asuLogo{max-width:300px;}
	.programBox h1{font-size: 22px;  line-height: 25.3px;}
	.programBox p{font-size: 16px; padding-right:0px; line-height: 26px;}
	.programListASU{margin: 10px 0px 50px 0px;}
	.programListASU .col-md-7, .programListASU .col-md-5{width: 100% !important;}
	.career-needs-description1{width: 100%;}
	a.proMore{margin: 15px 0px 20px 0px;}
	.section4-mobile{border-radius: 4px;}
	
	.product-col h3{font-size: 18px;}
	
	.whyChosse .col-md-5, .whyChosse .col-md-7{width:100%}
	.whyChosse .col-md-5{padding-left: 15px;}
	.wcHead h3{font-size: 22px; line-height:48px; padding: 0px 5px;}
	.wcHead h4{font-size: 22px;margin-left: 15px;line-height:48px; padding: 0px 5px;}
	
	.transformBox{flex-wrap:wrap;padding:20px;}
	.tfBox1{padding-left:0px;}
	.tfBox1 h4{font-size: 24px;line-height: 32px; margin-right: 0px;}
	.tfBox1 p{font-size: 16px;line-height: 24px;}
	.tfBox2{margin-left: 0px; width: 100%;}

	.banner-content{padding-left:15px; padding-right:15px;}
	.list5R li, li.list5R{font-size: 14px;}
	.fiftyList li{width:100%}
	.list5y li, li.list5y{font-size: 14px;  line-height: 30px; margin: 0px 0px 5px 0px;}
	.transformSection{margin: 32px 0px;background: #F5F5F5;}
	.careerPathways{padding:25px 0px 30px 0px;}
	.asuSliderPathway{display:block; width: 80%;    margin: 38px auto 20px;}
	.careerPathways h4{font-size: 22px;font-weight: 700;line-height: 28px;}
	.careerPathways p{font-size: 14px;font-weight: 400;line-height: 22px;}
	
	.section5-mobile{display:block;}
	.section5-web{display:none;}
	.setion-8-list-view{display:none;}
	.section8-Mobile{background-color:#f6f6f6!important;padding: 30px 0px 30px 0px!important; margin-top:26px;}
	.section8-Mobile h4 { font-size: 24px;line-height: 30px; width: 100%;} 
	.section-view-box a {
        font-size: 14px;
        line-height: 20px;
    }

    .section8-Mobile h4 {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
    }
	.career-needs-description1 p{font-size: 14px;line-height: 22px;}
	.bottomMobileContact{display:block;}
    /*.setion-8-list-view {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 30px auto 0 auto;
    }*/
    .section8-Mobile{
        padding: 30px 0px 0px 0px;
    }
    .section-view-box {
        width: 100%;
        background: #ffffff;
        padding-bottom: 15px;
        margin: 0px 0px 20px 0px;
    }

    .section-view-box a {
        padding: 0px 15px;
    }

    .section-view-box p {
        font-size: 14px;
        line-height: 22px;
        padding: 0px 0px;
		color:#000; margin-top:10px;
    }

    .eight-image-col.for-pharmacy {
        flex-direction: column;
    }

    .eight-image-col {
        width: 100%;
        display: block;
        margin-top: 0px;
        flex-direction: column;
        align-items: flex-start;
        padding:10px;
    }

    .eight-image-col img {
        margin-top: 0px;
        margin-right:10px;
        width: 50%;
        float:left;
    }

    .eight-image-col div {
        display: flex;
        flex-direction: column;
        padding: 0px ;
    }

    .eight-image-col span {
        font-size: 16px;
        line-height: 20px;
        display:table;
		padding-top:20px;
    }

	.row { margin-bottom: 0px !important;}  
	.section6-mobile {
        padding: 30px 0px;
    }

    .section6-mobile h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .client-box {
        width: 26%;
        margin: 18px auto 18px auto;
    }
	 
	.section-four{padding: 30px 0 30px 0px;}
	.mlogo{padding-left: 5px;}
	
}
@media only screen and (min-width: 300px) and (max-width: 399px) 
{
	.mlogo{padding-left: 5px;}
}