/*

 * Table of Contents:

 * 	   - Media Queries

 *   0 - media screen and (max-width: 1170px)

 *   1 - media screen and (max-width: 1152px) 

 *   2 - media screen and (max-width: 1024px)

 *   3 - media screen and (max-width: 992px)

 *   4 - media screen and (max-width: 800px)

 *   5 - media screen and (max-width: 768px)

 *   6 - media screen and (max-width: 728px)

 *   7 - media screen and (max-width: 640px)

 *   8 - media screen and (max-width: 500px)

 *   9 - media screen and (max-width: 480px)

 *  10 - media screen and (max-width: 414px)

 *  11 - media screen and (max-width: 375px)

 * 	12 - media screen and (max-width: 360px)

 *  13 - media screen and (max-width: 320px)

---------------------------------------------------------------------- */

/* 1.0 - Common Styles

---------------------------------------------------------------------- */



body, p, article, aside, details, figcaption, figure, footer, header, hgroup, section, summary {

	font-family: 'Open Sans', sans-serif;

	color: #444;

	font-size: 15px;

	font-weight: 400;

	line-height: 24px;

	margin: 0px;

	padding: 0px;

}

h1 {

	font-family: 'Open Sans', sans-serif;

	font-size: 30px;

	color: #222;

	margin-bottom: 15px;

	font-weight: 700;

	line-height: 40px;

	text-transform: uppercase;

}

h2 {

	font-family: 'Open Sans', sans-serif;

	font-size: 30px;

	color: #222;

	margin-bottom: 15px;

	font-weight: 700;

	line-height: 36px;

	text-transform: uppercase;

}

h3 {

	font-family: 'Open Sans', sans-serif;

	font-size: 26px;

	color: #000;

	margin-bottom: 15px;

	font-weight: 700;

	line-height: 34px;

}

h4 {

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	color: #222;

	margin-bottom: 10px;

	line-height: 22px;

	font-weight: 700;

}

h5 {

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	color: #333;

	margin-bottom: 10px;

	line-height: 26px;

	font-weight: 700;

}

h6 {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	color: #222;

	margin-bottom: 10px;

	line-height: 24px;

	font-weight: 400;

}

a {

	outline: 0;

	color: #000;

	-webkit-transition: all .25s ease-in;

	-moz-transition: all .25s ease-in;

	-ms-transition: all .25s ease-in;

	-o-transition: all .25s ease-in;

	transition: all .25s ease-in;

}

.btn {

	outline: 0;

	-webkit-transition: all .25s ease-in;

	-moz-transition: all .25s ease-in;

	-ms-transition: all .25s ease-in;

	-o-transition: all .25s ease-in;

	transition: all .25s ease-in;

	cursor: pointer;

}

button:focus {

	outline: none;

}

a:focus, a:hover, a:active {

	text-decoration: none;

	outline: 0;

}

p {

	margin-bottom: 10px;

}

a:focus, a:hover {

	color: #000;

	text-decoration: none;

}

.container {

	padding: 0px;

	width: 100%;

	max-width: 1170px;

}

/* top header

---------------------------------------------------------------------- */





.ccr_top_bar {

	display: inline-block;

	float: left;

	width: 100%;

	position: relative;

	background-color: #901d78;

}

.top_right {

	float: right;

	width: 100%;

}

.social_icon {

	float: left;

	margin: 0;

	padding: 0 0 0 0px;

	list-style: none;

}

.social_icon li {

	display: inline-block;

	float: left;

}

.social_icon li a {

	float: left;

	width: 35px;

	text-align: center;

	line-height: 35px;

	color: #fff;

	background-color: #791264;

	margin: 3px 4px 3px 0;

}

.social_icon li a:hover {

	color: #791264;

	background-color: #fff;

}

/*.social_icon li:first-child a {

	margin-left: 0px;

	color: #1545a6;

}

.social_icon li:nth-child(2) a {

	color: #10abeb;

}

.social_icon li:nth-child(3) a {

	color: #118cc9;

}

.social_icon li:nth-child(4) a {

	color: #d62b78;

}*/

.contact_details {

	float: right;

	margin: 0;

	padding: 0;

	list-style: none;

}

.contact_details li {

	display: inline-block;

	float: left;

	line-height: 43px;

}

