@font-face {
    font-family: 'DroidArabicKufiRegular';
    src: url('fonts/DroidKufi-Regular/droidkufi-regular.eot');
    src: url('fonts/DroidKufi-Regular/droidkufi-regular.eot') format('embedded-opentype'),
         url('fonts/DroidKufi-Regular/droidkufi-regular.woff') format('woff'),
         url('fonts/DroidKufi-Regular/droidkufi-regular.ttf') format('truetype'),
         url('fonts/DroidKufi-Regular/droidkufi-regular.svg#DroidArabicKufiRegular') format('svg');
}
*{margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
body{font-family: 'Roboto', sans-serif; font-size:14px; color: #666666; font-weight:300; }

.left, .left-side, .pull-left{float:left;}
.right, .right-side, .pull-right{float:right;}
.clearfix{clear:both;}
.clearfix:after{clear:both; content:""; display:block;}
.aligncenter{text-align:center;}
a img{border:0px;}
a{text-decoration:none; color: #3ab2e7; font-size:12px; }
a:hover{color:#333333; text-decoration: underline;}
h1{font-weight:400; font-size:28px; color:#666666;}
h2{font-weight:500; font-size:24px; color:#666666; margin-bottom: 30px;}
p{font-weight:400; text-align:justify; line-height:21px; padding-bottom:15px;}
.nopadd{padding:0px !important;}
.lbl{color: #3ab2e7; font-weight: 700 !important;}

.input,.ta{background: #e9e9e9; outline: none; border: none; padding:8px; width: 100%; border-radius: 3px;}
.ta{height: 100px; padding: 8px !important;}

.btn{background: #3ab2e7; cursor: pointer; color: #fff; padding: 5px 18px; outline: none; border: none; border-radius: 3px; margin-top: 5px; font-family: 'Roboto'; font-weight:500; font-size:13px;}
.btn:hover{background-color:#666666; color:#ffffff;}
ul li{list-style:none; padding:0px; margin:0px;}
h1{color:#666666; font-size:30px; padding-bottom:8px;}
.bodybg{position:absolute; z-index:-1; height:100%;}
.inner_wrapper{position:relative; z-index:0;}
#container{width:100%; position:relative; overflow:hidden;}
.page_width{width:1170px; margin:auto; padding-top:10px;}
header{padding:10px 0px; border-bottom: solid 3px #333333;}
#logo{width:200px; float:left;}

nav{float:left; padding-top:25px; padding-top:60px; position:relative;}
nav ul li{float:left; font-size:16px; font-weight:400; position:relative;}
nav ul li.devider{background:url(../images/menusep.jpg) left center no-repeat; width:1px; min-height:36px;}
nav ul li.devider.no-bg{background:none;}
nav ul li:last-child{background:none; padding-right:0px; margin-right:0px;}
nav ul li a{color:#666666; display:block; font-size:16px; padding:7px 16px;}
nav ul li.temp-hover > a{background-color:#3AB2E7; color:#FFFFFF; border-radius:5px 5px 0px 0px;}
nav ul li a:hover{background-color:#3AB2E7; color:#FFFFFF; border-radius:5px; text-decoration:none;}
nav ul li.dropdown1 a:hover{border-radius:5px 5px 0px 0px;}
nav ul li.dropdown1:hover > ul.submenu{display:block;}

nav ul li.dropdown1 ul.submenu{background-color:#3AB2E7; position:absolute; top:33px; z-index:100; width:225px; border-top:0px; border-radius:0px 5px 5px 5px; overflow:hidden; display:none;}
nav ul li.dropdown1 ul.submenu li{float:none; width:100%; border-bottom:solid 1px #61C0EE;}
nav ul li.dropdown1 ul.submenu li:first-child{border-top:solid 1px #61C0EE;}
nav ul li.dropdown1 ul.submenu li:last-child{border-bottom:0px;}
nav ul li.dropdown1 ul.submenu li a{display:block; color:#FFF;}
nav ul li.dropdown1 ul.submenu li a:hover{background-color:#FFFFFF; color:#676767; border-radius:0px;}

nav ul li.dropdown1 ul.submenu li ul li{border-bottom:0px;}
nav ul li.dropdown1 ul.submenu li ul li a{padding:5px 16px 5px 25px; font-size:14px; }

.right-menu-handle{position:fixed; top:415px; right:0px; width:45px; height:106px; background:url(../images/links-tab.png) 0 0px no-repeat; z-index:10000; cursor:pointer; transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -webkit-transition:all 0.3s ease;}
.right-menu-handle.open{right:249px;}
.side-menu{width:250px; border-radius:7px 0px 0px 7px; min-height:150px; background-color:#FFF; position:fixed; top:400px; right:-250px; z-index:10000; padding:10px 15px; box-shadow:0px 0px 3px rgba(0,0,0,0.20); transition:all 0.3s ease; -moz-transition:all 0.3s ease;  -webkit-transition:all 0.3s ease;}
.side-menu.open{right:0px;}
.side-menu ul li{list-style-type:none; border-bottom:dotted 1px #CCCCCC;}
.side-menu ul li:last-child{margin-bottom:0px;}
.side-menu ul li a{color:#000000; text-decoration:none; display:block; padding:6px 0px;}
.side-menu ul li a:hover{text-decoration:underline;}

.search{float:right; padding-top:55px;}
.search_area .searchbox{width:192px; float:right; position:relative;}
.search_area .searchbox input[type="text"]{border-radius:5px; width:100%; background-color:#e9e9e9; padding-left:10px; border:none; padding: 8px 40px 8px 10px;}
.search_area .searchbox button{background:none; border:none; padding-top:4px; cursor:pointer; position:absolute; top:7px; right:8px;}
.lang{float:right; padding-left:20px; font-size:14px; font-family:'DroidArabicKufiRegular'; font-size:14px; color:#333333;}
.lang:hover{text-decoration: underline; color: #3ab2e7;}
footer{background-color:#333333; padding:35px 0px; margin-top:50px;}
footer .copyright{font-weight:300; font-size:12px; color:#ffffff;}
.footerlinks ul li{float:left; padding-right:18px; font-size:12px; font-weight:300;}
.footerlinks ul li:last-child{padding-right:0px;}
.footerlinks ul li a{color:#ffffff;}
.footerlinks ul li a:hover{text-decoration: underline; color: #3ab2e7;}
footer .social_icons p{font-size:12px; text-align:center}
footer .social_icons ul{margin-top:5px;}
footer .social_icons li{float:left; padding-right:10px;}
footer .social_icons li:last-child{padding-right:0px;}

#banner{background:url(../images/banner_bg.png) top left repeat; border-bottom:solid 3px #333333; padding:30px 0px; position:relative; margin-bottom:20px;}
.main-banner .images{float:left; width:770px;}
.main-banner .arrow{width:11px; height:16px; background:url(../images/sliderarrows.png) 0 0px no-repeat; position:absolute; right:24px; bottom:18px; z-index:10000; cursor:pointer;}
.main-banner .arrow.right{right:10px; background-position:-11px 0px;}

.main-banner .flex-direction-nav{left:0px;}
.main-banner .flex-direction-nav {z-index:5000; top:375px; left:0px; width:22px; height:20px;}
.main-banner .images span{position:relative;}
.main-banner .images.full-width{width:100%; float:none; text-align:center;}
.main-banner .images .slider-caption{font-size: 22px; width: 100%; font-family: 'Roboto', sans-serif; font-weight:300; position: absolute; z-index: 9999; color: #ffffff; left: 0px; text-align: left; color:#ffffff; background-color:rgba(0,0,0,0.50); bottom:4px; padding:9px 0px 9px 18px; border-radius:0px 0px 4px 4px;}
.main-banner .announcement{float:right; width:370px; background-color:#ffffff; border-radius:4px; padding:22px;}
.main-banner .announcement h1{font-weight:500; font-size:26px; color:#666666; border-bottom:solid 1px #cccccc; padding-bottom:8px; margin-bottom:8px;}
.main-banner .announcement h1 span{padding-right:10px; vertical-align:middle; }
.main-banner .announcement p.tagline{color:#3ab2e7; font-weight:500; font-size:18px; padding:10px 0px; padding-bottom:17px}
.main-banner .announcement p{padding-bottom:16px;}

#bredcrums{padding-top:10px; font-size:14px; padding-bottom:20px;}
#bredcrums ul{margin-bottom:0px;}
#bredcrums ul li{background:url(../images/icons/bredcrum-arrow.png) right 5px no-repeat; font-size:14px !important; padding-right:18px; margin-right:7px; float:left; font-weight:400; color:#0e6bb2;}
#bredcrums ul li:last-child{background:none; color: #3ab2e7;}
#bredcrums ul li a{font-size:14px !important; color:#666666; font-weight:400;}
#bredcrums ul li a:hover{text-decoration: underline;}

.latest-news{position:relative;}
.items .item{padding-bottom:40px;}
.items .item p.detail{font-weight:300;}
.items.grid-view .item{float:left;}
.items.list-view .item{width:100%; }
.items.grid-view .detail{display: inline-block;}
.news.items .latest-news .item p.title{height:76px; padding-top:15px;}
.news.items .latest-news .item p.detail{min-height:141px;}

.items.grid-view .item .image{display: inline-block;}
.items .item .image{float:left; padding-right:25px; min-width:170px;}
.items.grid-view .item .image{padding-right: 20px;}
.items.list-view .item .image img{border-radius: 3px;}
/*.items .item{margin-top: 20px;}*/
.items .item:last-child{margin-bottom: 40px;}
.col-3 .item{width:370px; margin-right:30px;}
.col-2 .item{width:50%;}
.col-3 .item:nth-child(3n){margin-right:0px;}
.news.items .item{padding-top:15px; margin-top:0px; padding-bottom:0px; margin-bottom:0px;}
.news.items .item p.title{padding-top:20px;}
/*.items.gallery.col-3 .item{width: 385px; margin-right: 0;}
.items.gallery.col-3 .item:nth-child(3n+2){width: 415px;}
.items.gallery.col-3 .item:nth-child(3n){width: 362px;}*/
.news .date{padding-bottom:25px;}
.news .date span{background-color:#3ab2e7; border-radius:4px; color:#ffffff; padding:4px 8px; min-width:95px;}
.item p.title a{font-weight:500; font-size:24px; color: #666666;}
.item p.detail a{font-size:14px;}
.news .image img{border-radius:4px;}
.items .item p.title{padding-top:0px; color: #666666; font-size: 24px; line-height: 28px; font-weight: 500; text-align:left}
.items .item .sub-title{color: #3ab2e7; display: block; font-size: 18px;}

.content-container{padding-top: 20px;}
.position-rltv{position: relative;}

.transparent-content{width: 469px; height: 462px; padding: 45px 20px 42px 25px; position: absolute; background: rgba(0,0,0,0.7); top: 0; right: 0;}
.transparent-content h2{color: #fff;}
.transparent-content p{padding-right: 30px; color: #ffffff; padding-bottom:20px; font-weight:300;}
.transparent-content h2+ p{margin-bottom: 30px;}

.contact-us .map{position:relative; height:258px; overflow:hidden;}
.contact-us .left:first-child{width: 470px; margin-right: 20px;}
.contact-us .left:nth-child(2){width: 300px;}
.contact-us .left:last-child{width: 370px; margin-right: 0;}

.scroll-pane{width: 100%; height: 330px; overflow: auto;}
.scroll-pane.scroll2{height: 205px;}

.inline-form > li{float: left; margin-bottom: 10px; font-weight: 400; width:75%;}
.inline-form > li.lbl{width: 30%;}
.inline-form.lineheight > li:nth-child(odd){line-height: 32px;}
/*.inline-form.contactus > li:nth-child(odd){width:105px;}*/
.inline-form.contactus > li:nth-child(even){width:70%;}

.inline-form > li p{font-weight:400;}
.contact-us .inline-form.lineheight > li:nth-child(odd){width:25%;}

.inline-form.detail-form > li:nth-child(even){float:right;}
.inline-form.detail-form > li:nth-child(odd){ content:''; clear:both;}


#tabs {border: none;}
#tabs ul{background: transparent; border: none; padding-left: 0;}
#tabs .ui-state-default{background: #e9e9e9; cursor: pointer; color: #3ab2e7; padding: 3px 11px; outline: none; border: none; border-radius: 3px; margin-top: 5px; font-family: 'Roboto';}
#tabs .ui-state-default a, .ui-state-default a:link{color: #3ab2e7;}
#tabs .ui-state-active{background: #3ab2e7; cursor: pointer; color: #fff; padding: 3px 11px; outline: none; border: none; border-radius: 3px; margin-top: 5px; font-family: 'Roboto';}
#tabs .ui-state-active a{color: #fff;}
#tabs .ui-tabs-panel{padding: 0; padding-top:25px;}



/*ul.pagination {padding-top: 15px;}*/
ul.pagination li {float: left; margin-right: 5px;}
ul.pagination li:last-child{float: left; margin-right: 0;}
ul.pagination li a{padding: 2px 7px; background: #cccccc; color: #fff; border-radius: 50%; display: inline-block;}
ul.pagination li a:hover, ul.pagination li.selected a{background: #3ab2e7;}
ul.pagination li:first-child:hover a{background-position-y: -22px;}
ul.pagination li:last-child:hover a{background-position-y: -22px;}
ul.pagination li:last-child a{background: transparent; background: url(../images/icons/right-nav.png)top center no-repeat; height: 19px; width: 19px;}
ul.pagination li:first-child a{background: transparent; background: url(../images/icons/left-nav.png)top center no-repeat; height: 19px; width: 19px;}

.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}

.radius3{ border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;-webkit-border-radius:3px;}
.radius5{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;-webkit-border-radius:5px;}

/*News Detail*/
.news_detail img{padding-right:30px; }
.news_detail p{ margin:0 0 27px 0;font-family:Roboto; font-size:14px; color:#666666;}

/*End News Detail*/
/*conference*/
.conference.items .photo{padding-bottom:25px;}
/*.conference img {padding:0 30px 0 0 ;}*/
.confern_detail p {font-family: 'Roboto';font-size:14px; color: #666666;}
.confern_detail ul li:last-child p{ padding:0 0 23px 0;font-family: 'Roboto';font-size:14px; color:#666666;}
.detail_points .inline-form > li{float: left; margin-bottom: 5px;}
.detail_points .inline-form > li:nth-child(odd){width: 20%; font-weight:500;}
.detail_points .inline-form > li:nth-child(even){width: 80%;}
.detail_points{width:48%;}
/*End conference*/
/*video_gallery*/
.video_gallery .video { position:relative; margin:0 0 5px 0;}
.play_video{ position:absolute; top:0; left:40%; top:40%;}
.video_gallery .item span{font-size:14px;font-family: 'Roboto';}
/*End video_gallery*/
.gallery span{font-size:14px; font-family: 'Roboto'; padding:5px 0 5px 0; display:block;}
/*up comming event*/
.upcoming_event .col-2{width:50%; }
.upcoming_dt{width:50%;}
.upcoming_event .item{padding-right:5px; }
.upcoming_event .item img {margin-right:10px;}
.upcoming_event.upcoming_dt{ width:50%;}
.upcoming_event.upcoming_dt .lbl{color: #3ab2e7; font-weight: 700;}
.upcoming_event.upcoming_dt .detail_points .inline-form > li{float: left; margin-bottom: 10px;}


.upcoming_conf .detail{width:285px;}
.upcoming_conf .image{width:270px;}
.upcoming_conf .inline-form{padding-top:7px;}
.upcoming_conf .inline-form >li{margin-bottom:2px;}
.upcoming_conf p.more{padding-top:20px;}

.geneticists .item{width:379px; margin-right:15px;}
.list-view.geneticists .item .right{width:970px;}

.grid-view.conference .item{padding-bottom:25px;}


.summary li{width:90%;}
.summary li.lbl{width:10%;}
img.left{padding-right:25px;}
span.lbl{width:90px; display:inline-block;}
.conference-detail p{padding-bottom:5px;}

#accordion li{margin:5px 0px 12px 0px}
#accordion .accord_head{color:#315789; background-color:#e9e9e9; border-radius:5px; padding: 8px 10px; color:#3ab2e7; font-family: Roboto;
font-size: 18px;
font-weight: 500; cursor:pointer;}
#accordion .accord_head span{background-image:url(../images/accordion_icons.png); background-repeat:no-repeat; background-position:right bottom; height:25px; width:50px; content:''; display:inline-block; float:right;}
#accordion .accord_head.expand:hover span{background-position:right top;}
#accordion .accord_head.collapse:hover span{background-position:right bottom;}
#accordion .accord_head.collapse span{background-position:right top;}
#accordion .accord_head.expand span{background-position:right bottom;}
.accord_contents {padding:10px; display:none;}
.accord_contents.show{display:block;}
#accordion .accord_head.collapse{color:#7f7f7f;}

.right-menu-handle{ z-index: 11;}
.dcsmt .controls{right: 10px;}
.dcsmt{z-index: 999999999 !important;}
@media screen and (max-width:1169px) and (min-width:240px){
	#container{min-width:1366px;}

}