/**** ROOT ****/

:root{
  
--smred: #E51E25;
--smyellow: #FACF0E;
  
}


.fa-map-marker-alt:before {
    content: "\f3c5";
    color: #fff;
}

/*** Custom Classes ***/

.imgbloom {
  border:solid;
  border-radius: 40%;
  border-color: #702c2e;
  animation: mymove 8s infinite;
}

@keyframes mymove {
  50% {border-radius: 50px;}
}



/** Header **/ 

img.logo-img {
    min-height: 100px;
    min-width: 260px;
    display: flex;
    position: absolute;
    margin-top: -35px;
}
  	

/* #t4-header + #t4-hero {
    margin-top: -79px;
}*/

#t4-hero {
    background: #000;
    padding-top: 0rem; /*6.7rem*/
    padding-bottom: 0rem;
}


.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {
    color: #000;
  	font-weight: bold;
 
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #000;
  	font-weight: bold;
}

.t4-palette-mainnav .nav > li > a:hover, .t4-palette-mainnav .nav > li > a:focus, .t4-palette-mainnav .nav > li > a:active {
    color: #E51E25 !important;
}

.t4-palette-mainnav_grey .nav > li > a:hover, .t4-palette-mainnav_grey .nav > li > a:focus, .t4-palette-mainnav_grey .nav > li > a:active {
    color: #E51E25 !important;
}

.t4-offcanvas .t4-off-canvas-body {
    background: #e1e1e1;
}

.t4-offcanvas .t4-off-canvas-header {
    background-color: #FACF0E;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator {
    color: var(--smred);
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:active, .t4-offcanvas .t4-off-canvas-body .navbar .separator:hover, .t4-offcanvas .t4-off-canvas-body .navbar .separator:focus, .t4-offcanvas .t4-off-canvas-body .navbar .separator:active {
    background-color: transparent;
    color: var(--smred);
}

/**Smart Slider **/

div#n2-ss-2-shape-divider-top {
   
    transform: rotate(358deg);
    margin-top: -50px;
}

@media (orientation: landscape) and (max-width: 1199px) and (min-width: 901px), (orientation: portrait) and (max-width: 1199px) and (min-width: 701px){
div#n2-ss-2-shape-divider-top {
    height: 200px !important;
  	transform: rotate(355deg);
}
  }

/** Module Heading **/

.module-title {
    
    font-size: 18px;
  	color: #E51E25;
}

/* Sections */

div#t4-user-2 {
    margin-top: 50px;
}