/* Navigation */
.art-row{
    overflow: hidden;
}
.headingg {
    font-size: 15px;
    text-wrap: auto;
}
.art-col-c, .art-col-l{
    /*float: left;*/
}
.art-col-l{
    width: 100px;
}
.art-col-c{
    width: 250px;
    margin: 0 auto;
}
#fullname-header .name{
    margin-top: 75px;
    display: inline-block;
}
a, button{
    outline: none;
}
.navbar-light .navbar-toggler{
    border-color: rgba(255,255,255,.5);
}
.navbar-toggler-icon{
    width: auto;
    height: auto;
}
.navbar-light .navbar-toggler-icon{
    background: none;
}
.navbar-light .navbar-nav .nav-link{
    color: #fcfcfc;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
    color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #fff;
}
.navbar-light .navbar-nav .active>.nav-link::after, .navbar-light .navbar-nav .nav-link.active::after,
.navbar-light .navbar-nav .nav-link:hover::after,
.navbar-light .navbar-nav .nav-link:focus::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 5%;
    width: 90%;
    height: 2px;
    background-color: #fff
}

/*unsorted*/
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.flex-center{
	display: flex;	
}
.flex-content {
	margin:auto;
}
.navbar-brand img{
        width: 100%;
        border-radius: 11px;
}
.hd-center img.snap{
    width: 100%;
}
.row{
	width: 100% !important;
	margin: 0;
}
.mg-auto{
	margin:0 auto !important;
}
.cap{
	    font-weight: 500;
}

.hd-center p{
	    color: #000;
    font-weight: 600;
    font-size: 24px;
}
.hd-center i,.hd-center a{
	    color: #fff;
    font-weight: 600;
    font-size: 24px;
    margin: 0 10px;
}
.min-h{
	min-height: 400px;
}


.high-p{
	font-weight: 600;
    font-size: 20px;
}

@media screen and (min-width: 768px) {
	.m-flex-100{
	flex: 100%
}
.w20{
	max-width: 20% !important;
}
.w60{
	max-width: 60% !important;
}
}
/*end unsorted*/

/*
==============
    HOME
==============
*/
body.home{
    /*background-image: url('../img/background.jpg'); */
    background-color: #000;
    background-repeat: repeat; 
    background-size: cover
}


body.home footer{
    background: #d2d2d2d9 !important;    
}


/*
==============
	GLOBAL
==============
*/
.page-heading h1{
	     text-align: center;
    color: #fff;
    position: relative;
    margin: 0 0 20px 0;
}
section{
    text-align: center;
    /* background: #323232; */
	padding: 60px 0;
}
section p{
    font-weight: 600;
    color: #000;
}
.btn-secondary {
    color: #7b7a7a !important;
    background-color: #6c757d00 !important;
    border-color: #6c757d00 !important;
    box-shadow: none !important;
}
button.fancybox{
    color: #000;
    margin: 20px 10px  0;
    padding: 5px 14px;
}
/*
==============
	HEADER
==============
*/
header .dropdown .btn.btn-secondary{
    font-weight: 600;
    font-size: 17px;
    padding: .4rem .5rem;
}
header .dropdown .dropdown-menu a{
    display: block;
    padding: 10px 0;
    text-align: center;
}
@media (min-width:768px){
    header .bg-light {
        background-color: #e8e8e8!important;
    }
}

/* .navbar-collapse{
	position: absolute;
    right: 18px;
    background: #e2e0e0;
    padding: 34px;
    text-align: center;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    box-shadow: -3px 2px 20px #0000001c;
    z-index: 12;
} */
@media screen and (max-width: 768px) {
	.navbar-toggler{
	    margin: 0 auto;
	}	
	.hd-center img.snap {
        width: 85%;
    }
}
header{
    background: #000;
    box-shadow: -1px 2px 20px 0px #56565640;
    padding: 20px 0;
}
header .navbar a {
    font-size: 17px;
    margin: 0;
}

/*
==============
	SERVICES
==============
*/
.services ul li{
	list-style: none;
}
.services ul li span {
    list-style: none;
    background: #e8e8e8;
    display: inline-block;
    border-radius: 5px;
    margin: 7px 0;
    padding: 5px 22px;
}	
.services ul{
	padding: 0;
}


/*
==============
	FOOTER
==============
*/
footer{
		    background: #afafaf;
    padding: 25px 0;
}
footer p{
	    display: inline-block;
    margin: 0;
}



@media screen and (max-width: 768px){
	.hd-center a {
        font-size: 19px;
        margin: 0 0;
    }
    .text-right.w20 {
        text-align: center !important;
        margin: 20px;
    }
    header .dropdown .dropdown-menu{
        background: transparent;
        border: 0;
    }
    .col-md-4.text-right.topbar,
    .col-md-4.topbar{
        text-align: center !important;
    }
    .navbar-brand img {
        width: 50%;
    }
}


@media screen and ( min-width: 768px ){
    header .dropdown .dropdown-menu{
        width: 350px;
    }   
    header .dropdown .dropdown-menu a:not(:last-child){
        border-bottom: solid 1px rgba(0,0,0,.2)
    }
}
@media screen and (max-width: 520px){
    .art-col-l{
        width: 20%;
    }
    .art-col-c{
        width: 60%;
    }
    #fullname-header .name{
        margin-top: 50%;
    }
}
@media screen and (max-width: 420px){
    #fullname-header .name{
        font-size: 4.5vmin;
    }
}
.img-wrap img {
    width: 74%;
    display: inline-block;
    border: 5px solid #fff;
    border-bottom: 2px solid #fff;
    width: 418px;
    height: 278px;
}
img.radius-20{
    border-radius: 20px;
}

a{
        color: #eaeaea;
}
a:hover{
    color: #fff;
}

.topbar img{
            /*max-width: 48%;*/
            display: inline-block;
            height: 245px;
            padding: 12px;
        }
        @media (max-width: 768px) {
            .topbar img {
                max-width: 100%;
                display: inline-block;
                padding: 15px;
            }
            .art-col-c{
                width: 100% !important
            }
        
        }
        .social-icon i {
            font-size: 5rem;
            margin: 45px;
            color: #fff;
        }
        header p,
        section ,
        section p,
        section h1,
        i{
            color: white
        }
.dropdown {
    padding: .5rem;
}

header .dropdown .dropdown-menu {
    background-color: #000;
    padding: 10px 20px;
    width: 250px;
}

ul li {
    list-style: none;
}