@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-lig-webfont.eot');
    src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lig-webfont.woff') format('woff'),
         url('../fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-size: 16px; font-family: 'robotolight'; background: #f8f8f8; }
/***********Home Page*************/
.top-menu{ width: 400px; float: right;}
.help-menu {float: left;}
.help-menu  img{margin-top: 16px; float: left; margin-right: 8px; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.help-menu:hover img{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.help-menu a{ font-size: 14px; color: #6e6e6e; line-height: 45px;}
.help-menu a:hover{text-decoration: underline;}
.social-icons{ border-left: 1px solid #D3D8DB; float: right; padding: 7px; padding-left: 10px;}
.social-icons a{ float: left; margin: 0px 3px;}
.social-icons a img{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.social-icons a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.slider{ display: inline-block; width: 100%;}

/******Menu*******/
header{ width: 100%;}
.menu-container{ background: #fff; position: relative; z-index: 1; -webkit-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6);
-moz-box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6);
box-shadow: 0px 0px 5px 0px rgba(191,191,191,0.6);}
.logo{ padding: 10px 0px;}
.logo a{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.logo a:hover, .logo a.active{background:  #31A9D8; color: #fff;}
.navbar-collapse{ padding: 0px;}
.nav > li > a { float: left; padding: 10px 28px; font-size: 18px; color: #6e6e6e; position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
/*.nav > li > a:after { display: block;  position: absolute; z-index: 1;  left: 0;  top: 0;  width: 0px;  height: 100%;  background-color: #31a9d8;  content: "";  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}
.nav > li > a:hover:after {  width: 100%;}
*/
.menu{padding: 20px 0px;}
.nav > li > a:hover, .nav > li.active a{ background: #31a9d8 !important; color: #fff !important;}
.navbar{ margin: 0px; min-height: 10px;}
.navbar-default{ background: none; border: none;}
.carousel{ border-bottom: 5px solid #f7941e;}
.carousel-caption{ background: url(../img/slider-content-bg.png) no-repeat; font-size: 60px; font-family: 'latobold'; color: #fff; max-width: 822px; width: 100%; text-align: center; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; padding: 0px;}
.carousel-caption p{ margin: 0px;}
.carousel-caption p span{ font-family: 'latolight'; }
.carousel-indicators li { background: #bec0c1; border: none;}
.carousel-indicators .active{ background: #1a9fd4; }
.carousel-indicators { bottom: -50px;}
.carousel-inner > .item > img{ margin: auto;}
.middle-content{ background: #fff; padding: 40px 0px;}
.middle-content center.home{padding: 0px 4%;}
.middle-content center p{ font-size: 22px; /*font-family: 'robotoregular';*/ color: #848383; margin-bottom: 12px;}
.middle-content center ul{ margin: 0px; padding: 0px; margin-top: 40px;}
.middle-content center ul li{position: relative; list-style: none; display: inline-block; padding: 0px 25px;}
.middle-content center ul li:after { display: block;  position: absolute;  left: 0;  top: 0;  width: 3px;  height: 0px;  background-color: #f7941e;  content: "";  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}
.middle-content center ul li:hover:after {  height: 100%;}
.middle-content center ul li a{ font-size: 22px; color: #1a9fd4; }
.shadow{ margin: 50px 0px;}
.shadow img{ width: 100%; max-width: 944px;}

.service{ margin-bottom: 70px;}
.services{ background: #e4e4e4; border-bottom: 18px solid #f7941e; padding: 0px; margin-right: 5px; width: 33%;}
.services:last-child{margin-right: 0px;}
.services-top{height: 130px;}
.services1{ background: url(../img/service1.png) no-repeat right bottom #ffd259;}
.services2{ background: url(../img/service2.png) no-repeat right bottom #3b97d3;}
.services3{ background: url(../img/service3.png) no-repeat right bottom #d94e3f;}
.services center{ padding: 0px 15px;}
.services h3{color: #50504f; font: 28px 'robotoregular'; margin-bottom: 0;}
.services center p{ color: #868585; font-size: 16px; font-family: 'robotolight'; padding: 25px 0px;}
.services a{ color: #d94e3f; font-size: 20px; margin-bottom: 25px; display: inline-block; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.service a:hover{margin-left: 50px; text-decoration: underline;}
.our-members{ margin-bottom: 40px;}
.our-members center{ font-size: 28px; color: #1a9fd4; margin-bottom: 20px;}
.clients { padding: 0px; margin-top: 20px;}
.crsl-wrap{ margin: auto; padding: 0px; height: 413px; overflow: hidden;}
.crsl-wrap figure{ display: inline-block; vertical-align: middle; position: relative; text-align: center; width: auto !important; margin: auto 24px !important; height: 90px; line-height: 90px;}
.clients .crsl-nav a { top: -15%;}
.clients .crsl-nav a.previous{ left: -5%;}
.clients .crsl-nav a.next{ right: -5%;}
.clients .crsl-wrap{ height: 93px; overflow: hidden;}
.client-scrolling{overflow: hidden;}
.client-scrolling ul{width: 100%; padding: 0px; width: 2500px; line-height: 90px;}
.client-scrolling ul li {list-style: none; float: left; margin-right: 20px;}
.client-scrolling ul li:last-child{margin-right: 0px;}

footer{color: #797777; background: #292929; padding: 35px 0px 25px;}
.footer-menu ul{padding: 0; margin: 0;}
.footer-menu ul li{list-style: none; display: inline-block; padding: 0px 20px; border-right: 1px solid #797777; line-height: 15px;}
.footer-menu ul li:first-child{ padding-left: 0px;}
.footer-menu ul li:last-child{ border-right:  none;}
.footer-menu ul li a{color: #797777;}
.footer-menu ul li a:hover, .footer-menu ul li.active a{text-decoration: underline;}



/**************About Page*************/
.top-banner{ padding-top: 240px;  border-bottom: 5px solid #f7941e; position: relative; max-width: 1600px; margin: auto;}
.top-banner img{ position: absolute; top: 0; right: 0;}
.top-banner .container{ position: relative;}
.about-us{ background: url(../img/about-banner.jpg) no-repeat;}
.top-banner h1{ color: #fff; font: 40px/60px 'robotoregular'; float: right; margin: 0px; position: absolute: right: 0; bottom: 0; margin-right: -15px;} 

.tab-title{ width: 25%; padding: 0px;}
.tab-title ul{ padding: 0px;}
.tab-title li{list-style: none; color: #fff; cursor: pointer; background: url(../img/arrow-right.png) no-repeat 110% center #31a9d8; font-size: 18px; padding: 0 7px; line-height: 58px; margin-bottom: 2px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.tab-title li span{ width: 52px; text-align: center; float: left; margin-right: 7px; position: relative;}
.tab-title li span .hover{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;}
.tab-title li:hover, .tab-title li.active{ background: url(../img/arrow-right.png) no-repeat 97% center #f7941e;}
.tab-title li:hover span img, .tab-title li.active span img{opacity: 0; }
.tab-title li:hover span .hover, .tab-title li.active span .hover{opacity: 1; }
.tabs-contents{ width: 75%;}
.tabs-content .tabs-content1{ display: none;}
.tabs-content .tabs-content1.first-doc{display: block;}
.tabs-content1{ font: 16px/26px 'latolight'; color: #504f4f;}
.tabs-content1 p{ margin-bottom: 30px; text-align: justify;}
.tabs-content1 h3{font-weight: 600; font-size: 22px; margin: 5px 0px;}
.tabs-content1 img{ margin: 20px 0px;}
.graph-img img{ width: 100%; float: left;}
.rassi-members ul li img{ margin: 0px;}
.tab-bottom{ margin: 0px;}
.col-centered{ float: none; margin: auto; position: relative;}
.crsl-nav{ width: 100%; height: 100%;}
.crsl-nav a{ position: absolute; top: 50%; z-index: 2;}
.crsl-nav a.previous{ left: -3%;}
.crsl-nav a.next{ right: -3%;}
.tab-bottom .crsl-wrap figure { margin: 0px !important;}
.tab-bottom .crsl-wrap figure:first-child{margin-left: 4% !important;}

.news-years-container{ max-width: 665px; margin: auto;}
.news-years{ display: inline-block; margin-right: 15px; margin-bottom: 25px;}
.news-years strong{ font-size: 22px; font-family: 'latoregular'; color: #fff; border-radius: 50%; background: #f7941e; width: 80px; height: 80px; display: inline-block; text-align: center; line-height: 80px;  position: absolute;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(138,79,12,1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(138,79,12,1);
box-shadow: inset 0px 0px 10px 0px rgba(138,79,12,1);
}
.news-years .news-years-content{display: inline-block; width: 245px; padding: 15px; margin-left: 70px; margin-top: 14px; vertical-align: top; background: #31A9D8; color: #fff; font-size: 19px; 
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(9,102,133,1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(9,102,133,1);
box-shadow: inset 0px 0px 10px 0px rgba(9,102,133,1);
}
.news-years-content p{ margin-bottom: 0px; text-align: left;}
.news-years .news-years-content .space{ display: block; margin-bottom: 25px;}

.rassi-members ul{padding: 0; max-width: 710px; margin: auto;}
.rassi-members ul li{list-style: none; float: left; text-align: center; vertical-align: middle; width: auto; line-height: 162px; padding: 4% 6%; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.rassi-members ul li img{ width: 150px; }
.tabs-content1 center img, .tabs-content1 p img{ max-width: 100%; width: auto;}
.founder-coordinator{margin-bottom: 20px;}
.founder-coordinator img{margin-left: 8%;}

p.loaction-content{ font-size: 18px; margin-top: 20px; color: #333333;}
/************News Page*************/
.news{ border-bottom: 1px dashed #F7941E; padding: 0px 0px 20px;}
.news h3, .address h3{ margin: 0px 0px 10px; font: 20px/26px 'latoregular'; color: #31a9d8;}
.news h3 span, .address h3 span{ color: #5c3506; display: block;}
p.author{ margin-bottom: 0px; font-style: italic;}
.news a{background: url(../img/public-book.png) no-repeat left center; padding-left: 30px; margin-bottom: 15px; display: block; font-style: italic; }
.news a, .address a{line-height: 19px; color: #0e0e0e; text-decoration: underline; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.news a:hover{ padding-left: 35px;}
p.paper-copy{ margin-top: 15px;}
/************Contact Page*************/
.database{background: url(../img/database-banner.jpg) no-repeat;}
.publication{background: url(../img/publication-banner.jpg) no-repeat;}
.contact-us{background: url(../img/contact-banner.jpg) no-repeat;}
.news-events{background: url(../img/news-banner.jpg) no-repeat;}
.map iframe{ width: 100%; min-height: 630px;}
.address{color: #504f4f; margin-bottom: 7%;}
.address h3 img{float: left; margin-right: 10px;}
h3.email-title{ line-height: 65px;}
a.email{ font-size: 24px; font-family: 'latoregular'; color: #504f4f;}
p.callto a{text-decoration: none; color: #31A9D8;}


/**************News & Events page**************/
.news-events{font: 16px/26px 'latolight'; color: #504F4F;}
.news-events h2{ font-family: 'latoregular'; color: #5C3506;}
.news-events h3{font: 20px/26px 'latoregular'; color: #31A9D8;}
.news-events p{}


.scroll-text {
  border: 1px solid red;
  width: 400px;
  height: 4.5em;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}