/* =======================================================================


======================================================================= */
/* ===================================== Import Less ================================== */
@font-face {
  font-family: robot-slab;
  src: url('../fonts/RobotoSlab-Regular.ttf');
  src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
}
.blog-box1 .cdfik li {
  float: left;
  padding: 11.5px;
  text-align: center;
  font-size: 13px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
.blog-box1 .sd-op {
  background-color: #f58220;
  text-align: center;
  color: #FFF;
  padding-bottom: 10px;
  padding-top: 5px;
}
.blog-box1 .cdfik {
  width: 100%;
}
.blog-box1 .pof-det {
  padding: 10px;
  padding-left: 10px;
  padding-left: 60px;
}
.blog-box1 .pof-det b {
  font-size: 13px;
}
.blog-box1 .pof-det p {
  font-size: 13px;
  text-align: justify;
  text-indent: 20px;
  margin-top: 5px;
}
.blog-box1 .sd-op b {
  font-size: 22px;
}
/* ===================================== Basic CSS ================================== */
* {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  outline: none;
}
ul {
  margin-bottom: 0;
  padding-left: 0;
}
a:hover,
a:focus,
input,
textarea {
  text-decoration: none;
  outline: none;
}
.cp {
  cursor: pointer;
}
p {
  margin-bottom: 0px;
  width: 100%;
}
.layy {
  padding: 30px;
}
h2 {
  width: 100%;
}
.no-padding {
  padding: 0px;
}
.no-margin {
  margin: 0px;
}
.sec-title {
  text-align: center;
}
.sec-title h2 {
  font-size: 2rem;
  font-weight: 600;
  text-transform: none;
  font-family: robot-slab;
}
.sec-title p {
  font-size: 14px;
}
body {
 
}
.container1 {
  max-width: 1250px;
}

/* ===================================== Personal Detail Style  ================================== */
.professional-details {
  background-image: url("../images/commercialfilm.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 100%;
}
.professional-details .layy {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  color: #FFF;
  padding: 100px 20px;
}
@media screen and (max-width: 767px) {
  .professional-details .layy {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 750px) {
  .professional-details .layy {
    padding: 30px 10px;
  }
  .professional-details .layy h2 {
    font-size: 32px !important;
  }
}
.professional-details .title-another {
  text-align: center;
}
.professional-details .title-another h4 {
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.professional-details .title-another h2 {
  font-size: 52px;
}
.professional-details .title-another h3 {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

/*	CONTENT BLOCK 3-10
/*----------------------------------------------------*/

.content-3-10 {
	padding: 0px;
	position: relative;
}

.content-3-10 .image-container {
	position: absolute;
	height: 300px;
	padding: 0px;
	top: 0px;
}

.content-3-10 .image-container .background-image-holder {
	background: url('../images/16.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

.content-3-10 .content {
	margin-top: 300px;
	padding: 40px;
}

.content-3-10 h3 {
	margin-bottom: 32px;
}

.content-3-10 p {
	margin-bottom: 20px;
}



/*	CONTENT BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.content-3-10 .image-container {
		height: 100%;
	}
	
	.content-3-10 .content {
		margin-top: 0px;
		padding: 80px 15px 80px 80px;
		background: #eaeaea;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
	
	
}