.contact_details li a {

	float: left;

	color: #fff;

	border-right: 2px solid #eee;

	line-height: 13px;

	padding-right: 15px;

	margin: 14px 15px 14px 0px;

}

.contact_details li a:hover {

	color: #0c7ad2;

}

.contact_details li:last-child a {

	border-right: 0px;

	padding-right: 0px;

	margin-right: 0px;

}

.contact_details li a i {

	margin-right: 5px;

}

.blue_strip {

	background-color: #0c7ad2;

	height: 43px;

	width: 37%;

	position: absolute;

	left: 0;

	top: 0;

	border-top: 0px solid transparent;

	border-bottom: 45px solid transparent;

	border-right: 18px solid #fff;

}

/* search bar

---------------------- */

.search_bar {

	float: left;

}

.openBtn {

	background: #fff;

	border: none;

	padding: 10px 15px;

	font-size: 20px;

	cursor: pointer;

}

.openBtn:hover {

	background: #eee;

	color: #0c7ad2;

}

.overlay {

	height: 100%;

	width: 100%;

	display: none;

	position: fixed;

	z-index: 1;

	top: 0;

	left: 0;

	background-color: rgb(0,0,0);

	background-color: rgba(0,0,0, 0.9);

	z-index: 99999;

}

.overlay-content {

	position: relative;

	top: 46%;

	width: 480px;

	text-align: center;

	margin-top: 30px;

	margin: auto;

}

.overlay .closebtn {

	position: absolute;

	top: 20px;

	right: 45px;

	font-size: 60px;

	cursor: pointer;

	color: white;

}

.overlay .closebtn:hover {

	color: #ccc;

}

.overlay input {

	padding: 10px 15px;

	font-size: 15px;

	border: none;

	float: left;

	width: 30%;

	background: white;

	height: 45px;

}

.overlay input[type=text]:hover {

	background: #f1f1f1;

}

.overlay button {

	float: left;

	padding: 10px 15px;

	font-size: 15px;

	border: none;

	cursor: pointer;

}

.openBtn i {

	font-size: 15px;

}

.google_translate {

	float: right;

}

/* main header

---------------------------------------------------------------------- */

.main_header {

	background-color: rgba(255, 255, 255, 1);

	display: inline-block;

	width: 100%;

	z-index: 99;

	height: 90px;

	border-bottom: 1px solid #ddd;

	float:left;

}

.white_strip {

	background-color: #fff;

	height: 80px;

	width: 37%;

	position: absolute;

	left: 0;

	top: 0;/*border-bottom: 82px solid transparent;

	border-right: 32px solid #00aeef;*/

}

.strip_border {

	transform: skewX(24deg);

	background-color: #0c7ad2;

	height: 80px;

	width: 20px;

	float: right;

	margin-right: -18px;

}

.strip_border:before {

	background-color: #fff;

	height: 80px;

	width: 30px;

	content: "";

	transform: skewX(0deg);

	float: left;

	margin-left: -28px;

}

.logo {

	padding: 15px 0;

	float: left;

	position: relative;

	margin: 0px 0;

	width: 270px;

}

.menu {

	float: right;

	margin-top: 20px;

}

.navbar-light .navbar-toggler-icon {

	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-light .navbar-toggler {

	border-color: #fff;

	padding: 2px 5px;

}

.navbar-light .navbar-nav .nav-link {

	color: #fff;

	font-size: 15px;

	font-weight: 600;

	text-transform: uppercase;

	padding: 0px 15px;

	font-family: 'Open Sans', sans-serif;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

	color: #fff;

}

.navbar-light .navbar-nav li:last-child .nav-link {

	padding-right: 0px;

}

.navbar {

	padding: 0px;

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

	color: #fff;

}

.sticky {

	width: 100%;

}

.darkHeader {

	position: fixed;

	top: 0;

	z-index: 9999;

	transition: 0.8s;

	-webkit-transition: 0.8s;

	background-color: #fff;

	padding: 0px;

	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.12);

	-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.12);

	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.12);

	left: 0;

	right: 0;

	border-bottom: 0px;

}

