@charset "utf-8";
/* CSS Document */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lato');
body
{
	font-family: 'Lato', sans-serif;
}
a:focus, a:hover {
    color: #014c8c;
    text-decoration: none;
	-webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
p
{
	color: #555;
}
.header
 {
    display: block;
    z-index: 600;
    margin: 0;
    padding:10px 0;
    width: 100%;
    background: #002542;
}
.navbar-nav .nav-link {
	color:#FFF;
}



.dropdown-submenu {

	position: relative;

}

.dropdown-submenu>.dropdown-menu {

	top: 0;

	left: 100%;

	margin-top: -6px;

	margin-left: -1px;

	-webkit-border-radius:0;

	-moz-border-radius: 0;

	border-radius: 0;

}
.dropdown-submenu:hover>.dropdown-menu {

	display: block;

}

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}
@media(min-width:480px){

.navbar-nav > li:hover > .dropdown-menu {

	display: block;

}
}
.navbar-toggler-right {
    position: absolute;
    right: -68px;
    z-index: 9999999;
    top: 32px;
}
.navbar-toggler {
}
.navbar-toggler .fa-navicon
{
	color:#FFF;
}
.dropdown-submenu>a:after {

	display: block;

	content: " ";

	float: right;

	width: 0;

	height: 0;

	border-color: transparent;

	border-style: solid;

	border-width: 5px 0 5px 5px;

	border-left-color: #ccc;

	margin-top: 5px;

	margin-right: -10px;

}

.dropdown-submenu:hover>a:after {

	border-left-color: #fff;

}

.dropdown-submenu.pull-left {

	float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

	left: -100%;

	margin-left: 10px;

	-webkit-border-radius: 6px 0 6px 6px;

	-moz-border-radius: 6px 0 6px 6px;

	border-radius: 6px 0 6px 6px;

}
.dropdown-menu > li > a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #dfdfdf;
}
.dropdown-menu > li > a:hover {
	background:#2a9dd6;
	color:#FFF;
}
.dropdown-menu {
    padding: 0;
	width:auto;
	    border-radius: 0;
		border:none
}
.section
{
	padding:50px 0;
}
h3.ihm-heading {
    color: #424242;
}
h3.ihm-heading span
{
	color: #003366;
}.tab-content {
  position: relative;
  overflow: hidden;
}
.tab-content.is-animating {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  width: auto;
}

