@font-face {
  src: url('../css/fonts/DINPro.otf');
  font-family:'DINPro';
  font-style: normal;
}

@font-face {
  src: url('../css/fonts/DINPro-Black.otf');
  font-family:'DINPro-Black';
  font-style: normal;
}

@font-face {
  src: url('../css/fonts/DINPro-Bold.otf');
  font-family:'DINPro-Bold';
  font-style: normal;
}

.special-heading{
	font-family:'DINPro-Black';
}
.bold-heading{
	font-family:'DINPro-Bold';
}

p,h1,h2,h3,h4,h5,h6,li,a{
	font-family:'DINPro';
}
.row{
	margin-right: 0px; 
	margin-left: 0px;
}

.navbar-brand  span{
	color: #fed136;
	font-size:25px;font-weight:700;letter-spacing:0.1em;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
}
.navbar-brand {
	color: #fff;
	font-size:25px;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
	font-weight:700;
	letter-spacing:0.1em;
}

.navbar-nav .nav-item .nav-link{
	padding: 1.1em 1em!important;
	font-size: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    color: #828282;
   font-family: 'Gothic A1', sans-serif;
}
.navbar-nav .nav-item .nav-link:hover{color:#875526;}
.navbar-expand-md .navbar-nav .dropdown-menu{
	border-top:3px solid #fed136;
}
.dropdown-item:hover{background-color:#fed136;color:#fff;}
nav{-webkit-transition: padding-top .3s,padding-bottom .3s;
    -moz-transition: padding-top .3s,padding-bottom .3s;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
	}
	
 .shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
}

th, td {
    padding: 15px;
	text-align: center;
	width: 33%;
}
.btn-custom {
    background: #080808;
    color: #fff;
    padding: 6px 15px 6px 15px;
    border-radius: 15px;
    font-size: 14px;
	float: right;
}
.bg-black{
	background-color:#000;
}
.bg-orange{
	background-color:#f4a01c;
}

/* Mobile */
@media (max-width: 767px){
	
	a.nav-link {
		float: right;
	}
	
	.dskborder{
		border-right: none;
	}
	.extra{
		display:none;
	}
	.img-mres{
		width:100% !important;
	}
	
	.navbar-brand {
		width: 60%;
	}
	.sec2-box {
		padding: 20px!important;
	}
	.mbl-tp-pad {
		margin: 80px 10px 10px 10px;
		background: #ece9debf;
	}
	
	.navbar-nav{
		background-color:#d8d8d8;
		color:#fff;
		z-index:1;
		margin-top:5px;
		}
	.navbar-nav .nav-item .nav-link{
	padding: 0.7em 1em!important;
	font-size: 100%;
    font-weight: 500;
    }
	
	.extra-padding{
		padding:10px;
	}
	
	.thumb {
		margin-top: 15px;
	}
	
	.mbl-image{
		display:block;
	}
	
	.dsk-image{
		display:none;
	}
	
	.footermenu {
		display: block;
		background: #f4a01c;
	}
	
	.footermenu li {
		padding: 10px 10px 10px 10px;
		color: #fff !important;
		border-bottom: 1px solid #fff !important;
		list-style: none;
		margin-left: -40px;
	}
}

/* Ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px)  {
	
	.extra-padding{
		padding:50px;
	}
	
	.mbl-image{
		display:none;
	}
	
	.dsk-image{
		display:block;
	}
	
	.footermenu {
		display: inline-flex;
		background: #f4a01c;
	}
	
	.footermenu li {
		padding: 0px 30px 0px 7px;
		color: #fff !important;
		border-right: 1px solid #fff;
		margin: 8px;
		list-style: none;
	}
	
	.big-cicle img{
		padding: 0px 0px 0px 0px;
		width:30%;
	}
	
	.small-cicle img{
		width: 18%;
		padding: 0px 10px 0px 10px;
	}
}

/* Desktop */
@media (min-width: 1024px){
	
	.mdl-bg-backs {
		background: url(./img/dsk-banner.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.extra-padding{
		padding:100px;
	}
	
	.mbl-image{
		display:none;
	}
	
	.dsk-image{
		display:block;
	}
	
	.footermenu {
		display: inline-flex;
		background: #f4a01c;
	}
	
	.footermenu li {
		padding: 0px 30px 0px 7px;
		color: #fff !important;
		border-right: 1px solid #fff;
		margin: 8px;
		list-style: none;
	}

}
.bg-backs{
	background:url('./img/dsk-banner.png')no-repeat center center fixed;
	background-size: 100%; 
	background-repeat: no-repeat;
	/*background-repeat: no-repeat;
	background-size:cover;
	background-position: center;*/ 
}
.dev-back{
	background-image:url('./img/7.png');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: bottom;
}
.sec2-box {
    padding: 10px;
    border: 1px solid #efefef;
    box-shadow: 8px 9px 20px -16px;
	text-align: center;
	border-radius:20px;
	color: #828282;
	width:100%;
}
.error{
	color:red;
	font-size: 13px;
}
.talkbubble {
   width: 45px;
   height: 28px;
   background: #d02066;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:14px;
  color:#fff;
}
.talkbubble:before {
   content:"";
   position: absolute;
   right: 80%;
   top: 1px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid #d02066;
   border-bottom: 13px solid transparent;
}
/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-c-2{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to right bottom, #ffffff 49%, #17a3c2 50%);
}


/*-------------------------*/
/* SKEW COUNTER CLOCKWISE  */
/*-------------------------*/
.skew-c-1{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fecd14 49%, #fff 50%);
}

.skew-c-3{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #ffffff 49%, #d02066 50%);
}

#features{
	background: linear-gradient(to bottom right, #17a3c2 50%, transparent 50.5%) no-repeat bottom, /* bottom part */ linear-gradient(0deg, #17a3c2, #17a3c2) no-repeat top;
    color: white;
    padding-bottom: 0em;
    background-size: 100% 15em, 100% calc(100% - 15em);
}

#stastics{
	background: linear-gradient(to top right, #d02066 50%, transparent 50.5%) no-repeat bottom, /* bottom part */ linear-gradient(0deg, #ffffff, #ffffff) no-repeat top;
    color: white;
    padding-bottom: 12em;
    background-size: 100% 12em, 100% calc(100% - 12em);
}

#features-mbl{
	background: linear-gradient(to bottom right, #17a3c2 50%, transparent 50.5%) no-repeat bottom, /* bottom part */ linear-gradient(0deg, #17a3c2, #17a3c2) no-repeat top;
    color: white;
    padding-bottom: 0em;
    background-size: 100% 15em, 100% calc(100% - 15em);
}

#stastics-mbl{
	background: linear-gradient(to top right, #d02066 50%, transparent 50.5%) no-repeat bottom, /* bottom part */ linear-gradient(0deg, #ffffff, #ffffff) no-repeat top;
    color: white;
    padding-bottom: 12em;
    background-size: 100% 12em, 100% calc(100% - 12em);
}


#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

.panel-group .panel{border-radius:0;box-shadow:none;border-color:#eee}.panel-default>.panel-heading{padding:0;border-radius:0;color:#875526;background-color:#f8e1c7;border-color:#f8e1c7}.panel-title>a{color:#875526;display:block;padding:15px;text-decoration:none}.more-less{float:right;color:#875540}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#eee}.feat{background-color:#efefef;padding:19px;text-align:center;height:200px}