.back-to-top {

	position: fixed;

	bottom: 20px;

	right: 20px;

	width: 54px;

	height: 54px;

	display: block;

	text-decoration: none;

	-webkit-border-radius: 35px;

	-moz-border-radius: 35px;

	border-radius: 35px;

	display: none;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	z-index: 9999;

	font-size: 21px;

	padding: 11px 0;/* background-color:#79b829; border-color:#79b829;*/

}

.dropdown-item {

	font-size: 15px;

	padding: 0px 15px;

}

.dropdown-item:hover {

	background-color: #00aeef;

	color: #fff;

}

.navbar-expand-lg .navbar-nav .dropdown-menu {

	width: 250px;

}

.dropdown-menu {

	border: 0px;

}

/* banner section

---------------------------------------------------------------------- */

.ccr_banner {

	float: left;

	width: 100%;

}

.carousel-caption {

	top: 35%;

}

.carousel-caption {

	text-align: center;

}

.carousel-caption h4 {

	color: #fff;

	font-size: 24px;

	text-transform: uppercase;

	font-weight: 600;

}

.carousel-caption .btn {

	background-color: transparent;

	border-radius: 0px;

	border: 0px;

	text-transform: uppercase;

	padding: 10px 20px;

	border: 2px solid #fff;

}

.carousel-caption .btn:hover {

	background-color: #fff;

	color: #000;

}

.carousel-caption h2 {

	color: #fff;

	font-size: 55px;

	font-weight: 700;

	line-height: 70px;

	text-transform: uppercase;

}

.carousel-caption p {

	color: #fff;

	font-size: 20px;

	font-weight: 400;

	line-height: 26px;

	font-family: 'Open Sans', sans-serif;

}

.carousel-control-next, .carousel-control-prev {

	width: 5%;

}

/* event section

---------------------------------------------------------------------- */

