*{margin: 0;padding: :0;outline: 0;}

html{
    max-width: 100%;
    overflow-x: hidden;
    overflow-y:scroll;
}

body {
	margin:1px 0 0 0;
	padding: 0;
	text-align: left;
	font-family:"Trebuchet MS",Garamond,Georgia, "Times New Roman", Times, serif;
	color: #4e4c4c;
	font-size:13px;
	overflow-y:hidden;
    overflow:-x:hidden;
}

blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect; // for android
    animation: 2s linear infinite condemned_blink_effect;
}


@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

.clear{overflow:hidden;}

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

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

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

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

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

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

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

@font-face {
    font-family: MavenPro-Regular;
    src: url(../fonts/MavenPro-Regular.ttf);
}
@font-face{
    font-family: my_colab_thin;
    src: url(../fonts/colab_thin.otf);
}
@font-face{
    font-family: my_gautamib;
    src: url(../fonts/gautamib.ttf);
}
@font-face{
    font-family: my_cooperb;
    src: url(../fonts/cooperb.ttf);
}
@font-face{
    font-family: my_futura_light;
    src: url(../fonts/futura_light_bt.ttf);
}
@font-face{
    font-family: my_futura_medium;
    src: url(../fonts/futura_medium_bt.ttf);
}
@font-face{
    font-family: my_montserrat_bold;
    src: url(../fonts/montserrat_bold.ttf);
}
@font-face{
    font-family: my_montserrat_regular;
    src: url(../fonts/montserrat_regular.ttf);
}
@font-face{
    font-family: my_montserrat_thin;
    src: url(../fonts/montserrat_thin.ttf);
}

.hind-light {
  font-family: "Hind", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.hind-regular {
  font-family: "Hind", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hind-medium {
  font-family: "Hind", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.hind-semibold {
  font-family: "Hind", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.hind-bold {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.profile_photo{
    border-radius:6px;
    background-color: #ffffff;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 1.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 1.5px 0px rgba(0,0,0,0.75);
    box-shadow: 2x 2px 1.5px 0px rgba(0,0,0,0.75);
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 2px;
    display: block;
}

.slider_Photo{
    border-radius:8px;
    background-color: #e5e6e6;
    padding: 6px;
    -webkit-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    box-shadow: 2.5x 2.5px 3.5px 0px rgba(0,0,0,0.75);
    margin-left: auto;
    margin-right: auto;
    margin :2px;
    display: block;
}

#name_kamesh{
   font-family: Kanit-ExtraLight;
   text-align: center;
   width: 100%;
   font-size: 20px;
   color: #383838;
   letter-spacing: 5px;
   text-shadow: 1px 1px 2px #000000;
}

#name_salam{
   font-family: Kanit-SemiBold;
   text-align: center;
   width: 100%;
   font-size: 30px;
   color: #383838;
   letter-spacing: 5px;
   margin-top: -10px;
   text-shadow: 2px 2px 3px #000000;
}

#bamboo_crusader{
   font-family: MavenPro-Bold;
   text-align: center;
   width: 100%;
   font-size: 50px;
   color: #013d29;
   letter-spacing: 5px;
   margin-top: 16px;
   text-shadow: 3px 3px 4px #000000;
   line-height: 0.85;
   padding-bottom: 20px;
}

#crusader{

}

.underline {
  border-bottom: 2px solid currentColor;
  display: inline-block;
  line-height: 0.85;
  text-shadow: 2px 2px white,2px -2px white,-2px 2px white,-2px -2px white;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

#about_kamesh_homepage{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    margin-top: -30px;
    padding-top: 0px;
    display: block;
    font-family: Kanit-ExtraLight;
    text-align: center;
    font-size: 18px;
    width: 70%;
    color: #716363;
}

#canboo_homepage{
    margin-left: 3px;
    margin-bottom: 2px;
    margin-top: -30px;
    padding-top: 0px;
    display: block;
    font-family: Kanit-ExtraLight;
    text-align: center;
    font-size: 18px;
}


