/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:15px; background:#222222;
}
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

a {
 background-color: #D3D3D3;   
}



.cell { font-size:30px;}

.margin-top { margin-top:20px;}
.margin-bottom { margin-top:20px;}
.banner-bg { height:400px; width:100%; overflow:hidden;}
.istopGrid {
    background: #FFF;
    display: block;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
.istopGrid .isotope-item-title {
    line-height: 18px !important;
    font-size: 18px;
    margin: 0px 0 15px 0;
    font-weight: 600;
}
.istopGrid .isotope-item-title a {
    color: #1284d3;
}
.isotope-item-tags {
    display: inline-block;
    color: #999;
}
.isotope-item-hits {
    float: right;
    color: #999;
}
.background-bg { background:#f4f4f4;}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.pipe { color:#666;}
.carousel-inner img {
    width: 100%;
    max-height:680px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.thumb {
    padding: 0px 5px 5px 0px;
    display: inline-block;
    width: 23%;
}

.text-p { color:#666; font-size:14px; font-family:'Open Sans', sans-serif;}
.title-widget {
    color: #45C4EB;
    padding-bottom: 20px;
		padding-top: 10px;
    font-size: 16px;
    text-align: left;
		font-weight:bold;
		text-transform:capitalize; margin-left:20px;
}

.footer-main .widget a {
    color: #fff;
}
.gallery-widget .gallery-list a img {
    width: 100%;
}


.panel-footer {
	padding:10px 15px;
	background-color:#14181c;
	border-top:none;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	color:#FFF;
	font-size:14px
}
.panel-footer p { font-size:14px; color:#8c9195;}
.panel-footer hr {
	border-top:1px solid #16222b
}
.copy {
	color:#999
}

.vspace { height:50px; width:100px; margin-bottom:10px;}
.title01 { color:rgba(0,0,0,0.87); font-size:23px; margin-bottom:20px; margin-top:10px;}
.head-title {     margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 110%;
    letter-spacing: 5px;    text-align: center;
    font-weight: 200; color:#999;}
		
h2:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100px;
    height: 5px;
    margin-left: -50px;
    margin-top: 30px;
}
.waves-effect.waves-secondary-color .waves-ripple, h2:after {
    background-color: #69f0ae;
}
.responsive-img, h2:after {
    display: block;
}

 @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
 .video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.2);
padding:0px 0 32px;
min-height: 700px; 
/* Incase of overlay problems just increase the min-height*/
}

.video-section .buttonBar{display:none;}
.player {font-size: 1px;}
.banner {
	background:#f3f3f3;
	margin:0;
	padding:0
}


/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}


.banner-text { height:450px; width:100%; overflow:hidden; background:url(../images/main-bg.jpg);}
.inr-banner {  overflow:hidden; text-align:center;}
.whitebg { background:#FFF; padding:15px; min-height:250px;}

.pdng01 { padding:15px;}
.pdng { padding:0px;}
.pdng-left { padding-left:0px;}
.pdng-right { padding-right:0px;}
.border { padding:10px; border:1px solid #ddd;}
.show-on-hover:hover > ul.dropdown-menu {
    display: block;    
}

 .box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 150px; height: 140px; border: 8px solid white; line-height: 70px; border-radius: 50%; background: #fff; vertical-align: middle; }
.box > .icon:hover > .image {/* background: #0da0f4;*/ }
.box > .icon > .image > i { font-size: 36px !important; color: #333 !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; padding: 15px 0 15px 0; }
.box > .icon:hover > .info { border-color: #e0e0e0; color: #333; }
.box > .icon > .info > h3.title { font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-size: 13px; color: #999; line-height: 1.5em;/* margin:15px 30px;*/ margin-top:15px; margin-bottom:20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a {font-size: 12px; color: #8dc100; border-radius:8%; font-weight:bold; line-height: 12px; text-transform: uppercase; text-decoration: none; border:2px solid #86c724; padding: 7px 10px; }
.box > .icon:hover > .info > .more > a {  color: #fff; padding: 7px 10px; background-color: #86c724; }
.box .space { height: 30px; }


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

Base Layout
-------------------------------- */
p { font-family: 'Open Sans', sans-serif; }
.container { text-align: center; height: auto; margin: 0 auto; padding: 20px 0; font-family: 'Open Sans', sans-serif; font-weight: 500; }
.row { margin-bottom: 32px; }
.animated { visibility: hidden; }
.visible { visibility: visible; }
/* --------------------------------
Page Loader
-------------------------------- */

#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; display: none; }
.loader { position: absolute; margin: -25px 0 0 -25px; top: 50%; left: 50%; width: 50px; height: 50px; background: url(../images/loader.png); background-size: 50px 50px; }
/* --------------------------------
Home (Header) Section
-------------------------------- */

.home { background: url(../images/pattern-1.png) left top repeat, url(../images/headers/banner-img-1.jpg) center center fixed; position: relative; width: 100%; height: auto; top: 0; }
.home:after { clear: both; }
.header { padding-top: 10%; text-align: center; }
.header .logo { color: #86c724; font-size: 70px; font-weight: 300; line-height: 96px; text-transform: uppercase; display: block; margin-bottom: 32px; margin-top:90px; }
.header-text { background: rgba(0, 0, 0, .4);/* border-top: 1px solid #fff; border-bottom: 1px solid #fff;*/ padding: 35px 16px; margin: 0 auto; width: 76%; margin-bottom: 56px; }
.text-slides { text-transform: uppercase; font-size: 30px; line-height: 56px; font-weight: 300; width: 100%; height: auto; color: #ffffff; margin: 0 auto; }
.text-slides li:last-child { clear: both; }
.social-media h4 { color: #ffffff; text-transform: uppercase; display: block; margin-bottom: 24px; }
.header ul.social-links li { display: inline; }
.header ul.social-links li a { display: inline-block; padding: 4px 0 0 1px; width: 32px; height: 32px; margin: 0 4px; background: rgba(0, 0, 0, .5); color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.header ul.social-links li a:hover { background: rgba(0, 0, 0, .7); color: #e74c3c; }
a.header-down-arrow { color: #fff; display: inline-block; font-size: 40px; font-weight: 400; margin-top: 100px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
a.header-down-arrow:after { content: "\2329"; }
a.header-down-arrow:hover { color: #e74c3c; }
/* Home Section Full Screen Slider */

.slider-home { position: absolute; width: 100%; height: 100%; top: 0; z-index: 5; text-align: center; }
#slides .slides-container div { background-position: center center; background-attachment: fixed; }
#slides .slides-container .slide-1 { background: url(../images/pattern-1.png) left top repeat, url(../images/main-banner/banner01.jpg) no-repeat; }
#slides .slides-container .slide-2 { background: url(../images/pattern-1.png) left top repeat, url(../images/main-banner/banner02.jpg) no-repeat; }
#slides .slides-container .slide-3 { background: url(../images/pattern-1.png) left top repeat, url(../images/main-banner/banner03.jpg) no-repeat; }
#slides .slides-container .slide-4 { background: url(../images/pattern-1.png) left top repeat, url(../images/banner04.jpg) no-repeat; }
.slides-navigation { position: absolute; top: 45%; width: 100%; margin: 0 auto; z-index: 10; }
.slides-navigation a { position: absolute; display: block; width: 48px; height: 48px; opacity: 0; color: #fff; font-size: 32px; font-weight: 400; background: #000; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.slides-navigation a.prev { left: 2%; padding: 0px 0 0 16px; }
.slides-navigation a.prev:before { content: "\ab"; }
.slides-navigation a.next { right: 2%; padding: 0px 0 0 19px; }
.slides-navigation a.next:before { content: "\bb"; }
#home:hover .slides-navigation a { opacity: .3; }
.slides-navigation a:hover { opacity: .8 !important; }
/* Zoom Slider Variation */

.header-mask { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pattern-1.png) left top repeat; z-index: 4; }
.zoom-container { position: relative; overflow: hidden; background: #000; }
.zoom-container img { z-index: 3; -webkit-transform-origin: 0% 60%; -webkit-transition: -webkit-transform 90s linear; -moz-transform-origin: 0% 60%; -moz-transition: -moz-transform 90s linear; }
.zoom-container img.zoom-in { -webkit-transform: scale(2) rotate(0.1deg); -moz-transform: scale(2) rotate(0.1deg); }
/* Pattern Header */
.pattern-container { position: relative; overflow: hidden; }
/* Video Header */

#video-header { background: #000; }
/* --------------------------------
Navigation Bar
-------------------------------- */

/* Logo Style */

.site-logo { float: left; position: relative; /*top: 30%;*/ text-transform: uppercase; color: #2f2f2f; font-size: 32px; font-weight: 400;margin-top:10px; }
.site-logo:hover { color: #2f2f2f;  }
/* Nav Menu */

.hide-nav {/*top:-75px;*/ }
.show-nav { top: 0; }
.nav li a.selected, .nav li a.current { color: #e74c3c !important; }
#navigation { position: fixed; height: 80px; width: 100%; background: #fff; z-index: 100; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-top:1px solid #86c724; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); }
.nav-container { margin: 0 auto; width: 100%; height: 100%; max-width: 1170px; }
.mobile-nav-button { display: none; color: #2f2f2f; width: 40px; height: 40px; text-align: center; font-size: 25px; position: absolute; right: 15px; top: 57%; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.mobile-nav-button:hover { color: #e74c3c; }
.nav-menu { position: relative; top: 0%; float: right; height: 100%; }
.nav li { float: left; text-align: center; position: relative; }
.nav li a { display: block; text-transform: uppercase; color: #2f2f2f; padding: 10px 10px; font-size: 11px; font-weight: 700; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.nav li a:hover { color: #ffffff; padding: 10px 15px; background-color: #e74c3c; }
.nav li a:active { color: #de6c10; padding: 10px 15px; background-color: #e74c3c; }
.nav li a:after { /*content:"\0399";*/ color: #6c6c6c; font-weight: 300; padding: 12px; border-bottom: none; }
.nav li:last-child a:after { content: ""; padding-right: 0; }
/* Drop Down Navigation */

.nav li i { margin-left: 3px; font-size: 8px; vertical-align: 10%; }
.nav ul { margin: 20px 0 0 0; opacity: 0; visibility: hidden; position: absolute; top: 68px; left: 0; z-index: 1; background: #fff; box-shadow: 0px 1px 4px rgba(0,0,0, 0.1); transition: all .2s ease-in-out; }
.nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
.nav ul li { float: none; display: block; }
.nav ul a { padding: 10px; width: 100%; min-width: 150px; display: block; white-space: nowrap; float: none; }
.nav ul a:after { content: ""; }
.nav ul a:hover { color: #2f2f2f; background-color: rgba(108,108,108, .3); }
/* --------------------------------
Sub Page
-------------------------------- */

.sub-page { padding-top: 128px; }
/* --------------------------------
About Section
-------------------------------- */

.icon-box { position: relative; width: 96px; height: 96px; padding: 16px 0 0 0; margin: 0 auto 16px auto; background: rgba(0, 0, 0, .4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.icon-box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: rgba(0, 0, 0, .4); border-width: 10px; margin-left: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.icon-box:hover { color: #fff; background: rgba(0, 0, 0, .9); }
.icon-box:hover:after { border-top-color: rgba(0, 0, 0, .9); }
/* --------------------------------
Testimonials
-------------------------------- */

.callout { /*	background: rgba(0, 0, 0, .4);*/ width: 100%; margin-bottom: 64px; }
.callout h3 { color: #fff; margin: 0; padding: 0; }
.testimonials { background: url(../images/pattern-1.png) left top repeat, url(../images/bg-images/bg1.jpg) center center fixed; padding: 50px 0 50px 0; text-align: center; overflow: hidden; color: #fff; }
.testimonials h4 { color: #fff; }
.testimonial-slider { max-width: 970px; margin: 0 auto; max-height: 500px; overflow: hidden; }
.testimonial-slider li.t-slide { position: absolute; height: auto; }
.testimonial-slider li.t-slide h4:before { content: "\201c"; }
.testimonial-slider li.t-slide h4:after { content: "\201d"; }
.testimonial-slider li.t-slide:last-child:after { clear: both; }
.t-slide p { margin: 32px auto; font-size: 16px; }
.t-slide p { border-top: 1px solid #6c6c6c; display: inline-block; padding-top: 8px; }
.t-slide p:before { content: "\2013  "; }
/* Testimonial Slider Controls */	

.testimonials .flex-direction-nav { width: 0; height: 32px; margin: 0 auto; position: relative; }
.testimonials .flex-direction-nav li a { opacity: 1; width: 32px; height: 32px; background: rgba(0, 0, 0, .4); color: #fff; font-size: 32px; text-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.testimonials .flex-direction-nav li a:hover { background: rgba(0, 0, 0, .6); color: #e74c3c; }
.testimonials .flex-direction-nav li a.flex-prev:after { content: "\ab"; }
.testimonials .flex-direction-nav li a.flex-next:after { content: "\bb"; padding-right: 7px; }
/* Static Testimonials */

.static-testimonial { background: linear-gradient( rgba(231,76,60,.8), rgba(231,76,60,.8) ), url(../images/pattern-2.png) left top repeat, url(../images/bg-images/bg1.jpg) center center fixed; padding: 96px 0 0 0; text-align: center; overflow: hidden; color: #fff; }
.static-testimonial blockquote { width: 75%; margin: 0 auto 80px auto; font-size: 48px; line-height: 56px; }
.static-testimonial i { display: inline-block; padding-top: 16px; font-size: 28px; opacity: .5; }
.static-testimonial i.fa-quote-left { float: left; }
.static-testimonial i.fa-quote-right { float: right; }
.static-testimonial span { display: block; font-size: 24px; line-height: 32px; padding-top: 16px; margin-top: 16px; }
.static-testimonial span:before { content: "\2013  "; }
/* Client Logos */
.container.clients { padding: 16px 0; }
.client-logos { background: #2f2f2f; }
/* --------------------------------
Services Section
-------------------------------- */

#services img.mockup { width: 650px; }
.services-list { background: 
	/*url(../images/pattern-1.png) left top repeat,*/
	url(../images/bg-images/bg3.jpg) center center fixed; padding: 56px 0 32px 0; text-align: center; overflow: hidden; color: #fff; }
.services-list h5 { color: #fff; }
.service-item { cursor: default; }
.service-item i { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
.service-item:hover i { color: #e74c3c; }
/* --------------------------------
Portfolio Section
-------------------------------- */

#portfolio { height: auto; }
#portfolio-container { height: auto; padding: 20px 0 56px 0; }
#portfolio-title { padding: 10px 0 20px 0 !important; }
#portfolio-title h4.subtitle { margin-bottom: 0 !important; }
.item { position: relative; overflow: hidden; display: inline-block; margin: 10px 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.item img { width: 100%; height: 220px; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.item:hover img { /*-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); */}
.item .mask { position: absolute; background: rgba(0,0,0,.8) url('../images/plus.png') no-repeat center center; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.item:hover .mask { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.item h5 { position: absolute; bottom: -100px; z-index: 100; color: #fff; opacity: 0; text-align: center; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.item:hover h5 { bottom: 20px; opacity: 1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; }
/* Isotope Filter Styles */

.option-set li { display: inline-block; margin: 0 8px 10px 0; }
.option-set li a { padding: 10px 15px; color: #1284d3; font-size: 12px; font-weight: 400; text-transform: uppercase; border: 1px solid #1284d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.option-set li a.selected, .option-set li a:hover { color: #fff !important; background: #1284d3; border: 1px solid #1284d8; }
/* Isotope styles */

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */

.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/* Disable Isotope CSS3 transitions */

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* --------------------------------
Portfolio Project Expander
-------------------------------- */

.item-expander { position: relative; display: none; width: 100%; color: #fff; background: #2f2f2f; margin: 36px auto; }
#item-expander { max-width: 1170px; margin: 0 auto; width: 100%; position: relative; overflow: hidden; }
.portfolio-project { padding: 16px 0 64px 0; }
.portfolio-project h4 { color: #fff; }
.portfolio-project h5 { color: #fff; margin-top: 32px; }
.close-btn { width: 100%; padding: 0; margin-top: 64px; display: block; height: auto; text-align: right; }
.close-btn .close { display: inline-block; width: 15px; height: 15px; background: url('../images/close-btn.png') center center no-repeat; padding: 20px; cursor: pointer; opacity: .7; border: 1px solid #3d3d3d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.close-btn .close:hover { background: #3d3d3d url('../images/close-btn.png') center center no-repeat; opacity: 1; }
.project ul.project-slides li.slide img { width: 100%; }
/* Flex Slider Direction Nav */

.project { position: relative; text-align: left; }
.project ul.flex-direction-nav { display: block; opacity: 1; width: 100% !important; }
.project ul.flex-direction-nav li a { position: absolute; width: 32px; height: 56px; top: 46%; opacity: 0.7; }
.project ul.flex-direction-nav li a.flex-prev { background: #2f2f2f url('../images/arrow-left.png') center center no-repeat; left: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.project ul.flex-direction-nav li a.flex-next { background: #2f2f2f url('../images/arrow-right.png') center center no-repeat; right: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.project ul.flex-direction-nav li a:hover { opacity: 1; }
/* Flex Slider Control Nav */

ol.flex-control-nav { position: absolute; bottom: 0; text-align: left; z-index: 2; }
ol.flex-control-paging li a { width: 8px; height: 8px; background: #2f2f2f; background: rgba(47,47,47,0.5); -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
ol.flex-control-paging li a:hover { background: #2f2f2f; background: rgba(47,47,47,0.7); }
ol.flex-control-paging li a.flex-active { background: #2f2f2f; background: rgba(47,47,47,1); }
/* Project Details */

.project-desc { text-align: left; }
.project-details li { padding: 8px 0; border-bottom: 1px solid #3d3d3d; }
.project-details li:last-child { border-bottom: none; }
.project-details li strong { font-weight: 400; text-transform: uppercase; }
/* --------------------------------
Counter Section
-------------------------------- */

.counter { background: url(../images/bg-images/bg4.jpg) center center fixed; padding: 0 0 32px 0; text-align: center; overflow: hidden; color: #fff; }
.count h1, .count h5 { color: #fff; }
.count h1 { font-size: 56px; }
/* --------------------------------
Pricing Tables
-------------------------------- */

.price-table { /*background: #E8E8E8;*/ }
.price-table:hover h4, .price-table h4.selected { color: #e74c3c; }
.price-table h4 { position: relative; display: block; width: 100%; background: #2f2f2f; color: #fff; padding: 16px 0; margin: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.price-table h4:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(47, 47, 47, 0); border-top-color: #2f2f2f; border-width: 16px; margin-left: -16px; }
.price-table-container { padding: 24px; background: rgba(255,255,255,0.8) }
.price { font-size: 48px; margin: 8px 0 24px 0; font-weight: 400; }
.price span.dollar { vertical-align: super; font-size: 24px; font-weight: 400; }
.price-table p { font-size: 14px; }
.price-table ul { margin-top: 16px; }
.price-table ul li { border-bottom: 1px dashed #C4C4C4; padding: 8px 0; text-transform: uppercase; font-size: 12px; cursor: default; font-weight: bold; }
.price-table ul li:last-child { border-bottom: none; }
a.price-button { background: #6c6c6c; color: #fff; width: 100%; display: block; padding: 16px 0; text-transform: uppercase; font-weight: 400; }
a.price-button:hover, a.price-button.selected { background: #2f2f2f; color: #e74c3c; }
/* --------------------------------
Accordion
-------------------------------- */

#accordion img.mockup { width: 425px; }
.accordion { background: url(../images/pattern-2.png) left top repeat, url(../images/parallax/parallax-bg-4.jpg) center center fixed; }
.accordion-container { text-align: left; }
.accordion-button { text-transform: uppercase; font-weight: 400; cursor: pointer; margin: 16px 0; padding: 15px 0px; border-top: solid 1px #ccc; }
.accordion-button:hover { color: #e74c3c; }
.accordion-button i { margin-right: 8px; }
.accordion-button i.fa-arrow-circle-o-down { color: #e74c3c; }
.accordion-content { margin-bottom: 16px; }
/* --------------------------------
Team
-------------------------------- */

.team p { margin-bottom: 24px; }
.team-photo { position: relative; overflow: hidden; margin-bottom: 16px; text-align: center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; border-radius: 50%; width: 50%; text-align: center; left: 23%; }
.team-photo img { max-width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; border-radius: 50%; }
.team-photo .mask { position: absolute; background: rgba(0,0,0,.8); display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 50%; }
.team-photo:hover .mask { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); border-radius: 50%; }
.team-photo h5 { position: absolute; top: 50px; z-index: 100; color: #fff; opacity: 0; text-align: center; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.team-photo:hover h5 { top: 180px; opacity: 1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; }
.team-photo ul.team-social-links { position: absolute; bottom: -50px; z-index: 100; opacity: 0; width: 100%; margin: 0 auto; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.team-photo:hover ul.team-social-links { bottom: 40px; opacity: 1; }
.team-photo ul.team-social-links li { display: inline-block; margin: 0 8px; }
.team-photo ul.team-social-links li a { color: #fff; }
.team-photo ul.team-social-links li a:hover { color: #e74c3c; }
/* Skill Bars */

.skillbar { position: relative; display: block; margin-bottom: 16px; width: 100%; background: #eee; height: 24px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; }
.skillbar-title { position: absolute; top: 0; left: 0; width: 110px; font-weight: bold; font-size: 13px; color: #ffffff; background: #e74c3c; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.skillbar-title span { display: block; background: rgba(0, 0, 0, 0.1); padding: 0 20px; height: 24px; line-height: 24px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.skillbar-bar { height: 24px; width: 0px; background: #e74c3c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.skill-bar-percent { position: absolute; right: 10px; top: 0; font-size: 11px; height: 24px; line-height: 24px; color: #ffffff; color: rgba(0, 0, 0, 0.4); }
/* --------------------------------
Video Section
-------------------------------- */

.full-video { position: relative; overflow: hidden; width: 100%; height: 720px; background: black; padding-top: 300px; }
.full-video:after { background: rgba(0, 0, 0, 0.7) url(../images/pattern-3.png) repeat; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; }
.video-msg { z-index: 2; text-align: center; width: auto; height: auto; margin: 0 auto; }
.video-msg h1 { color: #fff; margin-bottom: 24px; }
/* --------------------------------
Blog
-------------------------------- */

.post-preview { text-align: left; }
.post-title { font-size: 24px; line-height: 32px; }
.post-meta { margin: 8px 0 16px 0; }
.post-meta li { display: inline-block; font-size: 12px; font-weight: 400; /*padding: 5px 5px;*/ color: #6c6c6c; margin-right: 0px; }
.post-meta li a { color: #6c6c6c; /*padding: 5px 5px;*/ }
.post-meta li a:hover {/*background: #005898; padding: 5px 5px; border-radius: 3px; */ color: #f30 !important; }
.post-meta li i { margin-right: 4px; }
.post-img { position: relative; overflow: hidden; display: block; margin-bottom: 16px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.post-img img { max-width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.post-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.post-img .mask { position: absolute; background: rgba(0,0,0,.8) url('../images/plus.png') no-repeat center center; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.post-img:hover .mask { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.post-img h5 { position: absolute; bottom: -100px; z-index: 100; color: #fff; opacity: 0; text-align: center; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.post-img:hover h5 { bottom: 20px; opacity: 1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; }
.full-blog-link { display: block; clear: both; padding-top: 48px; }
/* Blog Pages */

article.blog-post { padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid rgba(108,108,108, .2); }
.sub-page article.blog-post:last-child { border-bottom: none; }
section.sidebar-content { margin-bottom: 48px; }
ul.blog-categories li { border-bottom: 1px solid rgba(108,108,108, .2); }
ul.blog-categories li a { display: block; padding: 16px 8px; color: #2f2f2f; }
ul.blog-categories li a:before { content: "\203A"; font-weight: 400; margin-right: 8px; }
ul.blog-categories li a:hover { color: #fff; background: #2f2f2f; }
a.blog-tag { display: inline-block; background: #ecf0f1; padding: 4px 8px; margin: 4px; color: #2f2f2f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.blog-tag:hover { color: #fff; background: #2f2f2f; }
ul.content-list { margin: 16px; }
ul.content-list li { padding: 4px; }
ul.content-list li:before { content: "\203A"; margin-right: 8px; }
.about-author { padding: 0 0 32px 0; border-bottom: 1px solid rgba(108,108,108, .2); }
.comments { padding-top: 32px; }
ul.comment-list li { position: relative; padding: 32px 0 32px 80px; border-bottom: 1px solid rgba(108,108,108, .2); }
ul.comment-list li:last-child { border-bottom: none; }
.comment-author { font-weight: 400; text-transform: uppercase; display: inline-block; margin-right: 8px; }
img.comment-avatar { position: absolute; top: 38px; left: 0; width: 64px; height: 64px; }
/* --------------------------------
Contact Section
-------------------------------- */
#contact { background:#2a363f;}
.contact-form input, .contact-form textarea { width: 100%; padding: 16px; margin-bottom: 24px; font-size: 16px; border: 1px solid rgba(47,47,47,.3); color: #6c6c6c !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact-form textarea { height: 209px; max-height: 209px; }
.contact-form input:focus, .contact-form textarea:focus { outline: none; border: 1px solid rgba(47,47,47,.6); color: #2f2f2f; background: #fff; }
.contact-form input:hover, .contact-form textarea:hover { background: #eee; }
button#submit { font-family: 'Lato', sans-serif; letter-spacing: 1px; color: #fff; background: #e74c3c; font-size: 16px; display: inline-block; padding: 8px 16px; text-transform: uppercase; font-weight: 300; border: 1px solid #e74c3c; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
button#submit:hover { background: #6c6c6c; border: 1px solid #6c6c6c; }
button#submit:focus { outline: none; }
/* Contact Form Messages */

.error-container { display: block; margin-bottom: 24px; }
.error { color: #e74c3c; display: none; text-transform: uppercase; font-weight: 400; font-size: 16px; }
.success { color: #27ae60; display: none; text-transform: uppercase; font-weight: 400; font-size: 16px; }
/* --------------------------------
Google Map
-------------------------------- */

#map {  border-bottom: 1px solid #39444d; border-top: 1px solid #39444d; }
#google-map { position: relative; opacity: .9; width: 100%; height: 400px; -webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); -ms-filter: grayscale(95%); -o-filter: grayscale(95%); filter: grayscale(95%); filter: url(../images/grayscale.svg#greyscale); filter: gray; /* IE 6-9 */ }
#map-tooltip { padding-top: 24px; text-align: center; }
#map-tooltip h5 { margin-bottom: 0; line-height: 16px; }
#map .callout { background: #2f2f2f; width: 100%; margin-bottom: 0; }
#map .callout .container { padding: 16px 0; }
/* --------------------------------
Footer
-------------------------------- */
#footer-top { background:#2a363f; color:#fff;}
#footer-top .social-links { margin-bottom: 24px; }
#footer-top .social-links li { display: inline-block; margin: 0 4px; }
#footer-top .social-links li a { display: block; padding: 12px 0; width: 50px; height: 50px; background: #222; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#footer-top .social-links li a:hover { background: rgba(47, 47, 47, 1); }
#footer-bottom { position: relative; background: #2f2f2f; color: #fff; }
#footer-bottom .container { padding: 24px 0; }
#footer-bottom h2 { color: #fff; }
a.button-to-top { position: absolute; top: -20px; left: 50%; margin-left: -16px; display: block; padding: 4px 0; width: 32px; height: 32px; background: rgba(47, 47, 47, 1); color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.button-to-top:hover { color: #e74c3c; }
.text-green { color: #3c763d; }
.text-white { color: #fff; }
.pbtm20 { padding-bottom: 20px; }
.height10 { height:10px;}
.m-top20 { margin-top: 20px; }
.number { padding: 0px 12px; border-radius: 50%; background: #0399f9; color: #fff; }
.media-body, .media-left, .media-right { display: table-cell; vertical-align: top; text-align: left; }
.media-left, .media>.pull-left { padding-right: 20px; }
.col-md-4 { width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.media-body p { line-height: 18px; }
.text-white { color: #fff !important; }
.text-black { color: #333 !important; }
.col-md-5 { width: 48.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.text-left { text-align: left !important; float: left; }
.form-radio { width: 10%; margin: 13px 0; }
.form-checkbox { width: 10%; margin: 13px 0; }
.m-top { margin-top: 30px; }
.p-top { padding-top: 30px; }
.p-top20 { padding-top: 20px; }
.bg { background: #f7f7f7; -webkit-box-shadow: 1px 1px 2px 2px rgba(204,204,204,1); -moz-box-shadow: 1px 1px 2px 2px rgba(204,204,204,1); box-shadow: 1px 1px 2px 2px rgba(204,204,204,1); }
.article-title { font-size: 18px; line-height: 21px; color: #1574ba; }
.article-sub-title { font-size: 14px; color: #1574ba !important; }
.article-id { font-size: 12px; color: #1574ba !important; font-style: italic; }
.button-research-article { background: #005898; padding: 6px 10px; border-radius: 3px; color: #fff !important; }
.b-top { border-top: solid 1px #ccc !important; }
.b-btm { border-top: solid 1px #ccc !important; }
.url { font-size: 14px; color: #de4400 !important; }
.article-tools ul.inline, .article-text-size ul.inline { display: inline-block; margin: 0 0 9px 0; padding: 0; }
ul.inline li { display: inline; list-style-type: none; padding: 0 0.5em; }
.article-tools__link { display: inline-block; background-repeat: no-repeat; padding: 0 0 0 27px; background-image: url(../images/icons-article_tools.png); background-color: transparent; height: 22px; margin: 0; }
.article-tools__link--pdf-article { background-position: 0 0; }
.article-tools__link--pdf-figures { background-position: 0 -120px; }

.social-link li { display: inline-block; font-size: 12px; font-weight: 400; /*padding: 5px 5px;*/ color: #6c6c6c; width: 12%; }
.social-link li a { color: #6c6c6c; /*padding: 5px 5px;*/ }


.tree .item-list ul, .tree .item-list li { line-height: 1em; margin: 0; }
.item-list li { list-style: none; border-bottom: solid 1px #ccc; line-height: 40px; }
.tree a { font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 1em; line-height: 30px; }
.tree .item-list li ul li { background: url(../images/tree-icon.png) 0px 4px no-repeat transparent; padding-left: 15px; line-height: 30px; }
/*#sticky { padding: 0.5ex; width: 600px; background-color: #333; color: #fff; font-size: 2em; border-radius: 0.5ex; }
#sticky.stick { position: fixed; top: 0; z-index: 10000; border-radius: 0 0 0.5em 0.5em; }*/
.board-title {color: #3399ff;  font-size: 36px; padding-bottom: 60px; text-align: left; font-weight:500;}




/* Table css Start here */
@media only screen and (min-width: 64.063rem) {

table#editorial-board-members { display: block; margin: 0 }
table#editorial-board-members tbody { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start }
table#editorial-board-members tbody tr { -webkit-flex-basis: 232px; -moz-flex-basis: 232px; -ms-flex-basis: 232px; flex-basis: 232px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; display: block; width: inherit; margin: 5px }
table#editorial-board-members tbody tr td .board-member { display: block; width: inherit }
.dataTables_filter label { width: 100% }
.dataTables_info { margin-bottom: 10px }
.dataTables_paginate { display: block; min-height: 1.5rem; margin-left: -0.3125rem }
.dataTables_paginate li { height: 1.5rem; color: #222; font-size: 0.875rem; margin-left: 0.3125rem }
.dataTables_paginate li a, .dataTables_paginate li button { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999; background: none; border-radius: 3px; font-weight: normal; font-size: 1em; line-height: inherit; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s }
.dataTables_paginate li:hover a, .dataTables_paginate li a:focus, .dataTables_paginate li:hover button, .dataTables_paginate li button:focus { background: #e6e6e6 }
.dataTables_paginate li.unavailable a, .dataTables_paginate li.unavailable button { cursor: default; color: #999 }
.dataTables_paginate li.unavailable:hover a, .dataTables_paginate li.unavailable a:focus, .dataTables_paginate li.unavailable:hover button, .dataTables_paginate li.unavailable button:focus { background: transparent }
.dataTables_paginate li.current a, .dataTables_paginate li.current button { background: #222; color: #fff; font-weight: bold; cursor: default }
.dataTables_paginate li.current a:hover, .dataTables_paginate li.current a:focus, .dataTables_paginate li.current button:hover, .dataTables_paginate li.current button:focus { background: #222 }
.dataTables_paginate li { float: left; display: block }
.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active { display: block; float: left; height: 1.5rem; color: #222; font-size: 0.875rem; margin-left: 0.3125rem; cursor: pointer }
.dataTables_paginate span a { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999 }
.dataTables_paginate span a:hover, .dataTables_paginate span a:focus { background: #e6e6e6 }
.dataTables_paginate .paginate_active { background: #222; color: #fff; font-weight: bold; cursor: default }
.dataTables_paginate .paginate_active:hover, .dataTables_paginate .paginate_active:focus { background: #222 }
.dataTables_paginate .paginate_button_disabled { cursor: default; color: #999 }
.dataTable ul { list-style-position: inside }
.dataTables_filter input { font-size: 0.875em }
.dataTables_length label { margin-bottom: 0; line-height: 75px }
.dataTables_length select { max-width: 60px }
.ie-warning { color: #bf1514; display: none }

}

table { background: #fff; margin-bottom: 1.25rem; /*border: solid 1px #ddd;*/ table-layout: auto }
table caption { background: transparent; color: #222; font-size: 1rem; font-weight: bold }
table thead { background: #f5f5f5 }
table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222 }
table tfoot { background: #f5f5f5 }
table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222 }
table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222; text-align: left }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9 }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem }

@media only screen {

table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table }
thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important }
tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important }
tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important }
th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important }
}

table#editorial-board-members tbody tr { -webkit-flex-basis: 232px; -moz-flex-basis: 232px; -ms-flex-basis: 232px; flex-basis: 232px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; display: block; width: inherit; margin: 5px }
table#editorial-board-members tbody tr td .board-member { display: block; width: inherit }
#posters tbody tr, #editorial-board-members tbody tr { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align:auto;
zoom: 1; *display:inline
}
#posters tbody td, #editorial-board-members tbody td { border-bottom: none; padding: 0; display: block }
#posters .poster-box, #posters .board-member, #editorial-board-members .poster-box, #editorial-board-members .board-member { border: 1px solid #ddd; position: relative; margin: 0 auto }
#posters .poster-box .poster-thumbnail, #posters .board-member .poster-thumbnail, #editorial-board-members .poster-box .poster-thumbnail, #editorial-board-members .board-member .poster-thumbnail { width: 230px; height: 137px; overflow: hidden; margin: 0 auto }
#posters .poster-box .poster-thumbnail img, #posters .board-member .poster-thumbnail img, #editorial-board-members .poster-box .poster-thumbnail img, #editorial-board-members .board-member .poster-thumbnail img { width: 100% }
#posters .poster-box .poster-data, #posters .board-member .poster-data, #editorial-board-members .poster-box .poster-data, #editorial-board-members .board-member .poster-data { padding: 10px; font-size: 0.875em }
#posters .poster-box .poster-data h5, #posters .board-member .poster-data h5, #editorial-board-members .poster-box .poster-data h5, #editorial-board-members .board-member .poster-data h5 { font-size: 1em }
#posters .poster-box .poster-metadata, #posters .poster-box .poster-authors, #posters .poster-box .poster-meeting, #posters .board-member .poster-metadata, #posters .board-member .poster-authors, #posters .board-member .poster-meeting, #editorial-board-members .poster-box .poster-metadata, #editorial-board-members .poster-box .poster-authors, #editorial-board-members .poster-box .poster-meeting, #editorial-board-members .board-member .poster-metadata, #editorial-board-members .board-member .poster-authors, #editorial-board-members .board-member .poster-meeting { color: #777; line-height: 1.3em }
#posters .poster-box .poster-metadata a, #posters .poster-box .poster-authors a, #posters .poster-box .poster-meeting a, #posters .board-member .poster-metadata a, #posters .board-member .poster-authors a, #posters .board-member .poster-meeting a, #editorial-board-members .poster-box .poster-metadata a, #editorial-board-members .poster-box .poster-authors a, #editorial-board-members .poster-box .poster-meeting a, #editorial-board-members .board-member .poster-metadata a, #editorial-board-members .board-member .poster-authors a, #editorial-board-members .board-member .poster-meeting a { color: #777 }
#posters .poster-box .poster-meeting, #posters .board-member .poster-meeting, #editorial-board-members .poster-box .poster-meeting, #editorial-board-members .board-member .poster-meeting { margin-top: 7px }
#posters .poster-box .poster-metadata, #posters .board-member .poster-metadata, #editorial-board-members .poster-box .poster-metadata, #editorial-board-members .board-member .poster-metadata { position: absolute; bottom: 10px; width: 212px; font-size: .75em }
#posters { margin: 0 }
#posters tbody { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start }
#posters tbody tr { -webkit-flex-basis: 228px; -moz-flex-basis: 228px; -ms-flex-basis: 228px; flex-basis: 228px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; display: block; width: inherit; margin: 0 3px; height: 336px }
#posters tbody tr td .board-member { display: block; width: inherit }
#posters .poster-box { height: 335px }
#editorial-board-members { margin-left: 15px }
#editorial-board-members tbody tr { width: 243px; height: 325px }
#editorial-board-members .board-member { height: 315px }

.fancy-circle-image { max-width: 180px; max-height: 180px; border-radius: 180px; border: 1px solid #a1a1a1; overflow: hidden; margin: 0 auto }
.fancy-circle-image.small-circle { height: 150px; width: 150px; max-width: 150px; max-height: 150px; border-radius: 75px; background-color: #efefef; margin-top:12px; }
.fancy-circle-image.tiny-circle { max-width: 70px; max-height: 70px; border-radius: 35px }
.fancy-circle-image img { border-radius: 180px }
.uploadable-image { position: relative; cursor: pointer }
.uploadable-image .fa-camera-retro { position: absolute; right: 33px; bottom: 8px; display: none; font-size: 1em; color: #8d8d8d; border: 3px solid #ccc; padding: 8px; background-color: white; border-radius: 100% }
.uploadable-image:hover .fa-camera-retro { display: block }
.uploadable-image form { margin-bottom: 0 }
.uploadable-image form input[type='file'] { display: none }
.uploadable-image .fancy-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(0,0,0,0); transition: background-color, 0.5s }
.uploadable-image .fancy-image-overlay.active { background-color: rgba(255,255,255,0.7) }
 .board-member .avatar { display: inline-block; margin-bottom: 5px }
.board-member-name { margin: 0 0 0.5em; line-height: 1em; font-size: 1.25em; font-weight: bold;}
.board-member .specialty, .board-member .editor-in-chief { font-size: 1em; margin-top:5px; }
.board-member .editor-in-chief { background-color: #3399ff;  padding: 4px 8px; margin-bottom: 5px; font-size: 14px; color: white; border-radius:3px;}
 .board-member .affiliation { margin-bottom: 10px; font-size: 0.8125em }
 .board-member .board-member-view-profile { position: absolute; left: 27%; bottom: 15px; }
.pages_controller_academic_council .academic-council-intro { padding-top: 10px; margin-bottom: 60px }
.pages_controller_academic_council .academic-council-intro .cureus-seal { max-width: 150px; max-height: 150px; margin-left: auto; margin-right: auto }
.pages_controller_academic_council .academic-council-intro .cureus-seal img { width: 100% }
.board-member{text-align:center !important;}
/* Table css Start here */

.borad-left-title{border-bottom:solid 1px #ccc; margin-bottom:20px;}
.specialities{background:#3399ff; padding:10px; display:block;}
.width100{width:100%;}
.m-left{margin-left:20px;}


/*kiran css */

.heading { padding:15px 0px;}