.ccr_events {

	float: left;

	width: 100%;

	background-image: url(../images/blue_back.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	padding: 20px 0;

}

.event_text p {

	font-size: 15px;

	line-height: 25px;

	text-transform: uppercase;

	color: #fff;

	font-weight: 600;

}

.event_text {

	padding: 20px 40px 20px 0;

}

.event_text a {

	color: #fff;

	font-size: 15px;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-style: italic;

	margin-top: 15px;

	display: inline-block;

	margin-right: 20px;

}

.event_text a:hover {

	color: #272e8c;

}

.event_text i {

	margin-right: 5px;

}

.event_box h4 {

	font-size: 20px;

	font-weight: 600;

	color: #fff;

}

.event_box h2 {

	font-size: 32px;

	font-weight: 900;

	color: #fff;

}

.event_box p {

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

}

.event_box p sup {

	text-transform: lowercase;

}

.event_box {

	transform: skew(-20deg);

	padding: 20px;

	background-color: #000;

	float: left;

}

.event_b {

	transform: skew(20deg);

	padding-left: 30px;

}

.dicd_box {

	width: 40%;

	background-color: #e96423;

}

.summer_box {

	width: 55%;

	background-color: #272e8c;

	margin-left: 7px;

}

/* about us section

---------------------------------------------------------------------- */

.ccr_section {

	float: left;

	width: 100%;

	padding: 60px 0;

}

.about_bg {

	background-image: url(../images/about-us.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

}

.title_bar h1 {

	border-left: 4px solid #0c7ad2;

	padding-left: 15px;

	line-height: 30px;

	margin-bottom: 20px;

}

.read_more {

	background-color: #00aeef;

	text-transform: uppercase;

	padding: 10px 30px;

	border-color: #00aeef;

	margin-top: 25px;

	font-size: 15px;

}

.ccr_porjects {

	padding: 0px;

	background-color: #fff;

	text-align: left;

}

.card-header .btn {

	font-weight: 700;

	text-align: left;

}

/* leadership section

---------------------------------------------------------------------- */



/*.leadership_bg:after{

	background-image: url(../images/pattern-2.png);

	background-repeat: no-repeat;

	content:""; position:absolute; right:0; top:0; bottom:0; width:340px; z-index:9999;

}



.leadership_bg:before{

	background-image: url(../images/pattern-1.png);

	background-repeat: no-repeat;

	content:""; position:absolute; left:0; top:0; bottom:0; width:340px; z-index:9999;

}*/



.service__section {

	list-style: none;

	display: flex;

	flex-wrap: wrap;

	padding: 0px;

	margin: 0 -15px;

}

.service__section li {

	width: 33.333%;

	padding: 15px;

}

.leadership_bg {

	background-image: url(../images/p6.png);

	background-repeat: repeat-x;

}

.ccr_porjects {

	width: 93%;

	margin: 0 auto;

	display: inline-block;

	background-color: #fff;

	padding-bottom: 15px;

	-webkit-box-shadow: 0px 10px 19px -9px rgba(0,0,0,0.11);

	-moz-box-shadow: 0px 10px 19px -9px rgba(0,0,0,0.11);

	box-shadow: 0px 10px 19px -9px rgba(0,0,0,0.11);

	border: 1px solid #eee;

}

.ccr_porjects p {

	margin-bottom: 10px;

	padding: 0 20px;

}

.boxes_three {

	margin-top: -150px;

	position: relative;

}

.ccr_porjects h4 {

	padding: 5px 20px 0;

	color: #29166f;

	text-transform: uppercase;

	font-weight: 600;

}

.box_in {

	background-color: #ecf9fd;

	padding: 20px;

}

.project_box img {

	/*height: 255px;

	width: 100%;

	object-fit: cover;*/

	margin-bottom: 15px;

}

.ccr_porjects h5 {

	text-transform: uppercase;

	color: #222;

	font-size: 16px;

	margin-bottom: 0px;

	line-height: 22px;

}

.title {

	text-align: center;

	text-transform: uppercase;

}

.title h2 {

	border-left: 4px solid #ee5307;

	border-right: 4px solid #ee5307;

	line-height: 30px;

	display: inline-block;

	padding: 0 20px;

}

.ccr_porjects a.btn {

	background-color: #fff;

	border-color: #fff;

	margin: 10px 10px;

	display: inline-block;

	color: #29166f;

	font-size: 16px;

}

.icon_title_wrap {

	display: flex;

	flex-wrap: wrap;

	padding: 7px 0;

}

.icon_title_wrap h5 {

	color: #fff;

	font-weight: 600;

}

.icon_title_wrap img {

	margin-right: 10px;

}

/* four boxes

---------------------------------------------------------------------- */

.boxes_bg {

	background-image: url(../images/boxes-bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}

.boxes ul {

	display: flex;

	flex-wrap: wrap;

	margin: 0 -15px;

	list-style: none;

	padding: 0px;

}

.boxes ul li {

	width: 25%;

	padding: 0 15px;

	display: flex;

	flex-wrap: wrap;

}

.boxes ul li .box {

	border: 3px solid #00aeef;

	padding: 25px 15px 15px;

	text-align: center;

	-webkit-transition: all .25s ease-in;

	-moz-transition: all .25s ease-in;

	-ms-transition: all .25s ease-in;

	-o-transition: all .25s ease-in;

	transition: all .25s ease-in;

	width: 100%;

	color: #00aeef;

	font-size: 48px;

}

.boxes img {

	margin: 0 auto;

}

.boxes ul li .box p {

	font-size: 30px;

}

.boxes p {

	text-transform: uppercase;

	color: #000;

	font-weight: 600;

	line-height: 22px;

	padding-top: 20px

}

.boxes .wh_img {

	display: none;

}

.boxes ul li .box:hover {

	background-color: #00aeef;

	color: #fff;

}

.boxes ul li .box:hover .i {

	display: block;

}

.boxes ul li .box:hover .cl_img {

	display: none;

}

.boxes ul li .box:hover p {

	color: #fff;

}

/* conference section

---------------------------------------------------------------------- */

.conference_bg {

	background-image: url(../images/conference_bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

	padding: 0px;

	display: flex;

	flex-wrap: wrap;

}

.conference_left {

	background-color: rgba(39, 46, 140, .95);

	padding: 60px 0px;

	float: left;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.heading_title h2 {

	color: #fff;

	line-height: 36px;

}

.left_line {

	height: 26px;

	width: 4px;

	background-color: #ee5307;

	margin-right: 10px;

	margin-top: 5px;

	float: left;

	margin-bottom: 30px;

}

.heading_title p {

	text-transform: uppercase;

	color: #fff;

	font-size: 16px;

	margin-bottom: 5px;

}

.conference_left p {

	color: #fff;

}

.conference_right {

	background-color: rgba(252, 242, 197, .85);

	padding: 60px 100px;

	float: left;

	width: 60%;

}

.conference_box img {

	height: 200px;

	width: 100%;

	object-fit: cover;

	margin-bottom: 15px;

}

/* success story section

---------------------------------------------------------------------- */

.success_bg {

	background-image: url(../images/story_bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover;

}

.contact__form .form-control {

	border-radius: 0px;

}

.img_text {

	background-color: rgba(0, 0, 0, 0.8);

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	padding: 50px 30px;

}

.img_text h3 {

	color: #fff;

}

.img_text p {

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	line-height: 26px;

}

.img_text i {

	margin-right: 7px;

}

.black_text h2 {

	color: #000;

}

.black_text p {

	color: #000;

}

.story_date {

	background-color: rgba(0, 0, 0, 0.6);

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	padding: 30px 0;

	right: 0;

	font-size: 16px;

	font-weight: 700;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

	text-align: center;

}

/* success story form

---------------------------------------------------------------------- */

.enquiry_form {

	background-color: #0c7ad2;

	padding: 35px 20px;

}

.enquiry_form p {

	padding: 10px 0 20px;

	color: #fff;

}

.enquiry_form .form-control {

	border-radius: 0px;

	font-size: 14px;

	border-color: #fff;

}

.submit_btn {

	background-color: #0f4659;

	text-transform: uppercase;

	font-weight: 600;

	padding: 10px 20px;

	margin-top: 15px;

	border-color: #0f4659;

}

/* testimonials section

---------------------------------------------------------------------- */

.testimonials_bg {

	background-image: url(../images/client-bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

}

.testimonials_box {

	text-align: left;

	width: 96%;

	background-color: #0c7ad2;

	display: inline-block;

	margin: 0 auto;

}

.testimonials_box p {

	color: #fff;

	line-height: 22px;

	font-size: 14px;

	padding-right: 10px;

}

.testimonials {

	float: left;

	width: 100%;

	margin-bottom: 0px;

}

/* footer

---------------------------------------------------------------------- */





footer {

	background-color: #02334d;

	padding: 50px 0 0;

	float: left;

	width: 100%;

}

footer h3 {

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 10px;

	color: #fff;

	text-transform: uppercase;

}

footer p {

	color: #b9abed;

}

footer ul {

	list-style: none;

	padding: 0px;

}

footer ul li a {

	padding: 5px 0;

	color: #b9abed;

	display: block;

}

footer ul li a:hover {

	color: #fff;

}

footer a {

	padding: 5px 0;

	color: #b9abed;

	display: block;

}

footer h4 {

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 600;

	margin-bottom: 15px;

}

footer a:hover {

	color: #fff;

}

footer a i {

	margin-right: 5px;

	color: #fff;

}

footer p i {

	margin-right: 5px;

	color: #fff;

}

footer .form-control {

	padding: 14px 35px;

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	-webkit-transform: skew(15deg);

	-moz-transform: skew(15deg);

	transform: skew(15deg);

	border-radius: 0px;

	border: 0px;

	margin: 0 8px 0 0;

	text-transform: uppercase;

	float: right;

	border: 1px solid #555;

}

.next_arrow {

	background-color: #138496;

	padding: 11px 25px;

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	-webkit-transform: skew(15deg);

	-moz-transform: skew(15deg);

	transform: skew(15deg);

	border-radius: 0px;

	border: 0px;

	margin: 20px 8px 0 0;

	text-transform: uppercase;

	float: left;

}

.next_arrow span {

	-webkit-transform: skew(-15deg);

	-moz-transform: skew(-15deg);

	transform: skew(-15deg);

	display: block;

}

.subscribe_box {

	padding-right: 50px;

}

#search {

	display: inline-block;

	border: 1px solid #43a4cd;

	border-radius: 0;

	padding: 8px 10px;

	-moz-transform: skewX(15deg);

	-webkit-transform: skewX(15deg);

	-o-transform: skewX(15deg);

	-ms-transform: skewX(15deg);

	transform: skewX(15deg);

	float: left;

	margin: 20px 7px 0 5px;

	width: 75%;

	color: #fff;

}

#search input {

	border: 0;

	box-shadow: none;

	-moz-transform: skewX(-15deg);

	-webkit-transform: skewX(-15deg);

	-o-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	background-color: transparent;

	color: #97d2ea;

	font-weight: 300;

	width: 100%;

	padding: 2px 15px;

}

.footer_title {

	float: left;

}

.footer_title a {

	font-size: 18px;

	color: #fff;

	padding-right: 40px;

	text-transform: uppercase;

	font-weight: 400;

	line-height: 30px;

}

.footer_title a i {

	padding-right: 10px;

	font-size: 16px;

}

.foot_right {

	padding-left: 0px;

}

.foot_right ul.social_media {

	float: left;

	padding: 0px 0 0 20px;

	list-style: none;

	margin: 0px;

}

.foot_right ul.social_media li {

	float: left;

}

.foot_right ul.social_media li a {

	font-size: 16px;

	background-color: #fff;

	padding: 2px 0px;

	line-height: 30px;

	width: 30px;

	height: 30px;

	text-align: center;

	float: left;

	margin-right: 4px;

}

.social_media li:first-child a {

	margin-left: 0px;

	color: #1545a6;

}

.social_media li:nth-child(2) a {

	color: #10abeb;

}

.social_media li:nth-child(3) a {

	color: #118cc9;

}

.social_media li:nth-child(4) a {

	color: #d62b78;

}

.foot_right .footer_link {

	padding: 0px;

	list-style: none;

	margin: 25px 0px 0;

	float: left;

	width: 100%;

}

.design_by a {

	display: inline-block;

}

.foot_right .footer_link li {

	float: left;

	line-height: 34px;

}

.foot_right .footer_link li a {

	font-size: 15px;

	color: #ddd;

	line-height: 15px;

	border-right: 1px solid #eee;

	padding: 0 15px;

	line-height: 20px;

}

.foot_right .footer_link li a:hover {

	color: #fff;

}

.foot_right .footer_link li:last-child a {

	border-right: 0px;

}

.bottom_footer {

	border-top: 1px solid #392877;

	width: 100%;

	margin-top: 20px;

}

.bottom_footer p {

	padding: 20px 0;

	color: #fff;

	margin-bottom: 0px;

	font-size: 14px;

}

.bottom_footer a {

	color: #fff;

	font-size: 14px;

}

.design_by p {

	color: #fff;

	text-align: right;

}

.join_usb {

	background-color: #f96906;

	padding: 12px 30px;

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	-webkit-transform: skew(15deg);

	-moz-transform: skew(15deg);

	transform: skew(15deg);

	border-radius: 0px;

	border: 0px;

	margin: 0 8px 0 0;

	text-transform: uppercase;

	margin: 30px 0 0 7px;

}

.join_usb span {

	-webkit-transform: skew(-15deg);

	-moz-transform: skew(-15deg);

	transform: skew(-15deg);

	display: block;

}

.join_usb:hover {

	background-color: #e15e04;

}

.inner_pages {

	background-image: url(../images/boxes-bg.jpg);

	background-repeat: no-repeat;

	background-attachment: fixed;

	padding: 50px 0;

	float: left;

	width: 100%;

	background-size: cover;

}

.ccr_inner_banner {

	float: left;

	width: 100%;

}

.contact_page i {

	color: #00aeef;

	margin-right: 5px;

	font-size: 14px;

}

.boxes_three ul {

	list-style: none;

	display: flex;

	flex-wrap: wrap;

	padding: 0px;

	margin: 0px -10px;

}

.boxes_three ul li {

	width: 33.333%;

	padding: 10px;

	display: flex;

	flex-wrap: wrap;

}

.boxes_three ul li .box_t {

	background-color: #ffff;

	padding: 20px;

	text-align: center;

}

.boxes_three ul li .box_t i {

	font-size: 48px;

	margin: 10px 0 20px;

	color: #002E5B;

}

.gray__back {

	background-color: #f7f8fa;

}

.institutes-container {

	display: flex;

	flex-wrap: wrap;

}

.institutes-container .grid-items {

	padding: 0;

	margin: 0;

	float: left;

	border-top: 1px solid #e9e9e9;

	border-bottom: 1px solid #e9e9e9;

	border-left: 1px solid #e9e9e9;

	width: 20%;

	display: inline-block;

	vertical-align: top;

	height: 240px;

	box-sizing: border-box;

}

.institutes-container .grid-items:last-child {

	border-right: 1px solid #d9d9d9;

}

.institutes-container .grid-items a {

	padding: 0 25px;

	display: inline-block;

	width: 100%;

}

.institutes-container .grid-items .grid-inner-container img {

	height: 100px;

	width: 120px;

	margin: 15px auto;

}

.institutes-container .grid-items p {

	font-size: 13px;

	line-height: 19px;

}

.upload_section {

	float: left;

	width: 100%;

	background-color: #901d78;

	padding: 25px 0;

}

.upload_section h2 {

	margin-bottom: 0px;

	color: #fff;

}

.form-control-file, .form-control-range {

	display: inline-block;

	width: 250px !important;

	height: 35px;

	color: #fff;

}

.bread_crumb {

	float: left;

	width: 100%;

	padding: 15px 0 0;

}

.tittle_bar {

	background-color: #02334d;

	padding: 15px 20px;

	text-transform: uppercase;

	color: #fff;

	font-size: 18px;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	margin-bottom: -5px;

}

.list-group-item{ padding:5px 15px; background-color:#eee;}

.list-group-item.active {

	background-color: #ddd;

	border-color: #ddd;

	color:#000;

}

.list-group-item:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a4"; padding-right:10px; color:#901d78;}

.inner_section{ float:left; width:100%; padding:30px 0;}

.service_box{  padding:20px; border-top:0px;}



.inner_section p{ text-align:justify;}



.text_purple{ color:#901d78;}



.profile_box{ text-align:center;}

.profile_box h5{ text-transform:uppercase; margin-bottom:3px; font-size:15px;}

.profile_box img{ margin-bottom:15px;}

.contact__details{ background-color:#eee; padding:30px;}



.contact__box{ background-color:#fff; padding:15px;}

.contact__box a{ display:block; padding:4px 0;}

.contact__box h4{ border-bottom:1px dashed #ccc; padding-bottom:15px;}

.contact__box p{ margin-bottom:0px;}

.contact__box i{ margin-right:10px; color:#901d78;}

.form_contact{ margin-top:0px;}

.bullet_point ul{ padding:20px; display:flex; flex-wrap:wrap; list-style:square; color:#901d78;}

.bullet_point ul li{ width:33.33%; padding:4px 0;}

.bullet_point ul li a{ color:#444!important;}



.mission_box{ background-color:#f4f4f4; padding:30px; margin:30px 0; text-align:center;}

.mission_box p{ text-align: center;}



.upload_cv{ margin-bottom:30px!important;}

.upload_cv .form-group{ margin-bottom:0px;}

.upload_cv input{ color:#888;}









.tab_section .nav-tabs .nav-item.show .nav-link, .tab_section .nav-tabs .nav-link.active {

    color: #fff;

    background-color:#901e78;

    border-color: #901e78 #901e78 #901e78;

}



.tab_section .nav-tabs .nav-link{ text-align:center; text-transform:uppercase; border:1px solid #901e78; padding:8px 55px;}



.list_square{ list-style: square; padding:0px 20px; color:#901d78;}

.list_square li{ padding:4px 0;}



.list_square li a{ color:#444!important;}























 @media screen and (max-width:1170px) {

.container {

	padding: 0 15px;

}

.blue_strip {

	width: 18%;

}

.white_strip {

	width: 18%;

}

.conference_left {

	padding: 60px 20px 60px 20px;

}

.conference_right {

	padding: 60px 20px;

}

}

 @media screen and (max-width:1024px) {

.menu {

	margin-top: 10px;

}

.blue_strip {

	width: 22%;

}

.white_strip {

	width: 22%;

}

.logo {

	left: 20px;

}

.ccr_inner_banner {

	float: left;

	width: 100%;

	margin-top: 78px;

}

}

 @media screen and (max-width:991px) {

.carousel-caption h2 {

	color: #fff;

	font-size: 48px;

	font-weight: 700;

	line-height: 60px;

}

.carousel-caption h3 {

	font-size: 20px;

	line-height: 26px;

}

.event_text {

	margin-bottom: 40px;

}

.enquiry_form {

	margin-top: 20px;

}

.conference_left {

	width: 100%;

}

.conference_right {

	width: 100%;

}

.conference_box img {

	height: 250px;

}

.testimonials {

	margin-bottom: 50px;

}

}

 @media screen and (max-width:800px) {

.carousel-caption h2 {

	font-size: 36px;

	line-height: 40px;

	margin-bottom: 10px;

}

.carousel-caption h3 {

	font-size: 16px;

	line-height: 22px;

}

.boxes ul li {

	width: 33.333%;

	padding: 15px;

	display: flex;

	flex-wrap: wrap;

}

.boxes ul {

	justify-content: center;

}

.carousel-control-next, .carousel-control-prev {

	display: none;

}

.carousel-caption {

	display: none;

}

}

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

.social_icon {

	display: none;

}

.search_bar {

	border-left: 1px solid #ddd;

}

.about_us {

	padding-top: 20px;

}

.subscribe_box {

	padding-bottom: 50px;

}

.foot_right {

	padding-left: 0;

}

.design_by p {

	color: #fff;

	text-align: left;

	padding-top: 0;

}

.white_strip {

	width: 28%;

}

.blue_strip {

	width: 28%;

}

.partner_logo {

	margin: 0 auto;

	width: 93%;

	display: inline-block;

}

.institutes-container .grid-items {

	width: 33.333%;

}

.bullet_point ul li{ width:50%; padding:4px 0;}

.form_contact{ margin-top:40px;}

}

 @media screen and (max-width:640px) {

.dicd_box {

	width: 90%;

	margin-left: 30px;

}

.summer_box {

	width: 90%;

	margin-left: 30px;

	margin-top: 10px;

}

.boxes ul {

	margin: 0px;

}

.boxes ul li {

	width: 50%;

}

.google_translate {

	display: none;

}

.boxes_three ul li {

	width: 100%;

}

}

 @media screen and (max-width:550px) {

.carousel-caption h4 {

	font-size: 14px;

	margin-bottom: 5px;

	line-height: 16px;

}

.carousel-caption h2 {

	font-size: 24px;

	line-height: 24px;

	margin-bottom: 5px;

}

.carousel-caption h3 {

	font-size: 14px;

	line-height: 20px;

}

.dicd_box {

	width: 85%;

}

.summer_box {

	width: 85%;

}

.white_strip {

	width: 40%;

}

.blue_strip {

	width: 40%;

}

.institutes-container .grid-items {

	width: 100%;

	border: 1px solid #e9e9e9;

}

.bullet_point ul li{ width:100%; padding:4px 0;}





}

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

.project_box img {

	height: auto;

}

.boxes ul li {

	width: 100%;

}

.conference_box img {

	height: auto;

}

.img_text {

	padding: 20px;

}

.partner_logo img {

	width: 100%;

}

.overlay-content {

	width: 90%;

}
.nav-tabs .nav-item{ width:100%; margin-bottom:0px;}

}

 @media screen and (max-width:414px) {

.carousel-caption {

	display: none;

}

.logo {

	left: 15px;

	width: 90px;

}

.main_header {

	height: 55px;

}

.white_strip {

	height: 55px;

}

.strip_border::before {

	height: 55px;

}

.strip_border {

	height: 55px;

}

.blue_strip {

	width: 34%;

}

.white_strip {

	width: 32.3%;

}

.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {

	padding: 5px;

	box-sizing: border-box;

}

.event_box h2 {

	font-size: 26px;

	font-weight: 900;

	color: #fff;

	line-height: 32px;

	margin-bottom: 10px;

}

h2 {

	font-size: 26px;

}

.contact_details li a {

	margin: 14px 7px 14px 0px;

}

.contact_details li a {

	padding-right: 7px;

}

.contact_details li a {

	padding-right: 5px;

	font-size: 13px;

}

}

 @media screen and (max-width:375px) {



.dicd_box {

	width: 80%;

}

.summer_box {

	width: 80%;

}

h2 {

	font-size: 23px;

	line-height: 28px;

}

.img_text h3 {

	color: #fff;

	font-size: 20px;

	line-height: 24px;

}

.img_text {

	padding: 10px;

}

}