html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    }
    html, body {
        /* For the loading indicator to be vertically centered ensure */
        /* the html and body elements take up the full viewport */
        min-height: 100%;
    }
    html.loading {
        /* Replace #333 with the background-color of your choice */
        /* Replace loading.gif with the loading image of your choice */
        background: #333 url('loading.gif') no-repeat 50% 50%;

        /* Ensures that the transition only runs in one direction */
        -webkit-transition: background-color 0;
        transition: background-color 0;
    }
    body {
        -webkit-transition: opacity 1s ease-in;
        transition: opacity 1s ease-in;
    }
    html.loading body {
        /* Make the contents of the body opaque during loading */
        opacity: 0;

        /* Ensures that the transition only runs in one direction */
        -webkit-transition: opacity 0;
        transition: opacity 0;
    }


::-moz-selection {
background: #60CAC0;
color: #FFFFFF;
}
::selection {
background: #60CAC0;
color: #FFF;
}

a::-moz-selection {
background: #60CAC0;
color: #FFFFFF;
}
a::selection {
background: #60CAC0;
color: #FFFFFF;
}


.h3_font{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size:22px;
}

.page_back{
	background-image:url('fix/images/background.png');
}

.cont_back{
	background:#FFF;
}

.hr_class{
	box-shadow: 0 0 8px 1px #BBB;
}

.hr_effect{
	margin:0px;
	padding:0px;
	border: 0;
	border-bottom: 5px dashed #ddd;
	background: #999;
}


.home_black {  }

.home_black:hover {
	border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 2px dotted #666;

    -webkit-box-shadow: inset -2px -1px 20px 6px rgba(207,199,207,0.73);
    -moz-box-shadow: inset -2px -1px 20px 6px rgba(207,199,207,0.73);
     box-shadow: inset -2px -1px 20px 6px rgba(207,199,207,0.73);
}