/* Theme Name: Gp Theme URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-templat/ Author: BootstrapMade Author URL: https://bootstrapmade.com */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800); /************************* *******Typography****** **************************/ body { background: #fff; font-family:'Open Sans', Arial, sans-serif; color:#333; line-height:1.6em; /* background: rgba(43, 132, 208, 0.1); */ } h1, h2, h3, h4, h5, h6 { font-weight:500; font-family:'Open Sans', Arial, sans-serif; color:#333; } h1{ font-size: 36px; color:#fff;} h2{ font-size: 20px;} h3{ font-size: 16px; color: #787878; font-weight: 400; line-height: 24px;} h4{ font-size: 16px; } a { color: #1E5288; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } a:hover, a:focus { color: #d43133;} hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;} .btn-primary { padding: 8px 20px; background: #1E5288; color: #fff; border-radius: 4px; border:none; margin: 5px 0px;} .btn-primary:hover, .btn-primary:focus{ background: #e47800; outline: none; box-shadow: none;} .btn-transparent { border: 3px solid #fff; background: transparent; color: #fff;} .btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5);} a:hover, a:focus { color: #f7941e; text-decoration: none; outline: none;} .dropdown-menu { margin-top: -1px; min-width: 180px;} .center h2{ font-size: 24px; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; color: #000; font-weight: 600; } .media>.pull-left{ margin-right: 20px;} .media>.pull-right{ margin-left: 20px;} .center { text-align: center; } .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; } .lead{ font-size: 13px; line-height: 24px; font-weight: 400; color:#000;} .transparent-bg { background-color: transparent !important; margin-bottom: 0;} @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .breadcrumb{width:100%; display:inline-block; background:#fff; padding:5px 0; margin-bottom:20px; box-shadow: 6px 7px 12px -5px #aaa;} .breadcrumb hr{ margin:0;} .breadcrumb ul{ padding-left:0; margin-top:5px;} .breadcrumb ul li{ list-style-type:none; display:inline-block; margin:0 25px auto 0; position:relative;} .breadcrumb ul li:last-child{ margin:0;} /*.breadcrumb ul li:before { width: 20px; height: 20px; background: #008ee7; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; content: ""; position: absolute; top: 21px; left: 0; right: 0; border: 6px solid #fff; margin: auto;} */ .breadcrumb ul li:after{ content: " \007c "; position: absolute; font-size: 12px; top: -1px; right: -18px; color:#ccc;} .breadcrumb ul li:last-child:after{ content:"" ;} /*.breadcrumb ul li:last-child a{color:#008ee7;}*/ .breadcrumb ul li a{color:#888; font-size:13px;} .breadcrumb ul li a img{margin-right: 6px; width: 12px;margin-top: -3px;} .right{ float:right;} .left{ float:left;} /************************* *******Header****** **************************/ .navbar-fixed-top .navbar-toggle .icon-bar { background-color: #fff;} .navbar>.container .navbar-brand{ margin-left: 0;} .top-bar { padding: 0 0; display:inline-block; width:100%; border-bottom: 1px solid #f1f1f1; border-top:4px solid #1E5288; line-height: 1;} .social{ text-align: center;} .social-share{ display: inline-block; list-style: none; padding: 0; margin: 0;} ul.social-share li { display: inline-block;} ul.social-share li a { display: inline-block; color: #fff; background: #404040; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px;} ul.social-share li a:hover { background: #E8CE0E; color: #fff;} .navbar-brand { padding: 0; margin:0; color:#E8CE0E;} .navbar-header a.navbar-brand { color:#E8CE0E;} .navbar { border-radius: 0; margin-bottom: 0; padding-bottom: 0;} .navbar-nav>li{margin:auto 7px;} .navbar-nav li.active{ background:#fff; border-top:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9;} .navbar-nav li.active a{ color: #1e5288;} .navbar-fixed-top .navbar-nav > li > a { padding: 5px 15px; margin: 0; border-radius: 3px; color: #fff; line-height: 24px; display: inline-block;} .navbar-nav > li > a{ color:#fff; text-transform:uppercase;} .navbar-fixed-top .navbar-nav > li > a:hover{ background-color: #E8CE0E; color: #333;} .navbar-fixed-top { border: none;} .navbar-fixed-top .navbar-brand { font-size: 36px; line-height: 50px; color: #fff;} .navbar-fixed-top .navbar-nav > .active > a, .navbar-fixed-top .navbar-nav > .active > a:hover, .navbar-fixed-top .navbar-nav > .active > a:focus, .navbar-fixed-top .navbar-nav > .open > a, .navbar-fixed-top .navbar-nav > .open > a:hover, .navbar-fixed-top .navbar-nav > .open > a:focus { background-color: #E8CE0E; color: #333; } .navbar-fixed-top .navbar-nav .dropdown-menu { background-color: rgba(0,0,0,.85); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0; } .navbar-fixed-top .navbar-nav .dropdown-menu:before{ position: absolute; top:0;} .navbar-fixed-top .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #fff;} .navbar-fixed-top .navbar-nav .dropdown-menu > li:hover > a, .navbar-fixed-top .navbar-nav .dropdown-menu > li:focus > a, .navbar-fixed-top .navbar-nav .dropdown-menu > li.active > a { background-color: #E8CE0E; color: #fff;} .navbar-fixed-top .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px;} .navbar-fixed-top .navbar-nav .dropdown-menu > li.divider { background-color: transparent;} .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar-form { border-top: 0; padding-bottom: 0; } /************************* *******Home Page****** **************************/ .slider { position: relative; } #carousel-slider { position: relative;} #carousel-slider .carousel-indicators { bottom: -25px;} #carousel-slider .carousel-indicators li { border: 1px solid #ffbd20;} #carousel-slider a i { border: 1px solid #777; border-radius:50%; font-size: 28px; height: 50px; padding: 8px; position: absolute; top: 50%; width: 50px; color:#777; } #carousel-slider a i:hover { background:#E8CE0E; color:#fff; border: 1px solid #E8CE0E;} #carousel-slider .carousel-control { width:inherit;} #carousel-slider .carousel-control.left i { left:-25px} #carousel-slider .carousel-control.right i { right: -25px;} #carousel-slider .carousel-control.left, #carousel-slider .carousel-control.right { background: none;} /************************* ******* Inner pages ****** **************************/ .section-title{ margin-bottom:8px; margin-top: 12px; width: 100%;} .section-title-0LD h1{ margin: 5px auto; font-size: 25px; color: #fff; padding: 10px; letter-spacing: 1px; position: relative; text-align: center; font-weight: 600; background-color: #1E5288;} .section-title h1{ margin: 5px auto; font-size: 25px; color: #000; padding-bottom: 10px; letter-spacing: 1px; word-spacing: 5px; position: relative; text-align: left; font-weight: 600;} .section-title h2 {font-size: 21px; margin: 5px auto; color: #fff; text-transform: uppercase; word-spacing: 5px; position: relative; font-weight: 600; background-color: #1E5288; padding: 10px; text-align: center;} .section-title1 h4 {font-size: 22px; margin: 5px; color: #fff; text-transform: uppercase; word-spacing: 5px; position: relative; font-weight: 600; background-color: #1E5288; padding: 10px; text-align: center; } .section-title h3{font-size:16px; color:#000; font-weight:600; margin:5px auto;} .section-matter h3 {font-size: 14px; font-weight: 600; margin: 0 0 20px; color:#000} .section-main-headings ul {list-style-type: none; } .section-main-headings ul li { } .section-main-headings ul li a {background-color: #1E5288; color: #fff; padding: 5px 10px; border-radius: 5px; font-weight: 600; text-align: center; width:100%; display: inline-block; margin-top: 10px; } .section-main-headings .btn-success {margin-bottom: 10px; margin-right: 5px; width: 100%; font-size: 15px; font-weight: 800; text-transform: uppercase; padding-left: 5px;} .section-main-headings .multidisciplinary {width: fit-content; padding: 7px 67px;} /** .top-impact-journals span a{ padding: 5px 10px 0px 5px; margin: 5px 0; display: inline-block; color:#fff; border: 1px solid #fff; border-radius: 8px; width: 100%; font-size: 19px; font-weight: 600; height: 55px; background: linear-gradient( to right, rgba(0, 80, 28, 1), rgba(0, 80, 28, 1) ), linear-gradient( to right, rgba(247, 148, 30, 1), rgba(247, 148, 30, 1) ); background-size: 100% 100%, 0 100%; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 400ms;} .top-impact-journals span a:hover { background-size: 0 100%, 100% 100%; } .top-impact-journals span p{position: absolute; right:20px;} ***/ .top-impact-journals{margin-bottom: 20PX;} .top-impact-journals a{padding: 8px 0; display: inline-block;} .top-impact-journals a img{width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19); border-radius: 10px;} .all-journals{ background:#ffffff; padding:0; border:1px solid #aaa; display:inline-block; width:100%; margin:auto; overflow:hidden; } .all-journals .col-md-1{ padding:0; width:5%;} .all-journals .col-md-11{ padding-right:0; width:95%;} .all-journals-list ul{padding-left:0; } .all-journals-list ul li{ list-style-type:none; display:block; margin:auto; padding:3px 15px; line-height:2.3;} .all-journals-list ul li:hover a{color:#00501c;} .all-journals-list ul li:nth-child(odd){ background:#f3f3f3;} .all-journals-list ul li:nth-child(odd):hover{ background:#f7941e;} .all-journals-list ul li:nth-child(even){ background:#FFF;} .all-journals-list ul li:nth-child(even):hover{ background:#f7941e;} /*.all-journals-list ul li:before{ content:"\25B6"; font-size:10px; margin-right:8px; color:#008ee7;}*/ .all-journals-list ul li a{ color:#000; font-size:13px; font-weight:600;} .all-journals-list ul li a:hover{ color:#00501c; font-weight:600;} .all-journals-alphabet{background: #00501c; margin:15px auto 0; text-align: center; float: left; padding: 2px 5px;} .all-journals-alphabet h1{color:#fff; font-size: 18px; line-height: 1; margin: 4px;} .journals-search{border: 1px solid #ccc; padding: 7px; width: 300px; margin-top: 10px;} .journals-search input{ width:88%; border:0 none;} .journals-search button{ border:0 none; background:transparent;} .journals-search button i{ color:#aaa;} .content{ font-size:13px; line-height:1.8; font-weight:600;} .content strong{ color:#008ee7;} .success_msg{border: 2px solid #76b51b;padding: 5px 20px;margin-bottom: 20px;background: rgb(118 181 27 / 8%);border-radius: 15px 0; -moz-animation: cssAnimation 0s ease-in 10s forwards; /* Firefox */ -webkit-animation: cssAnimation 0s ease-in 10s forwards; /* Safari and Chrome */ -o-animation: cssAnimation 0s ease-in 10s forwards; /* Opera */ animation: cssAnimation 0s ease-in 10s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .success_msg img{max-width:20px;margin-right:10px;} .fail_msg{border: 2px solid #e9300d;padding: 5px 20px;margin-bottom: 20px;background: rgb(233 48 13 / 7%);border-radius: 15px 0; -moz-animation: cssAnimation 0s ease-in 10s forwards; /* Firefox */ -webkit-animation: cssAnimation 0s ease-in 10s forwards; /* Safari and Chrome */ -o-animation: cssAnimation 0s ease-in 10s forwards; /* Opera */ animation: cssAnimation 0s ease-in 10s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .fail_msg img{max-width:20px;margin-right:10px;} @keyframes cssAnimation { to { width:0; height:0; overflow:hidden;padding:0;margin:0;border:0 none; } } @-webkit-keyframes cssAnimation { to { width:0; height:0; visibility:hidden;padding:0;margin:0;border:0 none; } } /************************* ******* End Inner pages ****** **************************/ #feature { background: #f2f2f2; padding-bottom: 40px;} #feature.transparent-bg { margin-top:-40px;} .features{ padding: 0;} .feature-wrap { margin-bottom: 35px; overflow: hidden;} .feature-wrap h2{ margin-top: 10px;} .feature-wrap .pull-left { margin-right: 25px;} .feature-wrap i{ font-size: 48px; height: 110px; width: 110px; margin: 3px; border-radius: 100%; line-height: 110px; text-align:center; background: #ffffff; color: #E8CE0E; border: 3px solid #ffffff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; float: left; margin-right: 25px; } .feature-wrap i:hover { background: #E8CE0E; color: #fff; box-shadow: inset 0 0 0 5px #E8CE0E; -webkit-box-shadow: inset 0 0 0 5px #E8CE0E; border: 3px solid #E8CE0E; } #recent-works .col-xs-12.col-sm-4.col-md-3{ padding: 0;} .recent-work-wrap { position: relative;} .recent-work-wrap img{ width: 100%;} .recent-work-wrap .recent-work-inner{ top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0;} .recent-work-wrap .recent-work-inner h3{ margin: 10px 0;} .recent-work-wrap .recent-work-inner h3 a{ font-size: 24px; color: #fff;} .recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background: #333; color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; padding: 30px;} .recent-work-wrap .overlay .preview { bottom: 0; display: inline-block; height: 35px;line-height: 35px; border-radius: 0; background: transparent; text-align: center; color: #fff;} .recent-work-wrap:hover .overlay { opacity: 1;} #services { background: #000 url(../images/services/bg_services.jpg); background-size: cover; margin-top:70px;} #services .lead, #services h2{ color: #fff;} .services-wrap { padding: 40px 30px; background: #fff; border-radius: 4px; margin: 0 0 40px;} .services-wrap h3 { font-size: 20px; margin: 10px 0;} .services-wrap .pull-left { margin-right: 20px;} #middle { background: #88d0fd; /*margin-top:-90px;*/ } .skill h2{ margin-bottom: 25px;} .progress-wrap{ position: relative;} .progress .color1, .progress .color1 .bar-width{ background: #1E5288;} .progress .color2, .progress .color2 .bar-width{ background: #6aa42f; } .progress .color3, .progress .color3 .bar-width{ background: #ffcc33; } .progress .color4, .progress .color4 .bar-width{ background: #db3615; } .progress, .progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; } .progress{ position: relative; } .progress .bar-width{ position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; } .progress span{ position: relative; } .progress span:before{ content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; } .progress .color1 span:before{ border-color: #1E5288 transparent transparent transparent; } .progress .color2 span:before{ border-color: #6aa42f transparent transparent transparent; } .progress .color3 span:before{ border-color: #ffcc33 transparent transparent transparent; } .progress .color4 span:before{ border-color: #db3615 transparent transparent transparent; } .accordion h2{ margin-bottom: 25px; } .panel-default{ border-color: transparent; } .panel-default>.panel-heading, .panel{ background-color: #e6e6e6; border:0 none; box-shadow:none; } .panel-default>.panel-heading+.panel-collapse .panel-body{ background: #fff; color: #858586; } .panel-body{ padding: 20px 20px 10px; } .panel-group .panel+.panel{ margin-top: 0; border-top: 1px solid #d9d9d9; } .panel-group .panel{ border-radius: 0; } .panel-heading{ border-radius: 0; } .panel-title>a{ color: #4e4e4e; } .accordion-inner img{ border-radius: 4px; } .accordion-inner h4{ margin-top: 0; } .panel-heading.active{ background: #1f1f20; } .panel-heading.active .panel-title>a{ color:#fff; } a.accordion-toggle i{ width: 45px; line-height: 44px; font-size: 20px; margin-top: -10px; text-align: center; margin-right: -15px; background: #c9c9c9; } .panel-heading.active a.accordion-toggle i{ background: #E8CE0E; color: #fff; } .panel-heading.active a.accordion-toggle.collapsed i{ background: #E8CE0E; color: #fff; } .nav-tabs>li{ margin-bottom: 0px; border-bottom: 1px solid #e6e6e6; } .nav-tabs{ border-bottom: transparent; border-right: 1px solid #e6e6e6; } .nav-tabs>li>a { background: #f5f5f5; color: #666; border-radius: 0; border: 0 none; line-height: 24px; margin-right:0; padding: 13px 15px; } .nav-tabs li:last-child{ border-bottom: 0 none; } .nav-stacked>li+li{ margin-top: 0; } .nav-tabs>li>a:hover{ background: #1f1f20; color:#fff; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; color:#fff; background: #1f1f20; position: relative; } .nav-tabs>li.active>a:after { position: absolute; content: ""; width: auto; height: auto; border-style:solid; border-color: transparent transparent transparent #1f1f20; border-width: 25px 22px; right: -44px; top:0; } .journal-tabs .nav-tabs > li > a{padding:5px 10px;} .journal-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ background:#e47800;} .journal-tabs .nav-tabs > li.active > a::after{ content:""; border:0;} .journal-tabs .nav-tabs > li > a:hover{ background:#1E5288} .tab-wrap{ border:1px solid #e6e6e6; margin-bottom: 20px; } .tab-content{ padding: 20px; } .tab-content h2{ margin-top: 0; } .tab-content img{ border-radius: 4px; } .testimonial h2{ margin-top: 0; } .testimonial-inner { color:#858586; font-size: 14px; } .testimonial-inner .pull-left{ border-right: 1px solid #e7e7e7; padding-right: 15px; position: relative; } .testimonial-inner .pull-left:after{ content: ""; position: absolute; width: 9px; height: 9px; top: 50%; margin-top: -5px; background: #FFF; transform: rotate(45deg); border: 1px solid #e7e7e7; right: -5px; border-left: 0 none; border-bottom: 0 none; } #partner { background: url(../images/partners/partner_bg.png) 50% 50% no-repeat; background-size: cover; } #partner { color: #fff; text-align: center; } #partner h2, #partner h3 { color: #fff; } .partners ul { list-style: none; margin: 0; padding: 0; } .partners ul li{ display: inline-block; float: left; width: 20%; } #conatcat-info{ background: #fff url(../images/contact.png) no-repeat 90% 0; padding: 30px 0; } .contact-info i{ width: 60px; height: 60px; font-size: 40px; line-height: 60px; color: #fff; background: #000; text-align: center; border-radius: 10px; } .contact-info h2{ margin-top: 0; color: #000; } .contact-info{ color:#000; } .validation { color: red; display:none; margin: 0 0 20px; font-weight:400; font-size:13px; } #sendmessage { color: green; border:1px solid green; display:none; text-align:center; padding:15px; font-weight:600; margin-bottom:15px; } #errormessage { color: red; display:none; border:1px solid red; text-align:center; padding:15px; font-weight:600; margin-bottom:15px; } #sendmessage.show, #errormessage.show, .show { display:block; } /************************* ********* About Us Page CSS ****** **************************/ .center span { color:#E8CE0E; } .skill_text { display: block; margin-bottom: 60px; margin-top: 25px; overflow: hidden; } .sinlge-skill { background:#f2f2f2; border-radius: 100%; color: #FFFFFF; font-size: 22px; font-weight: bold; height: 200px; position: relative; width: 200px; text-transform: uppercase; overflow: hidden; margin: 30px 0; } .sinlge-skill p em { color: #FFFFFF; font-size: 38px; } .sinlge-skill p { line-height: 1; } .joomla-skill, .html-skill, .css-skill, .wp-skill { position: absolute; height: 100%; bottom: 0; width:100%; border-radius: 100%; padding: 70px 0; text-align: center; } .joomla-skill { background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#1E5288',GradientType=0 ); /* IE6-9 */ } .html-skill { background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */ } .css-skill { background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */ } .wp-skill { background: rgb(242,242,242); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */ } .skill-wrap { display: block; overflow: hidden; margin: 60px 0; } .team h4 { margin-top: 0; text-transform: uppercase; } .team h5 { font-weight: 300; } .single-profile-top, .single-profile-bottom { font-weight: 400; line-height: 24px; } .single-profile-top, .single-profile-bottom { border: 1px solid #ddd; padding: 15px; position: relative; } .media_image { margin-bottom: 10px; } .team .btn { background:transparent; font-size: 12px; font-weight: 300; margin-bottom: 3px; padding: 1px 5px; text-transform: uppercase; border:1px solid#ddd; margin-right: 3px; } ul.social_icons, ul.tag { list-style: none; padding: 0; margin: 10px 0; display: block; } ul.social_icons li, ul.tag li { display: inline-block; margin-right: 5px; } ul.social_icons li a i{ border-radius: 50%; color: #FFFFFF; height: 25px; line-height: 25px; font-size: 12px; padding: 0; text-align: center; width: 25px; opacity:.8; } .team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover { transform: rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transition-duration:2s; transition-property: all; transition-timing-function: ease; opacity:1; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; } .team .social_icons .fa-facebook { background: #0182c4; } .team .social_icons .fa-twitter { background: #20B8FF } .team .social_icons .fa-google-plus { background: #D34836 } .team-bar .first-one-arrow { float: left; margin-right: 30px; width: 2%; } .team-bar .first-arrow { float: left; margin-left: 5px; margin-right: 35px; width: 22%; } .team-bar .second-arrow { float: left; margin-left: 5px; width: 21%; } .team-bar .third-arrow { float: left; margin-left: 40px; margin-right: 12px; width: 22%; } .team-bar .fourth-arrow { float: left; margin-left: 25px; width: 20%; } .team-bar .first-one-arrow hr { border-bottom: 1px solid #1E5288; border-top: 1px solid #1E5288; } .team-bar .first-arrow hr { border-bottom: 1px solid #1E5288; border-top: 1px solid #1E5288; } .team-bar .second-arrow hr { border-bottom: 1px solid #6aa42f; border-top: 1px solid #6aa42f; } .team-bar .third-arrow hr { border-bottom: 1px solid #FFBD20; border-top: 1px solid #FFBD20; } .team-bar .fourth-arrow hr { border-bottom: 1px solid #db3615; border-top: 1px solid #db3615; } .team-bar { margin-bottom: 15px; margin-top: 30px; position: relative; } .team-bar i { border-radius: 50%; color: #FFFFFF; display: block; height: 24px; line-height: 24px; margin-top: -32px; overflow: hidden; padding: 0; text-align: center; width: 24px; position: absolute; } .team-bar .first-arrow .fa-angle-up { background:#1E5288; margin-left:-33px } .team-bar .second-arrow .fa-angle-down { background:#6AA42F; margin-left: -33px; } .team-bar .third-arrow .fa-angle-up { background:#FFBD20; margin-left: -32px; } .team-bar .fourth-arrow .fa-angle-down { background:#db3615; margin-left: -32px; } .team .single-profile-top:before, .team .single-profile-top:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; } .team .single-profile-top:before { left:26px; bottom: -20px; border-width: 10px; border-color:#fff transparent transparent transparent; z-index: 1; } .team .single-profile-top:after { left: 25px; bottom: -22px; border-style: solid; border-width: 11px; border-color:#ddd transparent transparent transparent; z-index: 0; } .team .single-profile-bottom:before, .team .single-profile-bottom:after { position: absolute; content:""; width: 0; height: 0; border-style: solid; } .team .single-profile-bottom:before { left:30px; top: -20px; border-width: 10px; border-color: transparent transparent #fff transparent; z-index: 1; } .team .single-profile-bottom:after { left: 29px; top: -22px; border-style: solid; border-width: 11px; border-color: transparent transparent #DDD transparent; z-index: 0; } /*********************** ****Service page css**** ***********************/ .services { padding: 0; } .get-started { background: none repeat scroll 0 0 #F3F3F3; border-radius: 3px; padding-bottom: 30px; position: relative; margin-bottom: 18px; margin-top: 60px; } .get-started h2 { padding-top: 30px; margin-bottom: 20px; } .request { bottom: -15px; left: 50%; position: absolute; margin-left: -110px; } .request h4 { position: absolute; width: 220px; position:relative; } .request h4 a{ background:#E8CE0E; color: #fff; font-size: 14px; font-weight: normal; border-radius: 3px; padding: 5px 15px; } .clients-area { padding: 60px; } .clients-comments { background-image: url("../images/image_bg.png"); background-position: center 118px; background-repeat: no-repeat; margin-bottom: 100px; } .clients-comments img { background:#DDDDDD; border: 1px solid #DDDDDD; height: 182px; padding: 3px; width: 182px; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; } .clients-comments h3 { margin-top: 55px; font-weight: 300; padding: 0 40px; } .clients-comments h4 { font-weight: 300; margin-top: 15px; } .clients-comments h4 span { font-weight: 700; font-style: oblique; } /************************* ********* Portfolio CSS ****** **************************/ #portfolio { margin-top: 70px; } #portfolio_page { margin-top: 115px; padding-bottom: 0; } .portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 40px 0; padding: 0; } .portfolio-filter > li { display: inline-block; } .portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; border: 1px solid #F2F2F2; outline: none; border-radius: 3px; } .portfolio-filter > li a:hover, .portfolio-filter > li a.active{ color:#fff; background: #E8CE0E; border: 1px solid #E8CE0E; box-shadow: none; -webkit-box-shadow: none; } .portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio-item { margin: 0; padding:0; } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .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.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .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; } /**** disabling 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; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /************************* ********* Contact Us CSS ****** **************************/ /* --- Map --- */ .map{ position:relative; margin-top:90px; margin-bottom:40px; } /* google map */ #google-map{ position:relative; height: 400px; } #contact-page{ padding-top: 0; background:#fff; } #contact-page .contact-form .form-group label { color: #4E4E4E; font-size: 16px; font-weight: 300; } .form-group .form-control { padding: 7px 12px; border-color:#ccc; border-radius:0; box-shadow: none; box-shadow:4px 5px 7px -8px #aaa; } textarea#message{ resize: none; padding: 10px; } #contact-page .contact-wrap { margin-top: 20px; } /********************* ****blog page css***** **********************/ #blog { margin-top:70px; } .widget { margin-bottom: 60px; padding-left: 0; } .single_comments { margin-bottom: 20px; } .single_comments img { float: left; margin-right: 10px; margin-top: 5px; } .single_comments p { margin-bottom: 0; } .widget .entry-meta span { display: inline-block; margin-right: 10px; } .widget h3 { color: #000; text-transform: uppercase; margin-bottom: 20px; } .blog_category{ list-style:none; margin:0; padding:0; } .blog_category li{ float:none; margin-bottom:20px; } .blog_category li a { background:#f5f5f5; border-radius: 4px; color: #888; display: inline-block; padding: 5px 15px; } .blog_category li a:hover{ background:#E8CE0E; color: #fff; } .badge:before { border-color: transparent transparent transparent #E8CE0E; border-style: solid; border-width: 10px; bottom: -8px; content: ""; height: 0; left: 5px; position: absolute; z-index: -99999; } .badge { background-color: #E8CE0E; border-radius: 5px; color: #fff; padding: 8px; position: relative; left: 60px; top: -18px; font-weight: normal; } .blog_archieve { list-style: none outside none; margin: 0; padding: 0; } .blog_archieve li { padding: 10px 0; border-bottom: 1px solid #f5f5f5; } .blog_archieve li:first-child { padding-top: 0; } ul.gallery { list-style: none; padding: 0; margin: 0; } ul.gallery li { display: block; width: 60px; padding: 0; margin: 0 4px 4px 0; float: left; } ul.faq { list-style: none; margin: 0; } ul.faq li { margin-top: 30px; } ul.faq li:first-child { margin-top: 0; } ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #34495e; color: #fff; font-size: 24px; } ul.faq li > div { margin-left: 70px; } ul.faq li > div h3 { margin-top: 0; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-item { border-radius: 0; overflow: hidden; margin-bottom: 50px; } .blog .blog-item .img-blog { border-radius: 5px; margin-bottom: 45px; } .blog .blog-item .blog-content { padding-bottom: 25px; } .blog .blog-item .blog-content h2 { margin-top: 0; font-size: 30px; } .readmore{ margin-top: 0; } .blog .blog-item .blog-content h3 { color: #858586; margin-bottom: 40px; /* font-weight: 300 */} .blog .blog-item .blog-content h4 { font-size: 14px; } .blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; } .blog .blog-item .entry-meta > span { background: #f5f5f5; border-top: 1px solid #fff; display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; } #publish_date { background: #E8CE0E; border-bottom: 5px solid #4e4e4e; color: #fff; padding: 5px 0; text-align: center; } .blog .blog-item .entry-meta > span { color: #ccc; } .blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: #888; } ul.pagination > li > a { border: 1px solid #1E5288; background-color: #1E5288 !important; color: #fff !important; margin-right:5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; margin-top: 5px; } ul.pagination > li > a i{ margin-left:5px; margin-right:5px; } ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #f7941e !important; border-color: #f7941e !important; color: #fff; } .search_box { background-image: url("../images/search_icon.png"); background-position: 314px 15px; background-repeat: no-repeat; border-color: #DEDEDE; height: 48px; outline: medium none; box-shadow: none; } .form-control:focus { box-shadow:none; outline: 0 none; } ul.tag-cloud, ul.sidebar-gallery { list-style: none; padding: 0; margin: 0; } .tag-cloud li{ display: inline-block; margin-bottom: 3px; } .tag-cloud li a { background: #f5f5f5; color: #888; border: 0; border-radius: 4px; padding: 8px 15px; } .tag-cloud li a:hover{ background:#E8CE0E; color: #fff; } .sidebar-gallery li{ display: inline-block; margin: 0 10px 10px 0; } .sidebar-gallery li a { border-radius: 4px; display: inline-block; } /*********************** ********* Footer ****** ************************/ .bottom-journals {margin-top: 25px;} #bottom { background: #1E5288; /*border-bottom: 5px solid #E8CE0E;*/ font-size: 14px; padding:25px 0; } #bottom h3 { margin-top: 0; margin-bottom: 10px; text-transform: uppercase; font-size:17px; font-weight:600; color: #fff; } #bottom ul { list-style: none; padding: 0; margin: 0; } #bottom ul li { display: block; padding: 2px 0; } #bottom ul li a { color: #fff; } #bottom ul li a:hover { color: #f3593e; } #bottom .widget { margin-bottom: 0; } #footer { padding-top: 8px; padding-bottom: 8px; color: #fff; background:#333; } #footer a { color: #fff; } #footer a:hover { color: #E8CE0E; } #footer ul { list-style: none; padding: 0; margin: 0; } #footer ul > li { display: inline-block; margin-left: 15px; } .zero-padding{ padding:0;} .left-padding-0{ padding-left:0 !important; } .right-padding-0{ padding-right:0 !important;} .left-padding-5{ padding-left:5px;} .right-padding-5{ padding-right:5px;} .left-padding-10{ padding-left:10px !important;} .right-padding-10{ padding-right:10px !important;} .left{ float:left; } .right{ float:right;} .logo-block .web-mail-btn{ background: #e93005; padding: 8px 10px; color: #fff; margin: auto -10px 0 15px; border-radius: 5px; text-transform:uppercase; font-weight:600;} .logo-block .live-chat-btn{ background: #0088cc; padding: 8px 10px; color: #fff; margin: auto 0px 0 15px; border-radius: 5px; text-transform:uppercase; font-weight:600;} .search-bar{ position:relative;} .search-bar input[type=text]{float: right; border:0 none; background:#005990; color:#fff; padding: 14px; border: none; font-size: 14px; margin-right:-15px; width:25%;} .search-bar i{ position: absolute; right: 0; color: #fff; top: 15px; font-size: 18px;} .published-block .col-md-5{ width:45%;} .published-block .col-md-7{ width:55%;} .publishing-report h2{ margin: 50px auto 40px; color: #000; font-weight: 600; font-size: 22px;} .publishing-report p{ text-align:justify; color:#000; font-weight:600; margin-bottom:20px;} .publishing-report .read-more{ /*border:2px solid #0088cc;*/ color:#0088cc; padding:6px 12px; font-weight:600; background:#fff; float:right; margin-bottom:60px;} .publishing-report .orange-btn{ padding:10px 20px; border:0 none; margin-right:5px; background:#f04a0f; color:#fff; font-size:16px; font-weight:600; border-radius:5px;} .publishing-report .green-btn{ padding:10px 20px; border:0 none; background:#6d9e07; color:#fff; font-size:16px; font-weight:600; border-radius:5px;} .recent-articles{background:#006ca2; padding:0 20px; display:inline-block; width:100%;} .recent-articles h2{ margin:0; color:#fff; padding:30px 0 10px; font-size:24px; font-weight:600; margin:auto; display:inline-block;} .recent-articles .article{border-bottom: 1px solid #005682; padding-bottom: 15px;} .recent-articles .article h4{color:#93cdec; margin-bottom:0; font-size:15px;} .recent-articles .article h3{ margin-top:5px; margin-bottom:5px; color:#fff; font-size:18px;} .recent-articles .article p{color:#aae1fc; font-size:13px;} .recent-articles .article .date{background: rgba(255,255,255,0.3); color: #aae1fc; padding: 3px 6px 3px 5px; margin: auto 5px auto 0; border-radius:8px;} .recent-articles .article .read-more{background: #6d9e07; color: #fff; padding: 2px 12px; margin: auto 5px auto 0; border-radius: 8px; font-size: 13px;} .articles-view-all{padding: 8px 12px; float: right; background: #f04a0f; margin-right: -20px;} .articles-view-all:hover{ background:#6d9e07; } .articles-view-all:hover a{color:#fff;} .articles-view-all a{ color:#fff;} .articles-view-all a:hover{color:#fff;} .article-new{ padding: 0 10px 0 20px; position:relative; background: #f04a0f; float: right; margin-top: 30px; margin-right: -20px;} .article-new:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 12px solid #006ca2; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .article-new a{ color:#fff; font-size:12px; text-transform:uppercase; font-weight:600;} .navbar .top-bar{/* background:#444343;*//* border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;*/ padding: 10px 0;} .navbar .top-bar ul{ padding-left:0; margin-bottom:0; margin-left:10px;} .navbar .top-bar ul li{ list-style-type:none; margin:auto 77px 0 10px;} .navbar .top-bar ul li a{ color:#333; font-size:16px; line-height:2.8;} .navbar .top-bar .header-mobile-number{ /*border-left:1px solid rgba(233,233,233,0.3);*/ padding:0 0 0 10px; margin-right:15px;} .navbar .top-bar li.header-mobile-number a{ font-size:14px ; line-height:2.5; font-weight:600;} .navbar .top-bar .header-email{ margin-right:0;} .navbar .top-bar li.header-email a{ font-size:14px ; line-height:2.5; font-weight:600;} .navbar .top-bar .header-social-media{ border-left:1px solid rgba(233,233,233,0.3); padding:0 10px 0 10px; margin:0;} .navbar .top-bar li.header-social-media a{ font-size:14px ; line-height:3.4;} .journals-block h2{font-size:24px; font-weight:600; color:#000; text-transform:uppercase;} .journals-block .each-box{ padding:10px; /*border:1px solid #ddd;*/ background:#fff; display:inline-block; margin-bottom:15px;} .journals-block .each-box h3{ margin:0 auto 10px; font-size:20px; color:#000;} .journals-block .each-box img{ box-shadow:2px 3px 4px -1px #aaa; margin-bottom:10px;} .journals-block .each-box h3 a{ color: #0088cc; font-size: 15px; text-transform: uppercase; font-weight: 600;} .journals-block .each-box p{ font-size:13px; color:#333; min-height:58px; text-align:justify;} .journals-block .each-box .about{ margin:auto 5px auto 0; width:22%; display:inline-block; text-align:center; padding:4px 5px; background:#1693c1; color:#fff; text-transform:uppercase; font-size:12px; border-radius:0 !important;} .journals-block .each-box .board{ margin:auto 5px auto 0; width:40%; display:inline-block; text-align:center; padding:3px 5px; background:#fff; color:#666; text-transform:uppercase; border:1px solid #aaa; font-size:12px; border-radius:0 !important;} .journals-block .each-box .issues{ margin:auto 5px auto 0; width:30%; display:inline-block; text-align:center; padding:3px 5px; background:#fff; color:#666; text-transform:uppercase; border:1px solid #aaa; font-size:12px; border-radius:0 !important;} .view-journal{padding: 10px 15px; border: 1px solid #eee; color: #008ee7; float: right; margin-top: 30px; font-size: 16px; font-weight: 600;} .articles-block h2{color: #fff; font-size: 20px; text-transform: uppercase; margin: 30px auto; background-color: #1E5288; padding: 10px; text-align: center; } .articles-block .each-one{ background:#fff; padding:10px; margin-bottom:15%;} .articles-block .each-one h4{ color: #0088cf; border-left: 5px solid #0088cf; margin: auto 0 auto -10px; padding: 6px 10px;} .articles-block .each-one h2{ color:#000; font-size:16px; min-height:40px;} .articles-block .each-one p, .articles-block .item p{ font-size:13px; color:#666; border-bottom:1px solid #ddd; padding-bottom:15px;} .articles-block .each-one .date{ color:#aaa;} .articles-block .each-one .read-more{ color:#f04a0f; text-transform:uppercase; font-weight:600;} .articles-block .item{ border:0 none !important;} .indexing h3{ padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:25px;} .indexing img{margin:auto; display:block; text-align:center; border-radius: 20px;} .indexing .read-more{/*border:2px solid #0088cc;*/ background:#f9f9f9; color:#0088cc; padding:6px 12px; float:left; margin-top:15px;} .video-gallery{ margin-bottom:25px;} .video-gallery h3{ padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:25px;} .video-gallery img{border:1px solid #aaa;} .blog-box{ margin-bottom:25px;} .blog-box h3{ padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:25px;} .blog-box hr{display:none;} .blog-box .each-one{ display: inline-block; width: 100%; font-weight: 600; background: #fff; border-left:4px solid #0088cc; border-bottom:1px solid #f3f3f3; padding-bottom:8px; padding-left:15px; color: #333; margin: 10px auto; } .blog-box .each-one:hover{ font-weight:600; color:#1E5288;} .blog-box .each-one .date{background: #02294f; color: #fff; padding: 5px; text-align: center; border-radius:5px;} .blog-box .each-one .date h2{margin: 5px auto; color: #fff;} .blog-box .each-one .content h3{ margin: auto; color: #000; padding-bottom: 5px; border-bottom: 0;} .footer-top{ background:#ec008d; padding:15px; margin:-70px auto 20px; display:inline-block; width:100%;} .footer-top h2{ margin:5px auto; color:#fff; } .footer-top p{ color:#fff; margin-bottom:0; } .footer-top .read-more{background: #fff; color: #333; padding: 5px 10px; margin: 5px auto; display: inline-block; font-weight: 600;} .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; border-radius:5px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #444343; border-radius:5px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } .hvr-rectangle-out-blue { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out-blue:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#0088cc; border:0 none !important; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out-blue:hover, .hvr-rectangle-out-blue:focus, .hvr-rectangle-out-blue:active { color: white !important; } .hvr-rectangle-out-blue:hover:before, .hvr-rectangle-out-blue:focus:before, .hvr-rectangle-out-blue:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #0088cc solid 2px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* The check box */ .check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight:100; color:#000; } /* Hide the browser's default checkbox */ .check input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 1px solid #ccc; } /* On mouse-over, add a grey background color */ .check:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .check input:checked ~ .checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .check input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .check .checkmark:after { left: 6px; top:3px; width: 5px; height: 10px; border: solid black; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .recent-article-section .col-md-8{ width:62%; } .recent-article-section .col-md-4{ width:38%; } .recent-article-section h1{padding: 10px 0; font-weight: 600; color:#333; font-size: 24px;} .recent-article-section h2{padding: 10px 15px; font-weight: 600; font-size: 24px;} .article-right-sub{clear: both; border-top: 1px solid #ccc; padding:23px 25px 15px 25px; margin-bottom: 10px; display: inline-block;} .article-right-sub .image img{width:100%; bordeR:1px solid #aaa; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .article-right-sub .image img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .article-right-sub .title a{ color:#000;} .article-right-sub .title a:hover{color:#96bc33} .article-right-sub:hover .title a{color:#96bc33} .article-right-sub .date{color:#89abc1; font-size:13px;} .recent-left-article ul{margin:0; padding-left:0;} .recent-left-article ul li{ list-style-type:none; display:block; padding:15px; margin: 2px 0; background:#f4f9ff; border: 1px dashed #1e5288;} /* .recent-left-article ul li:nth-child(odd){ background:#eaf1f4;} .recent-left-article ul li:nth-child(even){ background:#eaf1f4;} */ .recent-left-article ul li .title a{color: #1E5288; font-size: 16px; font-weight: 600; line-height: 1.5; word-spacing: 1px;} .recent-left-article ul li .title a:hover{color:#f7941e} /* .recent-left-article ul li:hover .title a{color:#f7941e} */ .recent-left-article ul li .caption {margin-top: 10px;} .recent-left-article ul li .caption a{color:#00501c; font-weight:600;} .recent-left-article ul li .date{color:#557082;} .recent-left-article ul li .content a{color:#000;} .right-article-2{ display:inline-block; width:100%;} .right-article-2 a { color: #fff; background-color: #2dc2b4; padding: 2px 8px; border-radius: 20px; font-size: 12px; display: inline-block; margin: 0 1px 5px 0;} .right-article-2 a:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;} .article-month-list{ padding:20px;} .article-month-list ul{ padding-left:0;} .article-month-list ul li{ list-style-type: none; padding: 5px; background: #fff; margin-bottom: 3px; text-align: center;} .article-month-list ul li:hover{ background:#00800080; cursor:pointer;} .article-month-list ul li:hover a{ color:#fff;} .article-month-list ul li a{ color:#333; text-align:center; font-weight:600; display:block;} .article-month-list ul li a:hover{ color:#fff;} .article-month-list .month-tab{clear:both;} .article-month-list .month-tab ul{padding-left: 0; padding-top: 10px; margin: 0;} .article-month-list .month-tab ul li{ list-style-type:none; display:inline-block; width:25%;} .article-month-list .month-tab ul li:nth-child(1){ background:#ea4335;} .article-month-list .month-tab ul li:nth-child(2){ background:#ea5347;} .article-month-list .month-tab ul li:nth-child(3){ background:#ea857d;} .article-month-list .month-tab ul li:nth-child(4){ background:#e9a7a1;} .article-month-list .month-tab ul li a{ font-size:17px; text-transform:uppercase; color:#fff;} .publish-gp-section{ background:#008ee7;} .publish-gp-section .col-md-9{width:75%;} .publish-gp-section .col-md-3{width:25%;} .left-publish-gp{ padding:0px 0;} .left-publish-gp h2{margin: 10px auto 15px; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 25px;} .left-publish-gp p{ color:#3d3d3d; margin-bottom:25px;} .left-publish-gp a{background: #008ee7; padding: 10px 15px; color: #fff; font-weight: 600; border:3px solid #fff;} .left-publish-gp a:hover{ border:3px solid #fff; background:#f7941e; color:#fff;} .gp3-btn-blk{ margin-top:40px;} .gp3-btn-blk .gp3-btn1{ background:#ff41c7; padding: 10px 15px; border: 1px solid #fff; border-radius: 5px; margin: 7px auto; width: 100%; text-align: center; font-size: 16px;} .gp3-btn-blk .gp3-btn2{ background:#96bc33; padding: 10px 15px; border: 1px solid #fff; border-radius: 5px; margin: 7px auto; width: 100%; text-align: center; font-size: 16px;} .gp3-btn-blk .gp3-btn3{ background:#f7941e; padding: 10px 15px; border: 1px solid #fff; border-radius: 5px; margin: 7px auto; width: 100%; text-align: center; font-size: 16px;} .gp3-btn-blk .gp3-btn1 a, .gp3-btn-blk .gp3-btn2 a, .gp3-btn-blk .gp3-btn3 a{color:#fff; font-weight:600;} .aj-icon-type .col-md-2{ width:20%;} .aj-icon-type .aj-type{border: 1px solid #ccc; border-radius:10px; padding: 25px 20px; margin: 10px auto; display: block; text-align: center; box-shadow:4px 5px 9px -8px #aaa; background-color: #fff;} .aj-icon-type .aj-type .title{ margin-top: 15px; color: #1E5288; font-size: 15px;} .aj-icon-type .aj-type .title:hover{color:#f7941e} .aj-icon-type .aj-type:hover .title{color:#f7941e} .nh-fa-section .col-md-3{ width:32%;} .nh-fa-section .col-md-9{ width:68%;} .nh-artical-list{ background: rgba(30, 82, 136, 0.4) } .nh-artical-list ul{ padding-left:0; padding-bottom:40px; margin-bottom:0; } .nh-artical-list p{margin: 0 auto 15px; color: #fff; font-weight: 600; font-size: 20px; padding: 40px 0px 0px 20px;} .nh-artical-list p img{ margin-right:15px} .nh-artical-list ul li{list-style-type:none; line-height:2; padding:0 40px; margin:auto 15px;} .nh-artical-list ul li:before{ content:url(../images/icons/right-list.png); margin-right:10px;} .nh-artical-list ul li a{color: #000; text-transform: uppercase; font-weight: 600;} .nh-artical-list ul li a:hover{color:#ea4335; transition:all 0.2s ease 0.2s; margin-left:5px; } .articles-block{ margin-top:0px;} .blog-box .nh-fa-1{ background-color: #fff; padding:10px; margin:10px auto; border-radius: 20px;} .nh-fa-1 .content{font-size: 14px; font-weight: 600;} .nh-fa-1 .content a{color:#333;} .nh-fa-1 .content a:hover{color:#f7941e;} .nh-fa-1:hover .content a{color:#f7941e;} .nh-fa-1 .type{ color:#0088cf; margin:5px auto;} .nh-fa-1 .type a{ color:#00501c; font-weight: 600;} .blog-box1 .nh-fa-1 { padding:10px; margin:10px auto;} .blog-box1 {background: rgba(45, 194, 180, 0.2)} .orange-btn{ padding:10px 20px; border:0 none; margin-right:5px; background:#f04a0fb3; color:#fff; font-size:16px; font-weight:600; border-radius:5px; margin-top:15px;} .green-btn{ padding:10px 20px; border:0 none; background:#6d9e0780; color:#fff; font-size:16px; font-weight:600; border-radius:5px; margin-top:15px;} .submit-manuscript-section .col-md-7{ width:55%;} .submit-manuscript-section .col-md-5{ width:45%;} .sbm-content-box{background: #f4f8ea; padding: 15px 40px; margin-top: 40px; border: 1px solid #ddd;} .sbm-content-box p{ font-weight:100; line-height:1.5; margin-bottom:15px; color:#000;} .sbm-content-box p a{ color:#008ee7; font-weight:600; text-decoration:underline;} .right-list-block .type{ border-left:1px solid #ccc; position:relative; margin-left:15px; margin-bottom:30px;} .right-list-block .type:before{width:5px; height:45px; background:#96c538; content:""; position:absolute; top:0;} .right-list-block .type ul{ padding-left:30px;} .right-list-block .type ul li{ list-style-type:none; line-height:2; text-transform:uppercase;} .right-list-block .type ul li a{ font-size:13px; color:#000; font-weight:600; position: absolute; z-index: 99; position: relative; transition: transform 0.3s ease; transform: translateX(0px); display:block;} .right-list-block .type ul li a:hover{color:#008ee7; transform: translateX(10px);} .right-list-block .type h3{ color:#e47800; text-transform:uppercase; font-size:16px; margin:0 auto 10px; font-weight:600;} .indexing .image{ margin-bottom:15px; } .book-details{ margin-bottom:10px; padding:8px;} .book-details:hover{ background:#008ee7; border-radius:5px;} .book-details:hover .content{color:#fff;} .book-details .image img{ width:100%;} .book-details .content{ margin-top: 10px; color:#333; min-height: 45px; max-height: 45px; margin-bottom: 15px; text-align:initial;} .book-details .content:hover{ color:#fff;} .orange-btn{padding:10px 15px;background:#1E5288; color:#fff; font-size:14px; text-transform:uppercase; border-radius:5px;} .orange-btn:hover{color:#fff; background:#f3593e;} .author-guidelines .content h3{margin: 5px auto; color: #333; font-weight:600 ;} .author-guidelines .content strong{ color:#333;} .author-guidelines .content p{ line-height:1.3; font-weight:400; color:#000;} /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } .ebooks-section .item img{ border:1px solid #f3f3f3; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom:15px;} .ebooks-section .item img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .nih-view-more{background: #fff; padding: 10px 15px; margin-top: 10px; color: #008ee7; font-weight: 600; border: 3px solid #fff;} .nih-view-more:hover{border: 3px solid #fff; background: #008ee7; color: #fff;} .mr-20{ margin-right:20px;} .alphabet-pagination ul{ padding-left:0;} .alphabet-pagination ul li{ list-style-type: none; float: left; padding: 6px; margin-right: 10px; background: #f3f3f3; line-height: 1;} .alphabet-pagination ul li a{ color:#333;} /* Style the tab */ .tab { overflow: hidden; border: 1px solid #008ee7; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 5px 7px; transition: 0.3s; font-size: 14px; margin-right:6px; color:#008ee7; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ddd; } /* Style the tab content */ .tabcontent { /*display: none;*/ border-top: none; } /*Home Page Stylesheet all*/ #mixedSlider { position: relative; } #mixedSlider .MS-content { white-space: nowrap; overflow: hidden;/*margin: 0 5%;*/ } #mixedSlider .MS-content .item { display: inline-block; width: 100%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; padding: 0 0px; border-top:2px solid #fff; /*border-bottom:2px solid #fff;*/ border-left:2px solid #fff; } @media (max-width: 991px) { #mixedSlider .MS-content .item { width: 100%; } } @media (max-width: 767px) { #mixedSlider .MS-content .item { width: 100%; } } #mixedSlider .MS-content .item .imgTitle { position: relative; } #mixedSlider .MS-content .item .imgTitle .blogTitle { margin: 0; text-align: left; position: absolute; background-color: rgba(255, 255, 255, 0.8); width: 100%; bottom: 0; margin-bottom:20px; padding: 0 0 2px 10px; z-index:999999; } #mixedSlider .MS-content .item:hover .blogTitle { background:#fff; } #mixedSlider .MS-content .item .imgTitle .blogTitle:hover { background:#fff; } #mixedSlider .MS-content .item .imgTitle .blogTitle h2 { color:#000; font-size:14px; font-weight:600; } #mixedSlider .MS-content .item .imgTitle .blogTitle h2:hover { color:#008ee7; } #mixedSlider .MS-content .item .imgTitle .blogTitle:hover h2 { color:#008ee7; text-transform: uppercase; } #mixedSlider .MS-content .item .imgTitle .blogTitle h4 { color:#000; font-size:13px; line-height:1.5; } #mixedSlider .MS-content .item .imgTitle img { height:250px; width: 100%; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #mixedSlider .MS-content .item .imgTitle img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity:0.7; } #mixedSlider .MS-content .item a:hover { text-shadow: 0 0 1px grey; } #mixedSlider .MS-controls button { position: absolute; border: none; background-color: rgba(0, 0, 0, 0.3); outline: 0; font-size: 40px; top: 80px; color: #dfdfdf; -moz-transition: 0.15s linear; -webkit-transition: 0.15s linear; transition: 0.15s linear; line-height: 1.4; padding: 0 10px; } #mixedSlider .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); } @media (max-width: 992px) { #mixedSlider .MS-controls button { font-size: 30px; } } @media (max-width: 767px) { #mixedSlider .MS-controls button { font-size: 20px; } } #mixedSlider .MS-controls .MS-left { left: 0px; } @media (max-width: 767px) { #mixedSlider .MS-controls .MS-left { left: -10px; } } #mixedSlider .MS-controls .MS-right { right: 0px; } @media (max-width: 767px) { #mixedSlider .MS-controls .MS-right { right: -10px; } } #basicSlider { position: relative; } #basicSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 2%; height: 50px; } #basicSlider .MS-content .item { display: inline-block; width: 20%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; line-height: 50px; vertical-align: middle; } @media (max-width: 991px) { #basicSlider .MS-content .item { width: 25%; } } @media (max-width: 767px) { #basicSlider .MS-content .item { width: 35%; } } @media (max-width: 655px) { .top-impact-journals span a { height: 70px; } } @media (max-width: 500px) { #basicSlider .MS-content .item { width: 50%; } } @media (max-width: 410px) { .top-impact-journals .col-md-7 span a { height: 90px; } } #basicSlider .MS-content .item a { line-height: 50px; vertical-align: middle; } #basicSlider .MS-controls button { position: absolute; } #basicSlider .MS-controls .MS-left { top: 35px; left: 10px; } #basicSlider .MS-controls .MS-right { top: 35px; right: 10px; } .articles-block #mixedSlider .MS-controls { float:right; } .articles-block #mixedSlider .MS-controls button { top:0; right:0; position:unset; font-size:25px; margin-left:-4px; line-height:1.8; padding:0 12px; background:#f04a0f; } .articles-block #mixedSlider .MS-controls .MS-left { right:0 !important; } #mixedSlider2 { position: relative; padding-bottom: 20px; padding-top: 70px; } #mixedSlider2 .MS-content { white-space: nowrap; overflow: hidden; /*margin: 0 5%;*/ } #mixedSlider2 .MS-content .item { display: inline-block; width: 50%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; padding: 0 0px; border-top:2px solid #fff; /*border-bottom:2px solid #fff;*/ border-left:2px solid #fff; } @media (max-width: 991px) { #mixedSlider2 .MS-content .item { width: 50%; } } @media (max-width: 767px) { #mixedSlider2 .MS-content .item { width: 100%; } } #mixedSlider2 .MS-content .item .imgTitle { position: relative; } #mixedSlider2 .MS-content .item .imgTitle .blogTitle { margin: 0; text-align: left; position: absolute; background-color: rgba(255, 255, 255, 0.8); width: 100%; bottom: 0; margin-bottom:20px; padding: 0 0 2px 10px; } #mixedSlider2 .MS-content .item .imgTitle .blogTitle h2{ color:#000; font-size:14px; font-weight:600; } #mixedSlider2 .MS-content .item .imgTitle .blogTitle h4{ color:#000; font-size:13px; line-height:1.5;} #mixedSlider2 .MS-content .item .imgTitle img { height: auto; width: 100%; } #mixedSlider2 .MS-controls button { position: absolute; background-color: #fff; outline: 0; font-size: 25px; top: 380px !important; color: #dfdfdf; transition: 0.15s linear; padding: 0 10px; border: 2px solid #aaa; } #mixedSlider2 .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); } @media (max-width: 992px) { #mixedSlider2 .MS-controls button { font-size: 30px; } } @media (max-width: 767px) { #mixedSlider2 .MS-controls button { font-size: 20px; } } #mixedSlider2 .MS-controls .MS-left { right: 50px; top:0; } @media (max-width: 767px) { #mixedSlider2 .MS-controls .MS-left { left: -10px; } } #mixedSlider2 .MS-controls .MS-right { right: 0px; top:0; } @media (max-width: 767px) { #mixedSlider2 .MS-controls .MS-right { right: -10px; } } #basicSlider { position: relative; } #basicSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 2%; height: 50px; } #basicSlider .MS-content .item { display: inline-block; width: 20%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; line-height: 50px; vertical-align: middle; } @media (max-width: 991px) { #basicSlider .MS-content .item { width: 25%; } } @media (max-width: 767px) { #basicSlider .MS-content .item { width: 35%; } } @media (max-width: 500px) { #basicSlider .MS-content .item { width: 50%; } } #basicSlider .MS-content .item a { line-height: 50px; vertical-align: middle; } #basicSlider .MS-controls button { position: absolute; } #basicSlider .MS-controls .MS-left { top: 35px; left: 10px; } #basicSlider .MS-controls .MS-right { top: 35px; right: 10px; } .articles-block #mixedSlider .MS-controls{ float:right;} .articles-block #mixedSlider .MS-controls button{top:0; right:0; position:unset; font-size:25px; margin-left:-4px; line-height:1.8; padding:0 12px; background:#f04a0f;} .articles-block #mixedSlider .MS-controls .MS-left{right:0 !important;} #mixedSlider3 { position: relative; } #mixedSlider3 .MS-content { white-space: nowrap; overflow: hidden; /*margin: 0 5%;*/ } #mixedSlider3 .MS-content .item { display: inline-block; width: 33.3%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; padding: 0 0px; border-top:2px solid #fff; /*border-bottom:2px solid #fff;*/ border-left:2px solid #fff; } @media (max-width: 991px) { #mixedSlider3 .MS-content .item { width: 50%; } } @media (max-width: 767px) { #mixedSlider3 .MS-content .item { width: 100%; } } #mixedSlider3 .MS-content .item .imgTitle { position: relative; } #mixedSlider3 .MS-content .item .imgTitle .blogTitle { margin: 0; text-align: left; position: absolute; background-color: rgba(255, 255, 255, 0.8); width: 100%; bottom: 0; margin-bottom:20px; padding: 0 0 2px 10px; } #mixedSlider3 .MS-content .item .imgTitle .blogTitle h2{ color:#000; font-size:14px; font-weight:600; } #mixedSlider3 .MS-content .item .imgTitle .blogTitle h4{ color:#000; font-size:13px; line-height:1.5;} #mixedSlider3 .MS-content .item .imgTitle img { height: auto; width: 100%; } #mixedSlider3 .MS-content .item a:hover { text-shadow: 0 0 1px grey; } #mixedSlider3 .MS-controls button { position: absolute; background-color: #fff; outline: 0; font-size: 35px; top: 140px; color: #dfdfdf; transition: 0.15s linear; padding: 0 10px; border: 2px solid #aaa; } #mixedSlider3 .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); } @media (max-width: 992px) { #mixedSlider3 .MS-controls button { font-size: 30px; } } @media (max-width: 767px) { #mixedSlider3 .MS-controls button { font-size: 20px; } } #mixedSlider3 .MS-controls .MS-left { right: 50px; top:-70px; } @media (max-width: 767px) { #mixedSlider3 .MS-controls .MS-left { left: -10px; } } #mixedSlider3 .MS-controls .MS-right { right: 0px; top:-70px; } @media (max-width: 767px) { #mixedSlider3 .MS-controls .MS-right { right: -10px; } } #basicSlider { position: relative; } #basicSlider .MS-content { white-space: nowrap; overflow: hidden; margin: 0 2%; height: 50px; } #basicSlider .MS-content .item { display: inline-block; width: 20%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; line-height: 50px; vertical-align: middle; } @media (max-width: 991px) { #basicSlider .MS-content .item { width: 25%; } } @media (max-width: 767px) { #basicSlider .MS-content .item { width: 35%; } } @media (max-width: 500px) { #basicSlider .MS-content .item { width: 50%; } } #basicSlider .MS-content .item a { line-height: 50px; vertical-align: middle; } #basicSlider .MS-controls button { position: absolute; } #basicSlider .MS-controls .MS-left { top: 35px; left: 10px; } #basicSlider .MS-controls .MS-right { top: 35px; right: 10px; } #mixedSlider6 { position: relative; } #mixedSlider6 .MS-content { white-space: nowrap; overflow: hidden; /*margin: 0 5%;*/ } #mixedSlider6 .MS-content .item { display: inline-block; width: 10%; position: relative; vertical-align: top; overflow: hidden; height: 100%; white-space: normal; padding: 0 0px; /*border-bottom:2px solid #fff;*/ } @media (max-width: 991px) { #mixedSlider6 .MS-content .item { width: 50%; } } @media (max-width: 767px) { #mixedSlider6 .MS-content .item { width: 50%; } } #mixedSlider6 .MS-content .item .imgTitle { position: relative; } #mixedSlider6 .MS-content .item .imgTitle .blogTitle { margin: 0; text-align: left; position: absolute; background-color: rgba(255, 255, 255, 0.8); width: 100%; bottom: 0; margin-bottom:20px; padding: 0 0 2px 10px; } #mixedSlider6 .MS-content .item .imgTitle .blogTitle h2{ color:#000; font-size:14px; font-weight:600; } #mixedSlider6 .MS-content .item .imgTitle .blogTitle h4{ color:#000; font-size:13px; line-height:1.5;} #mixedSlider6 .MS-content .item .imgTitle img { height: auto; width: 100%; } #mixedSlider6 .MS-content .item a:hover { text-shadow: 0 0 1px grey; } #mixedSlider6 .MS-controls button { position: absolute; background-color: #fff; outline: 0; font-size: 35px; top: 140px; color: #dfdfdf; transition: 0.15s linear; padding: 0 10px; } #mixedSlider6 .MS-controls button:hover { color: rgba(0, 0, 0, 0.8); } @media (max-width: 992px) { #mixedSlider6 .MS-controls button { font-size: 30px; } } @media (max-width: 767px) { #mixedSlider6 .MS-controls button { font-size: 20px; } } #mixedSlider6 .MS-controls .MS-left { right: 50px; top:-70px; } @media (max-width: 767px) { #mixedSlider6 .MS-controls .MS-left { left: -10px; } } #mixedSlider6 .MS-controls .MS-right { right: 0px; top:-70px; } @media (max-width: 767px) { #mixedSlider6 .MS-controls .MS-right { right: -10px; } } .main-slider6 { background-image: url("../images/backgroundmain.jpg"); } .main-slider6 .ebooks-section .item img { border: 0px !important; border-radius:12px; } .ebooks-section #mixedSlider .MS-controls{ float:right;} .ebooks-section #mixedSlider .MS-controls button{top:0; right:0; position:unset; font-size:25px; margin-left:-4px; line-height:1.8; padding:0 12px; background:#f04a0f;} .ebooks-section #mixedSlider .MS-controls .MS-left{right:0 !important;} .month-tab{text-align: right; /* background-color: #666; */ padding: 10px 35px;} .month-tab ul{ list-style: none;} .month-tab ul li a {color: #666; font-weight: 600;} .blog-box1{ border: 1px solid #e9e9e9; margin-bottom: 20px;} .blog-box1 .nh-fa-1 { border-bottom: 1px solid #2dc2b4; position:relative; } .spl-issue-section {background: rgba(136, 208, 253, 0.4); padding-bottom: 25px;} .blog-box .nh-fa-1 p a, .blog-box1 .nh-fa-1 p a {color: #1E5288;} .blog-box .nh-fa-1 p, .blog-box1 .nh-fa-1 p{ padding: 3px 10px; padding-left: 5px; margin: 10px 0; color: #1E5288 !important; border: 1px solid #1E5288; color: #fff; display: inline-block; border-radius: 16px; text-align: center; border: 1px solid #1E5288; } .blog-box .nh-fa-1 p:hover, .blog-box1 .nh-fa-1 p:hover { color: #fff !important; background-color: #f7941e;} .blog-box1 .nh-fa-1 .content{ line-height: 21px;} .spl-issue-index h2{font-size: 16px; font-weight: 700; color:#000; text-align: center; margin-bottom: 20px; border: 1px solid #1E5288; border-radius: 10px;} .spl-issue-index h2 a{font-size: 14px; font-weight: 400; background-color: #00501c; padding: 5px 10px; color:#fff; border-radius: 5px; margin: 5px 0; line-height: 40px;} .spl-issue-index span a{font-size: 15px; /* line-height: 3; */ display: inline-block; font-weight: 400; border-radius: 15px; margin: 5px 2px 5px 2px; padding: 2px 8px 5px; background-color: #1E5288; font-weight: 600; color: #fff; width: 100%; text-align: center;} .spl-issue-index span a:hover{background-color: #f7941e;} .pubmed-logo { background-color: #cbfaf5; margin-top: 30px;} .pubmed-logo img{width:100%;} /* .pubmed-logo:after {content: "NLM ID"; float:right; color: #f7941e; animation: blink 1.5s infinite; font-size: 28px; padding-top: 70px; font-weight: 700; animation-fill-mode: both; width: 70%; margin-top: 20px;} @keyframes blink { 0% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } */ /* This class is added on scroll */ .fixed { position: fixed; top: 0; height: 70px; z-index: 1; } /* Font Face Settings */ @font-face { font-family: 'open-sans-bold'; src: url('../fonts/open-sans/OpenSans-Bold.eot'); src: url('../fonts/open-sans/OpenSans-Bold.eot?iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Bold.ttf'); font-weight: normal; font-style: normal; src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2'); font-display: swap; } /* Navigation Settings */ nav { position: absolute; bottom: 0; width: 100%; /*height: 70px;*/ background: #fff; } .sticky li{ list-style-type: none; /*background-color: #333;*/ color: #efefef; padding: 0px; margin: 3px !important; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer; /*filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 6px 6px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */ } .sticky li img{ width:35px; } .sticky li a{ text-align: center !important; } .sticky li p{ padding: 0px; margin: 0px; text-transform: uppercase; line-height: 43px; color:#fff !important; } @media (max-width: 767px) { .sticky1 { display: none !important;} } .all-journals-list ul li span {float: right; font-weight: 600;} .all-journals-list ul li span:hover {color:#fff;} /* This class is added on scroll */ .fixed { position: fixed; top: 0; height: 70px; z-index: 9999999; } /* Font Face Settings */ @font-face { font-family: 'open-sans-bold'; src: url('../fonts/open-sans/OpenSans-Bold.eot'); src: url('../fonts/open-sans/OpenSans-Bold.eot?iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Bold.ttf'); font-weight: normal; } /* Navigation Settings */ nav { position: absolute; bottom: 0; width: 100%; /*height: 70px;*/ background: #fff; } .cd-top { display: inline-block; height: 30px; width: 30px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(30,82,136,0.8) url(images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #1e5288; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 40px; width: 40px; right: 30px; bottom: 30px; } } /* .special-issue-main ul { list-style: none; font-size: 14px; padding: 0px; margin-top: 20px;} .special-issue-main ul li {line-height: 1rem;} .special-issue-main ul li a {color: #1E5288; font-weight: 600; position: relative; transition: transform 0.3s ease; transform: translateX(0px); display: block;} .special-issue-main ul li a:hover {color: #f3593e; transform: translateX(10px); } */ .special-issue-main ul {padding-top: 20px; padding-bottom: 20px; border-radius:10px; box-shadow:1px 1px 5px #999; background-color: #CEF6F5;} .special-issue-main ul li {line-height: 25px;} .special-issue-main ul li a {color:#117B57; font-weight:bold; font-size:16px; position: relative; transition: transform 0.3s ease; transform: translateX(0px); display: block;} .special-issue-main ul li a:hover {color: #f3593e; transform: translateX(10px); } #All.tabcontent{ display:none;} @media (max-width: 992px) { .navbar .top-bar .sticky1{display: none;} } /* Journal Page styles */ .home-journal {margin-top: 40px;} .home-journal .j-info p {font-size: 14px; margin: 1px; color: #111111;} .home-journal .j-info p span {font-size: 13px; font-weight: 400; position: absolute; left: 190px; text-transform: math-auto;} .home-journal .j-info p span .box {color: #1E5288; /* align-self: flex-end; animation-duration: 2s; animation-iteration-count: infinite; margin: 0 auto 0 auto; transform-origin: bottom; display: flex; position: inherit; left:10px; bottom:5px; left: 22px; bottom: 5px; */ } /* .home-journal .j-info p span .bounce-3 {animation-name: bounce-3; animation-timing-function: ease;} */ @keyframes bounce-3 { 0% { transform: translateY(0); } 30% { transform: translateY(-5px); } 50% { transform: translateY(0); } 100% { transform: translateY(0); } } .home-journal .j-image {box-shadow: 2px 1px 6px 2px #aaa;} .home-journal .j-info hr {margin: 0px; margin-bottom: 5px;} .home-journal .j-tabs {margin-top: -20px;} .home-journal .j-tabs h3 {background-color: #1E5288; padding: 10px 15px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700;} .home-journal .j-tabs .active {background-color: #e47800;} .home-journal .j-tabs ul {list-style: none; background-color: #1E5288; padding: 0px; margin: 0px;} .home-journal .j-tabs ul li {border-bottom: 1px solid #fff; padding: 10px 0px 0px 15px;} .home-journal .j-tabs ul li a {color: #fff; text-transform: uppercase;} .home-journal .j-tabs ul li a:hover {transition: all 0.2s ease 0.2s; margin-left: 10px;} .home-journal .j-contact h3 {background-color: #1E5288; padding: 10px 15px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700;} .home-journal .j-contact p {text-align: left;} .home-journal .j-contact p strong {font-size: 16px; display: block;} .home-journal .j-contact p a {font-size: 12px;} .home-journal1 .j-about {margin: 30px 0px; border: 1px dashed #333; padding: 0px 20px 10px; border-radius: 25px;} .home-journal1 .j-about h3 {background-color: #1E5288; padding: 10px 15px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 20px;} .home-journal1 .j-about p {font-size: 14px;} .home-journal h2 {background-color: #1E5288; padding: 10px 15px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700; text-align: center; margin: 0px 0 10px 0;} .home-journal .archieve { border: 1px dashed #1E5288; padding: 0px 5px; margin-top: 20px; background-color: #effffd;} .home-journal .archieve tr {display: table-row; position: relative;} .home-journal .archieve tr h5 {color: #00501c; position: relative; } .home-journal .archieve tr h3 {margin: 0;} .home-journal .archieve tr h3 a {font-weight: 600; } .home-journal .archieve tr .doi-nor {border: 1px dashed #e47800;display: inline-block; padding: 3px 5px; margin: 5px 0px; } .home-journal .archieve tr .arts {padding-left: 0;} .home-journal .archieve .row {margin: 0 !important;} .home-journal .archieve .rowbgwhite {border-bottom: 1px solid; padding-bottom: 10px;} .home-journal .archieve .rowbgwhite .row:nth-child(3) {display: none;} .home-journal .archieve .rowbgwhite .btn-primary {display: none !important;} .home-journal .j-aims-scope h2 {margin-bottom: 15px;} .home-journal .j-aims-scope p {font-size: 15px; text-align: left;} .home-journal .j-aims-scope h3 {font-size: 16px; color: #1E5288; font-weight: 600;} .home-journal .j-aims-scope h3:nth-child(2) {color: #00501c !important; font-size: 14px; line-height: 0px; font-weight: 700;} .home-journal .j-aims-scope ul {list-style: none; margin: 0px; padding: 0px;} .home-journal .j-aims-scope ul li {border: 1px solid #dee2e6; padding: 5px; margin-bottom: 5px; background-color: #fff;} .home-journal .accordion-section #art {border-top: 1px solid #dee2e6;} .archieve-blue .rowbgwhite h3:nth-child(2) {color: #00501c !important; font-size: 14px; line-height: 0px; font-weight: 700;} /*----- Accordion -----*/ .accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .accordion { overflow:hidden; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border-radius:3px; background:#f7f7f7; } /*----- Section Titles -----*/ .accordion-section-title { width:100%; padding:15px; display:inline-block; border-bottom:1px solid #fff; background:#1E5288; transition:all linear 0.15s; /* Type */ font-size:1.200em; text-shadow:0px 1px 0px #cccccc; color:#fff; } .accordion-section-title.active, .accordion-section-title:hover { background:#00501c; color:#FFF; /* Type */ text-decoration:none; } .accordion-section:last-child .accordion-section-title { border-bottom:none; } /*----- Section Content -----*/ .accordion-section-content { padding-bottom: 10px; display:none; } .table-hover>tbody>tr:hover { background-color: #fff !important; } .all-volume-issue .col-md-4 img {display: none !important;} .all-volume-issue .col-md-4 h3 {color: #00501c; border: 1px solid #00501c; padding: 5px; text-align: center;} .all-volume-issue .col-md-4 h3:hover{color: #f7941e; border: 1px solid #f7941e;} .all-volume-issue h2 {background-color: #f7941e !important;} .all-volume-issue .os-issue {color: #00501c; border: 1px solid #00501c; padding: 5px; margin: 10px 0;} .special-issue h3 {color: #00501c; border: 1px solid #00501c; padding: 5px; text-align: center;}