@charset "utf-8";

/* CSS Document */



body { font-weight:normal; font-size:13px; color:#5a5a5a; margin:0;font-family:droid!important; }

body{background-attachment: fixed;

    background-color: #ffffff;

    background-image: url(../images/crumpled-white-paper-texture-melemel-jpeg_260159.jpg);

    background-position: center top;

    background-repeat: no-repeat;

}

@font-face{ font-family:droid; src:url(../fonts/DroidSerif.ttf);}

.top-bar{ background:#FBD900; padding:5px 0px; color:#fff}

#cart-summary{ padding:0; margin:0; float: right;}

#cart-summary li{ list-style:none; display: inline; width:auto; padding:5px 8px;}

.logo_section{ background:#FFB6C1}

#logo{ text-align:center}





/*------------navigation--------*/

.navigation_section{ padding:10px 0px; background:#fff}

#nav{ text-align:center;}

#nav > a{display: none;}

#nav li{position: relative;}

#nav li a{color: #00A650;display: block; text-decoration:none; font-size:16px;}

#nav li a:active{background-color: #BDCA32!important; color:#fff!important}

#nav span:after{

				width: 0;

				height: 0;

				border: 0.313em solid transparent; /* 5 */

				border-bottom: none;

				border-top-color: #fff;

				content: '';

				vertical-align: middle;

				display: inline-block;

				position: relative;

				right: -0.313em; /* 5 */

			}



/* first level */

#nav > ul{ padding:0; margin:0;}

#nav > ul > li{width:auto; display:inline-block; padding:10px;}

#nav > ul > li > a{text-align: center;}

#nav > ul > li:not( :last-child ) > a{}

#nav > ul > li:hover,#nav > ul:not( :hover ) > li.active{background-color: #BDCA32;}

#nav > ul > li.active > a{color: #fff;}

#nav > ul > li a:hover{ color:#fff}

/* second level */

#nav li ul{background-color:#BDCA32;display: none;position: absolute;top: 100%; width:200px; padding:0; z-index:99}

#nav li ul li{  display: inline-block;

    list-style-position: inside;

 

    width: 100%;}

#nav li:hover ul{display: block;left: 0;right: 0;}

#nav li:not( :first-child ):hover ul{left: -1px;}

#nav li ul a{font-size:13px;border-top: 1px solid #e15a1f;padding: 0.75em;}

#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{/*background-color: #e15a1f;*/}

@media only screen and ( max-width: 62.5em ) /* 1000 */

{

#nav{width: 100%;position: static;margin: 0;}

}

@media only screen and ( max-width: 40em ) /* 640 */

{

html{font-size: 75%;}

#nav{position: relative;top: auto;left: auto;}

#nav > a{

		width: 3.125em;

		height: 3.125em; 

		text-align: left;

		text-indent: -9999px;

		background-color: #e15a1f;

		position: relative;

		}

#nav > a:before,#nav > a:after

		{

		position: absolute;

		border: 2px solid #fff;

		top: 35%;

		left: 25%;

		right: 25%;

		content: '';

		}

#nav > a:after{top: 60%;}

#nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type{display: block;}

/* first level */

#nav > ul{height: auto;display: none;position: absolute;left: 0;right: 0;}

#nav:target > ul{display: block;}

#nav > ul > li{width: 100%;float: none;}

#nav > ul > li > a{height: auto;text-align: left;padding: 0 0.833em;}

#nav > ul > li:not( :last-child ) > a{border-right: none;border-bottom: 1px solid #cc470d;}

/* second level */

#nav li ul{position: static;padding: 1.25em;padding-top: 0;}

}









/*------------middle--contain--------*/

.title_section{ background:#FFB6C1; margin:10px 0px; text-align:center; color:#000; padding:5px 0px}

.title_section h2{ margin:0;}

.middle_contain{ background:#fff; text-align:justify; line-height:26px; display:inline-block; padding:10px 0px}

.left_s img, .right_s img{ max-width:100%; width:100%}





/*--------------------eduction--------------*/



.edu_sect .gallery-thumb {

    float: left;

    padding: 0;

    position: relative;

  /*  width: 100%;*/

}





#primary img {

    max-width: 100%;

}

.edu_sect figure > .item-mask {

    left: 0;

    position: absolute;

    top: 0;

    transition: all 0.2s ease 0s;

    z-index: 999;

}

.edu_sect .gallery-thumb img {

    height: auto;

    width: 100%;

}



.gallery:hover .image-overlay, .edu_sect .image-overlay a span {

    opacity: 1;

}

.edu_sect .image-overlay a span {

    background: #fff none repeat scroll 0 0;

    border-radius: 46px;

    cursor: pointer;

    display: inline-block;

    font-size: 18px;

    height: 46px;

    line-height: 46px;

    opacity: 0;

    text-align: center;

    width: 46px;

}



.image-overlay, .dt-sc-team .dt-sc-entry-thumb .dt-sc-image-overlay {

    background-color: rgba(226, 185, 97, 0.9);

}

.image-overlay {

    float: left;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: opacity 0.5s ease-in-out 0s;

    width: 100%;

}

.edu_sect .image-overlay a.link {

    left: 30%;

    top: 40.4%;

}

.edu_sect .image-overlay a.zoom {

    right:30%;

    top: 40.4%;

}

.edu_sect .image-overlay a {

    display: inline-block;

    position: absolute;

    text-align: center;

    z-index: 999;

}

.edu_sect{  background: rgba(0, 0, 0, 0) url("../images/bg1.png") repeat-x scroll 0 0;

    height: 380px;

    padding: 45px 0px;}

.gallery:hover .image-overlay, .edu_sect .image-overlay a span {

    opacity: 1;

}

.gallery-title{ text-align:center; }

.gallery-title a{ color:#fff;}

.gallery-detail{ clear:both}



/*************************gallery-------------------*/

.view {

    background: #fff url("../images/bgimg.jpg") no-repeat scroll center center;

    border: 4px solid #ffb6c1;

    box-shadow: 1px 1px 2px #e6e6e6;

    cursor: default;

    float: left;

    height: 160px;

    margin: 10px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width:100%;

}



.view-ninth .mask-1 {

    left: auto;

    right: 0;

    transform: rotate(56.5deg) translateX(-180px);

    transform-origin: 100% 0 0;

}

.view-ninth .mask-1, .view-ninth .mask-2 {

    background: rgba(119, 0, 36, 0.5) none repeat scroll 0 0;

    height: 361px;

    opacity: 1;

    transition: all 0.3s ease-in-out 0.6s;

    width: 361px;

}

.view .mask, .view .content {

    height: 155px;

    left: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    width: 235px;

}



.view-ninth .mask-2 {

    bottom: 0;

    top: auto;

    transform: rotate(56.5deg) translateX(180px);

    transform-origin: 0 100% 0;

}











.view-ninth .content {

    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    height: 0;

    opacity: 0.5;

    overflow: hidden;

    transform: rotate(-33.5deg) translate(-112px, 166px);

    transition: all 0.4s ease-in-out 0.3s;

    width: 361px;

}



.view-ninth:hover .mask-2 {

    transform: rotate(56.5deg) translateX(-1px);

}

.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {

    transition-delay: 0s;

}







.view-ninth .mask-1, .view-ninth .mask-2 {

    background: rgba(119, 0, 36, 0.5) none repeat scroll 0 0;

    height: 361px;

    opacity: 1;

    transition: all 0.3s ease-in-out 0.6s;

    width: 361px;

}

.view-ninth .mask-1 {

    left: auto;

    right: 0;

    transform: rotate(56.5deg) translateX(-180px);

    transform-origin: 100% 0 0;

}

.view-ninth .mask-2 {

    bottom: 0;

    top: auto;

    transform: rotate(56.5deg) translateX(180px);

    transform-origin: 0 100% 0;

}

.view-ninth .content {

    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    height: 0;

    opacity: 0.5;

    overflow: hidden;

    transform: rotate(-33.5deg) translate(-112px, 166px);

    transition: all 0.4s ease-in-out 0.3s;

    width: 361px;

}

.view-ninth h2 {

    background: transparent none repeat scroll 0 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    margin-top: 5px;

}

.view-ninth a.info {

    display: none;

}

.view-ninth:hover .content {

    height: 120px;

    opacity: 0.9;

    top: 40px;

    transform: rotate(0deg) translate(0px, 0px);

    width: 300px;

}

.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {

    transition-delay: 0s;

}

.view-ninth:hover .mask-1 {

    transform: rotate(56.5deg) translateX(1px);

}

.view-ninth:hover .mask-2 {

    transform: rotate(56.5deg) translateX(-1px);

}

/*---------------------------Activities---------------*/

.r_activity{ padding:20px 0px;}

.blog-post {

    display: inline-block;

    width: 100%;

}



.blog-post .post-details {

    float: left;


    text-align: center;

    width: 100px;

}



.blog-post .post-content {

    background: #fff none repeat scroll 0 0;

}

.dt-sc-one-half .post-content {

    width: 78.2%;

}

.blog-post .post-content {

    float: left;

}

.blog-post .post-content, .dt-sc-tabs-frame-content, .woocommerce-tabs .panel {

    border-radius: 0 5px 5px;

}





.dt-sc-one-half .post-icon-format, .dt-sc-one-half .post-comments {

    height: 47px;

	 background: #f27c7e none repeat scroll 0 0;

}

.dt-sc-one-half .post-icon-format::before, .dt-sc-one-half .post-comments {

    line-height: 47px;

}





.post-comments a, .post-comments span {

    color: #fff;

    font-size: 16px;

	

}

.entry-detail h2{ font-size:18px;}

.entry-detail a{ color:#333; text-decoration:none} 

.entry-detail{ text-align:center; padding:5px 0px;}



/*------------------------------Footer--------------------*/



#footer {

    border-color: #ffb6c1;

}



#footer .footer-widgets, #footer .footer-widgets {

    border-color: #537f6f;

}

#footer .footer-widgets {

    border-top: 1px dashed;

    top: 2px;

}

#footer .footer-links li a, .footer-info, #footer p.copyright {

    color: #fff3cb;

}

