FFF@font-face {

    font-family: 'OpenSansBold';

    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),

    url('../fonts/opensans-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'OpenSansSemi';

    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),

    url('../fonts/opensans-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSans';

    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),

    url('../fonts/opensans-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body, p{

    font-family: 'OpenSans';

}

.header {

    background: #fff;

    box-shadow: 1px 2px 10px #ccc;

    position: fixed;

    width: 100;

    z-index: 9999;

    top: 0px;

    left: 0px;

    right: 0px;

}

body {

    overflow-x: hidden;

}

.header .navbar-default {

    background: none;

    border: 0px;

    margin-bottom: 0px;

}

.navbar-brand.logo {

    height: auto;

}

.navbar-brand.logo img {

    width: 170px;

}

.header .navbar-nav {

    margin-top: 10px;

    /* line-height: 26px; */

}

.header .navbar-nav li a {

    line-height: 54px;

    /* font-weight: 600; */
    color: #000;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Cardo;

}



/* .fade-carousel {

    position: relative;

    height: 450px;

}

.fade-carousel .carousel-inner .item {

    height: 450px;

} */

.thum-list .thumb-containt h1 a {

    color: #000;

}

.thum-list .thumb-containt:hover h1 a {

    color: #8dc449;

}

.fade-carousel .carousel-indicators > li {

    margin: 0 2px;

    background-color: #000;

    border-color: #000;

    opacity: .7;

    width:6px;

    height:6px;

}

.fade-carousel .carousel-indicators > li.active {

    width: 7px;

    height: 7px;

    opacity: 1;

}

.hero {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 3;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    text-shadow: 1px 1px 0 rgba(0,0,0,.75);

    -webkit-transform: translate3d(-50%,-50%,0);

    -moz-transform: translate3d(-50%,-50%,0);

    -ms-transform: translate3d(-50%,-50%,0);

    -o-transform: translate3d(-50%,-50%,0);

    transform: translate3d(-50%,-50%,0);

}

.hero h1 {

    font-size: 3em;

    font-weight: bold;

    margin: 0;

    padding: 0;

}

p.p1 {

    width: 100%;

    color: black !important;

    border: 0px solid #fff;

    padding: 0%;

    border-radius: 2%;

    float: none;

    margin: 0%;

    font-size: 99%;

    line-height: 210%;

    text-align:-webkit-left;

}

.fade-carousel .carousel-inner .item .hero {

    opacity: 0;

    -webkit-transition: 2s all ease-in-out .1s;

    -moz-transition: 2s all ease-in-out .1s;

    -ms-transition: 2s all ease-in-out .1s;

    -o-transition: 2s all ease-in-out .1s;

    transition: 2s all ease-in-out .1s;

}

.fade-carousel .carousel-inner .item.active .hero {

    opacity: 1;

    -webkit-transition: 2s all ease-in-out .1s;

    -moz-transition: 2s all ease-in-out .1s;

    -ms-transition: 2s all ease-in-out .1s;

    -o-transition: 2s all ease-in-out .1s;

    transition: 2s all ease-in-out .1s;

}









.food-slide .carousel-inner .item .main-food {

    opacity: 0;

    -webkit-transition: 1s all ease-in-out .1s;

    -moz-transition: 1s all ease-in-out .1s;

    -ms-transition: 1s all ease-in-out .1s;

    -o-transition: 1s all ease-in-out .1s;

    transition: 1s all ease-in-out .1s;

	transform:scale(1.1);

}

.food-slide .carousel-inner .item.active .main-food {

    opacity: 1;

    -webkit-transition: 1s all ease-in-out .1s;

    -moz-transition: 1s all ease-in-out .1s;

    -ms-transition: 1s all ease-in-out .1s;

    -o-transition: 1s all ease-in-out .1s;

    transition: 1s all ease-in-out .1s;

	transform:scale(1);

}



.editor-slide .carousel-inner .item .main-food {

    opacity: 0;

    -webkit-transition: 1s all ease;

    -moz-transition: 1s all ease;

    -ms-transition: 1s all ease;

    -o-transition: 1s all ease-;

    transition: 1s all ease;

	transform:scale(1.1);

}

.editor-slide .carousel-inner .item.active .main-food {

    opacity: 1;

    -webkit-transition: 1s all ease;

    -moz-transition: 1s all ease;

    -ms-transition: 1s all ease;

    -o-transition: 1s all ease;

    transition: 1s all ease;

	transform:scale(1);

}

/********************************/

/*            Overlay           */

/********************************/

.overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 0;

    background-color: #000000;

    opacity: .8;

}



/********************************/

/*          Custom Buttons      */

/********************************/

.btn.btn-lg {padding: 10px 40px;}

.btn.btn-hero,

.btn.btn-hero:hover,

.btn.btn-hero:focus {

    color: #f5f5f5;

    background-color: #1abc9c;

    border-color: #1abc9c;

    outline: none;

    margin: 20px auto;

}



/********************************/

/*       Slides backgrounds     */

/********************************/

/* .fade-carousel .slides .slide-1,

.fade-carousel .slides .slide-2,

.fade-carousel .slides .slide-3 {

    height: 100vh;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.fade-carousel .slides .slide-1 {

    background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818);

}

.fade-carousel .slides .slide-2 {

    background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);

}

.fade-carousel .slides .slide-3 {

    background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);

} */