.shortcut{
    clear: both;
    height: 190px;
    display: block;
    position: relative;
    bottom: 0px;
    margin: 0 auto;
    min-width: 100%;
    border-top:2px solid #a3d080;
    background: #3F4A4C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#a3d080,#3F4A4C); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a3d080,#3F4A4C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a3d080,#3F4A4C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a3d080,#3F4A4C); /* Standard syntax */
    border-radius:5px;
    border-top:solid;
    border-top-width:2px;
    border-top-style:groove;
}

.left_block{
    clear: both;
    display: block;
    margin-top: -40px;
    background-color:#f0f0f0;
    min-height: 1268px;
}


.embed-responsive-16by9 {
    clear: both;
    margin-top: 15px;
    margin-bottom: 16px;
    margin-left: 10px;
    margin-right: 8px;
}

.right_block{
}

/******************************************************************Footer Section************************************************************************/
.shortcut_logo{
    margin-top: 12px;
    float: left;
}

.bamboo_day_logo{
    display: block;
    margin-left: -10px;
    float: left;
    opacity: 0.65;
    filter: alpha(opacity=65); /* For IE8 and earlier */
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #054165;
    -webkit-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    box-shadow: 2.5x 2.5px 3.5px 0px rgba(0,0,0,0.75);
}

.facebook, .twitter, .pinterest, .linkedin, .instagram {
    display: block;
    float: left;
    margin-left: 10px;
}

.partners_logo{
    display: block;
    float: left;
    opacity: 0.65;
    filter: alpha(opacity=65); /* For IE8 and earlier */
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #054165;
    -webkit-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2.5px 2.5px 3.5px 0px rgba(0,0,0,0.75);
    box-shadow: 2.5x 2.5px 3.5px 0px rgba(0,0,0,0.75);
    margin-left: 15px;
}

.partners_logo:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.social {
    margin: 0;
    padding: 0;
    height: 40px;
    margin-top: 12px;
    margin-right: -12px;
    display: block;
    float: right;
}

.social ul {
    margin: 0;
    padding: 1px 10px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 30px;
    height: 30px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 4px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #485548;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #292929;
    color: #ffffff;
    font-family: my_gautamib;
    font-size: 12px;
    max-width: 150px;
    font-weight: lighter;
}

.red-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color:#292929;
}

/*******************************************************************************************************************************************************/
.top_menu, .top_menu_block{
    display: none;
}

.middle_menu_block{
    display: block;
    margin-top:1px;
    border-bottom:1px dotted #aeaeae;
    height: 40px;
}

.navbar-nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
}

.navbar-default {
    background-color: #ffffff;
}

.nav > li {
    position: relative;
    display: block;
    padding: 0px 8px;
    border-right: 1px dotted #2c2b2b;
    letter-spacing: 3px;
}

.nav > li:last-child {
    border-right: none;
}

.navbar-nav > li > a {
    padding-top:5px !important;
    padding-bottom:5px !important;
    }

.navbar {min-height:32px !important}

.dropdown-menu{
    margin-left: 5px;
}

.dropdown-menu li {
    border-bottom:1px dotted #2c2b2b;
}

.dropdown-menu li:last-child {
    border-bottom:none;
}


.navbar-default .navbar-nav > .active > a{
    background-color: #ffffff;
    color: #555;
}

.navbar-default .navbar-nav > .active > a:hover {
    color:#1c9ea6;
    border-radius:5px;
    border-bottom: 1px solid #a6a3a3;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #fff); /* Standard syntax */

}

.navbar-default .navbar-nav > .active > a:focus{
    color:#ff3000;
    border-radius:5px;
}

.navbar.navbar-default, .navbar button.navbar-toggle { border: none; }

