@import url('https://fonts.googleapis.com/css?family=Domine|Gentium+Basic|Quattrocento|Roboto|Roboto+Mono');


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
	background-color: #790000;	
	/*
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)*/
}


body
{
	background-color: #000000!important;
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif !important;
	scroll-behavior: smooth !important;
	
}

.f_robo
{
	font-family: 'Roboto', sans-serif !important;
}



.tuc_f
{
	font-family: 'Quattrocento', serif !important;
}

.tuc_red
{
	color:#790000;
}
nav.navbar.shrink {
	margin-top: 0px;
	padding-top: 5px;
  	min-height: 35px;
  
  	-moz-box-shadow:    3px 3px 5px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.1);
  box-shadow:         3px 3px 5px 6px rgba(0,0,0,0.1);
}

.navbar-inner {
   margin-top: -100px;
    background-color: transparent;
    color: #fff;

}

nav.navbar
{
	min-height: 100px;

	color: #fff;
	border-style: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.home_logo
{
	height: auto;
	width: 30vmax;
	margin-top: -500px;
	opacity: 0.8
}

 .navbar-default .navbar-nav > .active{
    color: #fff;
    /*text-transform: uppercase;
    font-weight: bolder;
   	text-decoration: none;
	padding-bottom: 4px;
	white-space: nowrap;*/

 }
 
 .navbar-nav li>a:hover,.navbar-nav li>a:focus,.navbar-nav li.active {
    color: #790000;
    font-weight: 900;
}



/*end of shrinking bs navbar*/


.nav_logo
{
	max-width: 50px;
	min-width: 30px;
	width: 4vmax;
	height: auto;
	
	margin: 10px -10px 10px 10px;
}

.nav_header
{
	font-size: 1.5vmax;
	color: #000000!important;
	text-decoration: unset;
	font-family: 'Quattrocento', serif !important;
}
.nav_link
{
	font-size: 20px;
	color: #191919!important;
	
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.nav_link:hover
{
	background-color: #191919 !important;
	color: #ffffff !important;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.heading
{
	font-size: 5vmax;
	margin-bottom: 40px;
	margin-top: 40px;
	
	font-family: 'Quattrocento', serif !important;
}

.heading2
{
	font-size: 3vmax;
	margin-bottom: 40px;
	margin-top: 40px;
	
	font-family: 'Quattrocento', serif !important;
}

.heading i
{
	font-size: 3vmax;
	
}

.heading2 i
{
	font-size: 1.5vmax;
	
}
.heading_under
{
	border-style: solid;
	border-top-width :0;
	border-right-width:0;
	border-left-width: 0;
	border-color: #790000;
	border-bottom-width: 2.5px;
	border-radius: 5px;
}
.nav_header:hover, .nav_header:active
{
	text-decoration: unset!important;
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.1);
  box-shadow:         3px 3px 5px 6px rgba(0,0,0,0.1);
}

.home_iframe
{
	min-height: 20vh;
	min-width: 100vw;
	overflow: hidden;
	border-style: none;

}

.home_ifr_bk
{
	background-image: url(../images/home.png);
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.home_ifr_bk_ag
{
	
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all ease;
	transition: all ease;
	height: 50vh !important;
}

.ag1
{
	background-image: url(../images/home.png);
}

.home_ifr_bk2
{
	background-image: url(../images/home.png);
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all ease;
	transition: all ease;
}


.home_ifr_bk:hover
{
	background-image: url(../images/1.gif);
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.home_logo
{
	height: auto;
	
	
	width: 10vmax;
	opacity: 0.8;
}

.home_link i
{
	font-size: 5vmin;
	color: #c1c1c1;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	font-weight: lighter !important;
	text-decoration: none;
	text-transform: uppercase;
}



.home_link:hover,
.home_link:active,
.home_link:visited
{
	font-size: 0vmin;
	color: #790000;
	-webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
	font-weight: 900 !important;
	text-decoration: none;
}

.home_link:hover i


{
	font-size: 8vmin;
	color: #790000;
	-webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
	font-weight: lighter !important;
	text-decoration: none;

}
.next_link
{
	font-size: 3vmin;
	text-align: center;
	color: #c1c1c1 ;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	font-weight: lighter !important;
	text-decoration: none!important;
	text-transform: uppercase;
}

.next_link:hover

{
	font-size: 4vmin !important;
	text-decoration: unset!important;
	color: #790000;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.next_link:active

{
	font-size: 4vmin !important;
	text-decoration: unset!important;
	color: #790000;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.phone_home
{
	background-image: url(../images/bw_bk_2k.png);
	height: 100vh;
	width: 100vw;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	text-align: justify;
}
.service_box
{
	background-color: #ffffff;
	color: #515151;
	font-size: 18px;
	min-height: 620px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 10px;
	min-width: 15vw;
	padding:20px;
	border-width: 3px!important;
	border-style: solid;
	border-color: #f1f1f1;
	border-width: 1px;
	border-radius: 5px;

	
}

.service_box h4
{
	font-size: 30px;
	
	text-align: center;
	font-weight: 900;
	font-family: 'Quattrocento', serif !important;

}



.service_box:hover
{
	background-color: #e1e1e1;
	border-color: #790000;
	font-weight: 900 !important;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.tuc_icon:hover .tuc_icon{
    transform: scale(1.5);
   
    -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
    
}
.tuc_icon i{
    font-size: 50px;
    color: #790000;
    line-height: 100px;
    margin: 10px;
    -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.link_icon
{
	color: #a9a9a9 !important;
	font-size: 20px !important;
	line-height: unset !important;
}

.link_icon:hover
{
	color: #790000!important;


}

.agenda_bk
{
	background-image: url(../images/home.png);
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all  ease;
	transition: all  ease;

}

.agenda_btn
{
	background-color: rgba(255,255,255,0.5);
	color: #191919!important;
	font-size: 20px;
	text-align: center;
	text-decoration: none!important;
	padding: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 900 !important;
	font-family: 'Quattrocento', serif !important;

}

.agenda_btn:hover
{
	background-color: rgba(121,0,0,0.5);
	color: #ffffff!important;
	text-decoration: none;
	font-size: 25px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.agenda_btn:visited
{
	
	text-decoration: none!important;
	color: #ffffff;
}

.reg_btn
{
	background-color: transparent;
	color: #191919!important;
	font-size: 20px;
	text-align: center;
	text-decoration: none!important;
	padding: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #790000;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 900 !important;
	font-family: 'Quattrocento', serif !important;
	margin-left:0;

}

.reg_btn:hover
{
	background-color: rgba(121,0,0,1);
	color: #ffffff!important;
	text-decoration: none;
	font-size: 25px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.reg_btn:visited
{
	
	text-decoration: none!important;
	color: #ffffff;
}

.agn_head
{
	font-size: 5vmax;
	color: rgba(255,255,255,0.95);
	font-family: 'Quattrocento', serif !important;
}

.agn_ds
{
	font-size: 20px;
	text-align: justify;
}

.eb_img1
{
	height: auto;
	max-width: 300px;
	min-width: 200px;
	width: 5vmax;
	border-radius: 50%;
}

.ph_agn_btn
{
	background-color: transparent;
	color: #191919!important;
	font-size: 3vmax;
	text-align: center;
	text-decoration: none!important;
	padding: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #790000;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 900 !important;
	font-family: 'Quattrocento', serif !important;

}

.ph_agn_btn:hover
{
	background-color: rgba(121,0,0,1);
	color: #ffffff!important;
	text-decoration: none;

	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ph_agn_btn:visited
{
	
	text-decoration: none!important;
	color: #ffffff;
}
.how_to p
{
	font-size: 1.5vmin;
}

/*.agenda_bk:hover
{
	background-image: url(../images/1.gif);
	

}
*/
/*show more*/
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: 0.8s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Read more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Hide';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
 
  background-color: transparent;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;

}

.read-more-trigger:hover {
  background-color: #790000;
  color: #ffffff;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/*new nav*/


.sec
{
	
	border-radius: 50%;
	font-size: 0px;
	padding: 0px;
	height: 300px;
	width: 300px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sec:hover
{
	
	border-radius: 5px;
	font-size: 0px;
	padding: 0px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sec_over
{
	background-color: transparent;
	border-radius: 5px;
	font-size: 0px;
	padding: 0px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sec_over:hover
{
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	font-size: 0px;
	padding: 0px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sec1
{
	background-image: url(../images/user.png);
}

/*back to top*/

/***********************************************************************************************/
/* Button */
/***********************************************************************************************/
.back-to-top {
 
background: none;
 
margin: 0;
 
position: fixed;
 
bottom: 0;
 
right: 0;
 
width: 70px;
 
height: 70px;
 
z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #ffffff;
 
background-color: #ff9000;
 
}
 
  
 
.back-to-top i {
 
  font-size: 60px;
 
}

/* Extra Things */

/*end*/

.footer_h2
{
	font-size: 3vmax;
	color: #f1f1f1;
	font-family: roboto;
	font-weight: lighter;
	text-align: center;
}

.footer_img
{
	height: auto;
	min-width: 60px;
	width: 20vmax;
	max-width: 1000px;
	margin-left: -50px;
}

.tuc_qt
{
	text-align: center;
	color: #ffffff;
	font-family: 'Quattrocento', serif !important;
	font-size: 4vmax;

}

.tuc_qt i
{

	font-size: 2.5vmax !important;

}

.auth
{
	text-align: center!important;
	color: #f1f1f1;
	font-style: italic;
}

.ph_home_logo
{
	height: auto;
	max-width: 80vw;
	min-width: 20vw;
	width: 80vmax;
	margin-top: 25vh;
}

.ph_h3
{
	font-family: 'Roboto', serif !important;
	color: #ffffff;
}

.ph_menu_home
{
	border-style: none !important;
	color: #ffffff !important;
	background-color: transparent!important;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 10vmin;
}

.ph_menu_home:hover
{
	
	background-color: #ffffff!important;
	color: #000000!important;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

.ph_btn_a
{
	text-align: center;
	color: #ffffff;
	background-color: #790000;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	border-radius: 2px;
	text-decoration: none!important;
	font-size: 2vmax;
	padding: 10px;
	
}

.ph_agenda_img
{
	height: auto;
	width: 60vw;
}

footer
{
	background-color: #191919;
	padding: 20px;
}
/*show more*/
#content{
  /* DON'T USE DISPLAY NONE/BLOCK! Instead: */
  background-color: rgba(255,255,255,1);
  max-height: 100vh !important;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
          transition: 0.6s;
  -webkit-transition: 0.6s;
          transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  z-index: 99;
}
#content.appear{
  visibility: visible;
  opacity: 1;
          transform: translateX(0);
  -webkit-transform: translateX(0);
}
/*end*/

.cm_btn
{
	background-color: #790000 !important;
	border-style: solid !important;
	border-color: #790000 !important;
	border-radius: 5px !important;
	color: #ffffff !important;
	font-weight: 800 !important;
}

.cm_btn:active
{
	background-color: #ffffff !important;
	border-style: solid !important;
	border-color: #790000 !important;
	border-radius: 5px !important;
	color: #191919 !important;
	font-weight: 800 !important;
}

@media only screen and (max-width: 775px) {
    #navbar-inner {
    	margin-top: 0px;
        padding-top: 5px;
    }

    .phone_hide
    {
    	display: none;
    }

    body
    {
    	margin-right: 0px !important;
    }

    .navbar-inner {
    	margin-top: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    color: #fff;
    -moz-box-shadow:    3px 3px 5px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(0,0,0,0.1);
  box-shadow:         3px 3px 5px 6px rgba(0,0,0,0.1);
	}

	nav.navbar
	{
		min-height: unset;
		 border: 0;
		 color: #fff;
	  
	   -webkit-transition: all 0.4s ease;
	   transition: all 0.4s ease;
	}

	.navbar-fixed-top
	{
		background-color: #ffffff !important;
	}

	.nav_header
	{
		font-size: 2.5vmax;

	}

	.service_box
	{
		background-color: #ffffff;
		color: #515151;
		
		min-height: 5vh;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		margin: 10px;
		min-width: 15vw;
		padding:20px;
		border-width: 3px!important;
		border-style: solid;
		border-color: #f1f1f1;
		border-width: 1px;
		border-radius: 5px;

		
	}
	.navbar-fixed-top
	{
		background-color: #191919 !important;
	}

	.home_ifr_bk_ag
	{
		

		height: 50vh;
	}

	.agn_ds
	{
		font-size: 2vmax;
		text-align: justify;
	}




	

	
  
}

@media only screen and (min-width: 775px) {
  
    #view_content
    {
    	display: none;
    }

    .phone_view
    {
    	display: none;
    }
}