/********************************/

/*          Media Queries       */

/********************************/





.header .navbar-nav li.active a {

    background: #8dc449  !important;

    color: #fff !important;

}

.header .navbar-nav li:hover a {

    color: #8dc449 ;

}

.header .navbar-default .navbar-nav>.open>a {

    background: none !important;

}

.content-top {

    margin-top:94px;

        margin-bottom: 20px;

}

.mainslider i.fa{

    position: absolute;

    top: 45%;

    font-size: 45px;

    background: #ddd;

    width: 60px;

    padding: 10px;

    color:#8dc449;

}

.mainslider .carousel-control.left i{

    left:0px;

}

.mainslider .carousel-control.right i{

    right:0px;

}

.carousel-control{

    background-image: none !important;

    text-shadow: none;

    opacity: 0.8;

}

.carousel-control:focus, .carousel-control:hover {

    opacity: 1;

}

.mainservice {

    border: 1px solid #ccc;

    margin-top: 50px;

    margin-bottom: 50px;

    border-radius: 3px;



}

.mainservice h1 {

    font-size: 14px;

    font-family:OpenSansSemi;

    margin-bottom: 20px;

    margin-top: 0px;

}

.mainservice i {

    font-size: 19px;

    margin-right: 10px;

}

.mainservice p{

    line-height: 25px;

    font-size: 14px;

    color: #666;

    margin-bottom: 0px;

    max-height: 125px;

    overflow: auto;

}

.mainservice span.green {

    color: #8dc449;

}

.main-content {

    padding: 25px;



}

.main-content.active {

    background: #8dc449;

    color: #fff;

    transform: scale(1.1);

    padding: 25px;

}

.main-content.active p, .main-content.active span, .main-content:hover p, .main-content:hover span{

    color: #fff;

}

.main-content:hover {

    background: #8dc449;

    color: #fff;

    transform: scale(1.1);

    padding: 25px;

    transition:ease-out 0.3s;

}

.thum-list .img-thumb {

    width: 70px;

    /* background: #ccc; */

    text-align: center;

    height: 70px;

    line-height: 70px;

    border-radius: 50%;

    font-size: 30px;

    color: #8dc449;

    border: 1.5px dashed #8dc449;

    position: absolute;

    top: 0px;

    /* left: 0px; */

}



.thum-list .thumb-containt {

    padding-left: 85px;

}

.thum-list .thumb-containt h1 {

    margin-top: 0px;

    font-size: 15.88px;

    font-family: OpenSansSemi;

}



.thum-list:nth-child(even) {

    border-right: 1px solid #ccc;

}

.thum-list {

    padding-bottom: 40px;

    padding-right: 50px;

}

.thum-list:nth-child(odd) {

    padding-left: 50px;

    /* padding-right: 0px; */

}

.title-thub h1 {

    text-align: center;

    margin-bottom: 50px;

    font-family: OpenSansSemi;

    font-size: 22px;

}

.food-slide{

    background-size: cover !important;

    opacity: 0.8;

    position: relative;

}

.food-slide .carousel {

    height:auto;

}

.abou-jourpad h1 {

    font-size: 16px;

    font-family: openSansBold;

    line-height: 111%;

    

}

.abou-jourpad p {

    padding-bottom: 0px;

    margin-bottom: 0px !important;

}

.abou-jourpad h3 {

    font-size: 15px;

    font-family: opensansSemi;

    margin-top: 5px;

}

.main-food{

    text-align: center;

    margin-top: 50px;

}

.mar-btm-50{

    margin-bottom:50px ;

}

.main-food h1 {

    color: #fff;

    text-align: center;

    font-family: OpenSansSemi;

    font-size: 24px;

    margin-bottom: 35px;

}

.main-food .food-icon {

    color: #fff;

    font-size: 28px;

}

.food-slide .carousel-control{

    top:50%;

}

.food-slide span {

    background: rgba(0, 0, 0, 0.83);

    padding: 10px;

    margin-bottom: 16px;

    display: inline-block;

    width: 200px;

    border-radius: 25px;

    color: #fff;

    font-size: 16px;

}

.main-food ul {

    list-style: none;

    text-align: left;

    color: #fff;

    padding-left: 10px;

}

.main-food ul li {

    float: left;

    width: 45%;

    margin:10px;



}

.main-food ul li a {

    color: #fff;

    border: 1px solid #fff;

    padding: 10px;

    width: 100%;

    border-radius: 5px;

    display: block;

    text-decoration: none;

}

.main-food ul li a i {

    float: right;

    line-height: 20px;

}

.food-slide .carousel-control {

    top: 50%;

    background-image: none !important;

    position: absolute;

    width: 50px;

    height: 30px;

}

.main-food ul li a:hover {

    background: #8dc449;

}

.editor-slide{

    position: relative;

}

.editor-slide .thumb-editor {

    margin-bottom:90px;

}

.editor-slide .carousel-control{

    top: 45%;

    background-image: none !important;

    position: absolute;

    width: 50px;

    height: 30px;

    color: #333;

}

.editor-slide .img-thumb {

    width: 100px;

    height: 100px;

    overflow: hidden;

    border-radius: 50%;

    position: absolute;

}