.footer-info {

    background: #ffb6c1 none repeat scroll 0 0;

}

.footer-info {

    padding-top: 13px;

}

footer h3.widgettitle {

    font-size: 19px;

    font-style: italic;

    line-height: 20px;

    margin-bottom: 37px;

}

#footer, .widget_categories ul li a span, .widget_archive ul li a span, .dt-sc-entry-title span {

    background: #ffb6c1 none repeat scroll 0 0;

}

#footer .footer-widgets {

    border-bottom: 1px dashed;

    bottom: 2px;

}





.hr-title{ color:#669d89; font-style:italic; font-size:24px;}





/*--------------------------------------About------------*/



.breadcrumb-wrapper {

    background: #fdebbd;

}

.breadcrumb-wrapper {

    font-style: italic;

    padding: 11px 0;

    position: relative;

}

.in_title{ float:left}

.breadcrumb-wrapper .breadcrumb h4, .breadcrumb-wrapper h1 {

    color: #f27c7e;

}

.breadcrumb-wrapper .breadcrumb {

    float: right; background:none

}



.breadcrumb-wrapper .breadcrumb a, .breadcrumb-wrapper .breadcrumb h4 {

    float: left;

    font-size: 12px;

    line-height: 18px;

    margin: 12px 0;

}



.breadcrumb span.default {

    background: rgba(0, 0, 0, 0)  url(../images/breadcrumb-seperator.png) no-repeat scroll 0 0;

    display: block;

    float: left;

    height: 9px;

    margin: 18px 5px 0;

    width: 7px;

}

.breadcrumb a, .breadcrumb span.fa {

    color: #b7b6a4;

}



/*-----------------facilities----------*/



.side-nav {

/*    float: left;

    width: 30.7%;*/ padding:0;

}

.side-nav li {

    display: inline-block;

    margin-bottom: 2px;

    padding-bottom: 0;

    width: 100%;

}

.side-nav li a {

    display: block;

    font-size: 14px;

    font-weight: bold;

    line-height: 32px;

    padding: 10px; background:#f27c7e; color:#fff; border-radius:5px;

}

.side-nav li a span{

    float: left;

    font-size: 26px;

    line-height: 34px;

    margin: 0 22px 0 8px;

}



.right_dds{ background:#fff; border-radius:5px; text-align:justify}





/*--------------gallery----------------*/

.sorting-container {

    clear: both;

    float: left;

    margin: 0 0 30px;

    padding: 0;

    width: 100%;

}

.sorting-container a {

    border: 1px solid #dad6cf;

    border-radius: 5px;

    color: #5a5a5a;

    float: left;

    font-size: 16px;

    line-height: 40px;

    margin: 0 5px 10px 0;

    padding: 0 15px;

    position: relative;

}





.gallery-container .gallery-thumb {

    float: left;

    padding: 0;

    position: relative;

    width: 100%;

}

.gallery-container figure, .gallery-carousel-wrapper figure {

    float: left;

    position: relative;

}

.gallery-container figure > .item-mask, .gallery-carousel-wrapper figure > .item-mask {

    left: 0;

    position: absolute;

    top: 0;

    transition: all 0.2s ease 0s;

    z-index: 999;

}

.gallery .gallery-thumb img {

    height: auto;

    width: 100%;

}

.isotope .isotope-item {

    transition-property: transform, opacity;

}

.isotope, .isotope .isotope-item {

    transition-duration: 0.8s;

}

.gallery.dt-sc-one-third {

    min-height: 374px;

}

.isotope-item {

    z-index: 2;

}











.shape-three .image-overlay a span {

    background: #fff;

    border-radius: 46px;

    cursor: pointer;

    display: inline-block;

    font-size: 18px;

    height: 46px;

    line-height: 46px;

    opacity: 0;

    text-align: center;

    width: 46px;

}







.gallery:hover .image-overlay, .gallery-container .image-overlay a span {

    opacity: 1;

}

.gallery-container .image-overlay a span {

    background: #fff;

    border-radius: 46px;

    cursor: pointer;

    display: inline-block;

    font-size: 18px;

    height: 46px;

    line-height: 46px;

    opacity: 0;

    text-align: center;

    width: 46px;

}



.image-overlay, .dt-sc-team .dt-sc-entry-thumb .dt-sc-image-overlay {

    background-color: rgba(226, 185, 97, 0.9);

}

.gallery-container .image-overlay {

    float: left;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    transition: opacity 0.5s ease-in-out 0s;

    width: 100%;

}

.gallery-container .image-overlay a.link {

    left: 30%;

    top: 40.4%;

}

.gallery-container .image-overlay a.zoom {

    right:39%;

    top: 40.4%;

}

.gallery-container .image-overlay a {

    display: inline-block;

    position: absolute;

    text-align: center;

    z-index: 999;

}



.gallery:hover .image-overlay, .gallery-container .image-overlay a span {

    opacity: 1;

}

.gallery-detail h1{ font-size:22px; }

.gallery-detail{ text-align:center; border:2px solid #cfcfcf;}





/*--------------------contact-form-------*/

.input-text {

    background: #fdebbd none repeat scroll 0 0;

    border-color: #e2d1a4;

}

input[type="text"], input[type="password"], input[type="email"],

 input[type="url"], input[type="tel"], input[type="number"], 

 input[type="range"], input[type="date"], textarea, input.text {

    border: 1px solid;

    color: #5a5a5a;

    display: block;

    font-size: 13px;

    margin: 0 0 7px;

    padding: 11px 2%;

    width: 74%;

}

input[type="submit"], button, input[type="button"] {

    border: medium none;

    color: #ffffff;

    cursor: pointer;

    font-size: 16px;

    margin: 10px 0 0;

    padding: 11px 20px;

    text-transform: capitalize; background:#f27c7e

}

.contact_info{ line-height:28px;}







/*--------------------activities----------*/

.post-icon-format::before, .post-comments {

    line-height: 50px; background:#f27c7e;

}

.post-icon-format, .post-comments {

    color: #fff;

    float: left;

    height: 50px;

    text-align: center;

    width: 100%;

}