html,
body,
.view {
    height: 96%;
}
@font-face {
    font-family: 'simhei-regular';
    src: url(../fonts/simhei.ttf) format('truetype');
}
/* Navigation*/

.navbar {
    background-color: rgb(255, 255, 255);
}
.carousel {
	top:115px;
}
.m40 {
	padding-top:110px !important;
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
    background-color: #ffffff;
}

footer.page-footer {
    background-color: #808080;
    margin-top: 2rem;
}


@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #ffffff;
    }
    .navbar.navbar-dark .navbar-toggler-icon {
   margin-top:20px;
    background-color: rgba(65, 198, 239, 0.51);
}

}

/*Call to action*/

.flex-center {
    color: #fff;
}


.hm-black-strong .full-bg-img, .hm-black-strong .mask {
    background-color: rgba(0,0,0,0.3);
}

/*Contact section*/
.view-contact {
    background: url("../img/contact-banner-it.jpg")no-repeat center center fixed;
   /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover; */
	background-size:100% 90%;
}
.view-contact-en {
    background: url("../img/contact-banner-en.jpg")no-repeat center center fixed;
   /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover; */
	background-size:100% 90%;
}
.hm-black-strong-contact .full-bg-img, .hm-black-strong .mask {
    background-color: rgba(0,0,0,.2);
}
.view-about {
    background: url("../img/about.jpg")no-repeat center center fixed;
    -webkit-background-size: 100% 80%;
    -moz-background-size: 100% 80%;
    -o-background-size:100% 80%;
    background-size: 100% 80%;
}
.view-services {
    background: url("../img/services01.png")no-repeat center center fixed;
 webkit-background-size: 100% 80%;
    -moz-background-size: 100% 80%;
    -o-background-size:100% 80%;
    background-size: 100% 80%;
}

.view-portfolio {
    background: url("../img/Oscar Bernelli Penta-1.jpg")no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size:cover;
    background-size: cover;
}
.hm-black-strong-portfolio .full-bg-img, .hm-black-strong .mask {
    background-color: rgba(0,0,0,.4);
}
.collection-card .stripe.dark {
    background-color: rgba(0,0,0,.5);
}
.collection-card .stripe {
    position: absolute;
    bottom: 0rem;
    width: 100%;
    padding: 0.2rem;
}
.collection-card .stripe.dark a p {
    color: #eee;
}
.collection-card .stripe a p {
    padding: 0;
    margin: 0;
    letter-spacing:3px;
    font-size: 1rem;
}
.collection-card {margin-bottom: 35px;}

#contact .fa {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #808080;
}

.custom-icon {
    background:#808080;
    padding:20px;
    -webkit-border-radius:1100%;
    -moz-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
    border:6px solid #fff;
    color:#fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46);
    text-align:center;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.custom-icon:hover {
    background:#7689AE;
}
.best-title {  font-weight: 600;font-size: 18px; }
.hr { margin: 50px 0px; }

.btn-fb {
    background-color: #3B5998;
}
.btn-tw {
    background-color: #55ACEE;
}
.btn-gplus {
    background-color: #DD4B39;
}
.btn-li {
    background-color: #0082CA;
}
.btn {
    font-size: .8rem;
    padding: .85rem 2.13rem;
    border-radius: 2px;
    border: 0;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
}

.btn-floating.btn-large {
    width: 45.5px;
    height: 45.5px;
    margin:15px;
    margin-bottom: 25px;
}
footer.page-footer a {
    color: #fff;
	text-transform: capitalize !important;
}
.custom-select, .pswp__button, [type="reset"], [type="submit"], button, button.close, html [type="button"], input[type="search"], input[type="range"] {
    -webkit-appearance: none;
}
.custom-select, .pswp__button, [type="reset"], [type="submit"], button, button.close, html [type="button"], input[type="search"], input[type="range"] {
    -webkit-appearance: none;
}
[type="reset"], [type="submit"], button, html [type="button"] {
    -webkit-appearance: button;
}
.btn-fb {
    background-color: #3B5998;
}
.btn-floating {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 5px;
}
.btn-floating, .btn-floating i {
    display: inline-block;
    line-height: 37px;
    color: #fff;
}
.btn-floating, .card .card-reveal .card-title, .card-wrapper .back .card-title, .dropdown-content li, .file-field span, .mdb-autocomplete-wrap li, input[type="range"], input[type="range"] + .thumb {
    cursor: pointer;
}
.btn .fa, .btn-floating, .picker__box, .product-table td, .switch label .lever {
    vertical-align: middle;
}
.btn-floating.btn-large i {
    line-height: 45.5px;
}
.btn-floating i {
    width: inherit;
    text-align: center;
    font-size: 1.3rem;
}
.testimonial-card .avatar, .testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
}
.teal.lighten-2 {
    background-color: #4db6ac !important;
}
.testimonial-card .avatar {
    border-radius: 50%;
    width: 120px;
    margin: -65px auto 0;
    border: 5px solid #fff;
    background: #FFF;
}
.testimonial-card .avatar, .testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
}
.testimonial-card .card-block, .testimonial-carousel {
    text-align: center;
}
.card .card-block {
    position: relative;
    height: auto;

}
#contact .card .card-block {
    position: relative;
    height: auto;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.btn-ins {
    background-color: #3F729B;
}
.testimonial h4 {margin-top: 25px;}
.testimonial-content, .our-services div > a::after {
    background: #eee;
}
.our-services div > a{
    position:relative;
    padding:40px 10px 40px 105px;
    display:block;
    cursor:pointer;
    border:1px solid;
    border-right:none;	
    margin-bottom:40px;
}
.our-services div > a:after{
    display:block;
    content:"";
    position:absolute;
    right:0px;
    top:-1px;
    bottom:-1px;
    width:4px;
}
.our-services div > a:hover{
    text-decoration:none;
}
.our-services div > a > span{
    text-align:center;
    padding-top:15px;
    width:70px;
    height:80px;
    position:absolute;
    left:-10px;
    top:45px;
    display:block;
    border:1px solid #eee;
    background:#fff;
    border-right:none;
}
.our-services div > a > span:before, .our-services div > a > span:after{
    content:"";
    display:block;
    position:absolute;
    width: 0;
    height: 0;

    /*  border-top: 41px solid transparent;
   border-bottom: 40px solid transparent;
   
   border-left: 22px solid #eee; */

    border-bottom: 80px solid #eee; 
    border-right: 25px solid transparent;
    top:-1px;
    right:-25px;
}
.our-services div > a > span:after{
    border-bottom-color: #fff; 
    top:-2px;
    right:-23px;
}
.our-services div > a > span > i{
    margin-left:5px;
}
.our-services div > a:hover > span > i{	color:#fff;
}