.editor-slide .img-thumb img {

    width: 100%;

}

.editor-slide .thumb-containt h1 {

    color: #000;

    font-size: 16px;

    margin-bottom: 10px;

    text-align: left;

    margin-top: 0px;

}

.editor-slide .thumb-containt {

    padding-left: 120px;

    text-align: left;

}

.editor-slide .thumb-containt p {

    color: #000;

    font-size: 14px;

    line-height: 25px;

}

button.btn.btn-editor {

    background: none;

    border: 1px solid #999;

    color: #000;

    margin-right: 10px;

    padding: 8px;

    width: 150px;

}

button.btn.btn-editor:hover {

    background: #8dc449;

    border: 1px solid #8dc449;

    color: #fff;

}

.editor-slide .main-food {

    margin-top: 80px;

}



.leftemail {

    background: #8dc449;

    color: #fff;

    padding-top: 10px;

    padding-bottom: 20px;

}



.leftemail h1 {

    text-align:center;

    margin-top: 10px;

    margin-bottom: 10px;

    font-size:20px;

}



.leftemail a{

color:#000000;

}



.leftemail a:hover {

color:#ffffff;

}





.footer-sub {

    background: #151c2c;

    color: #fff;

    padding-top: 10px;

    padding-bottom: 20px;

}

.footer-sub img {

    width: 230px;

    margin: 0px;

    margin-bottom: 0px;

}

.footer-sub h2 {

    font-size: 15px;

    color: #8dc449;

}

.footer-sub p {

    font-size: 16px;

}

.footer p {

    margin-bottom: 0px;

    padding: 30px 15px;

}

.food-slide .carousel .item {

    background-size: cover !important;

}

.footer {

    background: #0d131f;

    color: #fff;

}

.main-editor {

    margin-top: 50px;

    border-bottom: 1px solid #ccc;

	    padding-bottom: 10px;

}

.journal-main {

    border: 1px solid #ccc;

    border-left: 5px solid #8dc449;

    padding: 10px;

    margin-top: 55px;

    width: 100%;

    padding-left: 25px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.journal-main:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #8dc449;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}

.journal-main:hover:before, .journal-main:focus:before, .journal-main:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}

.journal-main h1 {

    font-size: 16px;

    font-weight: bold;

    margin-top: 10px;

    color: #333;

    outline: none;

}

.mar-t30 {

    margin-top: 20px;

    margin-bottom: 35px;

}

._12 {

    font-size: 1.2em;

}

._14 {

    font-size: 1.4em;

}

ul {

    padding:0;

    list-style: none;

}

.footer-social-icons {

    

}

.social-icon {

    color: #fff;

}

ul.social-icons {

    margin-top: 10px;

}

.social-icons li {

    vertical-align: top;

    display: inline;

    height: 100px;

}

.social-icons a {

    color: #fff;

    text-decoration: none;

}