.content-pane {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.content-pane.is-active {
  position: relative;
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.content-pane.is-exiting {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.content-pane.is-animating {
  -webkit-transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out;
  transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out;
  transition: opacity 400ms ease-out, transform 400ms ease-out;
  transition: opacity 400ms ease-out, transform 400ms ease-out, -webkit-transform 400ms ease-out;
}
.nav{
	display:inline-block
}

.nav-tabs li
{
	display:inline-block
}
.nav-tabs li a {
   padding: 12px 15px;
   line-height:48px;
   font-weight:bold;
   color:#333;
   word-wrap: break-word;
}
.nav-tabs li.active a {
  background: none;
  border-bottom: 3px solid #2a9dd6 !important;
}
.nav-tabs {
    border-bottom: 1px solid #2a9dd6;
	    padding-left: 0;
}
.tab-content {
  border-top: none;
  padding: 50px 20px;
}
.btn-ihm
{
	display: inline-block;
    padding: 12px 22px;
    margin: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-family: Lato,Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
	color:#333;
    border: 1px solid #2a9dd6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn-ihm:hover
{
    background-color: #2a9dd6;
	   color: #fff;
	
}
@media (max-width:480px){
	.nav-tabs li a {
    padding: 12px 6px;
    line-height: 44px;
    font-size: 13px;
}
}
.timeline-sections {
	position: relative;
	padding: 0
}
.timeline-sections:after, .timeline-sections:before {
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%
}
.timeline-sections:before {
	content: '';
	margin-left: -1px;
	width: 2px;
	height: 100%;
	top: 0;
	background: #ccc
}
.timeline-sections:after {
	bottom: -25px;
	    margin-left: -19px;
	font-family: FontAwesome;
	font-size: 48px;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	color: #bbb;
	content: "\f00d"
}
.course-details .course-information .label, .course-details .header, .department-details .contact-person .name, .department-details .header, .post-snippets .hentry .entry-title, .post-snippets .type-course .course-id, .staff-details .header, .timeline-footer .event-category, .timeline-footer .event-date {
	font-family: Lato, Arial, Helvetica, Verdana, sans-serif
}
@media only screen and (max-width:1200px) {
.timeline-sections {
	padding: 0 0 0 25px
}
.timeline-sections:before {
	left: 25px;
	margin-left: 0
}
.timeline-sections:after {
	left: 13px;
	margin-left: -10px
}
}
.timeline-heading {
	background: #f7f7f7;
	border: 1px solid #aaa;
	display: inline-block;
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 900
}
.timeline-section {
	text-align: center;
	position: relative;
	z-index: 2
}
.timeline-item-wrapper {
	margin-top: 60px
}
.timeline-item {
	background: #fff;
	margin-bottom: -60px;
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 42%;
	text-align: left;
	position: relative;
	padding: 20px;
	clear: both
}
@media only screen and (max-width:1200px) {
.timeline-section {
	text-align: left
}
.timeline-item {
	width: auto;
	margin-left: 40px;
	margin-bottom: 30px;
	max-width: 500px
}
}
.timeline-item:last-child {
	margin-bottom: 40px
}
.timeline-item:after, .timeline-item:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	margin: auto;
	top: 0
}
.timeline-item:before {
    width: 12px;
    height: 12px;
    background: #2A9DD6;
    border: 5px solid #2A9DD6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.timeline-item:after {
	background: #fff;
	border: 1px solid #dbdbdb;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	zoom: 1;
	width: 16px;
	height: 16px
}
.timeline-item.right {
	float: right
}
.timeline-item.right:before {
	left: -97px
}
.timeline-item.right:after {
	border-right: none;
	border-top: none;
	left: -10px
}
.timeline-item.left {
	float: left;
	text-align: left
}
.timeline-item.left:before {
	right: -97px
}
.timeline-item.left:after {
	border-left: none;
	border-bottom: none;
	right: -10px
}

@media only screen and (max-width:1200px) {
.timeline-item.left, .timeline-item.right {
	float: none
}
.timeline-item.left:before, .timeline-item.right:before {
	left: -50px;
	right: auto
}
.timeline-item.left:after, .timeline-item.right:after {
	left: -10px;
	right: auto;
	border: 1px solid #dbdbdb;
	border-right: none;
	border-top: none
}
}
.timeline-item img {
	max-width: 157px;
	float: left;
	padding: 0 20px 15px 0;
	margin: 0;
	background: #fff;
	position: relative;
	z-index: 2
}
.timeline-item h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-transform: none;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 0 0 8px
}
.timeline-item p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 23px;
	padding: 0
}
.timeline-footer {
	clear: both;
	margin-top: 20px
}
.timeline-footer .event-date {
	text-align: right
}
.timeline-footer .event-category {
	float: left
}
.timeline-footer .event-category i {
	font-size: 15px;
	color: #2A9DD6;
	margin-right: 5px;
	vertical-align: top
}
.timeline-footer .event-category, .timeline-footer .event-date {
	font-weight: 700;
	font-size: 12px;
	line-height: 19px;
	color: #AAA;
	letter-spacing: 2px;
	text-transform: uppercase
}
.gry
{
	background-color: #eeeeee;
}
.heading2 {
    text-align: center;
    margin: 0 auto 60px;
    position: relative;
}
.heading2 .title {
    position: relative;
    margin: 0;
    padding-bottom: 15px;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 1px;
}
.heading1.separator .title:after, .heading2.separator .title:after {
    background: #2a9dd6;
}
.heading1.separator .title:after, .heading2.separator .title:after {
    position: absolute;
    width: 110px;
    height: 2px;
    background: #2a9dd6;
    left: 50%;
    margin-left: -55px;
    bottom: 0px;
    content: "";
}
.hentry {
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: box-shadow .25s ease;
    -moz-transition: box-shadow .25s ease;
    -ms-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
	margin-bottom:20px;
}
.entry-terms.multi-color {
    position: absolute;
    margin: 0 auto;
}
.image-area {
    position: relative;
    overflow: hidden;
	margin-bottom:20px;
}
.image-area .thumbnail {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.image-area:hover .thumbnail {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: background-color .3s ease-in-out 0s;
	-moz-transition: background-color .3s ease-in-out 0s;
	-ms-transition: background-color .3s ease-in-out 0s;
	transition: background-color .3s ease-in-out 0s
}
.image-area:hover .image-overlay {
	background-color: rgba(0,0,0,.6)
}
.image-info {
	display: block;
	z-index: 120;
	position: absolute;
	width: 100%;
	top: 30%;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .4s ease-in-out 0s;
	-moz-transition: opacity .4s ease-in-out 0s;
	-ms-transition: opacity .4s ease-in-out 0s;
	transition: opacity .4s ease-in-out 0s
}
.image-area:hover .image-info {
	opacity: 1
}
.image-info .post-title {
	position: relative;
	top: 0;
	padding: 0 20px;
	margin: 0;
	font-family: Lato, Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	color: #ddd
}
.zero-margin .image-info .post-title {
	font-size: 21px;
	line-height: 30px
}
.image-info .post-title a {
	color: #ddd;
	-webkit-transition: color .3s ease-in-out 0s;
	-moz-transition: color .3s ease-in-out 0s;
	-ms-transition: color .3s ease-in-out 0s;
	transition: color .3s ease-in-out 0s
}
.image-info .post-title a:hover {
	color: #fff
}
.image-info .terms {
	position: relative;
	top: 0;
	display: block;
	color: #f9f9f9
}
.image-info .terms a {
	color: #d5d5d5;
	position: relative;
	display: inline;
	zoom: 1;
	font-size: 13px;
	line-height: 19px;
	font-style: italic;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.image-info .terms a:hover {
	color: #f9f9f9
}
@media only screen and (max-width:767px) {
.image-info .terms {
	display: none
}

}


.image-info .image-info-buttons {
	display: block;
	position: relative;
	top: 0;
	z-index: 100;
	margin-top: 20px
}
.image-info .image-info-buttons .button {
	position: relative;
	display: inline-block;
	padding: 5px 12px;
	border: 2px solid #eee;
	font-size: 12px;
	line-height: 23px;
	letter-spacing: 1px;
	font-weight: 900
}
.image-info .image-info-buttons .button i {
	font-size: 16px;
	color: #eee;
	display: block
}
.image-info .image-info-buttons .post-link {
	margin-left: 15px
}
 .hentry .entry-text-wrap {
	position: relative;
	width: 100%;
	clear: both;
	padding: 30px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.hentry .entry-text-wrap {
    position: relative;
    padding: 5% 8%;
}
.entry-terms.multi-color {
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.entry-terms.multi-color .category, .entry-terms.multi-color .news_category {
    display: inline-block;
    text-align: center;
    background: #2a9dd6;
    padding: 5px 20px;
    color: #fff;
}
.entry-terms.multi-color .news_category a {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
}
.hentry .entry-title {
    word-spacing: 0;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
    color: #2c2c2c;
    margin: 0 0 10px;
}
.type-news .entry-title {
    padding-top: 15px;
}
.hentry .entry-summary {
    margin-top: 10px !important;
    font-size: 14px;
    line-height: 22px;
}
 .hentry .entry-title a {
    display: block;
    color: #494949;
    -webkit-transition: color .3s ease-in-out 0s;
    -moz-transition: color .3s ease-in-out 0s;
    transition: color .3s ease-in-out 0s;
}.hentry .entry-summary {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    margin: 10px 0 0;
}
 .byline {
    color: #aaa;
    font-size: 13px;
    line-height: 21px;
    font-style: italic;
    margin: 0;
    padding: 12px 30px;
    border-top: 1px solid #eee;
    background: #F8F7F7;
	text-align:center
}
 .published {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #aaa;
}
.count-bg
{
	background:url(images/geo-bg4.jpg) no-repeat;
}
.heading1 .title {
    color: #fff;
    padding-bottom: 20px;
}
.heading2 .pitch {
    word-spacing: 0;
    margin: 0 auto;
    max-width: 850px;
    font-size: 18px;
    line-height: 40px;
}
.heading1 {
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}
.number-stat {
    position: relative;
    text-align: center;
    padding: 60px 25px 30px;
    border: 1px solid #ddd;
    background: #fff;
    margin: 25px 30px 20px;
}
.number-stat .number {
    color: #2a9dd6;
}

.number-stat .number {
    font-size: 60px;
    line-height: 60px;
    font-weight: 900;
    letter-spacing: 1px;
    color: #2a9dd6;
}
.number-stat .icon-wrap i {
    color: #fff;
    font-size: 20px;
} .number-stat .icon-wrap {
    background: #2a9dd6;
}
.number-stat .icon-wrap {
    position: absolute;
    display: inline-block;
    top: 0;
    margin-top: -25px;
    background: #2A9DD6;
    padding: 0;
    border-radius: 50%;
    margin-left: -25px;
    font-size: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
	line-height: 47px;
}
.number-stat .stats-title {
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.mission
{
	background:url(images/mission-bg.jpg) no-repeat fixed;
	text-align:center
}
.quote-banner p {
    font-size: 24px;
    line-height: 36px;
    color: #FFF;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 30px;
}
.footer {
    position: relative;
    border-bottom: 1px solid #464647;
    background: #353739;
	padding-bottom:10px;
}
.footer p
{
	color: #ddd;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}.widget-title {
    color: #d5d5d5;
    border-bottom: 1px solid #555557;
}
.widget-title {
    color: #dadada;
    font-size: 24px;
    line-height: 26px;
    font-weight: 100;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0 0 10px;
    margin-bottom: 10px;
}
ul.ft-list
{
	margin:0;
	padding:0;
}
ul.ft-list li
{
	list-style:none;
}
ul.ft-list li a
{
	padding:5px 0;
	color:#CCC;
	border-bottom:1px solid #CCC;
	display:block
}
ul.social-list {
    list-style: none;
    margin: 0;
    display: block;
	padding:0
}
ul.social-list li {
    padding: 0;
    list-style: none;
    margin: 0 10px 0 0;
    background: 0 0 !important;
    display: inline-block;
}
ul.social-list li a {
	font-size:24px;
	color:#CCC;
}
.copyright {
    clear: both;
    width: 100%;
    padding: 0;
    color: #b3b3b1;
    border-top: none;
    margin: 0 auto;
    overflow: hidden;
    background-color: #353739;
    border-top: 1px solid;
    margin-top: 30px;
}
.footer-bottom-text {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 20px 0 0;
	text-align:center
}
.vertual
{
	background: #06C;
    color: #FFF;
    text-align: center;
	right:0;
	top:-10px;
    padding: 7px 15px;
    border-radius: 5px;
    z-index: 1000000;
    position: absolute;
}
hr
{
	    border-color: #5AA1E3;
}
.title-area {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-color: none;
    border: none;
    height: 400px;
	color:#FFF;
    box-shadow: none;
    background-position: top;
    padding: 150px 0 188px 0;
}
.content_p
{
	margin-top:30px;
	min-height:250px
}
.mr-bt-15
{
	margin-bottom:15px;
}
.pd-top-0
{
	padding-top:0}
.card-alumni
{
	text-align:center;
	margin-bottom:15px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0;
}

.contact p
{
	font-size:18px;
}
.uplaod .btn-default
{
	background:#000;
	color:#FFF;
}
.uplaod label {
    display: inline-block;
    margin-bottom: 0;
}
@keyframes hover-color{from{border-color:#c0c0c0;}to{border-color:#3e97eb;}}.magic-radio,.magic-checkbox{position:absolute;display:none;}.magic-radio[disabled],.magic-checkbox[disabled]{cursor:not-allowed;}.magic-radio+label,.magic-checkbox+label{position:relative;display:inline-block;marging-right:15px;padding-left:30px;cursor:pointer;vertical-align:middle;}.magic-radio+label:hover:before,.magic-checkbox+label:hover:before{animation-duration:0.4s;animation-fill-mode:both;animation-name:hover-color;}.magic-radio+label:before,.magic-checkbox+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid #c0c0c0;}.magic-radio+label:after,.magic-checkbox+label:after{position:absolute;display:none;content:'';}.magic-radio[disabled]+label,.magic-checkbox[disabled]+label{cursor:not-allowed;color:#e4e4e4;}.magic-radio[disabled]+label:hover,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:after,.magic-checkbox[disabled]+label:hover,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:after{cursor:not-allowed;}.magic-radio[disabled]+label:hover:before,.magic-checkbox[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none;}.magic-radio[disabled]+label:before,.magic-checkbox[disabled]+label:before{border-color:#e4e4e4;}.magic-radio:checked+label:before,.magic-checkbox:checked+label:before{animation-name:none;}.magic-radio:checked+label:after,.magic-checkbox:checked+label:after{display:block;}.magic-radio+label:before{border-radius:50%;}.magic-radio+label:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#3e97eb;}.magic-radio:checked+label:before{border:1px solid #3e97eb;}.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9;}.magic-radio:checked[disabled]+label:after{background:#c9e2f9;}.magic-checkbox+label:before{border-radius:3px;}.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0;}.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb;}.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9;}
@media (max-width:580px){
	.content_p
{
	min-height:auto
}

.vertual {
    top: -31px;
    right: 20px;
}
.navbar-brand {
    width: 100%;
    text-align: center;
}
.navbar-nav .nav-link {
    padding-left: 10px;
}


/* General styles for all menus */
.cbp-spmenu {
	    background: #ffffff;
    position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	color:#e9c2c2
}

.cbp-spmenu a:active {
	color: #e9c2c2;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical 
{
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 99999;
}
.cbp-spmenu-vertical  h4
{    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 23px;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 2px solid #ebebeb;
}
.cbp-spmenu-vertical a {
	border-bottom:1px solid #ebebeb;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
    background: #353739;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */
}
@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}
.service-item {
    text-align: center;
    margin-bottom: 50px;
}
.service-item h3 {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}
.service-item .description
{
	color:#333
	
}
.service-item i {
    display: inline-block;
    margin-bottom: 25px;
    border-radius: 50%;
    background: #eee;
    font-size: 36px;
    line-height: 100px;
    color: #2a9dd6;
    -webkit-transition: background .3s ease-in-out 0s,color .3s ease-in-out 0s;
    -moz-transition: background .3s ease-in-out 0s,color .3s ease-in-out 0s;
    -ms-transition: background .3s ease-in-out 0s,color .3s ease-in-out 0s;
    transition: background .3s ease-in-out 0s,color .3s ease-in-out 0s;
    width: 100px;
    height: 100px;
}