
/************************************************* Header ********************************************************************/
#Header {/*background:#3d3f40;*/ background:#000;border-bottom:solid 2px #fff;} 
#Header + main {margin-top:301px;} 
#Header .TopLink a{color:#fff;} #Header .TopLink a:hover{color:#000;}
.btntop{width:215px; padding:15px 20px; background:#fb0064;font-size:12px; color:#fff; text-transform:uppercase;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel .carousel-item {transition-duration: 2s;}
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto; line-height:1.4; bottom:0; top:0px; right:0px !important;left:0px !important;}
.MainBanner .carousel-caption .BnrText{background:#6809ef; padding:35px 40px; font-size:40px; line-height:1.2; width:570px;}
.MainBanner .carousel-caption .BnrText .fs-28{font-size:28px; vertical-align:top;letter-spacing:.060em;}
.MainBanner .carousel-caption .BnrText a{color:#fff;} .MainBanner .carousel-caption .BnrText a:hover{color:#fb0064;}

#Services .SerText{position:absolute; bottom:45px; right:0px; left:0px;z-index:999; text-align:center;}
.TestiBox{background:url(../images/bgtesti.jpg) no-repeat top center; min-height:662px; color:#150f1a;}
.texthead{color:#565656;} .Name{letter-spacing:.140em;}
.AddresArea a{color:#fff;} .AddresArea a:hover{color:#4cfcaa;}

#ContactForm {padding:20px 0px 90px 0px; font-size:15px;}
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:15px; line-height:30px; border-color:#343434; border-radius:0; height:51px;font-family:Georgia;color:#000;}
#ContactForm .form-control::placeholder{color:#000;}

/********** Footer ***************************************************************************************************/
#Footer{color:#79787f; line-height:30px; font-size:14px; padding:10px 0px 20px 0px;}
#Footer a{color:#79787f;} #Footer a:hover{color:#78cb4a;}
#Footer .form-control{background:#fff; border-bottom:solid 1px #d6d6d6 !important; padding-left:0px; font-size:14px; font-weight:300; height:44px;}
#Footer textarea.form-control {height:80px;}
#Footer .btn.btn-sm {padding:12px 42px;}

.CopyText{font-size:13px; color:#868689; letter-spacing:.020em;}
#Footer .list-inline a{font-size:16px; margin:0px; color:#94929b;}
#Footer .list-inline a:hover{color:#fb0064;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}


.List {padding:0; margin:0 0 35px 0; list-style-type:none;}
.List li{background:url(../images/icon1.png) no-repeat 0.1em 0.63em; padding:5px 0 5px 35px; margin:0px;}

/**********************mycss*****************************/
.small {letter-spacing:0.5px !important}
.card {box-shadow:0px 5px 16px rgba(223, 241, 223, 0.5); transition:0.8s; background:#37afba ; margin:0 auto; box-sizing:border-box; overflow:hidden; border-radius:7px !important; color:#fff;}
.card-header,.card-footer {border-radius:7px !important}
.card:after {position:absolute;top:0; left:-50%; width:100%; z-index:9999; height:100%; pointer-events:none}
.card-title img {z-index:99999 !important}
.card .layer {position:absolute; top:calc(100% - 5px); width:100%; height:100%; background:linear-gradient(#fb0064, #6809ef ); left:0; z-index:1; transition:0.5s;color:#fff !important;}
.card:hover {box-shadow:-5px 20px 40px rgba(223, 241, 223, 0.5)}
.card:hover hr {background-color: #fff}
.card:hover .layer {top:0}
.card .content {position:relative; z-index:2}
.card .content .img-1 {width:120px; height:120px; margin:0 auto; border-radius:50%; overflow:hidden; border:3px solid white !important}
hr {background-color:rgb(117, 117, 117); width:80% !important; margin:auto; transition:1s}
#quotes {opacity:0.1; filter:alpha(opacity=40)}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 2;
  }
  @include media-breakpoint-only(xl) {
    column-count:2;
  }
}
.text-danger{color:#fb0064 !important;}
.bg-success{background-color:#4bf977 !important;}
.text-primary{color:#37afba !important;}
.breadcrumb>li+li:before{color:#000;}
.fs-22{font-size:22px;}
.fs-24{font-size:24px !important;}
.mycss-box {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
}
.entry-content a { box-shadow: none !important; transition: none !important;color:#4bf977;}
.entry-content h4{font-size:24px !important;margin-bottom:20px;padding-top:0px;color:#fb0064;}
.mycss-height{min-height:250px;}
a.post-edit-link{color:#4bf977 ;}

ul.list li {
    list-style:none;
    background: url(../images/list.png)no-repeat 0.1em 0.20em;
    padding-left: 30px;
}
.ngg-gallery-thumbnail{width:284px;height: 195px;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    width: 100%;
    
}
.Imgfade{background:#000;}
.Imgfade img{opacity: 0.80; filter: alpha(opacity=50); /* For IE8 and earlier */}
#Services a:hover .Imgfade img{opacity: 0.50; filter: alpha(opacity=50); /* For IE8 and earlier */}
#Services a:hover .Imgfade{background:#000;}

.pro-height{min-height:170px;}
.navbar .nav-item:hover .nav-link{color:#37afba !important;}
.dropdown-menu>li>a {padding: 3px 10px;clear: both;text-transform:uppercase;font-size: 14px; letter-spacing: .020em;white-space: nowrap;color: #fff;}
.dropdown-menu li:hover {color:#fff;}
.dropdown:hover>.dropdown-menu {/*display: block;*/}
.dropdown-menu>li>a:hover {color:#37afba ;}
.dropdown-menu>li {
    border-bottom: solid 2px #fff !important;
    padding: 5px 0px;
}
.dropdown-menu {padding: 0px!important;background:#3d3f40 !important;}
ul.dropdown-menu{top:40px !important;}
ul.dropdown-menu{border:solid 1px #fff !important;}
.navbar .navbar-nav .active>.nav-link{background:none;}
.navbar-nav .dropdown-menu > li > a {white-space: nowrap!important;}
.navbar-nav.sm-collapsible a.has-submenu{padding-right:0px!important;}


.page-links {
    text-align: center;
    font-size: 18px;
}
.page-links:before {content: "\007E"; color: #000; margin-right:5px;}
.page-links:after {content: "\007E"; color: #000; margin-left:5px;}

/*************************************************************************************************************/

.container{max-width:1170px;} 