/*************************************************************************Extra Small Device*******************************************************************************/
@media only screen and (max-width: 767px) {
    .navbar-toggle{
        margin: 0px;
        display: block;
        position: relative;
    }

    .navbar-default {
        background-color: transparent;
    }

    .navbar-collapse{
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .active > a{
        background-color: transparent;
    }

    .collapse{
    }


    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background-color: #222222;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -5px;
        margin-left: -34px;
    }

    .dropdown-menu li {
        border:none;
    }

    .nav > li {
        border:none;
    }

    .navbar-default .navbar-nav > .active > a:hover {
        color:#1c9ea6;
        border-radius:0px;
        border-bottom: none;
        background: transparent; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(transparent, transparent); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(transparent, transparent); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(transparent, transparent); /* For Firefox 3.6 to 15 */
        background: linear-gradient(transparent, transparent); /* Standard syntax */
    }

    .navbar-default .navbar-nav > .active > a:focus{
        color:#ff3000;
        border-radius:0px;
    }

    .middle_menu_block{
        display: none;
    }

    .left_block{
        margin-top: -1px;
        position: relative;
        min-height: 1168px;
    }

    .img-nandakumar{
        border-radius:6px;
        background-color: #ffffff;
        padding: 4px;
        -webkit-box-shadow: 2px 2px 1.5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 2px 2px 1.5px 0px rgba(0,0,0,0.75);
        box-shadow: 2x 2px 1.5px 0px rgba(0,0,0,0.75);
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
        margin-bottom: 2px;
        display: block;
    }

    .top_menu, .top_menu_block{
        display: block;
    }

    .top_menu_block{
        border:none;
    }

    .home_sliderz{
        margin-top: 20px;
        padding-top: 10px;
        border-top: 0.5px dotted #a6a3a3;
    }

    .home_sliderz{
        margin-bottom: 10px;
    }

    .position,.organisation,.location,.dt,.project_cost,.author_by{
        text-align: center;
    }
    .profile_detail{
        font-family: Arial, Helvetica, sans-serif;
    }


    .visitors_label{
        font-family: MavenPro-Regular;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
    }


    .shortcut{
        bottom: -10px;
        margin: 0 auto;
        border-radius:0px;
    }


    .shortcut_logo{
        display: block;
        margin-top: 12px;
        float: left;
        margin-left:-20px;
    }

    .bamboo_day_logo{
        display: block;
        margin: 0px;
        padding: 0px;
        margin-left: 1px;
        float: left;
        width: 40%;
        max-width: 40%;
    }

    .partners_logo{
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
        width: 22%;
        max-width: 22%;
        margin-left: 2px;
    }

    .facebook, .twitter, .pinterest, .linkedin, .instagram {
        margin-left: 3px;
    }

    .social i {
        height: 20px;
        width: 20px;
        font-size: 12px;
    }

    .poweredBy{
        padding:8px 0;
    }

    .poweredByContent{
        float:right;
        width: 70px;
        padding-top: 25px;
    }

    .poweredByContent p{
        float:left;
    }

    .poweredByContent a{
        float: left;
        font-family: my_cooperb;
        font-size: 8px;
        color: red;
        border: 1px solid red;
        border-radius: 3px;
        padding: 2px;
    }
}

.home_sliderz{
    margin-top: 5px;
}

.copyright{
    color: #fff;
    text-align: center;
    font-family: Kanit-ExtraLight;
    font-size: 12px;
    display: block;
    position: relative;
    bottom: -20px;
}

