html,
button,
input,
select,
textarea {
color : #222222;
}
html {
font-size : 14px;
line-height : 1.6em;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background : #b3d4fc;
text-shadow : none;
}
::selection {
background : #b3d4fc;
text-shadow : none;
}
/*
* A better looking default horizontal rule
*/
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #eeeeee;
margin : 1em 0;
padding : 0;
}
audio,
canvas,
img,
video {
vertical-align : middle;
}
img {
height : auto;
max-width : 100%;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border : 0;
margin : 0;
padding : 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize : vertical;
}
.alignleft {
float : left;
margin-right : 15px;
}
.alignright {
float : right;
margin-left : 15px;
}
.aligncenter {
float : none;
margin-left : 0;
display : block
}
.floatleft {
float : left
}
.floatright {
float : right
}
a,
a:active,
a:focus,
a:active {
text-decoration : none !important;
outline : none
}
a {
color: #E78051;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover,
a:focus {
color : #bf2718;
text-decoration : underline;
}
strong {
font-weight : 400;
}
ul {
margin : 0;
padding : 0;
list-style : none
}
img {
max-width : 100%
}
img.img-responsive {
width : 100%;
}
body {
font-family : 'Roboto', sans-serif;
background : #f0f2f3;
font-weight : 300;
color : #020202;
font-size : 14px;
line-height : 1.42857;
}
h1, h2, h3, h4, h5, h6 {
font-family : 'Roboto', sans-serif;
margin-bottom : 10px;
margin-top : 0;
line-height:24px;
}
h2 {
font-size : 23px;
}
h4 {
font-size : 16px;
margin-bottom : 10px;
margin-top : 10px;
}
ul {
margin : 0;
padding : 0;
list-style : none
}
.mt-15 {
margin-top : 15px
}
.mb-50 {
margin-bottom : 30px;
}
.wrapper {
overflow : hidden
}
.header {
background: #0f3652;
z-index: 1;
box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
position: relative;
-webkit-transform: translateZ(0);
}
.header-top {
padding: 4px 20px 4px;
}
.mainnav {
border: 0 none;
border-radius: 0;
border-top: 1px solid #012e4e;
}
.navbar-default {
background-image: linear-gradient(to bottom, #383838 0%, #2f2f2f 100%);
background-repeat: repeat-x;
width: 100%;
background-image: none;
background: #0f3652;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #062e4a;
color: #f5f5f5;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color : #ebebeb;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color : #ffffff;
background-color : #032b48;
}
.navbar-collapse {
padding-right : 0;
padding-left : 0;
}
.css-field,
#register-link,
.css-error-detail,
.css-error,
.css-note {
overflow : hidden;
}
.css-label,
.css-input {
height : 38px;
line-height : 38px;
float : left;
margin-right : 10px;
width : 68px;
}
.css-input input[type=text],
.css-input > input[type=password] {
border : 1px solid #dadada;
text-indent : 5px;
width : 189px;
padding : 0;
transition : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
border-radius : 0;
-webkit-box-shadow : none;
box-shadow : none;
margin : 0;
height : 34px;
}
.css-input input:focus {
border-color : #e9322d;
}
.css-submit-btn {
text-align : center;
padding : 5px 0 0 0;
border-top : 1px solid #dddddd;
margin : 10px 0 30px
}
.btn-submit {
color : #ffffff;
background-color : #f7941e;
border-color : #e43725;
border-radius : 0
}
.btn-submit a,
.btn-submit a:hover {
color : #ffffff;
}
.btn-submit:hover {
color : #ffffff;
background-color : #f7941e;
border-color : #b62516;
}
ul#css_ul {
float : none;
padding : 0;
}
ul#css_ul li {
border : 1px solid #eeeeee;
list-style : none outside none;
margin : 0;
padding : 10px;
}
ul#css_ul li:first-child {
border-bottom : 0 solid
}
/********** menu style ************/
.navbar {
margin-bottom : 0;
}
.nav.navbar-nav li:hover ul.dropdown-menu {
display : block;
}
.nav.navbar-nav li a {
text-transform: uppercase;
color: #e8e8e8;
font-weight: 400;
line-height: 25px;
font-size:13px;
}
.nav.navbar-nav li a:hover,
.nav.navbar-nav li a:focus,
.nav.navbar-nav li a:active {
color : #ffffff;
background : #222222;
}
.dropdown-menu {
border-radius : 0;
position : relative;
float : none;
width : 100%;
}
/* MEGA MENU
----------------- */
.mainnav .mega-fw {
position : static;
}
.mainnav .mega-content {
padding : 20px 30px;
}
.mega-menu-item h2 {
color : #000000;
text-transform : uppercase;
font-size : 14px;
font-weight : 400;
line-height : normal;
margin-bottom : 20px;
}
.mega-item-text a.email {
color : #f7941e !important;
text-transform : lowercase !important;
}
.mega-item-text a.email:hover {
color : #bf2718 !important;
text-transform : lowercase !important;
background : none !important;
}
.megamenu-wrapper ul li {
border-top : 0 !important;
}
/* MEGA MENU
----------------- */
/*drop down style */
.nav.navbar-nav li ul {
padding: 8px 14px;
}
.nav.navbar-nav li ul li {
border-bottom : 1px solid #f2f2f2;
}
.nav.navbar-nav li ul li:last-child{
border:none;
}
.nav.navbar-nav li ul li a {
padding: 8px 0 8px;
font-size: 13px;
color: #222222;
line-height: 20px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.nav.navbar-nav li ul li a:hover,
.dropdown-menu li.active > a,
.dropdown-menu li > a:focus {
background : #ffffff;
color : #f7941e !important;
}
/* search style
----------------------------*/
.navbar-header {
float : right;
}
.head-search, .navbar-toggle + .head-search {
right : 0;
top : 0;
}
.head-search {
position : relative;
right : 0;
margin : 0;
z-index : 1000;
float : right;
}
.head-search form {
margin : 0;
}
.head-search label {
display : none;
}
.head-search .search {
background : rgba(0, 0, 0, 0.5);
position : relative;
}
.navbar-toggle {
float : left;
border : none;
margin : 0;
padding : 0;
border-radius : 0;
}
.navbar-toggle i.fa {
color : #ffffff;
display : inline-block;
padding : 21px;
background : #222222;
}
.navbar-toggle.collapsed i.fa {
background : #363636;
}
.navbar-toggle i.fa:hover,
.navbar-toggle i.fa:focus,
.navbar-toggle i.fa:active,
.navbar-toggle i.fa:visited {
background : #181818;
}
.head-search .search {
background : rgba(0, 0, 0, 0.5);
}
.head-search .search .fa-search {
color : #ffffff;
content : "\f002";
display : block;
font-family : "FontAwesome";
position : absolute;
left : 20px;
top : 19px;
z-index : 1;
}
.head-search .form-control {
border : 0;
background : transparent;
color : #ffffff;
height : 55px;
line-height : 15px;
position : relative;
margin : 0;
padding : 0 15px 0 40px;
width : 0;
-webkit-transition : width 0.2s;
transition : width 0.2s;
z-index : 2;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 10px;
font-size: 13px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
box-shadow: none;
border-radius: 2px;
}
.head-search .form-control:hover,
.head-search .form-control:active,
.head-search .form-control:focus {
color : #ffffff;
box-shadow : none;
}
.head-search .form-control:active,
.head-search .form-control:focus {
width : 192px;
}
.text-input {
top : 0;
position : relative;
height : 55px;
background : rgba(0, 0, 0, 0.2);
padding : 17px 10px;
width : 140px;
color : #ffffff;
-webkit-transform : translateZ(0);
float : left;
}
/********** menu style ************/
button.navbar-toggle {
outline : none;
border : none;
background : #f7941e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background : #181818;
}
/********** //menu style ************/
/* social icon style
--------------------*/
.social-icon {
margin-top : 10px
}
.social-icon ul {
}
.social-icon ul li {
border-right: 1px solid #555;
float: left;
margin: 0;
padding: 0;
}
.social-icon ul li:last-child {
border : 0;
}
.social-icon ul li a {
/* height : 32px; */
/* display : block; */
}
/* ANIMATED ICON
-----------------------*/
.social-icon i {
width: 30px;
height: 30px;
}
.social-icon i::before {
font-size : 14px;
line-height : 32px;
}
.social-icon i {
display: inline-block;
cursor: pointer;
margin: 0;
text-align: center;
position: relative;
z-index: 1;
color: #acacac;
border-radius: 1px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateZ(0);
line-height: 24px;
bottom: 2px;
}
.social-icon i::before {
border-radius : 2px;
speak : none;
display : block;
-webkit-font-smoothing : antialiased;
}
.social-icon i::after {
pointer-events : none;
position : absolute;
width : 100%;
height : 100%;
content : '';
display : none;
box-sizing : content-box;
}
.social-icon i:hover {
background : #f7941e;
color : #ffffff;
}
.social-icon i:hover::before {
-webkit-animation : toRightFromLeft 0.3s forwards;
-moz-animation : toRightFromLeft 0.3s forwards;
animation : toRightFromLeft 0.3s forwards;
}
/*----------------
* Box SHadow
*----------------*/
.box-shadow-area, .box-wrapper {
background: #ffffff;
box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
position: relative;
-webkit-transform: translateZ(0);
border: 1px solid #ddd;
border-radius: 4px;
}
/*--------------------
* Header Icon Box
*--------------------*/
.icon-box-wrapper {
text-align: right;
margin-top: 22px;
}
.icon-box-wrapper .icon-box {
display : inline-block;
text-align : left;
padding-right : 30px;
margin : 10px 30px 10px 0;
border-right : 1px solid #eeeeee;
}
.icon-box-wrapper .icon-box:last-child {
border-right : 0;
margin-right : 0;
padding-right : 0;
}
.icon-box-wrapper .icon-box i {
font-size: 14px;
display: inline-block;
color: #cacaca;
}
.icon-box-wrapper .icon-box .content {
display : inline-block;
}
.icon-box-wrapper .icon-box .content .title,
.icon-box-wrapper .icon-box .content .subtitle {
display : block;
margin-left : 10px;
}
.icon-box-wrapper .icon-box .content .title {
font-size : 12px;
color : #bbbbbb;
font-weight : 400;
}
.icon-box-wrapper .icon-box .content .subtitle {
font-size : 14px;
font-weight : 500;
color : #888888;
}
/*-------------------
* Hero Showcase
*-------------------*/
.hero-showcase {
display : flex;
flex-flow : row;
justify-content : center;
align-items : center;
align-content : center;
-webkit-flex-flow : row;
-webkitjustify-content : center;
-webkitalign-items : center;
-webkit-align-content : center;
width : 100%;
margin-top : 15px;
}
.hero-showcase .top-service-box {
display : flex;
flex-flow : row wrap;
justify-content : center;
align-items : center;
align-content : center;
-webkit-flex-flow : row wrap;
-webkitjustify-content : center;
-webkitalign-items : center;
-webkit-align-content : center;
}
.hero-showcase .top-service-box div {
width : 212px;
height : 210px;
position : relative;
margin : 1px;
}
.hero-showcase .top-service-box a {
padding : 20px;
background : #fbfbfb;
position : absolute;
width : 100%;
height : 100%;
box-shadow : inset 0 0 100px rgba(0, 0, 0, .1);
}
.hero-showcase .top-service-box div:nth-child(1) a {
background : #2db3c4;
}
.hero-showcase .top-service-box div:nth-child(2) a {
background : #ffbd4f;
}
.hero-showcase .top-service-box div:nth-child(3) a {
background : #93d6a7;
}
.hero-showcase .top-service-box div:nth-child(4) a {
background : #f1878a;
}
.hero-showcase .top-service-box h2 {
font-size : 24px;
margin-bottom : 10px;
text-transform : capitalize;
}
.hero-showcase .top-service-box p {
font-size : 15px;
}
.hero-showcase .top-service-box div a h2,
.hero-showcase .top-service-box div a p {
color : #ffffff;
}
.hero-showcase .top-service-box div a:hover {
background : #f5f6f7;
}
.hero-showcase .top-service-box div a:hover h2,
.hero-showcase .top-service-box div a:hover p {
color : #34404e;
}
/*-----------------------------
* hero slider
*-----------------------------*/
/* Slider 1
*-------------*/
.slider-style-1 {
overflow : hidden;
}
/*Carousal caption*/
.slider-style-1 .carousel-caption {
left : 40px;
top : 40px;
text-align : left;
text-shadow : none;
color : #34404e;
padding : 0;
overflow : hidden;
width : 50%;
}
.slider-style-1 .carousel-caption .slider-small-text {
font-size : 14px;
line-height : 1.5em;
font-weight : 300;
margin-bottom : 10px;
}
.slider-style-1 .carousel-caption .slider-title {
font-size : 42px;
line-height : 1;
font-weight : 500;
margin : 0 0 10px;
}
/* Slider Controller */
.slider-style-1 .carousel-control {
top : 50%;
font-size : 16px;
width : 30px;
height : 30px;
line-height : 30px;
background : #ffffff;
cursor : pointer;
text-shadow : none;
border-radius : 2px;
box-shadow : 0 2px 5px rgba(0, 0, 0, .5);
display : block;
padding : 0;
color : #313135;
transform : translateY(-50%);
border : 0;
opacity : 1;
transition : all .3s ease-in-out;
}
.slider-style-1 .carousel-control:hover {
opacity : 1;
background : #f7941e;
color : #ffffff;
}
.slider-style-1 .carousel-control.left {
left : -100px;
}
.slider-style-1 .carousel-control.right {
right : -100px;
}
.slider-style-1:hover .carousel-control.left {
left : 20px;
}
.slider-style-1:hover .carousel-control.right {
right : 20px;
}
/* Slider Indicator*/
.slider-style-1 .carousel-indicators {
width : auto;
left : 40px;
bottom : 10px;
margin : 0;
padding : 0;
text-align : left;
}
.slider-style-1 .carousel-indicators li {
border : 0;
opacity : 1;
background-color : #000000;
width : 4px;
height : 4px;
margin : 2px;
}
.slider-style-1 .carousel-indicators li.active {
border : 4px solid #000000;
opacity : 1;
width : 2px;
height : 2px;
margin : 0;
}
.slider-style-1:hover .carousel-control-wrap {
bottom : 20px;
}
/* Slider 2
*---------------*/
.slider-style-2 .content {
position : absolute;
left : 0;
right : 0;
top : 50%;
transform : translateY(-50%);
}
.slider-style-2 .carousel-caption {
position: relative;
bottom: 0;
left: 0;
text-align: left;
color: #fff;
margin: 0 20% 0 4%;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}
.slider-style-2 .carousel-caption .slider-small-text {
font-size : 20px;
line-height : 1.5em;
font-weight : 300;
margin-bottom : 10px;
}
.slider-style-2 .carousel-caption .slider-title {
font-size : 40px;
line-height : 1;
font-weight : 500;
margin : 0 0 10px;
}
.slider-style-2 .carousal-control-wrapper {
width : 55px;
height : 100%;
position : absolute;
display : flex;
align-items : center;
flex-wrap : wrap;
right : 0;
top : 0;
bottom : 0;
border-left : 1px dashed rgba(255, 255, 255, .5);
}
.slider-style-2 .carousel-control {
font-size : 26px;
width : 55px;
height : 50%;
background : rgba(255, 255, 255, .2);
cursor : pointer;
text-shadow : none;
border-radius : 0;
display : block;
padding : 10px;
color : rgba(255, 255, 255, .5);
border : 0;
opacity : 1;
transition : all .3s ease-in-out;
position : relative;
}
.slider-style-2 .carousel-control i {
width : 100%;
}
.slider-style-2 .carousel-control:hover {
opacity : 1;
color : #ffffff;
}
.slider-style-2 .carousel-control.right {
display : flex;
align-items : flex-end;
}
@media (max-width : 600px) {
.slider-style-2 .carousel-caption .slider-title {
font-size : 16px;
}
.slider-style-2 .carousel-caption .slider-small-text {
font-size: 12px;
}
}
@media (max-width : 320px) {
.slider-style-2 .carousel-caption .slider-title {
font-size : 14px;
}
.slider-style-2 .carousel-caption .slider-small-text {
font-size : 12px;
}
}
/* ------------------------
* Hero Vertical Carousal
*-------------------------*/
.carousel-inner.vertical {
height : 100%;
}
.carousel-inner.vertical > .item {
-webkit-transition : .6s ease-in-out top;
-o-transition : .6s ease-in-out top;
transition : .6s ease-in-out top;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner.vertical > .item {
-webkit-transition : -webkit-transform .6s ease-in-out;
-o-transition : -o-transform .6s ease-in-out;
transition : transform .6s ease-in-out;
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
-webkit-perspective : 1000;
perspective : 1000;
}
.carousel-inner.vertical > .item.next,
.carousel-inner.vertical > .item.active.right {
top : 0;
-webkit-transform : translate3d(0, 100%, 0);
transform : translate3d(0, 100%, 0);
}
.carousel-inner.vertical > .item.prev,
.carousel-inner.vertical > .item.active.left {
top : 0;
-webkit-transform : translate3d(0, -100%, 0);
transform : translate3d(0, -100%, 0);
}
.carousel-inner.vertical > .item.next.left,
.carousel-inner.vertical > .item.prev.right,
.carousel-inner.vertical > .item.active {
top : 0;
-webkit-transform : translate3d(0, 0, 0);
transform : translate3d(0, 0, 0);
}
}
.carousel-inner.vertical > .active {
top : 0;
}
/* --------------------------------
* OWLCAROUSAL CONTROL NAVIGATION
*---------------------------------*/
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
font-family : 'fontAwesome';
}
.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:after {
font-size : 14px;
}
.owl-carousel .owl-nav .owl-prev:before {
content : "\f104";
}
.owl-carousel .owl-nav .owl-next:after {
content : "\f105";
}
/* Slider Control */
.product-slider,
.latest-news,
.client-testimonial,
.logo-slider {
}
.product-slider .owl-nav,
.latest-news .owl-nav,
.client-testimonial .owl-nav,
.logo-slider .owl-nav {
cursor : pointer;
position : absolute;
width : 100%;
top : 50%;
margin-top : -15px;
}
.product-slider .owl-nav .owl-prev,
.product-slider .owl-nav .owl-next,
.latest-news .owl-nav .owl-prev,
.latest-news .owl-nav .owl-next,
.client-testimonial .owl-nav .owl-prev,
.client-testimonial .owl-nav .owl-next,
.logo-slider .owl-nav .owl-prev,
.logo-slider .owl-nav .owl-next {
position : absolute;
width : 30px;
height : 30px;
line-height : 30px;
text-align : center;
margin : 0;
padding : 0;
background : #333333;
color : #ffffff;
border-radius : 100%;
box-shadow : 0 2px 5px rgba(0, 0, 0, .5);
opacity : 0;
transition : all .3s;
}
.product-slider .owl-nav .owl-prev:hover,
.product-slider .owl-nav .owl-next:hover,
.latest-news .owl-nav .owl-prev:hover,
.latest-news .owl-nav .owl-next:hover,
.client-testimonial .owl-nav .owl-prev:hover,
.client-testimonial .owl-nav .owl-next:hover,
.logo-slider .owl-nav .owl-prev:hover,
.logo-slider .owl-nav .owl-next:hover {
background : #f7941e;
color : #ffffff;
}
.product-slider .owl-nav .owl-prev,
.latest-news .owl-nav .owl-prev,
.client-testimonial .owl-nav .owl-prev,
.logo-slider .owl-nav .owl-prev {
left : -10px;
}
.product-slider .owl-nav .owl-next,
.latest-news .owl-nav .owl-next,
.client-testimonial .owl-nav .owl-next,
.logo-slider .owl-nav .owl-next {
right : -10px;
}
.product-slider:hover .owl-prev,
.latest-news:hover .owl-prev,
.client-testimonial:hover .owl-prev,
.logo-slider:hover .owl-prev {
left : 5px;
opacity : 1;
}
.product-slider:hover .owl-next,
.latest-news:hover .owl-next,
.client-testimonial:hover .owl-next,
.logo-slider:hover .owl-next {
right : 5px;
opacity : 1;
}
/* ------------------
* Box Welcome
*-------------------*/
.welcome-text {
padding : 20px;
}
.welcome-text h2 {
margin-top : 0;
}
/* ------------------
* Box Title
*-------------------*/
.box-title {
padding: 13px 20px;
margin: -20px -20px 20px;
display: block;
border-bottom: 1px solid #eeeeee;
background: rgba(245, 245, 245, 0.4588235294117647);
}
.box-title h2 {
margin: 0;
font-size: 20px;
}
/* ------------------
* Product Slider
*-------------------*/
.product-slider-box {
padding : 20px;
}
.product-slider-box .product-slider-wrapper {
margin : 0 20px 20px;
}
.product-slider {
margin-top : 20px;
}
.product-slider .content {
position: absolute;
z-index: 999;
left: 15px;
background: rgba(255, 255, 255, 0.9490196078431372);
bottom: 0;
right: 15px;
text-align: center;
}
.product-slider a {
color: #34404e;
font-size: 14px;
}
/*-----------------------
* News and Events
*-----------------------*/
.latest-news-area {
padding : 20px;
}
.latest-news img {
margin-bottom : 15px;
}
.latest-news .item .date-meta {
color : #888888;
font-size : 12px;
}
.latest-news .item h4 {
font-size : 16px;
color : #34404e;
}
.latest-news .item a:hover h4 {
color : #f7941e;
}
/*---------------------
* Collapse style
*---------------------*/
.accordion-area {
background: none;
box-shadow: none;
border: none;
}
.panel-group .panel {
border-radius : 0;
box-shadow : none;
border-color : #eaeaea;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #eaeaea;
}
.panel-default > .panel-heading {
border-radius : 0;
position : relative;
border-color : #eaeaea;
padding : 10px 40px 10px 10px;
background : #ffffff;
}
.panel-default > .panel-heading .panel-title {
font-weight : normal;
line-height : 1;
}
.panel-default > .panel-heading .panel-title a {
color : #f7941e;
}
.panel-default > .panel-heading .panel-title .collapsed {
color : #666666;
}
.panel-default > .panel-heading a::after {
font : 8px FontAwesome;
content : "\f068";
position : absolute;
right : 0;
top : 0;
color : #f7941e;
height : 36px;
width : 36px;
line-height : 37px;
text-align : center;
border-left : 1px solid #eeeeee;
}
.panel-default > .panel-heading a.collapsed::after {
content : "\f067";
color : #999999;
}
/*------------------
* Tab
*-------------------*/
.tab-area {
padding : 20px;
}
.home-tab .tab-pane img.pull-left {
margin : 0 20px 20px 0;
}
.home-tab .tab-pane img.pull-right {
margin : 0 0 20px 20px;
}
.home-tab .tab-pane {
margin-top : 20px;
}
#tabs.home-tab ul {
border-bottom-color : #eeeeee;
margin-left : -20px;
margin-top : -20px;
margin-right : -20px;
background : #f5f5f5;
}
#tabs.home-tab ul li a {
font-family : "Roboto Condensed";
font-size : 18px;
color : #34404e;
border : 0;
line-height : 46px;
padding : 0 15px;
font-weight : 400;
}
#tabs.home-tab ul li i {
position : relative;
top : -1px;
font-size : 14px;
}
#tabs.home-tab ul li a i.fa-briefcase {
color : #8ebb80
}
#tabs.home-tab ul li a i.fa-folder {
color : #80b9bb
}
#tabs.home-tab ul li a i.fa-heart {
color : #dc7a7a
}
#tabs.home-tab ul li a:hover {
border-color : #eeeeee;
border-radius : 0;
}
#tabs.home-tab ul li.active a i {
color : #818790;
}
#tabs.home-tab ul li.active a {
border : 0;
border-radius : 0;
color : #34404e;
}
/* Progress Style */
.progress-wrapper {
}
.progress-wrapper .progress-row h4 {
font-size : 14px;
margin : 0 0 10px;
color : #333333;
}
.progress-wrapper .progress-row {
margin-bottom : 5px;
padding : 10px;
background-image : linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size : 40px 40px;
background-color : #eeeeee;
}
.progress-wrapper .progress {
border-radius : 0;
height : 4px;
margin : 0;
}
/*-----------------
* Testimonial
*-----------------*/
.testimonial-area {
padding : 20px;
}
.testimonial {
margin-bottom : 20px
}
.client-testimonial blockquote {
border: 0;
padding: 10px 0;
font-size: 14px;
position: relative;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
line-height: 24px;
}
.client-testimonial .author-meta {
display : table;
width : 100%;
}
.client-testimonial .author-meta span {
display : block;
font-size : 11px;
padding-left : 10px;
}
.client-testimonial .author,
.client-testimonial .author-details {
display : table-cell;
vertical-align : middle;
}
.client-testimonial .author {
width : 40px;
border-radius : 2px;
}
/*---------------
* Logo Slider
*---------------*/
.logo-slider-area {
padding : 20px;
border-bottom : 1px solid #eeeeee;
}
/*--------------------
* Icon Box Style
*--------------------*/
.left-icon-wrapper .icon-box {
width: 100%;
margin-bottom: 11px;
background: #ffffff;
border-radius: 3px;
border: 1px solid #ddd;
padding: 0 14px;
}
.left-icon-wrapper .icon-box:last-child {
/*box-shadow : none;*/
}
.left-icon-wrapper .icon-box a {
color: #46998f;
display: block;
padding: 6px 12px;
font-size: 15px;
font-weight: 500;
text-align: left;
}
.left-icon-wrapper .icon-box a:hover {
color : #211e1e !important;
/*background : rgba(0, 0, 0, 0.3);*/
}
.left-icon-wrapper .icon-box a i {
color: #46998f;
margin-right: 10px;
font-size: 14px;
border-radius: 100%;
line-height: 24px;
text-align: center;
}
/*--------------
* Text Box
*--------------*/
.text-box .btn {
margin-top : 8px;
}
.img-box-text {
padding : 20px;
}
.footer-widget {
overflow: hidden;
padding-bottom: 20px;
}
.footer-widget .map img {
max-width : 100%;
}
.custom-widget {
}
.custom-widget ul > li {
line-height : 24px;
}
.custom-widget ul > li > a {
color: #f5f5f5;
}
.custom-widget ul > li > a:hover {
color : #f7941e;
text-decoration : underline
}
.copyright-text {
overflow: hidden;
background: #333;
margin-bottom: 30px;
}
.left-copy-text {
padding: 10px;
font-size: 10px;
text-align: center;
line-height: 17px;
}
.custom-menu-widget i {
font-size: 26px;
color: #fff;
}
.custom-menu-widget i:before {
border-bottom : 1px solid #eeeeee;
padding-bottom : 10px;
}
.custom-menu-widget i {
display : block;
margin-bottom : 25px;
margin-top : 25px;
/* display: none; */
}
.widget-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
text-transform: uppercase;
color: #fff;
}
.footer-right .social-icon {
margin-top : 0;
}
.social-fix {
padding-right: 20px;
padding-top: 8px;
}
.left-copy-text p {
margin: 0;
}
.stay-connected {
background: #0f3652;
color: #f5f5f5;
padding: 22px 0 10px;
line-height: 24px;
z-index: 1;
position: relative;
}
/************ Blog css start **************/
.blog-item {
background : #ffffff;
overflow : hidden;
padding : 20px 5px 40px 5px;
border-bottom : 1px solid #eeeeee;
}
.post-thumb.floatleft img {
max-width : 100%;
width : 100%;
}
.post-thumb {
margin-bottom : 20px;
}
.post-thumb img {
width : 100%;
}
.post-thumb iframe {
max-width : 100%;
width : 100%;
border : 0;
}
.post-thumb audio {
max-width : 100%;
width : 100%;
display : block;
}
.less-mrg-left {
margin-left : 0
}
.less-pad-left {
padding-left : 0;
}
.less-mrg-right {
margin-right : 0
}
.less-pad-right {
padding-right : 0
}
.article-title, .article-header h1 {
margin : 0 0 20px;
}
h2,
.h2 {
font-size : 23px;
}
a:hover,
a:focus {
color : #bf2718;
text-decoration : underline;
}
.post h2.article-title a, .readmore a, .single-sidebar ul li.cat-item a {
color:#0f3652;
font-size: 16px;
}
.search-articles .post h2.article-title a {
font-size: 15px;
line-height: 26px;
}
h2.article-title {
font-size: 15px;
margin: 0;
line-height: 22px;
margin-bottom: 6px;
}
.article-type {
font-weight: 500;
color: #666666;
display: block;
clear: both;
}
.date{
font-size: 13px;
}
.post {
border-bottom: 1px solid #ddd;
margin-bottom: 12px;
padding-bottom: 4px;
padding-left: 8px;
}
.post h2.article-title a:hover,
.single-sidebar ul li.cat-item a:hover,
.single-sidebar ul li.current-cat a {
color : #f7941e
}
.post-meta {
font-weight: 400;
margin-top: 6px;
position: relative;
}
p.side-content {
font-size: 14px;
line-height: 23px;
}
.post-meta ul li {
float: left;
margin-right: 13px;
font-size: 14px;
color: #999999;
padding-right: 13px;
}
#tabs.home-tab .post-meta li a {
padding: 0;
line-height: 24px;
font-size: 14px;
}
.post-meta ul li:last-child {
border:none;
}
.post-meta ul li i {
margin-right : 0;
}
.post-meta ul li a {
color: #a25d0b;
border-radius: 2px;
}
.post-meta ul li a.author {
border : 0;
}
.post-meta ul li a:hover,
.post-meta ul li a:focus,
.post-meta ul li a:active {
color : #0a0a0a;
text-decoration : none;
}
.post-meta ul li a.author:hover {
border : 0 none;
color : #f7941e;
background : transparent;
}
.post-article p {
font-weight: 300;
margin: 4px 0 6px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #333232;
}
.readmore > a {
border-top : 2px solid #dddddd;
display : inline-block;
font-size : 12px;
font-weight : 400;
margin-top : 20px;
padding-top : 5px;
text-transform : uppercase;
}
.readmore > a:hover {
color : #dddddd;
}
.single-sidebar h2 {
font-size : 16px;
font-weight : 400;
margin : 0 0 10px;
padding : 0;
text-transform : uppercase;
}
.single-sidebar {
margin-bottom : 40px;
overflow : hidden;
}
.single-sidebar ul li.cat-item:first-child {
border-top : 0;
}
.single-sidebar ul li.cat-item {
padding-left : 0;
}
.single-sidebar ul li.cat-item a {
font-weight : 400;
}
.single-sidebar ul li.cat-item a:hover {
}
.single-sidebar ul li:hover a {
color : #f7941e;
}
.single-sidebar ul li:hover:before {
color : #f7941e;
}
.single-sidebar ul li {
border-bottom : 1px solid #eeeeee;
padding : 7px 0;
}
.single-sidebar ul li:last-child {
border-bottom : 0;
}
.tab-pane ul li {
color : #af1308;
margin-right : 2px;
position : relative;
transition : all 0.5s ease 0s;
}
.tab-pane ul li:last-child {
border-bottom : 0;
}
.tab-pane ul {
margin: 0 !important;
padding: 0 !important;
}
.tab-pane ul li a {
color : #666666;
font-weight : 300;
}
.tab-pane ul li > a:hover {
color : #f7941e;
}
.tagcloud {
overflow : hidden;
margin : 8px 0;
margin-bottom : 20px;
padding-top : 7px;
padding-bottom : 2px;
border-top : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
}
.tab-pane ul {
margin: 0;
padding: 0;
}
.tagcloud a {
border : 1px solid #eeeeee;
font-size : 12px;
color : #666666;
display : block;
float : left;
margin : 0 5px 5px 0;
padding : 3px 5px;
-webkit-border-radius : 2px;
-moz-border-radius : 2px;
border-radius : 2px;
}
.tagcloud a:hover {
background : #f7941e;
color : #ffffff;
}
.blog-carousel .left.carousel-control {
background : transparent;
top : 45%;
}
.blog-carousel .right.carousel-control {
background : transparent;
top : 45%;
}
.blog-carousel .left.carousel-control i,
.blog-carousel .right.carousel-control i {
padding : 5px;
width : 30px;
height : 30px;
border-radius : 2px;
background : rgba(0, 0, 0, 0.5);
}
/*carousel post */
/*tab widget */
.tab-content {
}
.tabs-widget .tab-content {
border-left : 1px solid #eeeeee;
padding : 0 10px;
border-right : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
}
.tabs-widget .nav.nav-tabs {
background : #eeeeee;
border : 0 none;
font-size : 16px;
font-weight : 400;
text-transform : uppercase;
height : 37px;
}
.tabs-widget ul.nav li a {
border : 0 none;
border-radius : 0;
font-size : 14px;
font-weight : 400;
padding : 8px 15px;
}
#latest-post ul li:hover a,
#most-read ul li:hover a {
color : #666666;
}
#latest-post ul li a,
#most-read ul li a {
font-size : 14px;
}
#latest-post ul li a:hover,
#most-read ul li a:hover {
color : #f7941e;
}
#latest-post .sidebar-meta,
#latest-post .sidebar-meta a,
#latest-post .sidebar-meta p,
#most-read .sidebar-meta,
#most-read .sidebar-meta a,
#most-read .sidebar-meta p {
font-size : 13px;
}
.sidebar-meta i.fa {
padding-right : 7px;
}
.sidebar-meta a {
}
.sidebar-meta p {
color : #888888;
display : inline-block;
font-size : 12px;
padding-left : 5px;
}
.tabs-widget ul.nav li a:hover {
border : 0;
}
.tab-pane > h2 {
display : none;
}
.tab-pane > ul li {
padding-left : 2px;
}
.tab-pane > ul li:before {
content : "";
}
.tabs-widget ul.nav li.active a {
background : #f7941e;
color : #ffffff;
border-radius : 0;
border : 0;
}
/*tab widget */
/*pagination */
.pagination {
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
float: right;
position: relative;
bottom: 42px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius : 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #0f3652;
border-color: #0f3652;
}
.pagination:after, .pagination:before {
clear : both;
}
.page-number > p {
background-color : #ffffff;
border : 1px solid #dddddd;
border-radius : 0;
display : inline-block;
margin-top : 50px;
padding : 6px 12px;
}
/*pagination */
/************ //Blog css **************/
/* sidebar */
.widget_search,
.widget_text,
.widget_recent_entries,
.widget_categories,
.widget_pages,
.widget_meta,
.widget_archive,
.widget_nav_menu,
.tabs-widget {
padding : 0 0 40px;
}
.sidebar {
padding : 20px;
}
.sidebar h2 {
font-size : 16px;
font-weight : 400;
margin : 0 0 10px;
padding : 0;
text-transform : uppercase;
}
.widget_search {
position : relative;
}
.widget_search form [type="text"] {
border : 1px solid #eeeeee;
width : 100%;
position : relative;
height : 40px;
padding : 0 10px;
}
.widget_search form [type="text"]:focus {
border : 1px solid #f7941e;
outline : none;
}
.widget_search form [type="submit"] {
height : 40px;
position : absolute;
right : 10px;
top : -1px;
width : 30px;
background : none;
border : 0;
color : #888888;
}
.widget_recent_entries p {
font-size : 12px;
color : #666666;
padding-bottom : 10px;
border-bottom : 1px solid #eeeeee;
}
.widget_recent_entries p a {
color : #212223;
font-size : 15px;
font-weight : 400;
}
.widget_recent_entries p a:hover {
color : #f7941e;
}
.widget_pages ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li {
line-height : 20px;
}
.widget_pages ul li a,
.widget_meta ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a {
color : #666666;
font-size : 14px;
}
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_nav_menu ul li a:hover {
color : #f7941e;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_nav_menu ul li {
border-bottom : 1px solid #eeeeee;
padding : 8px 0;
}
.widget_archive ul li a i {
margin-right : 5px;
}
.widget_tag_cloud a {
border : 1px solid #eeeeee;
color : #666666;
display : block;
float : left;
margin : 0 5px 5px 0;
padding : 3px 5px;
}
.widget_tag_cloud a:hover {
background : #f7941e;
border-color : #f7941e;
color : #ffffff;
}
.widget_tag_cloud a:hover .badge {
background : #ffffff;
color : #f7941e
}
.badge {
background : #f7941e;
font-weight : normal;
margin : 0 0 0 3px;
padding : 0 4px;
border-radius : 0;
font-size : 14px;
}
/************ single page *************/
.single-page-item {
padding : 20px;
}
.post-article img {
width : 100%;
}
.img-caption {
background : #eeeeee;
color : #666666;
font-size : 12px;
width : 100%;
margin : 0;
padding : 5px;
text-align : center;
margin-top : 1px !important;
clear : both;
display : block;
}
.article-content {
margin-top : 20px;
}
.article-content.clearfix p {
margin-top : 10px;
}
.about-author {
margin : 40px 0;
}
.about-author .media img {
height : 100px;
width : 100px;
}
.pagenav li > a {
line-height : normal;
border : 0;
color : #ffffff;
border-radius : 0;
background : #f7941e;
}
.pagenav li > a:hover,
.pagenav li > a:active,
.pagenav li > a:focus {
background-color : #eeeeee;
color : #f7941e;
transition : all 0.5s ease 0s;
}
.comments-area {
margin-top : 50px;
}
.comments-title {
margin-bottom : 30px;
}
.comments-title h3 {
text-transform : uppercase;
margin-bottom : 5px;
}
ul.comment-list li {
border : 1px solid #eeeeee;
margin-bottom : 30px;
}
.comment-author {
border-bottom : 1px solid #eeeeee;
position : relative;
}
.comment-author img {
float : left;
padding : 4px;
border-right : 1px solid #eeeeee;
}
.media-heading span.author-name {
display : block
}
.media-heading h4 {
margin-left : 80px;
padding : 8px;
font-size : 14px;
}
.media-heading time {
font-size : 12px;
}
.comment-author .comment-reply-link {
font-size : 12px;
color : #ffffff;
padding : 3px 10px;
background : #f7941e;
display : block;
top : 16px;
position : absolute;
right : 10px;
transition : all 0.5s ease 0s;
}
.comment-author .comment-reply-link:hover {
background-color : #eeeeee;
color : #f7941e;
}
.comment-content p {
padding : 20px;
margin : 0;
}
.comment-replay {
margin-left : 50px;
}
.alert {
border-radius : 0;
}
.form-control:focus {
border-color : #f7941e;
outline : 0;
box-shadow : none;
}
.btn-primary {
border : 0;
color : #ffffff;
border-radius : 0;
background : #e08909 !important;
transition : all 0.5s ease 0s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color : #fff;
background-color : #eeeeee;
border : 0;
}
/************ //single page *************/
/* 404 Page */
.not-found {
text-align : center;
padding-top : 150px;
padding-bottom : 150px;
margin-top : 20px;
}
.not-found span {
display : block;
font-size : 70px;
}
/* BREAD CRUMB WITH BOX-SHADOW */
.breadcrumb {
background-color: #ffffff;
list-style: none outside none;
padding: 8px 15px;
border-radius: 0;
list-style: none outside none;
margin-bottom: 6px;
padding: 10px 20px 8px;
margin-top: 0;
font-size: 12px;
border-bottom: 1px solid #ddd;
}
.col-mar{
padding:0px;
margin-bottom:5px;
}
/*--------------------------------------------
ABOUT US PAGE
----------------------------------------------*/
.page-title {
background : rgba(0, 0, 0, 0);
padding-bottom : 40px;
padding-top : 40px;
background-image : url('img/about-banner.jpg');
background-size : cover;
background-position: center right;
}
.page-title h1, .page-title .citation_volume {
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
display: inline-block;
font-size: 20px;
font-weight: 700;
margin: 20px;
padding: 10px 16px;
text-transform: uppercase;
}
/* LEFT SIDEBAR BOX-SHADOW */
div.left-about-sidebar.box-wrapper {
padding : 20px;
}
.page-content {
padding: 20px 20px 20px 10px;
}
.page-article-content img {
margin-bottom : 10px;
}
.page-article-content img.pull-left {
margin-right : 20px;
}
.page-article-content img.pull-right {
margin-left : 20px;
}
.thumbnail {
background : rgba(0, 0, 0, 0);
border : 0 none;
margin-bottom : 40px;
}
.thumbnail .caption h3 {
font-size : 14px;
margin : 0;
}
.thumbnail .caption h3 a {
color : #34404e;
}
.thumbnail .caption h3 a:hover {
color : #f7941e
}
.thumbnail .caption {
padding-left : 0;
padding-right : 0;
}
.thumbnail > img,
.thumbnail a > img {
margin-bottom : 10px;
}
.sidebar-content {
margin-bottom: 20px;
}
.sidebar-title {
color: #d6840c;
font-size: 18px;
margin: 0 0 0;
padding: 8px 6px;
margin-bottom: -20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position: relative;
top: -20px;
}
.sidebar-title span {
background: #fff;
padding:0 10px;
}
.home-articles .sidebar-title {
background: #f5f5f5;
color: #080808;
font-size: 18px;
font-weight: 500;
margin: 0 0 10px;
margin-bottom: 10px;
padding: 8px 13px;
margin-bottom: 13px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid #dddddd;
top:0px;
}
.contact-page-sidebar .sidebar-title span {
padding:10px;
}
/* .sidebar-title2{ */
/* background: #f1f1f1; */
/* } */
.right-sidebar {
padding: 0;
margin: 0;
}
.sidebar-content ul li {
border-bottom: 1px dashed #cec9c9;
padding: 8px 8px;
float: initial;
}
.sidebar-content ul li:last-child {
border: none;
padding-bottom: 0;
}
.sidebar-content ul li a {
display : block;
}
.order-list i {
float: left;
margin-right: 12px;
font-size: 15px;
margin-top: 4px;
}
.sidebar-content ul li a:hover {
color : #f7941e;
}
.order-list {
margin : 0 !important;
}
.left-about-sidebar{
border:none;
}
.sidebar-content {
margin-bottom: 20px;
border: 1px solid #e2e2e2;
padding: 0px 10px 13px 10px;
border-radius: 6px;
}
.read{
font-size: 13px;
text-transform: lowercase;
text-align: right;
margin-top: 4px;
}
.order-list strong {
display: block;
font-weight: 500;
}
.order-list p {
margin-left : 30px;
}
.project {
margin : 0 !important;
}
.sidebar-content > .project li {
border : 1px solid #f1f2f3;
display : block;
list-style : none outside none;
margin-bottom : 10px;
padding : 10px !important;
}
.project h4 {
margin-top: 10px;
color: #9e5804;
font-weight: 500;
}
/*Single member page*/
.member-thumbnail img {
float : left;
margin-right : 20px;
}
.designation h2 {
margin : 0;
}
.designation span {
font-size : 18px;
}
.social-info {
margin : 20px 0;
}
.social-info ul li {
display : inline;
}
.social-info ul li a {
color : #ffffff;
opacity : 0.8;
text-align : center;
-webkit-transition : 0.3s;
}
.social-info ul li a i {
width : 40px;
height : 40px;
line-height : 40px;
border-radius : 50%;
}
.social-info ul li a:hover {
opacity : 1;
}
.btn-facebook i {
background : #30477b;
}
.btn-twitter i {
background : #01aef0;
}
.btn-flickr i {
background : #211f20;
}
.btn-gplus i {
background : #c31c47;
}
.content-list {
margin : 20px 0 20px 20px;
list-style-type : disc;
}
.content-list li {
padding : 5px 0;
}
/* Service Page CSS */
.service-content {
padding : 20px;
}
.single-services {
margin-bottom : 30px
}
.single-services img {
border-radius : 2px;
margin-bottom : 20px
}
.single-services h4 {
text-transform : uppercase;
}
.single-services .readmore > a {
margin-top : 15px;
}
/* Contact Page CSS */
.contact-map {
padding : 20px
}
.contact-input-form {
padding : 20px
}
.contact h1 {
font-size : 36px;
margin-top : 0;
}
label {
font-weight : 300;
}
.star {
color: #cc8306;
}
.contactus-page{
padding-bottom:50px;
}
.contact-form .control-group input {
width: 100%;
height: 37px;
margin-bottom: 20px;
padding: 0 10px;
border-radius: 3px;
border: 1px solid #ddd;
}
.contact-form .control-group input:focus {
outline : none
}
.contact-form .control-group {
padding : 0;
}
.subbtn {
color : #ffffff;
background-color : #f7941e;
border-color : #e43725;
margin-top : 20px;
border-radius : 0;
}
.subbtn:hover {
color : #ffffff;
background-color : #f7941e;
border-color : #b62516;
}
.contact-form .control-group textarea {
width: 100%;
padding: 10px;
border-radius: 3px;
border: 1px solid #ddd;
margin-bottom: 20px;
}
.contact-form .control-group textarea:focus {
outline : none
}
.contact-page-sidebar {
padding: 10px;
box-shadow: none;
border: none;
}
.testimonial {
color : #777777;
font-size : 17px;
font-style : italic;
font-weight : 300;
margin-bottom : 20px;
}
.testimonial i {
color : #eeeeee;
}
/******* pricing table ******/
h1.pricing-table-heading {
margin-bottom : 20px;
margin-top : 20px;
}
/* dynamic pricing table */
ul.plan.text-center {
border : 2px solid #eeeeee;
margin : 0;
padding : 0;
text-align : center;
}
ul.plan.text-center.featured {
position : relative;
}
ul.plan.text-center.featured:before {
color : #cc0000;
content : "\f02e";
font-family : FontAwesome;
font-size : 30px;
position : absolute;
right : 30px;
top : -10px;
}
ul.plan.text-center li {
border-bottom : 1px solid #eeeeee;
padding : 10px;
font-size : 16px;
}
ul.plan.text-center li.plan-price {
}
ul.plan.text-center li.plan-price p.plane-name {
font-size : 16px;
font-weight : 400;
margin : 0;
padding : 30px 10px 10px;
text-transform : uppercase;
}
ul.plan.text-center li.plan-price h2.plane-price {
font-size : 48px;
font-weight : 700;
margin : 0;
padding : 0 20px;
}
ul.plan.text-center li.plan-price span.plane-duration {
}
ul.plan.text-center li.plan-action {
padding : 30px 10px;
}
ul.plan.text-center li.plan-action a.btn {
background : #eeeeee;
border : 0 none;
border-radius : 0;
color : #34404e;
font-size : 18px;
padding : 10px 20px;
text-transform : uppercase;
}
ul.plan.text-center li.plan-action a.btn:hover {
background : #dddddd;
}
ul.plan.text-center.featured li.plan-action a.btn {
background : #f7941e;
color : #ffffff;
}
ul.plan.text-center.featured li.plan-action a.btn:hover {
background : #dddddd;
color : #222222;
}
.less-border-top {
border-top : 0;
}
.less-border-bottom {
border-bottom : 0;
}
.less-border-left {
border-left : 0;
}
.less-border-right {
border-right : 0;
}
p.blank-space {
display : block;
height : 5px;
}
/*---------------
* Faq section
*---------------*/
.faq-inner h2,
.faq h2 {
font-size : 35px;
margin-bottom : 30px;
margin-top : 20px;
text-transform : capitalize;
}
.faq h3,
.faq-inner h3 {
font-size : 19px;
margin-top : 20px;
margin-bottom : 10px;
}
#faq p {
}
#pricing .box-wrapper {
overflow : hidden;
padding : 20px;
}
.alert.alert-warning {
border-radius : 0;
}
/******* //pricing table ******/
/*Shortcode page
---------------------------------------*/
.shortcode-title > h2 {
margin-bottom : 40px;
}
.media-shortcode,
.alert-shortcode,
.list-shortcode,
.column-shortcode,
.button-shortcode,
.typography-shortcode,
.form-shortcode {
padding : 20px;
}
.column-shortcode-wrapper,
.button-wrapper,
.typography-shortcode-wrapper {
padding-bottom : 15px;
}
.list-style li,
.list-style-circle li {
padding : 5px 0;
font-size : 14px;
}
.list-style li i,
.list-style-circle li i {
color : #999999;
margin-right : 5px;
}
.list-style-circle li i {
border : 1px solid #999999;
border-radius : 50%;
width : 18px;
height : 18px;
text-align : center;
line-height : 17px;
font-size : 11px;
}
/*typography-wrap*/
.typography-wrap p {
margin-bottom : 35px;
}
.typography-wrap span {
display : block;
margin-bottom : 10px;
}
/******* project page ******/
section.project .box-wrapper {
padding-top : 1px
}
.fix {
overflow : hidden;
}
.mrg15 {
margin : 15px;
}
.pad0 {
padding : 0;
}
#filter {
display : block;
list-style : none outside none;
margin : 35px 20px 30px;
overflow : hidden;
padding : 0;
width : 100%;
}
#filter li {
float : left;
margin : 0;
padding : 0;
border : 0;
background : none;
}
#filter li a {
-moz-user-select : none;
background : #fafafa;
border : 1px solid #dddddd;
border-radius : 1px;
color : #333333;
cursor : pointer;
display : block;
font-size : 15px;
margin : 0 3px 0 0;
padding : 3px 6px;
}
#filter li a:hover {
}
#filter li a.active {
background : #333333;
border-color : #333333;
color : #ffffff;
}
/* project single content */
.project-item .project-image-container {
position : relative;
}
.project-item .project-image-container span {
position : absolute;
font-size : 20px;
color : #ffffff;
height : 100%;
width : 100%;
top : 0;
text-align : center;
background : rgba(0, 0, 0, 0);
-webkit-transition : all 0.5s;
-moz-transition : all 0.5s;
transition : all 0.5s;
-webkit-transform : translateZ(0);
}
.project-item .project-image-container span a {
position : relative;
top : -100%;
color : #ffffff;
opacity : 0;
background : #000000;
padding : 8px 10px;
border-radius : 3px;
}
.project-item .project-image-container span:hover a {
top : 48%;
opacity : 1;
}
.project-item .project-image-container:hover span {
background : rgba(0, 0, 0, .2);
}
.project-item {
}
.project-details {
}
.project-details h2 {
margin-top : 20px;
margin-bottom : 10px;
}
.project-details h2 a {
font-size : 16px;
color : #222222;
}
.project-details p {
margin : 10px 0;
display : block;
}
.project-details .readmore a {
border-top : 2px solid #dddddd;
display : inline-block;
font-size : 12px;
font-weight : 400;
margin-top : 15px;
padding-top : 5px;
text-transform : uppercase;
display : inline-block;
margin-bottom : 20px;
}
/* Homepage Two CSS */
.slid-bottom-promo {
/* background: #f9f9f9; */
background: url(img/bottom-banner.jpg);
padding: 20px;
color: #1b1b1b;
overflow: hidden;
background-size: cover;
background-position: 100% 100%;
}
.slid-bottom-promo h2 {
margin: 0;
font-size: 18px;
}
.slid-bottom-promo .icon {
color : #f7941e;
float : left;
font-size : 60px;
line-height : 60px;
text-shadow : 1px 1px #1b1b1b, 2px 2px #1b1b1b, 3px 3px #1b1b1b, 4px 4px #1b1b1b, 5px 5px #1b1b1b, 6px 6px #1b1b1b, 7px 7px #1b1b1b, 8px 8px #1b1b1b, 9px 9px #1b1b1b, 10px 10px #1b1b1b, 11px 11px #1b1b1b, 12px 12px #1b1b1b, 13px 13px #1b1b1b, 14px 14px #1b1b1b, 15px 15px #1b1b1b, 16px 16px #1b1b1b, 17px 17px #1b1b1b, 18px 18px #1b1b1b, 19px 19px #1b1b1b, 20px 20px #1b1b1b, 21px 21px #1b1b1b, 22px 22px #1b1b1b, 23px 23px #1b1b1b, 24px 24px #1b1b1b, 25px 25px #1b1b1b, 26px 26px #1b1b1b, 27px 27px #1b1b1b, 28px 28px #1b1b1b, 29px 29px #1b1b1b, 30px 30px #1b1b1b, 31px 31px #1b1b1b, 32px 32px #1b1b1b, 33px 33px #1b1b1b, 34px 34px #1b1b1b, 35px 35px #1b1b1b, 36px 36px #1b1b1b, 37px 37px #1b1b1b, 38px 38px #1b1b1b, 39px 39px #1b1b1b, 40px 40px #1b1b1b, 41px 41px #1b1b1b, 42px 42px #1b1b1b, 43px 43px #1b1b1b, 44px 44px #1b1b1b, 45px 45px #1b1b1b, 46px 46px #1b1b1b, 47px 47px #1b1b1b, 48px 48px #1b1b1b, 49px 49px #1b1b1b, 50px 50px #1b1b1b, 51px 51px #1b1b1b, 52px 52px #1b1b1b, 53px 53px #1b1b1b, 54px 54px #1b1b1b, 55px 55px #1b1b1b, 56px 56px #1b1b1b, 57px 57px #1b1b1b, 58px 58px #1b1b1b, 59px 59px #1b1b1b, 60px 60px #1b1b1b, 61px 61px #1b1b1b, 62px 62px #1b1b1b, 63px 63px #1b1b1b, 64px 64px #1b1b1b, 65px 65px #1b1b1b, 66px 66px #1b1b1b, 67px 67px #1b1b1b, 68px 68px #1b1b1b, 69px 69px #1b1b1b, 70px 70px #1b1b1b, 71px 71px #1b1b1b, 72px 72px #1b1b1b, 73px 73px #1b1b1b, 74px 74px #1b1b1b, 75px 75px #1b1b1b, 76px 76px #1b1b1b, 77px 77px #1b1b1b, 78px 78px #1b1b1b, 79px 79px #1b1b1b, 80px 80px #1b1b1b, 81px 81px #1b1b1b, 82px 82px #1b1b1b, 83px 83px #1b1b1b, 84px 84px #1b1b1b, 85px 85px #1b1b1b, 86px 86px #1b1b1b, 87px 87px #1b1b1b, 88px 88px #1b1b1b, 89px 89px #1b1b1b, 90px 90px #1b1b1b, 91px 91px #1b1b1b, 92px 92px #1b1b1b, 93px 93px #1b1b1b, 94px 94px #1b1b1b, 95px 95px #1b1b1b, 96px 96px #1b1b1b, 97px 97px #1b1b1b, 98px 98px #1b1b1b, 99px 99px #1b1b1b, 100px 100px #1b1b1b;
}
.single-promo {
padding : 20px;
}
#scrollUp {
bottom : 25px;
height : 32px;
right : 20px;
width : 32px;
background : #f7941e;
text-align : center;
padding-right : 14px;
padding-top : 7px;
border-radius : 3px;
}
#scrollUp:hover {
background : #ad2416;
}
#scrollUp:before {
font-family: FontAwesome;
color: #ffffff;
position: absolute;
content: "\f077";
z-index: 999999;
top: 5px;
}
.map-canvas {
height : 300px;
}
.mt-20 {
margin-top : 20px
}
/* Menu hover */
.megamenu-wrapper {
width : 100%;
}
li.dropdown {
position : relative;
}
li.dropdown .caret {
margin-left : 4px;
}
/* 2nd label menu */
li.dropdown > .submenu-wrapper {
position : absolute;
display : block;
left : 0;
z-index : 999;
pointer-events : none;
}
li.dropdown > .submenu-wrapper > .submenu-inner {
margin-top : -2px;
opacity : 0;
-webkit-transform : translateY(-100%);
-moz-transform : translateY(-100%);
-ms-transform : translateY(-100%);
-o-transform : translateY(-100%);
transform : translateY(-100%);
/* Will change on theme specific */
min-width : 226px;
/* Will change on theme specific */
/*
ease-in-out,
easeOutBack = cubic-bezier(0.175, 0.885, 0.32, 1.275)
easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
*/
-webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
li.dropdown:hover > .submenu-wrapper {
pointer-events : auto;
}
li.dropdown:hover > .submenu-wrapper > .submenu-inner {
opacity : 1;
-webkit-transform : translateY(0);
-moz-transform : translateY(0);
-ms-transform : translateY(0);
-o-transform : translateY(0);
transform : translateY(0);
}
li.dropdown.menu-animating > .submenu-wrapper {
overflow : hidden;
}
/* 3rd label menu */
li.dropdown > .submenu-sub-wrapper {
position : absolute;
left : 100%;
top : 0;
display : block;
z-index : 1000;
width : 100%;
pointer-events : none;
min-width : 200px;
}
li.dropdown > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright {
opacity : 0;
-webkit-transform : translateX(-100%);
-moz-transform : translateX(-100%);
-ms-transform : translateX(-100%);
-o-transform : translateX(-100%);
transform : translateX(-100%);
/*
ease-in-out,
easeOutBack = cubic-bezier(0.175, 0.885, 0.32, 1.275)
easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
*/
-webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
li.dropdown:hover > .submenu-sub-wrapper {
pointer-events : auto;
}
li.dropdown:hover > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright {
opacity : 1;
-webkit-transform : translateX(0);
-moz-transform : translateX(0);
-ms-transform : translateX(0);
-o-transform : translateX(0);
transform : translateX(0);
}
li.dropdown.menu-animating > .submenu-sub-wrapper {
overflow : hidden;
}
li.dropdown > div > div ul {
background : #ffffff;
padding : 20px;
}
ul.sub-dropdown-menu li {
padding : 0;
border-top : 1px solid #f2f2f2;
border-bottom : 1px solid #f2f2f2;
}
.dropdown.open a {
background : transparent;
}
li.dropdown span {
position : absolute;
right : 0;
top : 13px;
}
/* offcanvas css */
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
z-index : 2;
color : #ffffff;
background-color : #f7941e;
border-color : #f7941e;
padding : 10px;
}
.offcanvas-wrapper .sidebar-nav h2 {
margin : 0;
line-height : 55px;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
padding : 0 0 0 12px;
color : #ffffff;
}
.offcanvas-wrapper .sidebar-nav > ul {
padding : 0;
}
.offcanvas-wrapper .sidebar-nav li {
border-bottom : 1px solid #eeeeee;
}
.offcanvas-wrapper .sidebar-nav li a {
padding : 10px;
display : block;
color : #34404e;
font-weight : 700;
}
.offcanvas-wrapper .sidebar-nav > ul ul {
border-left : 5px solid #dddddd;
border-top : 1px solid #eeeeee;
}
.offcanvas-wrapper .sidebar-nav li li {
border-bottom : 1px dotted #eeeeee;
}
.offcanvas-wrapper .sidebar-nav li li a {
font-size : 12px;
border-top : 0;
font-weight : 500;
color : #555555;
}
.offcanvas-wrapper .sidebar-nav li li:last-child {
border-bottom : 0;
}
.offcanvas-wrapper .sidebar-nav li a:hover {
color : #f7941e;
}
.offcanvas-wrapper .sidebar-nav li.active > a,
.offcanvas-wrapper .sidebar-nav li.active > a:hover,
.offcanvas-wrapper .sidebar-nav li.active > a:focus {
color : #ffffff;
background-color : #181818;
}
.offcanvas-wrapper .sidebar-nav li:first {
border-top : 0;
}
.sidebar-nav {
padding-left : 15px;
margin-bottom : 20px;
position : relative;
}
.sidebar-header {
background : #faac3b;
position : relative;
}
.sidebar-nav .mobile-logo {
padding : 20px;
}
.sidebar-nav button.close {
position : absolute;
right : 0;
top : 0;
width : 30px;
height : 100%;
line-height : 40px;
text-align : center;
border-left : 1px solid rgba(0, 0, 0, .5);
background : rgba(0, 0, 0, .3);
text-shadow : none;
}
.sidebar-nav button.close :hover,
.sidebar-nav button.close :focus,
.sidebar-nav button.close :active {
color : #ffffff;
}
/*----------------------------------------------------
KEY FRAME
------------------------------------------------------*/
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform : translate(100%);
}
50% {
opacity : 0;
-webkit-transform : translate(-100%);
}
51% {
opacity : 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform : translate(100%);
}
50% {
opacity : 0;
-moz-transform : translate(-100%);
}
51% {
opacity : 1;
}
}
@keyframes toRightFromLeft {
49% {
transform : translate(100%);
}
50% {
opacity : 0;
transform : translate(-100%);
}
51% {
opacity : 1;
}
}
.latest-news img {
margin-bottom: 15px;
width: 80px !important;
height: 80px;
object-fit: contain;
text-align: center;
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.latest-news p {
line-height: 24px;
}
.welcome-text p {
text-align: justify;
line-height: 24px;
}
.product-slider-box p {
line-height: 24px;
}
.slid-bottom-promo p {
line-height: 33px;
float: left;
color: #eee;
}
.text-box p {
text-align: justify;
line-height: 22px;
}
.product-item img {
height: 170px;
object-fit: cover;
}
.content p {
display: none;
}
.sidebar-content .order-list li a{
color:#34404e;
}
p.university {
color: #444343;
font-size: 14px !important;
margin: 0;
font-weight: 500;
}
.inner-page .editor {
color: #0a5c96;
font-size: 16px;
margin-bottom: 3px;
}
.editors-list .panel-default > .panel-heading {
padding: 10px;
}
.mb20{
margin-bottom:20px;
}
.editors-list .panel-default > .panel-heading a.collapsed::after {
content: "\f067";
color: #337ab7;
font-size: 10px;
}
.editors-list .panel-default > .panel-heading a::after {
font: 8px FontAwesome;
content: "\f068";
position: absolute;
right: 15px;
top: 22px;
color: #f7941e;
height: 26px;
width: 26px;
line-height: 27px;
text-align: center;
border-left: 1px solid #eeeeee;
}
.color-o{
color: #c36e09;
}
.editors-list .panel-body{
background: #f0f0f033;
}
.form-horizontal .control-label {
font-weight: 400;
}
.form-horizontal .control-label {
text-align: left;
padding-right: 0;
}
.contact-page-sidebar .fa {
height: 26px;
width: 26px;
background: #d87a0a;
border-radius: 100%;
color: #fff;
padding: 6px 9px;
display: block;
float: left;
margin-right: 12px;
margin-top: 15px;
margin-bottom: 33px;
clear: both;
}
.contact-page-sidebar i.fa.fa-envelope {
padding: 6px 7px;
font-size: 13px;
}
.contact-page-sidebar p {
margin-bottom: 20px;
line-height: 24px !important;
}
span.caption {
font-size: 18px;
font-weight: 300;
margin-bottom: 13px;
position: relative;
bottom: 10px;
}
.contact-page-sidebar .sidebar-title::after {
content: '';
width: 56px;
height: 1px;
background: #323232;
position: absolute;
left: 0;
bottom: 0px;
}
.contact-page-sidebar .sidebar-title {
background: none;
position: relative;
font-size: 20px;
margin: 0;
padding: 0 0 10px;
}
.article-type li {
float: left;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 4px;
font-size: 13px;
}
.article-type li:last-child{
border:none;
}
.header-section {
background: #213e57;
}
.logo {
margin: 3px;
}
span.size {
color: #999;
font-weight: 300;
font-size: 12px;
}
.open-access {
background: #ffffff;
padding: 12px;
border-radius: 6px;
border: 1px solid #ddd;
}
.open-access img {
padding: 0px 20px 10px;
}
.open-access p {
margin: 0;
line-height: 27px;
}
.open-access strong {
font-size: 16px;
}
.open-access .color-o {
color: #f7941e;
}
.open-access a {
color: #0f3652;
border-bottom: 1px solid #ddd;
}
.equal-column.guidelines.mt-15.box-wrapper {
border-radius: 5px;
border: 1px solid #ddd;
}
ul.links-list {
padding: 0 20px;
}
.links-list a {
color: #0f3652;
}
.newsletter-message {
width: 100%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #fff;
padding: 9px 10px 10px 16px;
position: relative;
}
.newsletter-image {
float: left;
width: 21%;
margin-right: 4%;
}
.newsletter-image img {
position: relative;
top: 16px;
}
.newsletter-content {
float: left;
width: 66%;
margin-bottom: 10px;
margin-top: 16px;
}
.newsletter-content h2 {
font-size: 16px;
text-transform: capitalize;
font-weight: 600;
font-family: 'Signika', sans-serif;
margin-bottom: 2px;
color:#31708f;
}
.newsletter-content p {
font-size: 12px !important;
color: #555;
line-height: 20px !important;
margin-top: 6px;
}
.newsletter-form {
padding-top: 1.5em;
}
.newsletter-form input[type="text"] {
padding: 6px .5em;
width: 82%;
font-size: 13px;
outline: none;
border: 1px solid #ddd;
float: left;
}
.newsletter-form input[type="submit"] {
outline: none;
border: none;
background: url(img/right1.png)no-repeat 10px 13px #31708f;
padding: 7px 17px;
}
a.find-out {
float: right;
background: #f8af2d;
color: #fff;
padding: 7px 16px;
border-radius: 6px;
font-size: 15px;
margin-top: -13px;
margin-right: 0px;
font-weight: 500;
}
.plr-20{
padding:0 20px;
}
.row.about-journal {
padding: 40px 40px;
margin-top: 0;
}
.about-left h6.theme-color {
color: #0470a5;
font-size: 16px;
margin: 0 0 12px;
}
.about-left p {
text-align: justify;
line-height: 26px;
}
.about-journal h3 {
font-size: 21px;
margin-bottom: 26px;
position: relative;
}
.slid-bottom-promo1 {
padding: 18px 18px 1px;
color: #ffffff;
overflow: hidden;
background-size: cover;
background-position: 100% 100%;
background: #555;
border-radius: 4px;
margin: 0 20px;
}
.bg-white{
background:#fff;
}
.inner-page .bg-white {
padding: 20px;
}
body {
position: relative;
}
.affix {
top: 20px;
z-index: 9!important;
width: 20%;
}
.inner-page h1 {
font-size: 24px;
}
.inner-page p {
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.m0{
margin:0px;
}
.nav-stacked li.active a {
background: #f0f0f0;
}
.mb100{
margin-bottom:100px;
}
.search-bar {
position: relative;
margin: 15px 10px 10px;
}
.search-bar .search-form {
background: #31708f;
padding: 22px 25px 25px 100px;
}
.search-bar input.form-control {
border: 1px solid #4e6d82;
margin-right: 7px;
border-radius: 3px;
}
.services img {
float: none;
width: 40px;
margin-right: 0;
margin-bottom: 10px;
}
.services h4 {
font-size: 19px;
margin: 0 0 4px;
color: #d2762f;
}
.services p {
text-align: center;
color: #333;
width: 90%;
display: block;
margin: 0 auto;
}
.text-box.services .col-md-4:first-child,.text-box.services .col-md-4:last-child{
background: #fbfbfb;
}
.text-box.services .col-md-4 {
padding: 25px;
}
.text-box.services {
text-align: center;
border-bottom: 1px solid #fcfcfc;
}
.services strong {
color: #ec8306;
}
ul.news-list {
padding-left: 20px;
}
.news-list li {
list-style-type: disc;
line-height: 30px;
}
.news-list li a {
color: #31708f;
}
.mt-30{
margin-top:30px;
}
.product-slider-box p{
line-height: 26px;
}
.mt15-mb30{
margin-top:15px;
margin-bottom:30px;
}
.tools-list li {
float: left;
width: 25%;
text-align: center;
}
.tools-list i.fa {
height: 60px;
width: 60px;
color: #31708f !important;
border-radius: 100%;
font-size: 26px;
padding: 14px 5px;
border: 1px solid;
margin: 15px 20px;
}
.tools-list a {
color: #1b1b1b;
font-size: 15px;
font-weight: 500;
display: block;
}
h2.title-style2 {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
position: relative;
}
.more-Products .product {
width: 18%;
float: left;
padding: 10px;
height: 92px;
margin: 26px 0 0;
color: #333;
line-height: 24px;
margin-right: 20px;
border: 1px solid #ddd;
background: #ffffff;
}
.more-Products .clr1 {
border-bottom: 2px solid #e13345;
}
.more-Products .Title {
font-size: 15px;
}
.more-Products .clr1 .Title{
color: #e13345;
}
.more-Products .clr2 {
border-bottom: 2px solid #640260;
}
.more-Products .clr2 .Title{
color: #640260;
}
.more-Products .clr3 {
border-bottom: 2px solid #499e37;
}
.more-Products .clr3 .Title{
color: #499e37;
}
.more-Products .clr4 {
border-bottom: 2px solid #867fbb;
}
.more-Products .clr4 .Title{
color: #867fbb;
}
.more-Products .clr5 {
border-bottom: 2px solid #fbae16;
}
.more-Products .clr5 .Title{
color: #fbae16;
}
.more-Products {
margin-left: 20px;
}
.footer-container {
background: #555;
color: #dddddd;
line-height: 24px;
padding-top: 0;
}
.products-container {
margin-top: 60px;
border-top: 1px solid #ddd;
display:none;
}
.nav-stacked a {
color: #034879;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid #ddd;
}
.icon-box-wrapper li {
display: inline;
margin-right: 10px;
background: #062e4a;
padding: 8px 12px;
}
.icon-box-wrapper li a {
color: #f5f5f5;
font-size: 13px;
}
.top-menu .dropdown:hover .submenu-wrapper{
display:block;
}
.text-submit {
background: #fafafa;
padding: 26px;
background: url(img/submit-manuscript-bg.jpg);
background-size: cover;
margin: 0;
border-radius: 0;
position: relative;
border: none;
background-position: center bottom;
}
.pb-40{
padding-bottom:40px;
}
.index-page .box-shadow-area,.index-page .box-wrapper {
box-shadow: none;
}
.text-submit h2 {
line-height: 36px;
font-size: 20px;
margin-bottom: 14px;
text-transform: capitalize; position: relative;
}
.text-submit a {
font-size: 16px;
padding: 8px 20px;
border-radius: 4px;
box-shadow: 0 2px 1px #333;
}
h1.inner-page-title {
color: #0f3652;
padding: 8px 0px;
margin: 0px 0px 6px;
position: relative;
}
form.form-horizontal {
border-radius: 4px;
font-family: 'Roboto', sans-serif;
padding: 20px;
background: #f0f0f0;
}
.modal-body form.form-horizontal {
background: none;
}
p.required-field {
margin-bottom: 21px;
font-weight: 400;
}
.submitButton {
-moz-box-shadow: 0px 10px 14px -7px #276873;
-webkit-box-shadow: 0px 10px 14px -7px #276873;
box-shadow: 0px 10px 14px -7px #276873;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
background: -moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
background: -webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
background: -o-linear-gradient(top, #599bb3 5%, #408c99 100%);
background: -ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
background-color: #599bb3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: inherit;
font-size: 17px;
font-weight: 400;
padding: 8px 22px;
text-decoration: none;
text-shadow: 0px 1px 0px #3d768a;
}
.submitButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
background-color:#408c99;
color: #f5f5f5;
}
.submitButton:active {
position:relative;
top:1px;
}
ul.content-list1 {
margin-top: 10px;
margin-left: 20px;
margin-bottom:15px;
}
.content-list1 li {
font-size: 14px;
padding: 5px 0;
list-style-type:initial;
}
a.register-btn {
padding: 8px 15px;
margin-top: 30px;
background: #8a6d3b;
color: #fff;
border-radius: 3px;
font-size: 16px;
font-weight: 400;
position: relative;
top: 24px;
left: 13px;
}
.about-content h1 {
font-size: 22px;
color: #040404;
font-weight: 500;
margin-bottom: 15px;
padding-top: 0;
}
.inner-page-title::after {
content: '';
height: 2px;
width: 60px;
background: #ef930b;
position: absolute;
left: 0;
bottom: 0;
}
.mt-40{
margin-top:40px;
}
ul.navv{
text-align: center;
margin-left:300px;
}
ul.navv li {
display: inline-block;
}
ul.navv li a{
color: white;
display: block;
text-transform: uppercase;
margin-right: 20px;
font-size: 12px;
}
.footer-bottom-section{
background-color: #555;
padding: 0px 0px 10px 0px !important;
}
.footer-bottom-section hr{
border-top: 1px black solid !important;
margin-bottom: 23px;
margin-top: 10px !important;
}
input[type=file] {
padding: 5px;
}
.address .fa-map-marker:before{
border:none;
}
.address .fa-map-marker{
font-size:15px;
display:inline;
}
.custom-menu-widget p {
margin-bottom:5px;
}
.custom-menu-widget p a {
color: #ddd !important;
font-weight: 400;
}
p.address {
margin-top: 10px;
}
h2.title-style2::after {
content: '';
width: 56px;
height: 2px;
background: rgba(0,0,0,.5);
position: absolute;
left: 0;
bottom: -1px;
}
nav.navbar-collapse {
background: #062e4a;
}
.logo-text{
padding-left: 0;
margin-left: -16px;
line-height: 26px;
color:#fff;
}
.inner-page .col-md-9 {
background: #fff;
}
.inner-page .col-md-9 .about-content {
padding: 24px 10px;
margin-bottom: 40px;
}
.inner-page .row{
margin:0px;
}
.m0{
margin:0px;
}
.p0{
padding:0px;
}
.contact-form p {
line-height: 22px;
text-align: left;
}
.text-box.services a:hover h4,.tools-list a:hover{
color:#f7941e;
}
.border0{
border:none;
}
.sidebar-content.border0 {
padding: 0;
margin-bottom: 30px;
}
p.label-head {
font-size: 16px;
border-bottom: 1px solid #ddd;
padding-bottom: 7px;
color: #333;
font-family: "latoregular",sans-serif;
font-weight: 600;
margin: 20px 0;
}
.custom-menu-widget p a:hover {
color: #f7941e !important;
}
.inner-page {
box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
background: #fff;
margin-bottom:60px;
}
.search-articles .post {
border: none;
border-bottom: 1px solid #bbbebf;
margin-bottom: 10px;
padding: 10px 10px 14px;
border-radius: 0;
min-height: auto;
background: #ffffff;
/* border-radius: 4px; */
}
.search-articles .post p {
margin: 0 0 4px;
}
.mag-sc-item {
display: inline-block;
padding: 0 6px;
}
.mag-sc-item a i.fa {
border-radius: 2px;
text-align: center;
float: left;
font-size: 18px;
font-weight: 300;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-webkit-font-smoothing: antialiased;
}
.sidebar-content .mag-sc-item a i.fa {
padding: 4px 6px;
width: 30px;
color:#fff;
}
.sidebar-content .mag-sc-item i.fa-google-plus {
background: #D5463A;
}
.sidebar-content .mag-sc-item i.fa-twitter {
background: #1D9CEB;
}
.sidebar-content .mag-sc-item i.fa-pinterest-p {
background: #C51F26;
}
.sidebar-content .mag-sc-item i.fa-linkedin {
background: #0073AF;
}
.sidebar-content .mag-sc-item .fab {
font-size: 16px;
top: -7px;
position: relative;
background: #FF5722;
padding: 5px 6px 0;
color: #fff;
border-radius: 2px;
height: 26px;
}
.sidebar-content .mag-sc-item i.fab.fa-mendeley {
color: #ffffff;
background: #d00a0a;
}
.sidebar-content .mag-sc-item i.fa-tumblr {
color: #ffffff;
background: #324F6C;
}
.sidebar-content .social-icons-section {
margin-top: 10px;
}
.mag-sc-item a span.count {
font-size: 18px;
line-height: 15px;
overflow: hidden;
display: block;
margin-top: 10px;
color: #444;
}
.mag-sc-item a span.text {
font-size: 14px;
margin: 0;
overflow: hidden;
line-height: 22px;
display: block;
color: #444;
}
.sidebar-content.social-icons {
border: 1px solid #ddd;
border-radius: 4px;
}
.mag-sc-item i.fa-google-plus {
color: #D5463A;
}
.mag-sc-item i.fa-twitter {
color:#1D9CEB;
}
.mag-sc-item i.fa-pinterest-p {
color: #C51F26;
}
.mag-sc-item i.fa-linkedin {
color: #0073AF;
}
.mag-sc-item i.fa-rss {
color: #EB5F20;
}
.mag-sc-item i.fa-tumblr {
color: #324F6C;
}
.mag-sc-item i.fa-reddit-alien {
color: #f5430b;
font-size: 18px;
}
ul.sub-dropdown-menu {
padding: 0 22px !important;
}
.febImg {
width: 200px;
float: right;
text-align: center;
margin: 20px auto;
display: block;
}
img.img-announce {
position: absolute;
width: 132px;
right: 15px;
bottom: 15px;
z-index: -8;
opacity: 0.1;
}
.timeline p {
margin-top: 6px;
font-size: 13px;
line-height: 20px;
}
ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline > li {
margin: 0px 0 10px;
padding-left: 20px;
border-bottom: 1px solid #ddd;
}
ul.timeline > li:last-child{
border:none;
}
ul.timeline > li:before {
content: "\f15c";
font-family: FontAwesome;
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
left: 0;
z-index: 400;
color: #31708f;
}
.timeline a {
color: #337ab7;
font-weight: 400;
}
.timeline p a {
color: #f19221;
}
.timeline a.pull-right {
font-size: 13px;
color: #31708f;
display:none;
}
.modal-header {
background: #eee;
color: #0e0e0e;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
border-bottom: 1px solid #ccc;
padding: 10px 16px;
}
.close {
font-weight: 300;
text-shadow: none;
opacity: 1;
color: #0a0a0a;
}
.modal-body .btn-primary {
background: #31708f;
}
.modal-body {
padding: 0;
}
.subject-areas a {
text-rendering: optimizeLegibility;
color: #565555;
font-size: 13px;
font-weight: 500;
padding: 0 2px;
letter-spacing: 0.2px;
}
.subject-areas a.f12 {
font-size: 12px;
}
.subject-areas a.f13 {
font-size: 13px;
}
.subject-areas a.f14 {
font-size: 14px;
}
.subject-areas a.f16 {
font-size: 16px;
}
.subject-areas a.f18 {
font-size: 16px;
color: #062e4a;
}
.subject-areas a:hover{
color:#f7941e ;
}
.modal-dialog.cascading-modal .modal-content {
padding: 30px;
}
.modal-content h2 {
text-align: center;
font-weight: 500;
color: #333;
}
.modal-dialog.cascading-modal {
margin-top: 4%;
}
.modal-content > p {
text-align: center;
line-height: 23px;
margin-top: 16px;
}
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {
text-align: center;
background: none;
color: #333;
}
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a.active ,.modal-dialog.cascading-modal .modal-c-tabs .md-tabs li.active a {
border-bottom: 2px solid;
color: #2bbbad !important;
}
.modal-dialog.cascading-modal .nav-tabs>li.active>a{
border:none;
}
.modal-dialog.cascading-modal .modal-c-tabs .md-tabs {
margin:0;
box-shadow: none;
background: none !important;
}
.btn-info {
background-color: #2bbbad!important;
}
.blue-text {
color: #2bbbad!important;
}
.btn-outline-info {
border: 2px solid #2bbbad!important;
background-color: transparent!important;
color: #2bbbad!important;
}
.modal-dialog.cascading-modal {
width: 700px;
}
.scrollbar-dusty-grass::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-dusty-grass::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.square::-webkit-scrollbar-track {
border-radius: 0 !important; }
.square::-webkit-scrollbar-thumb {
border-radius: 0 !important; }
.thin::-webkit-scrollbar {
width: 6px; }
.modal-footer {
margin-top: 14px;
}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
background-color: #31708f!important;
}
.mb-30{
margin-bottom:30px;
}
.obtns:hover {
background: #00758f;
border-color: #00758f;
color: #fff;
}
.obtns {
padding: 10px 24px !important;
background: #fff;
font-size: 16px !IMPORTANT;
font-weight: 600;
color: #00758f;
}
.logo-text .b1,.logo-text .b2{
font-size:14px;position:relative;color:white;
}
.logo-text .b2{
font-size:22px;
}
.title-line {
background: #0d9587 none repeat scroll 0 0;
height: 3px;
width: 100px;
}
@keyframes sticky{
0%{
position: fixed;
top: 0;
transform: translateY(-45%);
}
100%{
transform: none;
}
}
@-webkit-keyframes sticky{
0%{
position: fixed;
top: 0;
-webkit-transform: translateY(-45%);
}
100%{
transform: none;
}
}
@-moz-keyframes sticky{
0%{
position: fixed;
top: 0;
-moz-transform: translateY(-45%);
}
100%{
transform: none;
}
}
@-ms-keyframes sticky{
0%{
position: fixed;
top: 0;
-ms-transform: translateY(-45%);
}
100%{
transform: none;
}
}
.sticky {
position: fixed;
z-index: 99;
width: 100%;
top:0px;
left:0px;
animation: sticky 0.45s ease;
-webkit-animation: sticky 0.45s ease;
-moz-animation: sticky 0.45s ease;
-ms-animation: sticky 0.45s ease;
}
.header-section.sticky .header-top{
display:none;
transition: all 2s ease;
}
.subject-areas {
line-height: 22px;
}
span.left {
width: 70px;
margin: 9px 0px 15px;
background: #d47402;
position: absolute;
height: 2px;
left: 2px;
top: 24px;
}
.about-left p {
text-align: justify;
line-height: 26px;
}
.about-left a.btn {
padding: 7px 25px;
font-size: 16px;
border-radius: 4px;
margin: 10px 0 0;
background: #9BC53D !important;
}
.about-journal img {
border: 1px solid #ddd;
padding: 3px;
display: block;
margin: 0 auto;
width: 84%;
}
.services-list {
background: #fbfbfb;
text-align: center;
color: #0c0c0c;
background: url(img/services-list-background.jpg);
background-size: cover;
position: relative;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}
.overlay {
background: rgba(245, 245, 245, 0.9);
padding: 10px 60px 10px;
}
.services-list h2{
position: relative;
}
.services-list img {
width: 100px;
height: 100px;
object-fit: contain;
}
.services-list header {
height: 100px;
width: 100px;
display: block;
text-align: center;
margin: 0 auto;
background: #ffffff;
object-fit: scale-down;
border-radius: 100%;
padding: 1px 10px;
border: 1px solid #ddd;
box-shadow: 0 2px 3px #a7a4a4;
transition: all .5s linear;
}
.services-list .col-md-4:hover header{
box-shadow:none;
}
.why-publish {
padding: 14px 40px 20px;
}
.why-publish>h2 {
text-align: center;
margin: 0;
padding: 40px 0 18px;
font-size: 30px;
font-weight: 500;
color: #062e4a;
}
.separator {
background-color: #31708f;
border: 1px solid #31708f;
display: block;
height: 1px;
margin: 0 auto;
position: relative;
width: 60px;
margin-bottom: 38px;
}
.single-promo{
font-family:Roboto;
padding: 20px 0;
}
.single-promo h2 {
font-family: Roboto;
color: #c56c02;
/* color: #31708f; */
/* text-shadow: 1px 2px 1px #062e4a45; */
}
a.readmore-button {
/* background: #f7941e; */
color: #062e4a;
padding: 5px 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
a.readmore-button:hover{
background:#f7941e;
color:#fff;
}
.single-promo p {
font-size: 15px;
line-height: 24px;
margin-bottom: 16px;
}
.services-list .box-wrapper {
border: none;
background: none;
}
.services-list .col-md-4 {
padding: 0 20px;
}
.single-services i {
max-height: 64px;
max-width: 68px;
object-fit: cover;
font-size: 30px;
transition: transform .3s ease-in-out;
width: 50px;
float: left;
text-align: center;
color: #ce7205;
margin-right: 7px;
}
.media-body h3 {
margin-bottom: 2px;
}
.media-body h3 a {
color: #062e4a;
font-size: 20px;
font-family: 'Roboto Slab', sans-serif;
}
.media-body p {
line-height: 24px;
}
.separator {
background-color: #31708f;
border: 1px solid #31708f;
display: block;
height: 1px;
margin: 0 auto;
position: relative;
width: 60px;
margin-bottom: 38px;
}
.text-submit {
background: #fafafa;
padding: 26px;
background: url(img/texture.png);
background-size: cover;
margin: 0;
border-radius: 0;
border: none;
}
.about-left a.btn:hover{
background:#f7941e !important
}
.single-services:hover a{
color:#f7941e;
cursor:pointer;
}
.product-item img {
height: 220px;
object-fit: cover;
}
.text-submit {
background: #fafafa;
padding: 26px;
background: url(img/submit-manuscript-bg.jpg);
background-size: cover;
margin: 0;
border-radius: 0;
position: relative;
border: none;
/* background-attachment: fixed; */
background-position: center bottom;
}
.text-submit:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(240, 240, 240, 0.9411764705882353);
}
.heading-center {
margin: 0 0 34px;
position: relative;
}
.heading-center:before {
content: '';
height: 2px;
background: #f0f0f0;
width: 200px;
bottom: -10px;
left: 40%;
position: absolute;
}
.heading-center:after {
content: '';
height: 100%;
width: 100px;
position: absolute;
bottom: -10px;
height: 2px;
background: #77aa13;
left: 45%;
}
.heading-center h2 {
font-size: 25px;
margin: 0 0 15px;
}
.heading-center p {
text-align: center;
width: 80%;
display: block;
margin: 0 auto;
}
.special-issue .single-promo {
padding-top:0;
}
.special-issue .single-promo p {
margin-top: 10px;
}
.special-issue {
padding: 20px 20px;
}
.text-submit h2 {
position: relative;
}
.content h4 {
margin: 6px 0;
}
.mt20{
margin-top:20px;
}
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
src: url("fonts/fa-brands-400.eot");
src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }
/* Artcile in Press css */
.blog-sidebar-tags {
margin-left: 0px;
}
.blog-sidebar-tags li a {
color: #ef8f02;
font-weight: 500;
font-size: 13px;
}
ul.articles-div {
padding: 0;
border-radius: 4px;
}
ul.articles-div li {
padding: 8px 10px 12px 0;
border-bottom: 1px dashed #a9a8a8;
margin-bottom: 0;
position: relative;
padding-right: 18px;
margin-bottom: 4px;
border-radius: 4px;
}
.articles-div .article-type {
margin: 0;
color: #af1308;
}
.articles-div .article-title a {
font-size: 16px;
color: #076298;
}
.blog-sidebar-tags li {
padding: 4px 10px !important;
border: 1px solid #ddd;
border-radius: 18px;
margin-right: 10px;
}
p.author {
color: #333 !important;
font-weight: 500;
margin-bottom: 8px !important;
}
.articles-div .article-title {
margin-bottom: 2px;
width: 98%;
}
.articles-div p {
margin-bottom: 0px;
color: #ab0606;
}
p.art-info {
font-size: 13px;
}
span.pg-num {
float: left;
padding-right: 12px;
}
.article-type img {
width: 23px;
border-radius: 100%;
height: 23px;
object-fit: contain;
padding: 3px 3px 3px 0;
margin: 2px 0 6px 0;
}
.pdf-btns{
margin-top: 4px;
}
ul.articles-div li::after {
content: '';
height: 17px;
width: 17px;
background: url(img/open-access-icon.png);
position: absolute;
right: 0;
top: 13px;
background-size: contain;
background-repeat: no-repeat;
}
/* End Artcile in Press css */
.blog-sidebar-tags a {
font-size: 13px;
background: #31708f;
padding: 2px 10px;
color: #ffffff;
border: none;
margin-top: 2px;
margin-right: 10px;
font-weight:500;
line-height:18px;
}
.blog-sidebar-tags a:hover{
color:#f7941e;
}
.blog-sidebar-tags a:last-child {
border: none;
background: #46998f;
}
.archive-div {
margin-top: 14px;
}
.archive-list li {
padding: 9px;
border: 1px solid #ddd;
float: left;
border-radius: 2px;
background: none;
width: 30%;
margin-right: 26px;
margin-bottom: 20px;
}
.archive-list img {
height: auto;
float: left;
width: 90px;
height: 100px;
object-fit: contain;
margin-right: 8px;
padding: 2px 4px;
border: 1px solid #ddd;
background: #f0f0f0;
}
.archive-list p {
padding: 3px 0;
margin: 0 0 0;
text-align: center;
background: none;
color: #062e4a;
font-weight: 500;
border: none;
text-align: left;
line-height: 20px;
}
.archive-list p.sName {
font-weight: 600;
color: #d27106;
margin-top: 8px;
}
.archive-list p.pnum{
font-size: 13px;
color: #333;
}
li.social-icons {
float: right;
}
.social-icons:before{
display:none;
}
.mag-sc-item i.fab.fa-mendeley {
color: #d00a0a;
}
.mag-sc-item .fab {
font-size: 16px;
top: -3px;
position: relative;
}
/* fulltext css */
.fulltext-content {
color: #282929;
}
.fartcile-type img {
width: 14px;
margin-left: 4px;
}
img.ccImg {
width: 16px;
}
.fulltext-content {
color: #282929;
margin-bottom: 80px;
}
p.fartcile-type {
margin-bottom: 12px;
color: #101010;
font-weight: 500;
}
ul.fdept {
margin-bottom: 8px;
font-size: 13px;
}
h1.farticle-title {
margin: 12px 0 15px;
line-height: 32px;
}
h2.fhead {
margin: 14px 0 9px;
color: #b97208;
}
ul.refernces {
padding-left: 15px;
}
.refernces li {
list-style-position: outside;
list-style-type: decimal;
margin-bottom: 8px;
font-size: 13px;
}
.refernces li a {
color: #0660a0;
font-weight: 400;
font-size: 13px;
}
.nav-pills>li>a {
padding: 0px 10px;
font-size: 13px;
}
.nav-pills>li.active>a{
color: #fff !important;
padding: 4px 16px;
background-color: #7b7d7d;
transition:all 0.2s ease;
}
.nav-pills>li {
float: left;
padding: 6px 0 !important;
}
h5.fsubhead {
font-weight: 600;
font-size: 16px;
margin: 12px 0 2px;
}
.citation {
border: 1px solid #ddd;
margin: 0px !important;
padding: 10px;
border-radius: 4px;
margin-bottom: 16px !important;
}
.modal-padd {
padding: 10px 20px;
}
.copy-btn {
text-align: center;
border: 1px solid #8a5405;
width: 134px;
padding: 3px 0;
border-radius: 7px;
display: block;
margin: 0 auto 20px;
background: #ad6a07;
color: #fff !important;
}
.modal-dialog .modal-content {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
.citation img{
margin-right: 8px;
}
p.fauthors {
color: #31708f;
font-weight: 500;
}
.blue.lighten-4 {
padding-top: 180px;
margin-top: -180px;
}
div#navMenu {
width: 244px;
}
.fleftbar {
padding: 10px 0;
}
.fleftbar .sidebar-content {
border: 1px solid #d4d4d4;
background: #fff;
}
.rsidebar {
padding: 20px;
/* box-shadow: -3px 4px 2px 3px #d4d4d4; */
border-left: 1px solid #ddd;
}
.img-div {
background: #f0f0f0;
padding: 10px;
border-radius: 4px;
border: 1px solid #ddd;
margin-bottom:10px;
}
.img-div img {
width: 120px;
float: left;
margin-right: 10px;
}
.ccBy {
position: relative;
}
.cc-hover {
display:none;
position: absolute;
bottom: -4px;
left: 22px;
width: 206px;
font-weight: 400;
border: 1px solid #ddd;
padding: 0px 3px 0 6px;
border-radius: 4px;
}
.ccBy:hover .cc-hover{
display:block;
}
.farttype {
text-decoration: underline;
color: #d48208;
}
.authors-list li {
padding: 0 14px;
border-right: 1px solid #161617;
line-height: 14px;
text-decoration: underline;
display:inline-block;
}
.authors-list li:first-child{
padding-left:0px;
}
.authors-list li:last-child{
border:none;
}
.authors-list li a{
color: #31708f;
}
ul.authors-list {
margin-bottom: 14px;
}
p.mb4{
margin-bottom:4px;
}
.authors-list h3 {
font-size: 16px;
margin: 0;
line-height: 18px;
}
.fdate {
border-bottom: 1px dashed #9e9a9a;
padding-bottom: 20px;
}
/* fulltext css */
.social-icon i {
margin: 0px 3px 0 0;
background: #464444;
}
.social-icon i:before{
border:none;
}
.contact-page-sidebar p strong {
font-weight: 600;
}
.abstract-div {
border-bottom: 1px dashed #7b7676;
padding-bottom: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px){
#citation .modal-dialog {
width: 400px;
margin: 50px auto;
}
.citation-tabs .modal-dialog {
width: 550px !important;
margin: 40px auto;
}
}
.citationtxt{
border:none;
width:100%;
height: 125px;
}
.archive-head {
font-size: 18px;
font-size: 16px;
border-style: double;
background-color: #235868;
color: white;
padding: 4px 10px;
line-height: 21px;
}
button.gsc-search-button.gsc-search-button-v2 {
font-size: 20px;
padding: 2px 10px;
background: #31708f;
border: 1px solid #31708f;
}
.filter h5 {
margin: 0 0 4px;
color: #e68d09;
font-size: 16px;
}
.filter {
margin-bottom: 40px;
font-size: 13px;
border-bottom: 1px solid #d6d1d1;
padding: 0px 10px 10px;
}
.search-articles .art-info {
font-size: 13px;
color: #797777;
}
.filter input[type=checkbox] {
border: 1px solid #ddd;
box-shadow: none;
position: relative;
top: 2px;
}
.lowerAlpha {
list-style-type: lower-alpha;
padding-left: 20px;
margin-bottom: 10px;
}
.upperAlpha {
list-style-type: upper-alpha;
padding-left: 20px;
margin-bottom: 10px;
}
.upperRoman {
list-style-type: upper-roman;
padding-left: 20px;
margin-bottom: 10px;
}
.lowerRoman {
list-style-type: lower-roman;
padding-left: 20px;
margin-bottom: 10px;
}
.latest-articles{
border-bottom: 10px solid #f6f6f6;
}
.author-guidelines.about-content h1 {
padding-top: 70px;
margin-top: -70px;
}
.article-section{
padding:20px 40px;
}
.search-div{
margin-bottom:30px;
}
.search-div form input{
width:82% !important;
}
.pbtn2{
text-align: center;
}
.btn2 {
border-radius: 4px;
box-shadow: 0 2px 1px 0px #757171;
background: #062e4a !important;
float: right;
}
.support p{
text-align: center;
margin: 10px 0 0;
}
.support .sidebar-title{
color: #000;
}
.support img {
width: 140px;
display: block;
margin: 10px auto 0;
}
.support a{
color: #31869d;
}
.post p img {
margin-right: 4px;
width: 10px;
margin-top: -4px;
}
.ref a {
padding-top: 80px;
display: block;
margin-top: -80px;
}
.address .fa.fa-envelope-o {
font-size: 15px;
display: inline;
}
.address .fa.fa-envelope-o:before {
border: none;
}
.video-ar {
margin: 20px 0 !important;
border-top: 1px solid #ddd;
padding-top: 20px !important;
}
.article-section h3{
position:relative;
}
.article-section h3 span.left {
left: 0px;
top: 28px;
}
.filter ul.order-list li {
border: none;
padding: 2px 12px;
}
.signup-img{
width: 60px;
margin-right: 20px;
margin: 10px 24px 0 0;
}
.archive-page {
font-size: 15px;
float: right;
}
.index-page .box-wrapper.tab-area {
padding: 20px;
border: none;
box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
margin-bottom: 20px;
}
.home-articles {
background: #f0f2f3;
}
.home-articles .equal-column.guidelines.mt-15.box-wrapper {
box-shadow: rgba(0, 0, 0, .05) 0 2px 2px, rgba(0, 0, 0, .05) 0 4px 4px;
}
.home-articles .sidebar-content {
margin-bottom: 10px;
}
.home-articles ul.links-list {
padding: 6px;
border: 1px solid #ddd;
margin: 20px 20px 10px;
border-radius: 4px;
background: #f5f5f5;
}
.home-articles .sidebar-content{
border:none;
padding:0;
}
.home-articles .sidebar-title span {
background: none;
padding: 0;
}
h5.harchive {
margin: 20px 0 8px;
font-size: 16px;
}
.harchive-list li {
float: left;
width: 10%;
}
#tabs.home-tab .harchive-list li a {
padding: 0 !important;
color: #900d04 !important;
line-height: 28px !important;
font-family: "Roboto" !important;
font-size: 16px;
}
.logo-img{
margin-top: 12px;
}
b.issn {
text-align: right;
color: #e77c31;
}
.navbar{
min-height: 48px;
}
.head-search{
padding: 10px 16px !important;
}
@media (min-width: 768px){
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
}
.sidebar-content.memberin ul li a {
display: block;
border-bottom: 1px solid #ddd;
padding: 4px 10px;
font-size: 14px;
border-radius: 4px;
background: #f5f5f5;
}
.sidebar-content.memberin ul li {
border: none;
padding: 2px 0;
float: initial;
}
.sidebar-content.memberin ul.links-list {
padding: 0 14px;
}
.fdate a {
color: #0c73b3;
}
.sitemap-list {
padding: 20px;
border: 1px solid #ddd;
border-radius: 4px;
}
.sitemap-list li {
list-style-position: inside;
font-size: 18px;
margin: 0px 0 10px;
}
.sub-list {
background: #f0f0f0;
padding: 2px 10px;
border-radius: 4px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
}
.sub-list li {
list-style-type: inherit;
margin: 10px 0;
font-size: 15px;
}
.sub-list li a {
color: #213e57;
padding: 10px;
}
.sub-list li a:hover{
color:#bf2718;
}
.citation-tabs ul.nav.nav-tabs {
margin: 0 !important;
}
.citation-tabs .nav.nav-tabs li {
float: left;
border: none !important;
padding: 4px;
}
.citation-tabs .citation ul li a {
line-height: 32px !important;
padding: 0 14px !important;
font-size: 15px !important;
}
.citation-tabs .citation ul li.active a {
border: 0;
border-radius: 0;
color: #F44336 !important;
}
.citation-tabs ul {
border-bottom: 1px dashed #cec9c9 !important;
}
.order-list li.pdf-btn{
padding:0px;
}
.order-list li.pdf-btn a{
background: #f5f5f5;
padding: 6px 12px;
border-radius: 4px;
border: 1px solid #ddd;
font-weight: 900;
text-align: center;
color: #0e0e0e;
}
.order-list li.pdf-btn a i{
position: relative;
left: 16px;
color: #c30404;
}
p.citation-txt {
margin-left: 0;
font-size: 13px;
text-align: left;
}
.citation-txt a {
font-size: 11px;
color: #607D8B !important;
font-weight: 600;
}
.citation-btn {
color: #062e4a !important;
display: none !important;
margin: 0 auto;
width: 78%;
background: #eff1f3;
padding: 2px 9px;
border-radius: 4px;
font-size: 13px;
border: 1px solid #e4e0e0;
text-align: center;
font-weight: 600;
}
.citation-tabs .modal-dialog {
width: 750px !important;
margin: 40px auto;
}
.padd0{
padding: 0;
}
.border0{
border:none !important;
}
.indexing-list li {
width: 16%;
float: left;
margin: 10px;
}
.indexing-list li img {
width: 100%;
height: 70px;
object-fit: contain;
border: 1px solid #ddd;
margin: 0;
padding: 9px 6px;
border-radius: 4px;
border-bottom: 2px solid #31708f;
}
.memberin .view-more-btn {
font-size: 15px;
font-weight: 500;
text-align: right;
display: block;
padding-right: 20px;
}
.ebooks ul.articles-div li::after {
background: none;
}
.ebooks .articles-list {
margin-top: 40px;
}
.ebooks .blog-sidebar-tags a {
padding: 4px 10px;
}
.ebooks {
margin-top: 30px;
}
.ebooks-content {
padding-left: 0px;
}
.box{
text-align: center;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
position: relative;
height: 250px;
width: 180px;
overflow: hidden;
}
.box img{
transition: all 0.3s ease-in-out 0.1s;
padding: 2px;
height: 100%;
width: 100%;
object-fit: cover;
}
.box:hover img{
transform: scale(1.50);
}
.box:hover .box-content {
opacity: 1;
transform: scaleY(1);
}
.box .box-content {
padding-top: 50%;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
opacity: 0;
transform: scaleY(0);
transition: all 1s ease 0s;
}
.box:hover .box-content{
opacity: 1;
transform: scaleY(1);
}
.box .title{
font-size: 22px;
font-weight: 700;
color: #da2d5b;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px;
}
.box .post{
display: block;
font-size: 15px;
font-style: italic;
font-weight: 600;
color: #fff;
margin-bottom: 15px;
}
.box .icon{
padding: 0;
margin: 0;
list-style: none;
}
.box .icon li{ display: inline-block; }
.box .icon li a{
display: block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
color: #fff;
margin-right: 5px;
position: relative;
}
.box .icon li a:before{
content: "";
width: 100%;
height: 100%;
background: transparent;
border: 1px solid #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
}
.box .icon li a:hover:before{
border: #da2d5b;
background: #da2d5b;
transform: rotate(180deg);
}
@media only screen and (max-width:990px){
.box{ margin-bottom: 30px; }
}
.ebooks .articles-list {
margin-top: 40px;
}
.ebooks .blog-sidebar-tags a {
padding: 4px 10px;
}
.ebooks img {
border: 1px solid #ccc;
padding: 2px;
}
.ebooks {
margin-top: 30px;
}
.ebooks-content {
padding-right: 10px;
float: left;
width: 79%;
margin-top: 10px;
}
.ebooks-img {
width: 20%;
float: left;
}
.ebooks-content p span {
color: #c76b1e;
font-size: 15px;
margin-right: 8px;
}
h1.article-title a {
color: #076298;
font-size: 19px;
}
.ebook-box {
margin-bottom: 10px;
}
.ebooks-content p{
margin: 0px;
}
.abs-content{
margin-top: 20px;
line-height: 28px;
}
.ebook-box .article-title {
line-height: 28px;
padding-top: 0px;
}
.ebook-box {
margin-bottom: 10px;
width: 78%;
float: right;
}
p.art-info {
font-size: 13px;
margin-top: 2px !important;
color: #000;
}
.btns-books {
margin-top: 15px;
}
.ebook-box p.author {
color: #333;
font-weight: 500;
margin-bottom: 6px !important;
}
i#searchbox-icon {
float: right;
}
.archive-list a:hover .volIss{
text-decoration:underline;
}
.post-meta p.pdf-btns {
float: right;
position: absolute;
right: 0;
bottom: 0;
}
a.epub-btn {
font-size: 13px;
background: #c76962;
padding: 2px 10px;
color: #ffffff;
border: none;
margin-top: 2px;
margin-right: 10px;
font-weight: 500;
line-height: 18px;
}
.mar-padd-20{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
}
.wicons {
width: 30px;
margin-right: 8px;
}
.pl0 {
padding-left: 0;
}
.bl0 {
border-left: 0px solid;
border-radius: 0;
}
.pr0 {
padding-right: 0;
}
.captcha-sec{
background-color: #eeeeee;
color: #312e2e;
font-weight: 600;
text-align: center;
width: 78%;
height: 30px;
border: none;
font-size: 18px;
letter-spacing: 4px;
}
h4.fhead {
font-size: 20px;
color: #b97208;
font-weight: 500;
}
.form-sec {
border: 1px solid #ddd;
background: #fff;
margin-bottom: 10px;
padding: 6px 20px 30px;
}
.form-sec h4 {
background: #f0f0f0;
padding: 4px 10px;
}
.reprints-form {
padding-top: 30px !important;
}
h1.rtitle {
text-align: center;
position: relative;
margin: 0;
padding-top: 30px;
}
.rtitle::after {
left: 47%;
}
.volIssue-form {
padding: 10px 0;
}
.volIssue-form .form-group {
margin: 0 -8px 10px;
}
.volIssue-form .btn {
font-size: 12px;
width: 100%;
}
.search-sidebar {
padding: 20px 20px 0;
}
.myButton {
box-shadow:inset 0px 39px 0px -24px #e67a73;
background-color:#e4685d;
border-radius:4px;
border:1px solid #ffffff;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
padding:6px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
background-color:#eb675e;
}
.myButton:active {
position:relative;
top:1px;
}
.margin_top10{
margin-top: 10px;
}
.margin_top20{
margin-top: 20px;
}
.margin_top30{
margin-top: 30px;
}
.sidebar-content.pubmed ul li a {
display: block;
border: none;
border-bottom: 1px dashed #ccced0;
padding: 0px;
font-size: 13.6px;
border-radius: 0;
background: #f5f5f500;
margin: 4px 6px;
color: #31708f;
line-height: 24px;
}
.sidebar-content.pubmed ul{
padding: 0 10px;
margin-bottom: 10px;
}
.sidebar-content.pubmed ul li a:last-child{
border: none;
}
.sidebar-content.pubmed ul li {
border-bottom: 1px dashed #cec9c9;
padding: 4px 4px;
float: initial;
}
.archive-list li {
padding: 8px 15px;
border: 1px solid #ddd;
float: left;
border-radius: 2px;
background: none;
width: 28%;
margin-right: 12px;
margin-bottom: 12px;
}
.archive-list p.sName {
font-weight: 600;
color: #d27106;
margin-top: 0;
}
.ar-list .panel-default > .panel-heading a::after {
font: 8px FontAwesome;
content: "\f068";
position: absolute;
right: 15px;
top: 10px;
color: #f7941e;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-left: 1px solid #eeeeee;
}
.archive-div .panel-heading a::after {
font: 8px FontAwesome;
content: "\f068";
position: absolute;
right: 15px;
top: 8px;
color: #f7941e;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-left: 1px solid #eeeeee;
}
.ar-list .panel-body {
padding: 15px 15px 6px;
}
.ar-list .panel-default > .panel-heading a.collapsed::after {
content: "\f067";
color: #E78051;
font-size: 12px;
padding-left: 8px;
}
.archive-div .panel-heading a.collapsed::after {
content: "\f067";
color: #E78051;
font-size: 12px;
padding-left: 8px;
}
.archive-page {
font-size: 11px;
margin-right: 60px;
}
.inner-page p.archive-head {
margin-bottom: 0;
}
.ar-list .panel-default > .panel-heading {
padding: 0;
}
/*.collapsed p.archive-head {
background: #f0f0f0;
color: #a94442;
border-color: #f0f0f0;
}*/
p.archive-head {
background: #2f849c;
color: #fff;
}
.eic-div {
border: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 10px;
background: #f0f0f0;
padding: 16px;
border-radius: 4px;
}
.eic-div img {
float: left;
width: 172px;
padding: 6px;
border: 1px solid #ddd;
margin-right: 10px;
background: #fff;
}
.eic-div p {
font-size: 13px;
color: #444343;
line-height: 24px;
font-weight: 500;
}
.color {
color: #bd6c0c;
}
.size {
font-size: 16px;
}
.eic-side-div {
text-align: center;
padding: 0b;
padding-bottom: 10px;
}
.eic-side-div img {
border: 1px solid #ddd;
padding: 4px;
width: 138px;
margin: 10px;
}
.eic-side-div p {
text-align: center;
}