@charset "utf-8";



/* CSS Document */







/* new gallery */







.leftarrow, .rightarrow {



    display: none;



    height: 100%;



    top: 0px;



    width: 10%;



    position: absolute;



    z-index: 5;



    padding: 1%;



    cursor: pointer;



    opacity: 0.4;



}



.leftarrow:hover, .rightarrow:hover {



    opacity: 0.7;



}



.leftarrow span, .rightarrow span {



    position: relative;



    top: 50%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



    font-size: 35px;



    color: #eee;



    width: 40px;



    height: 40px;



    display: inline-block;



    text-align: center;



    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);



}



.leftarrow {



    left: 15px;



    text-align: left;



}



.rightarrow {



    right: 15px;



    text-align: right;



}



.g_image:first-child .leftarrow {



    display: none;



}



.rightarrow[data-next-image=""], .rightarrow[data-next-image="<!-- missing"] {



    display: none;



}



.g_image .thumbimage li {



    /*border: 1px solid #ccc;*/



    width: 90px;



    height: 90px;



    margin-bottom: 5px;



    transition: opacity 0.5s;



    opacity: 1;



    position: relative;



    cursor: pointer;



    color: #fff;



    text-align: center;



    position: relative;



    display: block;



    padding: 1px;



    background: #fff;



}



.g_image .thumbimage li:hover {



    opacity: 0.7;



}



.g_image .thumbimage li img {



  /*  max-width: 72px;



    max-height: 72px;*/



    width: auto;



    height: auto;



    position: relative;



    top: 50%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



}







#gallery [type=radio]:checked ~ .thumbimage li {



    border: 1px solid #36609c;



}



#gallery_outer_1, #gallery_outer_3 {



    position: relative;



    clear: both;



    margin: 0px 0px 20px 0px;



}



.g_image [type=radio] {



    opacity: 0;



    position: absolute;



}



.mainimage {



    position: absolute;



    top: 0px;



    margin: 0px 0px 0px 0px;



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



    overflow: hidden;



    text-align: center;



    opacity: 0;



    cursor: pointer;



    animation-name: lightboxout;



    animation-duration: 0.5s;



}



 @keyframes lightbox {



 from {



 opacity: 0;



 transform: scale(0);



}



 to {



 opacity: 1;



 transform: scale(1);



}



}



 @keyframes lightboxout {



 from {



 transform: scale(1.5);



}



 to {



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



 transform: scale(1);



}



}



#gallery [type=radio]:checked ~ .thumbimage {



    color: #fff;



    z-index: 1;



}



#gallery [type=radio]:checked ~ .mainimage {



    opacity: 1;



    z-index: 2;



    padding: 0px 0px 0px 0px;



    



}



#gallery_outer_1 .g_image[data=""] {



    display: none;



}



#gallery [type=checkbox]:checked ~ .mainimage {



    right: 0px;



    z-index: 100;



    background: #fff;



}



#gallery [type=checkbox]:checked ~ .mainimage img {



    display: inline-block;



    margin: 0px auto;



}



#gallery [type="checkbox"]:checked ~ .mainimage span {



    display: none;



}



.mainimagecb {



    display: none;



}



#gallery_outer_1, #gallery_outer_1 .mainimage, #gallery_outer_1 #gallery, #gallery_outer_1 .mainimage div {



    height: 324px;



    width: auto;



}



#gallery_outer_1 .mainimage {



    left: 112px;



    min-width: 488px;



}



#gallery_outer_1 #gallery {



    box-sizing: border-box;



    clear: both;



    overflow-y: auto;



    overflow-x: hidden;



    direction: rtl;



    padding: 0px 5px 0px 8px;



    margin: 0px;



}







@media screen and (-webkit-min-device-pixel-ratio: 0) {



#gallery_outer_1 #gallery {



    padding: 0px 0px 0px 20px;



}



}



 @supports (-ms-accelerator:true) {



 #gallery_outer_1 #gallery {



 padding: 0px 0px 0px 10px;



}



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar {



 width: 8px;



 height: 20px;



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar-button {



 background-color: #ccc;



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar-track {



 background-color: #ccc;



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar-track-piece {



 background-color: #ccc;



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar-thumb {



 height: 90px;



 background-color: #8b286f;



 border-radius: 3px;



}



 #gallery_outer_1 div#gallery::-webkit-scrollbar-corner {



 background-color: #f00;



}



 #gallery_outer_1 div#gallery::-webkit-resizer {



 background-color: #666;



}



#gallery_outer_1 .g_image {



    float: Left;



    clear: both;



}



#gallery_outer_1 .g_image .thumbimage {



    margin: 0px 0px 5px 0px;



}



#gallery_outer_1 .mainimage img {



    max-height: 100%;



    max-width: 100%;



    position: relative;



    top: 50%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



}



#gallery_outer_2 .g_image {



    max-width: 100%;



    height: auto;



    text-align: center;



    padding: 5px 0px;



}



#gallery_outer_2 .g_image img {



    max-width: 100%;



}



#gallery_outer_2 .g_image[data=""] {



    display: none;



}



#gallery_outer_3 {



    height: auto;



    width: 100%;



}



#gallery_outer_3 .mainimage, #gallery_outer_3 .mainimage div {



    height: 500px;



    width: 100%;



}



#gallery_outer_3 #gallery {


    padding-top: 0;

    height: auto;



    width: 100%;



    padding-top: 500px;



}



#gallery_outer_3 .mainimage {



	left: 0px;



	border: 0px solid #dcdcdc;



}