.fa-facebook {

    padding:10px 14px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-facebook:hover {

    background-color: #3d5b99;

}

.fa-twitter {

    padding:10px 12px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-twitter:hover {

    background-color: #00aced;

}

.fa-rss {

    padding:10px 14px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-rss:hover {

    background-color: #eb8231;

}

.fa-youtube {

    padding:10px 14px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-youtube:hover {

    background-color: #e64a41;

}

.fa-linkedin {

    padding:10px 14px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-linkedin:hover {

    background-color: #0073a4;

}

.fa-google-plus {

    padding:10px 9px;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition: .5s;

    background-color: #322f30;

}

.fa-google-plus:hover {

    background-color: #e25714;

}

.journal-main h2 {

    font-size: 14px;

    font-weight: bold;

    margin-top: 15px;

    color: #6b6b6b;

    outline: none;

}

.journal-main:hover h1, .journal-main:hover h2{color:#fff;}

a {

    color: #337ab7;

    text-decoration: none !important;

}

.journal-main:after {

    content: "";

    width: 0;

    height: 0;

    border-bottom: 15px solid #8dc449;

    border-left: 15px solid transparent;

    position: absolute;

    right: 0;

    bottom: 0;

}



.thum-list:hover .thumb-containt h1{

    color: #8dc449;

}



.thum-list:hover .img-thumb {

		-webkit-animation: rotation 0.65s infinite linear;

}



@-webkit-keyframes rotation {

		from {

				-webkit-transform: rotatey(0deg);

		}

		to {

				-webkit-transform: rotatey(-360deg);

		}

}

keyframes rotation {

		from {

				transform: rotatey(0deg);

		}

		to {

				transform: rotatey(-360deg);

		}

}







.nav_inn { margin:10px 0px; }

.nav_inn h2 { font-size:20px; color:#5b7a35; padding:10px 0px; }

.nav_inn p { font-size:14px; color:#000; line-height: 33px; }



.tabs-panl {

    margin-top: 45px;

}



.tabs-panl .panel-body {

    padding: 0px;

}

.tabs-panl ul.nav-tabs {

    display: flex;

}

.tabs-panl .nav-tabs>li{

	width:100%;

	position:relative;

}



.tabs-panl .nav-tabs>li.active>a, .tabs-panl .nav-tabs>li.active>a:focus, .tabs-panl .nav-tabs>li.active>a:hover{

	border: 0px solid #ccc;

    cursor: pointer;

    background: #8dc449 !important;

    color: #fff;

    border-radius: 0px;

    height: 100%;

}



.tabs-panl .nav-tabs>li>a {



    font-size: 14px;

    text-align: center;

    font-family: OpenSansSemi;

    color: #000;

}

.tabs-panl .nav-tabs>li>a:hover{

	color:#8dc449;

	border: 0px;

}

.tabs-panl .nav-tabs>li:after {

    position: absolute;

    content: "";

    width: 1px;

    background: #ccc;

    height: 85%;

    top: 3px;

    right: 0px;

}

.tabs-panl .nav-tabs>li:last-child:after {

    display: none;

}

.tabs-panl .nav-tabs>li.active:after {

    display: none;

}

.tabs-panl .tab-content {

    padding: 25px;

}



.editor-main{

	font-size:12px;

	border:1px solid #ccc;

	position:relative;

	width: 90%;

	padding:15px;

	border-radius:5px;

	margin-top:15px;

    margin-bottom: 20px;

        min-height: 190px;

}



h3.title {

    font-size: 17px;

    font-family: opensansSemi;

}

.editor-main img {

       width: 80px;

    height: 80px;

    padding: 0px;

    top: 26%;

    position: absolute;

    right: -40px;

    border: 1px solid #ccc;

    border-radius: 50%;

}

.editor-main h3 {

    margin-top: 0px;

    font-family: openSansSemi;

    font-size: 16px;

}

.editor-main h5 {

    font-size: 13px;

    min-height: 30px;

    padding-right: 30px;

}

.editor-main p {

    color: #000;

    font-size: 11px;

    line-height: 18px;

    padding-right: 20px;

}

.btn-maineditor {

    background: none;

    border: 1px solid #999;

    font-size: 12px;

    width: 125px;

    margin-right: 5px;

}

.btn-maineditor:hover, .btn-maineditor.active {

   background:#8dc449;

   color:#fff;

   border: 1px solid #8dc449;

}



.editor-view{

	margin-top:90px;

	height:200px;

	background:url(../images/ban.jpg);

	

}

.editor-header{

	text-align:center;

	color:#fff;

	

}

.editor-header h3{

	

	margin-top:22px;

}

.editor-view img{

	width:130px;

	height:130px;

	margin-top:0px;

	box-shadow:0px 0px 15px #333;

	-webkit-box-shadow:0px 0px 15px #333;

	-moz-box-shadow:0px 0px 15px #333;

	border-radius:50%;

	border:1px solid #ccc;

}



.editor-tabs {

    margin-left: 25%;

    text-align: center;

    width: 50%;

    margin-top: 25px;

    border: 1px solid #ccc;

    border-radius: 5px;

    display: flex;

}

.editor-tabs li {

    width: 100%;

    position:relative;

}

.editor-tabs li:after {

    content: "";

    width: 1px;

    height: 77%;

    background: #ccc;

    position: absolute;

    top: 5px;

    right: -2px;

}

.editor-tabs li:last-child:after {

   display:none;

}

.editor-tabs li.active:after {

    display: none;

}

.editor-tabs li a {

    background: none;

    color: #000;

    font-family: openSansSemi;

}

.editor-tabs li.active a, .editor-tabs li a:active, .editor-tabs li a:focus, .editor-tabs li a:hover, .tabs-panl .nav-tabs>li>a:hover  {

	background:none !important;

}

.editor-tabs li a:active, .editor-tabs li a:focus, .editor-tabs li a:hover  {

    color: #8dc449;

}

.editor-tabs li.active {

    background: #8dc449;

}

.register-backg:before {

    content: "";

    background: #8dc449;

    position: absolute;

    left: 0px;

    right: 0px;

    height: calc(100vh - 40vh);

    width: 100%;

	z-index:-1;

}

.reg-forms {

    background: #fff;

    box-shadow: 1px 1px 20px #8dc449;

    -webkit-box-shadow: 1px 1px 20px #8dc449;

    -moz-box-shadow: 1px 1px 20px #8dc449;

    margin-top: 0%;

    margin-bottom: 3%;

	margin-left: -1%;

    margin-right: -1%;

	    padding:2%;

}

.reg-forms .form-group {

    padding: 0px 70px;

	    position: relative;

}

.reg-tittles h1 {

    color: #fff;

    font-size: 40px;

    font-family: opensanssemi;

    margin-top: 25px;

}

.reg-tittles {

    color: #fff;

    padding: 15px 0px;

}

.reg-tittles p {

    font-size: 16px;

}

.reg-forms label {

    color: #000;

    font-weight: normal;

    padding-left: 17px;

}

.reg-forms .form-control {

    height: 40px;

	padding-left: 50px;

}

.flex-btns1 {

    margin: 0 auto;

    text-align: center;

}

.reg-forms .form-width {

    position: relative;

    width: 100%;

}

.reg-forms.none-reg-forms {

    box-shadow: none;

    padding: 0px;

    margin: 50px 0px;

}

.reg-forms.none-reg-forms .reg-border {

    border: 0px;

}

.nav_inn li {

    font-size: 14px;

    color: #000;

    line-height: 25px;

    padding-bottom: 20px;

}

.reg-forms .form-width i {

    position: absolute;

    top: 5px;

    bottom: 5px;

    border-right: 1px dashed #ccc;

    padding: 6px 10px;

    font-size: 18px;

    color: #ccc;

	    width: 40px;

    text-align: center;

}

textarea.form-control {

    height: auto !important;

}

.btn-bs-file{

    position:relative;

}

.btn-bs-file input[type="file"]{

    position: absolute;

    top: -9999999;

    filter: alpha(opacity=0);

    opacity: 0;

    width:0;

    height:0;

    outline: none;

    cursor: inherit;

}

label.btn-bs-file {

    background: #8dc449;

    color: #fff;

    padding: 10px 15px;

    width: 135px;

    text-align: center;

    border-radius: 5px;

    display: block;

}

.reg-border {

    border-right: 1px solid #ccc;

}

.form-radios .radio {

       padding-left: 85px;

    margin-bottom: 30px;

    float: left;

}

.form-radios h3 {

    text-align: center;

    margin: 25px;

    font-size: 20px;

    font-family: opensanssemi;

}

.form-radios .radios {

    padding-left: 55px;

    padding-right: 55px;

    margin-top: 35px;

}

.flex-btns{

    display: flex;

    margin: 0 auto;

    width: 308px;

}

.btn-formsubmit, .btn-formsubmit:hover {

    background: #8dc449;

    color: #fff;

    border-radius: 0px;

    padding: 10px 40px;

    margin: 5px;

    text-align: center;

    

    margin-top: 25px;

    box-shadow: 1px 3px 2px #365214;

}

button.btn.btn-formsubmit.light, button.btn.btn-formsubmit.light:hover {

    color: #fff;

    background: #888;

    box-shadow: 1px 3px 2px #000;

}

.about-head {
text-align: center;
color: #fff;

}

.abou-jourpad h1.green {

    color: #8dc449;
    font-size: 35px;
    padding-bottom: 1%;
    padding-top: 2px;
    margin-top: 0px;
    font-weight: 700;

}


  @media (min-width: 1200px)
  {
.container {
    width: 1200px;
}
}

.container {
    width:90% !important;
}


@media (max-width:768px){

    .abou-jourpad h1.green {

       font-size: 21px;

    }

} 



.about-head h1 {

    line-height: 130px;

    font-size: 26px;

    font-family: opensansSemi;

}

.abou-jourpad {

    padding-top:0px;

    padding-bottom: 50px;

}

.sidenav ul li {

    text-align: left;

    border-bottom: 1px solid #ccc;

    padding-top: 5px;

	 padding-bottom: 5px;

}

.sidenav ul li a {

    color: #000;

    font-family: opensansSemi;

	    padding-left: 15px;

		

}



.sidenav ul li.actice a, .sidenav ul li:hover a, .sidenav ul li a:active {

    color: #fff;

	background:none !important;

}



.sidenav ul li.actice, .sidenav ul li:hover {

    background: #8dc449;

    color: #fff;

	border-radius: 0px 5px 5px 0;

	

}

.sidenav ul li.actice:before, .sidenav ul li:hover:before  {

    width: 0;

    height: 0;

    border-top: 26px solid transparent;

    border-right: 50px solid #8dc449;

    border-bottom: 25px solid transparent;

    position: absolute;

    left: -50px;

    content: "";

    top: 0px;

}	

.subnav-toogle {

    padding-left: 0px;

    list-style: none;

	      position: relative;

    top: 5px;

}

.sidenav ul li:hover ul li {

    background: #fff;

    color: #000;

}



.sidenav ul li ul li:last-child {

    border-bottom:0px !important;

}

.sidenav ul li:hover ul li a{



    color: #000;

}

.sidenav ul li ul li{

	padding:10px;

}

.sidenav ul li ul li:before{

	display:none;

}

.mappad-none {

    padding-left: 0px;

    padding-right: 0px;

}

.box-none {

    box-shadow: none !important;

}

.reg-forms.box-none .form-group {

    padding-right: 0px;

}

.reg-border-left {

    border-left: 1px solid #ccc;

}

.cont-list ul {

    list-style: none;

	padding-left:0px;

}

.cont-list ul li {

    margin-bottom: 10px;

}

.cont-list ul li i {

    margin-right: 10px;

    color: #ccc;

}

.cont-list h2 {

    font-size: 18px;

    font-family: opensansSemi;

    margin-bottom: 20px;

}

.sub-btn, .sub-btn:hover {

    float: right;

    width: 100%;

    color: #fff;

    background: #8dc449;

    border-radius: 0px;

    padding: 15px;

    /* margin: 0 auto; */

    /* margin-left: 70px; */

}

.char-table table tr th {

    background: #8dc44a;

    color: #fff;

    border: 1px solid #fff;

}

@media screen and (min-width: 980px){

    .hero { width: 980px; }

	

}

@media screen and (max-width: 980px){

   .reg-border-left {

    border-left: 0px solid #ccc;

}

.reg-forms .form-group {

    padding: 0px;

    position: relative;

}

.reg-border-left {

    border-left: 0px solid #ccc;

    margin-top: 40px;

}	

}

@media screen and (max-width: 640px){

    .hero h1 { font-size:20px; }

}



@media (max-width:768px){

.reg-border {

    border-right: 0px solid #ccc;

}

.reg-border-left {

    border-left: 0px solid #ccc;

}

.reg-forms .form-group {

    padding: 0px;

    position: relative;

}

.form-radios .radio {

    padding-left:20px;

    margin-bottom: 15px;

}

.form-radios .radios {

    padding-left: 0px;

    padding-right: 0px;

}

	button.navbar-toggle {

    margin-top: 35px;

}

.navbar-default .navbar-toggle {

    border-color: #8dc44a;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default{

    background-color: #8dc44a;



}

.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {

 background: #fff !important;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #8dc449;

}

.header .navbar-nav li a {

  

    line-height:122%;

    

}

.main-content.active {

    background: #8dc449;

    color: #fff;

    transform: none;

    padding: 25px;

}

.main-content:hover {

    background: #8dc449;

    color: #fff;

    transform:none;

    padding: 25px;

    transition: ease-out 0.3s;

}

.thum-list:nth-child(odd) {

    padding-left: 15px;

    /* padding-right: 0px; */

}

.thum-list:nth-child(even) {

    border-right: 0px solid #ccc;

}

/* .fade-carousel .carousel-inner .item{

	height:225px;

}

.fade-carousel {

    position: relative;

    height: 225px;

} */

.hero h3 {

    font-size: 13px;

    margin: 4px;

}

.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {

    color: #f5f5f5;

    background-color: #1abc9c;

    border-color: #1abc9c;

    outline: none;

    margin: 10px auto;

    padding: 5px;

    font-size: 13px;

    border-radius: 0px;

}

.mainslider i.fa {

    position: absolute;

    top: 45%;

    font-size: 20px;

    background: #ddd;

    width: 45px;

    padding: 10px;

    color: #8dc449;

}

.title-thub h1 {

    text-align: center;

    margin-bottom: 40px;

    font-family: OpenSansSemi;

    font-size: 16px;

}

.thum-list .thumb-containt h1 {

    margin-top: 0px;

    font-size: 14px;

    font-family: OpenSansSemi;

}

.thum-list .thumb-containt p {

    font-size: 12px;

}

.main-food h1 {

    color: #fff;

    text-align: center;

    font-family: OpenSansSemi;

    font-size: 14px;

    margin-bottom: 30px;

	    transition: ease 1s;

}

.food-slide span {

    background: rgba(0, 0, 0, 0.83);

    padding: 5px;

    margin-bottom: 16px;

    display: inline-block;

    width: 135px;

    border-radius: 25px;

    color: #fff;

    font-size: 14px;

}

.main-food ul li {

    float: left;

    width: 40%;

    margin: 10px;

}

.main-food ul li {

    float: left;

    width: 42%;

    margin: 10px;

    font-size: 11px;

}

.food-slide .carousel {

    height: auto;

}

.editor-slide .thumb-containt h1 {

    color: #000;

    font-size: 14px;

    margin-bottom: 10px;

    text-align: left;

    margin-top: 0px;

}

.editor-slide .thumb-containt h1 {

    color: #000;

    font-size: 14px;

    margin-bottom: 10px;

    text-align: left;

    margin-top: 0px;

}

.editor-slide .thumb-containt h1 {

    color: #000;

    font-size: 14px;

    margin-bottom: 10px;

    text-align: left;

    margin-top: 0px;

}

.editor-slide .thumb-containt {

    padding-left: 90px;

    text-align: left;

}

button.btn.btn-editor {

    background: none;

    border: 1px solid #999;

    color: #000;

    margin-right: 10px;

    padding: 5px 10px;

    width: auto;

    font-size: 12px;

    border-radius: 0px;

}

button.btn.btn-editor {

    background: none;

    border: 1px solid #999;

    color: #000;

    margin-right: 10px;

    padding: 5px 10px;

    width: auto;

    font-size: 12px;

    border-radius: 0px;

}

.editor-slide .img-thumb {

    width: 75px;

    height: 75px;

    overflow: hidden;

    border-radius: 50%;

    position: absolute;

}

.editor-slide .thumb-containt p {

    color: #000;

    font-size: 12px;

    line-height: 20px;

}

.editor-slide .thumb-editor {

    margin-bottom: 35px;

}

.footer-sub h2 {

    font-size: 13px;

    color: #8dc449;

}

.footer-sub p {

    font-size: 14px;

}

.footer p {

    margin-bottom: 0px;

    padding: 30px 15px;

    font-size: 12px;

}



.tabs-panl {

	    border: 0px;

}



.tabs-panl .panel-default>.panel-heading {

    background: #8dc449;

    color: #fff;

    border-radius: 0px;

    padding: 15px;

}

.tabs-panl .panel-default>.panel-heading+.panel-collapse>.panel-body {

    padding: 20px;

}

.tabs-panl .panel-default>.panel-heading+.panel-collapse>.panel-body .nav_inn h2{

	margin-top:0px;

}

.editor-tabs {

    margin-left: 0px;

    text-align: center;

width: 100%;

}

}







.custom_scrollbar {

	margin: 20px auto;
    width: auto;
    overflow: scroll;
	padding: 0 20px 0 0;

}



.custom_scrollbar::-webkit-scrollbar {

	width: 5px;

	height: 5px;

}

.custom_scrollbar::-webkit-scrollbar-track {

	background-color: rgba(113,112,107,0.1);

	-webkit-border-radius: 5px;

}

.custom_scrollbar::-webkit-scrollbar-thumb:vertical {

	background-color:green;

	-webkit-border-radius: 2px;

}

.custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover,

.custom_scrollbar::-webkit-scrollbar-thumb:horizontal:hover {

	background:white;

}





.indexbutton

{

padding-bottom:2%;width:60%;margin:auto;

}



@media (max-width:768px){

    .indexbutton {

       width:100%;

    }

} 



@media (max-width:768px){

    .indexbutton .test1 {

       padding-top:7px;

    }

}



.event-left, .w3-latest-grid {

    padding: 0;

}

.event-right.eventtxt-right {

    float: right;

}

.event-left {

    text-align: right;

}







.event-left h5 {

    color: #8dc449;

    font-size: 1.6em;

    margin: 0 0 10px 0;

}



.eventmain-info p {

    font-size: 15px;

    line-height: 1.8em;

    color: #777;

    margin: 0;

}



.event-left h6 {

    color: #000;

    margin: 6px 0 10px;

    font-size: 1em;

    text-transform: capitalize;

}



.event-left a {

    border: 1px solid #777;

    padding: 6px 12px;

    margin: 5px 0 0;

    display: inline-block;

    color: #000;

    text-transform: capitalize;

    font-size: 15px;

    text-decoration: none;

}



.event-left.in-news {

    text-align: left;

    padding-left: 1em;

}



span.icon-event {

    color: #8dc449;

    font-weight: 600;

    font-size: 1.1em;

    text-transform: capitalize;

    margin-right: 3px;

}



.event a:hover {

    color: #ffffff;

    background: #8dc449;

    border: 1px solid #ffffff;

}



.article a:hover{

    color:#8dc449;

}





.popup

{

  top:100px;

}



.popupheader

{

  border:none;

}



.lightbox-inner {

    -webkit-animation: zoom-in 0.25s ease-out;

    animation: zoom-in 0.25s ease-out;

}

  

.popupmodal-content

{

  

    background: transparent url(/images/popupbg.png) repeat center center;

    }

.close1{

        font-size: 50px;



      }



      .poptitle{

        color: #ffffff;

        text-align: center;

        font-size: 30px;

      }



      .popfooter{

        border:none;

        text-align: center;

      }

      

.testimionalimage img {

    height: 150px;

    width: 150px;

    border-radius: 50%;

    text-align: center;

}



#quote-carousel {

  padding: 0 10px 30px 10px;

  margin-top: 30px;

  text-align:center;

}

/* indicator position */

#quote-carousel .carousel-indicators {

  right: 50%;

  top: auto;

  bottom: -10px;

  margin-right: -19px;

}

/* indicator color */

#quote-carousel .carousel-indicators li {

  background: #c0c0c0;

}

/* active indicator */

#quote-carousel .carousel-indicators .active {

  background: #333333;

  height:10px;

  width:10px;

  margin-bottom:1px;

}

 

.quote p:before {

    font-family: FontAwesome;

    content: "\f10d";

        padding-right: 10px;

}



.quote p:after {

    font-family: FontAwesome;

    content: "\f10e";

        padding-left: 10px;

}



.quote p

{

    margin-top:20px;

}





 /* quick links */

 

 .list-arrow-right {

    list-style-type: none;

    padding: 0;

    margin-top:10px;

}



.list-arrow-right li {

    position: relative;

    padding-left: 20px;

    font-weight: normal;

}



.list-arrow-right li {

    font-weight: normal;

    font-size: 15px;

    margin-bottom: 8px;

}



.list-arrow-right li::before {

    content: "\f3d3";

    position: absolute;

    left: 0;

    color: #ffffff;

    font-family: "Ionicons";

}



.list-arrow-right a{

    

    color:#ffffff;

}





.list-arrow-right li:hover {

    color:#8dc449;

    margin-left: 10px;

    transition: all .3s ease-in-out;

}



.list-arrow-right a:hover {

    color: #8dc449;

}



/* footer subscribe */



.reg-forms1 {



    margin-top: 0%;

    margin-bottom: 3%;

    margin-left: -1%;

    margin-right: -1%;

    padding: 0px;

}



.reg-forms1 .form-group1 {

    padding: 0px; 

    position: relative;

        margin-bottom: 10px;

}



.reg-forms1 .form-width {

    position: relative;

    /* width: 100%; */

}



.reg-forms1 .form-width i {

    position: absolute;

    top: 0;

    bottom: 5px;

    border-right: 1px dashed #ccc;

    padding: 6px 10px;

    font-size: 18px;

    color: #ccc;

    width: 40px;

    text-align: center;

}

.reg-forms1 .form-control {

    height: 30px;

    padding-left: 50px;

}



.cih1 h1

{

    font-size:30px;

}



/* aboutjournal */

.abou-jourpad h3.green {
    color: #000000;
    font-size: 18px;
    padding-bottom: 1%;
    margin-top: 0px;
}


.artcle h2{
    padding:0px;
    margin-top:5px;
    font-size: 18px;
    line-height: 20px;

}
.artcle a
{
   color: #000000;
    font-size: 18px;
}


 .widgets_div {
 
  padding:0px;
      margin-top: 10px;
}

.widgets_div .icon_div {
  display: inline-block;
  margin-left: 15px;
  vertical-align:middle;
}

.widgets_div .icon_div span i {
  font-size: 24px;
}

.widgets_div .text_div {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.widgets_div .text_div span {
  color: #58666e;
  font-size: 12px;
}

.widgets_div .text_div span+span {
  color: #747F85;
  font-size: 11px;
}

.text_div a{
font-size:16px;
}

.greenh2{
    color:#8dc449;
    padding: 3px;
    border-top-right-radius:10px;
}

.afpc li
{
    float: left;
    margin-right: 5px;
    line-height:235%;
}
.afpc li a
{
display: block;
font-size: 13px;
color: #ffffff;

}

.afpc li a:hover
{

color: #000000
}



.afpc li{
    display: inline;
    margin-top: 4px;
    
}

.afpc li a{
    font-size: 13px;
    
}

.not-active
{
    pointer-events: none;
}

.articlestyle
{

    padding-top: 5px;
    padding-bottom: 5px;
}
.articlestyle:hover
{
    box-shadow: 1px 1px 20px #8dc449;
    -webkit-box-shadow: 1px 1px 20px #8dc449;
  transition: 1s;
}

.artcle1 
{
    margin-bottom: 15px;
    border: 1px solid #8dc449;
    border-radius: 7px;
    padding: 10px;

}

.journallink a
{
    font-size: 16px;
    color:#000;
}

.articletype{
    background-color:#c0c2ce !important;
    border-color:#c0c2ce !important;
    }

    .abstractbutton{
        background-color:#FC913A;
        border-color:#FC913A;
    }

.fulltextbutton{
    background-color:#8dc449;border-color:#8dc449;
}


.pdfbutton{
    background-color:#F9D423;border-color:#F9D423;
}
.citationbutton{
background-color:#2977b5;border-color:#2977b5;
}

.fa-1{
    font-size: 13px;margin-top: 3px;
}

.articleinpress:hover{
         box-shadow: 1px 1px 20px #8dc449;
    -webkit-box-shadow: 1px 1px 20px #8dc449;
    transition: 1s;
}

.articleinpress {
    padding-top: 5px;
    padding-bottom: 5px;
}


.arrow p:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #8dc449;
    margin: 7px 0 0 -15px;
    position: absolute;
}



.mainfigure {
    margin: 6px;
    overflow: hidden;
    position: relative;
    background-color: #8dc449;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
}

.mainfigure .figcaption {
    position: absolute;
    padding: 1em 2em;
    top: 0;
    color: #fff;
    text-align: center;
    width:100%;
}

.mainfigure img {
    width: calc(100% + 60px);
    opacity: .7;
    -webkit-transform: translate3d(0, -20px, 0) scale(1.12);
    transform: translate3d(0, -20px, 0) scale(1.12);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.mainfigure:first-child {
    margin-left: 0;
}
.mainfigure .additional {
   
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.mainfigure:hover .additional {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}



.mainfigure .figcaption::before {
    content: '';
    border-top: 60px solid #8dc449;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 30px;
    left: -80%;
    height: 100%;
    -webkit-transform: rotateZ(-45deg) translate3d(0, -30%, 0);
    transform: rotateZ(-45deg) translate3d(0, -30%, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.mainfigure:hover {
    background: black;
}



.mainfigure .figcaption .additional a:last-child {
    background: none;
    border: 1px solid white;
    color: white;
    margin-left: 5px;
}

.mainfigure .figcaption .additional a {
    display: inline;
    background: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: .5em;
    font-weight: bold;
    color: black;
    border-radius: 4px;
}

.mainfigure .figcaption h3 {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    background: black;
    display: inline-block;
    padding: .5em .7em;
}

.mainfigure:hover img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  opacity: .4;
}


.mainfigure:hover .figcaption::before {
  -webkit-transform: rotateZ(-45deg) translate3d(0, 0, 0);
          transform: rotateZ(-45deg) translate3d(0, 0, 0);
}

    @media (max-width:768px){
    .figure .figcaption h3 {
    font-weight: bold;
    font-size:18px;
    text-transform: uppercase;
    background: black;
    display: inline-block;
    padding:4px;
   }

   .additional p
   {
      margin: 10px;
      font-size: 12px;
   }

   .mainfigure .figcaption .additional a {
   font-size: 11px;
}
}

.doi p
{
    margin:5px 0px !important;

}
.doi a
{

    font-size:14px;
    font-style:italic;
}


	.rpa {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
 box-shadow: 0 0 8px #464040;
 
}


.rpa img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.rpa:hover img {
-webkit-transform: translate3d(0,0%,0);
	transform: translate3d(0,0%,0);
}

.tecthidr
{
	min-height: 107px;
background-color:#13151d;
  transition: all .6s ease;
width: 100%;

overflow: hidden;
}

.rpa:hover .tecthidr
{
min-height: 50%;
  background-color: #13151d !important;
  transition: all .6s ease;
    

}

.rpa:hover img {

  filter: grayscale(1) blur(1px);
  -webkit-filter: grayscale(1) blur(1px);

}

.tecthidr
{
	color:#ffffff;
}


.rpaim
{
	width: 100%;
	height:280px;
}

.rpaim img
{
	display: block;
    width: 100%;
    
    margin: auto;
}

.sfbutton
{
    background-color: #a29e89;
    border-color: #a29e89;
}