.our-services div > a, .our-services div > a:hover .btn-default, .header-padding span, .bg-image .one-news > div > div small,  .bg-image .two-news > div div:last-child small, .btn.btn-sm.btn-success, .btn.btn-sm.btn-default{
    color:#666;
}

.our-services div > a, .stats > div > div{
    border-color:#eee;
    min-height: 114px;
}
.our-services div > a:after{
    background:#eee;
}

.our-services.styled div > a:hover, #partners a, .darken-block{

}
.our-services h1{
    font-size: 16px !important;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding: 12px 0px 10px 0px;
    line-height: 1.1;
    text-transform: uppercase;	
}
.navbar-main > li > .dropdown-menu, footer .color-part, .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger, .btn.btn-danger:hover, .main-menu, .main-menu::before, #main-menu-bg, .stats > div > div:hover, .btn.btn-sm.btn-default::before, .big-hr.color-2, .our-services.styled div > a:hover::after, .adress-details > div > span::after, .comments > div > a.reply:hover, .comments > div > a.reply::after, nav.pagination a:hover, .tags a:hover, ul.blog-cats > li:hover, #menu-open, .main-menu section nav, .our-services div > a:hover > span, .testimonial-content span, .info-texts::after, .post-info::after, .customBgColor {
    background-color: #808080;
}
.our-services div > a:hover > span::after, .our-services div > a:hover > span::before, .testimonial-content span::after, .testimonial-content span::after {
    border-bottom-color: #808080;
    top:-2px;
}
.iframe { width:100%; height:400px;border:0px; }

.card img, .img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .section .view, .section img {
    display: contents;
	display:block;
    max-width: 100%;
    height: auto;
}
.navbar-brand {
    font-size: 1.60rem;
    line-height: inherit;
    white-space: nowrap;
    font-weight: 900;
}
.card { margin-bottom: 15px; }
.card .mask:hover { opacity:0; }

.card .overlay:hover {  -ms-transform: scale(1.04,1.04); /* IE 9 */
                        -webkit-transform: scale(1.04,1.04); /* Safari */
                        transform: scale(1.04,1.04); /* Standard syntax */ 
                        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); 
                        transition: .4s;
}



/* demo */

.mybutton01  { transform: skewX(-30deg);
               -moz-transform: skewX(-30deg);
               -webkit-transform: skewX(-30deg); }

.mybutton01 span {transform: skewX(30deg);
                  -moz-transform: skewX(30deg);
                  -webkit-transform: skewX(30deg); display: inline-block; }
.card-text { text-align: justify; }
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
}
.navbar-nav {
	padding-left:70px !important;
}
.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a {
    color: #848689;
    transition: .35s;
    padding-top: 10px;
    padding-left: 35px;
	font-weight:400;
	text-transform:uppercase;
	
}
.navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover {
    color: #4676FA;
    transition: .35s;
}
.img { height: 90px; }
.social-link 
{
	list-style:none;
	padding:0px;
	margin:0px;
}
.social-link li
{
	float:left;
	padding-right:15px;
	list-style:none;
}
footer.page-footer {
    margin-top: 20px;
    padding-top: 0px;
    
    color: #fff;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}
.learnmore-btn
{
	background-color:#808080;
	color:#ffffff;
}

.learnmore-btn a
{
	text-decoration:none;
	color:#ffffff;
}

.product-btn {
	text-transform: none;
}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}



/* add by DDBN design team */

.h4, h4 {
    font-size:17px; font-weight: 400; }
.margin100 { margin-top:150px; }
	
/* end add by DDBN design team */