#gallery_outer_3 #gallery {

    padding-top: 0;


    box-sizing: border-box;



    text-align: center;



}



#gallery_outer_3 .g_image {



	display: inline-block;



	height: 90px;



	margin-bottom: 5px;



	margin-top: 10px;



}



#gallery_outer_3 .g_image .thumbimage {



    margin: 10px 3px;



}



#gallery_outer_3 .g_image .thumbimage li {



    margin-right: 3px;



}



#gallery_outer_3 .mainimage img {



    max-height: 100%;



    max-width: 100%;



    position: relative;



    top: 50%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%);



    display: inline-block;



}



#gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage {


    padding-top: 0;

    animation-name: lightbox;



    animation-duration: 0.5s;



    padding: 0px;



    position: fixed;



    width: 100vw;



    left: 0px;



    right: 0px;



    height: 100vh;



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



}



#gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div {



    background: #fff;



    position: static;



    position: relative;



    box-sizing: content-box;



    top: 0px;



    max-height: 80vh;



    width: 100%;



    height: auto;



    max-width: 60vw;



    margin: auto;



    margin-top: 10vh;



    padding: 10px;



    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);



    border-radius: 6px 6px 0px 0px;



}



#gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div img, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div img {



    max-height: 80vh;



    transform: none;



    top: auto;



}



#gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div::after, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div::after {



    background: #fff;



    border-radius: 0px 0px 6px 6px;



    color: #666;



    content: "Click to close";



    font-size: 16px;



    padding: 5px 0px;



    position: absolute;



    top: 100%;



    width: 100%;



    left: 0px;



    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);



}



#gallery_outer_3 .g_image[data=""], #gallery_outer_1 .g_image[data*="<!-- missing"], #gallery_outer_2 .g_image[data*="<!-- missing"], #gallery_outer_3 .g_image[data*="<!-- missing"] {



    display: none;



}



@keyframes slide {



 from {



 left: 100%;



}



 to {



 left: 0%;



}



}



.mobile_only {



    display: block;



}



 @media(max-width: 767px) {



.leftarrow, .rightarrow {



    width: 50%;



    display: block;



}



#gallery_outer_1 .g_image .thumbimage, #gallery_outer_3 .g_image .thumbimage {



    display: block;



}



#gallery_outer_1, #gallery_outer_3 {



    height: auto;



}



#gallery_outer_1 .g_image, #gallery_outer_3 .g_image {



    width: max-content;



    height: auto;



}



#gallery_outer_1 #gallery, #gallery_outer_3 #gallery {



    height: auto;



    padding-top: 0px !important;

    


}







#gallery_outer_1 .mainimage, #gallery_outer_3 .mainimage {



    display: none;



    position: static;



    animation: none;



    max-width: 100%;



    height: auto;



    min-width: 0px;



}



#gallery_outer_1 #gallery [type="radio"]:checked ~ .mainimage, #gallery_outer_3 #gallery [type="radio"]:checked ~ .mainimage {



    display: block;



}



#gallery_outer_1 .mainimage, #gallery_outer_3 .mainimage, #gallery_outer_1 #gallery, #gallery_outer_3 #gallery, #gallery_outer_1 .mainimage div, #gallery_outer_3 .mainimage div {



    height: auto;



}



#gallery [type=radio]:checked ~ .mainimage div img {



    animation-name: slide;



    animation-duration: 0.4s;



}



#gallery_outer_3 .g_image {



    margin-bottom: 0;

    vertical-align: top;



}



.leftarrow span, .rightarrow span {



    font-size: 45px;



}



#gallery_outer_1 .mainimage div img, #gallery_outer_3 .mainimage div img {



    max-width: 100%;



    height: auto;



    position: relative;



    top: 0px;



    transform: none;



}



#gallery_outer_3 .g_image[data="#value[main_image]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[1]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[2]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[3]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[4]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[5]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[6]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[7]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[8]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[9]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[10]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[11]]#"], #gallery_outer_3 .g_image[data="#value[gallery_image[12]]#"] {

    display: none !important;

}



.leftarrow span, .rightarrow span {



    font-size: 1.8em;



    height: auto;



    width: auto;



    margin-left: 0;



    margin-right: 0;



    background: #000;



}



.leftarrow span {



    border-radius: 0px 10px 10px 0px;



    padding: 10px 4px 10px 0px;



}



.rightarrow span {



    border-radius: 10px 0px 0px 10px;



    padding: 10px 0px 10px 4px;



}



.rightarrow {



    right: 0px;



    padding: 0px;



}



.leftarrow {



    left: 0px;



    padding: 0px;



}



.leftarrow span:before {



    content: "\f104";



    font-family: "FontAwesome";



    font-size: 40px;



    padding-right: 10px;



}







.rightarrow span:before {



    content: "\f105";



    font-family: "FontAwesome";



    font-size: 40px;



    padding-left: 10px;



    padding-right: 0px;



}







#gallery [type=radio]:checked ~ .mainimage {



    opacity: 1;



    z-index: 2;



    padding: 0px 0px 0px 0px;



    position: absolute;



    top: 0px;



}











#gallery_outer_1 .g_image .thumbimage, #gallery_outer_3 .g_image .thumbimage {



    max-width: max-content;



}







#gallery_outer_3 .mainimage {



    min-height: 320px;



}







#gallery_outer_3 .mainimage img {



    max-height: 320px;



}







.his_her_section {



    padding: 50px 0px;



}















}