@font-face {
	font-family: 'SofiaPro-Bold';
	src: url(../fonts/SofiaPro-Bold.eot);
	src: url(../fonts/SofiaPro-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaPro-Bold.woff) format('woff'), url(../fonts/SofiaPro-Bold.ttf) format('truetype'), url(../fonts/SofiaPro-Bold.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'SofiaPro-SemiBold';
	src: url(../fonts/SofiaPro-SemiBold.eot);
	src: url(../fonts/SofiaPro-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaPro-SemiBold.woff) format('woff'), url(../fonts/SofiaPro-SemiBold.ttf) format('truetype'), url(../fonts/SofiaPro-SemiBold.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'SofiaProLight';
	src: url(../fonts/SofiaProLight.eot);
	src: url(../fonts/SofiaProLight.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaProLight.woff) format('woff'), url(../fonts/SofiaProLight.ttf) format('truetype'), url(../fonts/SofiaProLight.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'SofiaPro-Regular';
	src: url(../fonts/SofiaPro-Regular.eot);
	src: url(../fonts/SofiaPro-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaPro-Regular.woff) format('woff'), url(../fonts/SofiaPro-Regular.ttf) format('truetype'), url(../fonts/SofiaPro-Regular.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url(../fonts/AvenirNextLTPro-Regular.eot);
	src: url(../fonts/AvenirNextLTPro-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/AvenirNextLTPro-Regular.woff) format('woff'), url(../fonts/AvenirNextLTPro-Regular.ttf) format('truetype'), url(../fonts/AvenirNextLTPro-Regular.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'SofiaPro-Regular';
	src: url(../fonts/SofiaPro-Regular.eot);
	src: url(../fonts/SofiaPro-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaPro-Regular.woff) format('woff'), url(../fonts/SofiaPro-Regularr.ttf) format('truetype'), url(../fonts/SofiaPro-Regular.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'SofiaPro-Bold-Medium';
	src: url(../fonts/SofiaPro-Bold-Medium.eot);
	src: url(../fonts/SofiaPro-Bold-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/SofiaPro-Bold-Medium.woff) format('woff'), url(../fonts/SofiaPro-Bold-Medium.ttf) format('truetype'), url(../fonts/SofiaPro-Bold-Medium.svg#glyphicons_halflingsregular) format('svg')
}
@font-face {
	font-family: 'fontawesome-webfont';
	src: url(../fonts/fontawesome-webfont.eot);
	src: url(../fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.svg#glyphicons_halflingsregular) format('svg')
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #fff;
	font-family: 'SofiaPro-Regular';
	font-size: 17px;
	background: #000;
	color:#fff;
}
h1{font-family: 'SofiaPro-Bold';font-size:80px;}
h2{font-family: 'SofiaPro-Regular';font-size:70px;}
h3{font-size:40px;}
h1, h2, h3, h4, h5, h6{color:#fff!important;text-transform:uppercase;}
h5{font-size:36px;}

.pr-1p {
	padding-right: 1%;
}
.pr-2p {
	padding-right: 2%;
}
.pr-3p {
	padding-right: 3%;
}
.pr-4p {
	padding-right: 4%;
}
.pr-5p {
	padding-right: 5%;
}
.pl-1p {
	padding-left: 1%;
}
.pl-2p {
	padding-left: 2%;
}
.pl-3p {
	padding-left: 3%;
}
.pl-4p {
	padding-left: 4%;
}
.pl-5p {
	padding-left: 5%;
}
.p-5 {
	padding: 5px;
}
.p-10 {
	padding: 10px;
}
.p-15 {
	padding: 15px;
}
.p-20 {
	padding: 20px;
}
.p-25 {
	padding: 25px;
}
.pl-0 {
	padding-left: 0px!important;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-25 {
	padding-left: 25px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-40 {
	padding-bottom: 40px;
}
.m-0{margin:0px!important;}
.mb-20 {
	margin-bottom: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-40 {
	margin-bottom: 40px!important;
}
.mt-0 {
	margin-top: 0px!important;
}
.ml-0 {
	margin-left: 0px!important;
}
.ml-5 {
	margin-left: 5px!important;
}
.ml-10 {
	margin-left: 10px!important;
}
.ml-15 {
	margin-left: 15px!important;
}
.ml-20 {
	margin: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.pr-5 {
	padding-right: 5px;
}
section{padding:100px 0px ;width:100%;float:left;}
.homepage .header{
	width:100%;
	float:left;
	/*background:url(../images/home.jpg)left top no-repeat;
	background:#132F67 url(http://projects.stagingsoftware.com/dixieflags/wp-content/uploads/2020/12/x-GosyyQ.png)left top no-repeat;*/
	background-size:100%;

	}
.nav>li>a{color:#fff;text-transform:uppercase;font-size:17px;}
.navbar-brand img{
	width:120px;}
.btn{padding:12px 32px!important;border-radius:30px!important;font-size:20px!important;text-transform:capitalize!important;}
SofiaPro-Bold{outline:none!important;border-radius:30px!important;}
.btn-black{background:#000;color:#fff;border:2px solid #fff!important;}
.btn-black:focus, .btn-black:hover{color:#000!important;background:#fff;color:#fff;border:2px solid #fff!important;}
.hero{width:100%;
float:left;
text-align:center;}

.example {
  position: relative;
  padding: 0;
  width: 100%;
  display: block;
  cursor: pointer;
  overflow: hidden;
  background:#fff;
  margin-bottom:20px;
	height:200px;
	border-radius:16px;
}
.product-img{height:200px;margin-bottom:20px;}
.product-img img{width:100%;height:100%;object-fit:cover;border-radius:16px;}
.white-bg{
	width:100%;
	float:left;
	background:#fff;
	padding:20px;}
.content h5{
	font-size:20px;
	 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content {
  opacity: 0;
  font-size:16px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: rgba(70, 0, 115, 0.9);
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
}
.prduct-name{font-size:20px;
color:#000;
height:80px;
display:flex;
align-items:center;
justify-content:center;
    margin-top: -80px;
	background:rgb(255, 255, 255, 0.6);
	    position: absolute;
    width: 100%;
}

.example .content:hover {
  opacity: 1;
}
.example img{width:100%;height:200px;object-fit:cover;}
.example .content .text {
  height: 0;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0.4s;
  padding:0px 10px;
}
.text p{height:46px;overflow:hidden;margin-bottom:15px;}
.example .content:hover .text {
  opacity: 1;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
}
.product-content{
	width:100%;
	float:left;
	padding:30px;
	background:#29282D;
	border-radius:20px;
	margin-bottom:50px;}
.testimonial{
	background:url(../images/testimonial-bg.jpg)left top no-repeat;
	padding:50px 0px 100px;
	color:#fff;
	margin-top:50px;
	}
.border-radius-md{border-radius:12px;}
.more{color:#ccc;text-decoration:underline;font-size:20px;}


/*.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}*/
.modal-title{float:left;color:#000!important;font-size:18px;}
.modal-content{color: #000;}
.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    margin-top: 27px;
    padding: 30px;
	margin:20px;
}
.name {
 color: #242D57;
    font-size: 20px;
    font-weight: bold;
	text-align:center;
	margin:20px 0px;
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #585858;
    line-height: 20px;
}
.clientlogo{
	padding:50px 0px 100px;
	color:#fff;
	background:#000;
	}
img{max-width:100%;}
.footer{
	background:#100F1A;
	text-align:center;
	font-size:16px;
	}
.inner-content{
	width:100%;
	float:left;
	padding:50px;
	background:#29282d94;
	/*margin-top:30px;*/
min-height:500px;}
.btn-white{
	background:#fff;
	color:red;
	text-decoration:underline;}
.w-8{width:80%;
margin:0px auto;}
	/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.navbar-toggle{background:#000!important;}
.nav{
    background-color:transparent!important;
}

.navbar-toggle .icon-bar{background:#fff;}
@media (max-width:767px) {
	
	
/*.homepage .header{
	background: url(http://projects.stagingsoftware.com/dixieflags/wp-content/uploads/2020/12/headermob.jpg)left top no-repeat;}*/
	.navbar-nav{margin-top:10px!important;}
	.hero img{max-width:120px;}
	.hero h1, h2{font-size:40px;}
	.hero h2{font-size:30px;}
	h3{font-size:24px;}
	.btn {
    padding: 6px 14px !important;
    border-radius: 30px !important;
    font-size:16px !important;}
	h5{font-size:26px;}
	.example img{height:160px;}
	.content {
    font-size: 12px;}
	.content h5 {
    font-size: 16px;}
	.example .content:hover .text {
    transform: translateY(2px);
    -webkit-transform: translateY(2px);}
.text p {height: 53px;}
.prduct-name {
    font-size: 14px;
    height: 50px;
    margin-top: -50px;}
	section {
    padding: 20px 0px;}
	.clientlogo {
    padding: 0px 0px 30px;}
	.inner-content{padding:0px;}
	.w-8{width:100%;}
}
.gallery_slider .img_wrap img{height:200px;margin-bottom:15px;}
.page-template-gallery pre{display:none;}
.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active{background:#000!important;color:#ccc;}
.slick-prev, .slick-next{position:absolute;top:50%;font-size: 50px;width:48px;height:48px;border-radius:50px;color:#000;border:1px solid #ccc;background:rgba(216, 216, 216, 0.6);line-height:0px;}
.slick-prev:focus, .slick-next:focus{outline: none;}
.slick-prev{left:-80px;}
.slick-next{right:-80px;}
.slick-prev::before, .slick-next::before {
  font-family: FontAwesome;
}
.slick-prev::before, .slick-next::before {
  font-family: FontAwesome;
	    
}
.slick-prev::before {
  /* fa-arrow-circle-left */
  content: "\f104";
}
.slick-next::before {
  /* fa-arrow-circle-right */
  content: "\f105";
}
.social-main{
	position: fixed;
	right:0px;
	top:40%;
	width: 50px;
	height:150px;
	z-index:9999;
}
.social-bg{
	width:30px;
	height:30px;
	background:#fff;
	color:#000;
	text-align: center;
	line-height: 30px;
	border-radius: 50px;
	margin-bottom: 10px;
}
.product-content img{width:100%;}
.product-content .col-sm-3, .product-content .col-sm-6{padding:5px!important;}
.product-content .example{margin-bottom:0px;}

  .searchbar{
    
    border-radius: 30px;
    padding: 10px;
    height: 40px;
    border-radius: 30px;
    padding: 5px;
    background: transparent;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 150px;
    }
.searchbar .form-control{height:29px;}
.searchbar i{
	    margin-top: -23px;
    position: absolute;
    color: #000;
    right: 7px;
}
    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    line-height:30px;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 10px;
    width: 100px;
    transition: width 0.4s linear;
		
    }
    .searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
		text-decoration:none;
    }

    .search_icon{
    height:28px;
    width: 28px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    }

.search-result{background:}
.search-result a{color:#fff;} 
.search-result h2, .search-result h3, .search-result h1{font-size:20px;}
.search-result .post-thumbnail{height:250px;margin-bottom:50px;overflow:hidden;}
.search-result .post-thumbnail img{object-fit:cover;height:250px;}