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; }