/*Extra Small Device*/
@media only screen and (max-width: 320px) {
    .shortcut{
        height: 200px;
    }

    .copyright{
        bottom: -70px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 480px){
    .shortcut{
        height: 150px;
    }

    .copyright{
        bottom: -26px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    .shortcut{
        height: 150px;
    }

    .copyright{
        bottom: -5px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    .shortcut{
        height: 150px;
    }

    .copyright{
        bottom: -5px;
    }
}

/********************************Overriding Media Classes********************************/

@media only screen and (min-width: 320px) and (max-width: 1280px){
    #bamboo_crusader{
       font-family: MavenPro-Bold;
       text-align: center;
       width: 100%;
       font-size: 40px;
       color: #013d29;
       letter-spacing: 5px;
       margin-top: 16px;
       text-shadow: 3px 3px 4px #000000;
       line-height: 0.85;
       padding-bottom: 20px;
    }

}

@media only screen and (max-width: 991px){
    .position,.organisation,.location,.dt {
        text-align: center;
    }

    .profile_detail{
        font-family: Arial, Helvetica, sans-serif;
    }
}


@media only screen and (min-width: 768px) {
}

/********************************Nandakumar Page***************************************/
.nandakumar_feed{
    margin-top:18px;
}

.img-nandakumar{
  border-radius: 8px;
  border-bottom-style:groove;
}

.about_nandakumar {
    font-family:  my_colab_thin;
    font-size: 16px;
    font-weight: bold;
    border-bottom:solid;
    border-bottom-width:1px;
    border-bottom-style:groove;
    overflow-wrap:break-word;
}

.author_name{
   font-family:  my_gautamib;
   font-size: 16px;
   padding-top: 10px;
   height: 30px;
}
/***************************************************************Profile Page***************************************************************/
.profile_h3{
   text-align: center;
   width: 100%;
   font-size: 20px;
   color: #383838;
   letter-spacing: 3px;
   text-shadow: 1px 1px 2px #000000;
}
.profile_h4{
   text-align: center;
   width: 100%;
   font-size: 18px;
   letter-spacing: 1.5px;
   text-shadow: 1px 1px 2px #000000;
}
.profile_block{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0.5px dotted #626262;
}

.profile_block:last-child{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}


.profile_logo{
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    background-color: #d1dccf;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 1.5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 1.5px 0px rgba(0,0,0,0.75);
}
.position{
    font-family: MavenPro-Black;
    font-size: 18px;
}
.organisation{
    font-family: my_colab_thin;
    font-size: 20px;
}
.location{
    color: #698755;
    font-size: 16px;
    font-weight: bold;
}
.dt{}
.profile_detail{
    padding-top: 10px;
}

.readmore1{
   font-family: MavenPro-Black;
   font-size: 14px;
}

.readmore2{
   font-family: MavenPro-Black;
   font-size: 14px;
   text-align: right;
}

.readmore2_link{
   font-family: MavenPro-Black;
   font-size: 14px;
   text-align: center;
   color:#ff0000;
}

/*********************************************************************Works Page**************************************************************/
.bold_text{
    font-size: 16px;
    font-weight: bold;
}

.project_cost{
    color: #fb9b13;
    font-size: 14px;
    font-weight: bold;
}

.works_text{
    padding-left: 30px;
}
/********************************************************************Resources Page***********************************************************/
.author_by{
    text-align: right;
    color: #3a3a39;
    font-weight: bold;
    font-family: MavenPro-Regular;
    font-size: 14px;
}
/********************************************************************Gallery Page*************************************************************/
.left_block1_gallery, .left_block2_gallery{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    margin-top: -30px;
    padding-top: 0px;
    display: block;
    font-family: Kanit-ExtraLight;
    text-align: left;
    font-size: 14px;
    width: 70%;
    color: #716363;
}

.image_block a{
    float: left;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.image_block:hover img{
    opacity: .6;
}

.image_block img:hover{
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}
/**************************************************************Contact Form*******************************************************************/
.contact_from{
    padding-left: 20px;
    padding-right: 10px;
    margin-bottom: 22px;
}

label {
    color: #333;
}

label.compulsory:after{
   content: " *";
   color: red;
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.toUpperCase{
  text-transform:uppercase;
}

.toLowerCase{
  text-transform:lowercase;
}
.compulsory {
  border-color: #FF0000;
}

.compulsory:focus {
  border-color: #ff4200;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.compulsory1{
   color: red;
   font-size: 18px;
   margin-top: -20px;
}
.contact_address{
   padding: 15px 10px 15px 20px;
   background: #eaf989;
   text-align: center;
   margin-bottom: 5px;
   margin-top: 5px;
   border: 1px dotted #949494;
   border-radius: 5px;
}

.contact_address h4, .thanks_you h4{
   font-family: MavenPro-Medium;;
   width: 100%;
   font-size: 20px;
   color: #383838;
   letter-spacing: 2px;
   text-shadow: 1px 1px 2px #000000;
}

.contact_address p{
   font-family: my_gautamib;
   width: 100%;
   color: #585857;
}

.thanks_you{
   padding: 5px 10px 5px 20px;
   text-align: center;
   margin-bottom: 380px;
   margin-top: 150px;
}

.thanks_you h1{
   font-family: MavenPro-Medium;;
   width: 100%;
   color: #383838;
   letter-spacing: 4px;
   text-shadow: 1px 1px 2px #000000;
}

.thanks_you p{
   font-family: my_gautamib;
   width: 100%;
   color: #585857;
   font-weight: bold;
   font-size: 16px;
}

.thanks_you h4{
   color:red;
}

#err{
   color:red;
   font-size:16px;
   font-weight:bold;
   padding-left: 5px;
}

.err_msg{
    color:#ff0000;
    text-shadow:#666;
    text-align: center;
    margin: 0 auto;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
}

input[disabled]#send,
input[disabled]#send:hover,
input[disabled]#send:active,
input[disabled]#send:focus {
    background: #CCCCCC;
    box-shadow: none;
    outline: none;
    opacity: 0.5;
    text-decoration: none;
}
/*********************************************************************Statistics****************************************************************/
.visitors_count, .login_count{
    margin-top: 50px;
}

.visitors_label{
    margin-left: 50px;
    margin-right: 20px;
    font-family: MavenPro-Regular;
    font-weight: bold;
    font-size: 20px;
}

.values{
    color:#888;
    font-size: 20px;
    text-align: center;
}


/********************************************************************BOOTSTRAP MODAL**********************************************************/
 .close
{
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    filter:alpha(opacity=20);
    opacity:.2
}
.close:focus,.close:hover
{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    filter:alpha(opacity=50);
    opacity:.5
}
    button.close
{
    -webkit-appearance:none;
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}
.modal-open
{
    overflow:hidden
}
.modal
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog
{
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
.modal.in .modal-dialog
{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal
{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog
{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content
{
    position:relative;
    background-color:#fff;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade
{
    filter:alpha(opacity=0);
    opacity:0
}
.modal-backdrop.in
{
    filter:alpha(opacity=50);
    opacity:.5
}
.modal-header
{
    min-height:16.43px;
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close
{
    margin-top:-2px
}
.modal-title
{
    margin:0;
    line-height:1.42857143
}
.modal-body
{
    position:relative;
    padding:15px
}
.modal-scrollbar-measure
{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
    @media (min-width:768px)
{

.modal-dialog
{
    width:600px;
    margin:30px auto
}

.modal-content
{
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
    box-shadow:0 5px 15px rgba(0,0,0,.5)
}

.modal-sm
{
    width:300px
}

}
    @media (min-width:992px)
{
.modal-lg
{
    width:900px
}
/*************************************************************Modal CSS Ends Here*********************************************************************/
.poweredBy{
    padding:30px 0;
}

.poweredByContent{
    float:right;
    width: 106px;
    padding-top: 25px;
}

.poweredByContent p{
    float:left;
}
.poweredByContent a{
    float: left;
    font-family: my_cooperb;
    font-size: 10px;
    color: red;
    border: 1px solid red;
    border-radius: 3px;
    padding: 2px;
}
/*****************************************************************Photo Gallery Page*********************************************************************/
.dir_xname{
    color: #fff;
    font-family: my_cooperb;
    font-size: 16px;
    text-shadow: 1.5px 2px 1px #3E3E3E;
}
    /*
    font-family: my_futura_light;
    font-family: my_futura_medium;
    font-family: my_montserrat_bold;
    font-family: my_montserrat_regular;
    font-family: my_montserrat_thin;
    */
.dir_xdesig{
    color: #2f2f2d;
    max-width: 350px;
    float: left;
    display: block;
    font-family: Kanit-Light;
    font-size: 16px;
    padding-left: 39.6px;
    border-left: 2px solid #393934;
    margin-left: 42.5px;
    line-height: 18px;
    padding-bottom: 5px;
}
.dir-xplace{
    color: #dbdbdb;
    font-family: my_montserrat_bold;
    font-size: 14px;
    text-shadow: 1.5px 2px 1px #3E3E3E;
    padding-left: 39.6px;
    border-left: 2px solid #393934;
    margin-left: 42.5px;
}

.dir-xdate{
    color: #dbdbdb;
    font-family: my_futura_light;
    font-size: 14px;
    padding-left: 39.6px;
    border-left: 2px solid #393934;
    margin-left: 42.5px;
    padding-bottom: 11px;
}
.btn-font{
    font-family: my_futura_light;
    font-size: 16px;
}
.dir_xdet{
    border-top: 1px solid #46463c;
    border-left: 1px solid #46463c;
    border-top-left-radius: 95px;
    background: rgba(1,20,3,1);
    background: -moz-linear-gradient(top, rgba(1,20,3,1) 0%, rgba(1,20,3,1) 43%, rgba(14,28,0,1) 60%, rgba(27,54,2,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,20,3,1)), color-stop(43%, rgba(1,20,3,1)), color-stop(60%, rgba(14,28,0,1)), color-stop(100%, rgba(27,54,2,1)));
    background: -webkit-linear-gradient(top, rgba(1,20,3,1) 0%, rgba(1,20,3,1) 43%, rgba(14,28,0,1) 60%, rgba(27,54,2,1) 100%);
    background: -o-linear-gradient(top, rgba(1,20,3,1) 0%, rgba(1,20,3,1) 43%, rgba(14,28,0,1) 60%, rgba(27,54,2,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,20,3,1) 0%, rgba(1,20,3,1) 43%, rgba(14,28,0,1) 60%, rgba(27,54,2,1) 100%);
    background: linear-gradient(to bottom, rgba(1,20,3,1) 0%, rgba(1,20,3,1) 43%, rgba(14,28,0,1) 60%, rgba(27,54,2,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011403', endColorstr='#1b3602', GradientType=0 );
    float: left;
    position: relative;
    padding: 39px 2px 2px 63.9px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .75);
}
/********************************************************************Gallery Page************************************************************************/
.image_block{
    margin-left: 15px;
    margin-right: 15px;
}

.image_block a{
    float: left;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.image_block:hover img{
    opacity: .6;
}

.image_block img:hover{
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

.gallery-thumbnail{
    display: inline-block;
    height: auto;
    width: 100%;
    max-width: 100%;
}

.gallery-img{
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);
}

.img-thumbnail{
    border-radius:3px;
    height:140px;
    width:138px;
    -webkit-box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 1.5px 0px rgba(0,0,0,0.75);"
}

.image{
    display: block;
 }

 .rpt_heading{
    color: #ff0000;
    font-family: my_cooperb;
    text-shadow: 1.5px 2px 1px #3E3E3E;
    font-size: 28px;
    line-height: normal;
}
.rpt_sub_heading{
    color: #464644;
    font-family: my_montserrat_bold;
    font-size: 20px;
    line-height: normal;
}
.rpt_date{
    color: #6b6b6a;
    font-family: my_futura_light;
    font-size: 14px;
    line-height: normal;
    padding-bottom: 11px;
}
.rpt_heading1{
    color: #272727;
    font-family: Kanit-Light;
    font-size: 28px;
}
.drop_case{
    font-family: MavenPro-Black;
    font-size: 38px;
}
 /****************************************************************************************************************************************************/