/*
  Flexible Box
  For Parent
  - display: flex => To Start Flexible Box
  - flex-direction: row => Default Value
  - flex-wrap: nowrap => Default Value
  - flex-flow: [Flex-Direction] + [Flex-Wrap]
  - justify-content: flex-start => Default Value
  - align-items: stretch => Default Value
  - align-content: stretch => Default Value
  For Child
  - flex-grow: 0 => Default Value
  - flex-shrink: 1 => Default Value
  - order: 0 => Default Value
  - flex-basis: auto => Default Value
  - flex: [Flex Grow] [Flex Shrink] [Flex Basis] 0 1 Auto
  - align-self: auto => Default Value
*/

body{ }
  
.container {max-width:1200px !important;}
 .my_holder{
	position: absolute; top: auto; left: 0px; bottom: 0px; z-index: 9999;   width: 100%; height: auto; padding:20px  25px 5px  15px;
}
.my_gradiant1 {
	background: linear-gradient(transparent, black);
}
.cap_paragraph1{
	color:#f9f9f9;   font-size: 0.6rem; margin-bottom: 7px; position: relative;   z-index: 999999999;
}
.cap_btn1 {font-size: 0.8rem !important;      padding: 5px 7px !important;}
.small .cap_btn1 {font-size: 0.6rem !important;      padding: 5px 7px !important;}
.cap_title1{position: relative;  z-index: 999999999999999; color: white; padding-bottom: 20px;}
.small .cap_title1 { padding-bottom: 0px !important;}
.icon_btn1 {position: absolute; top: 5px; right: 5px; z-index: 9999999999999; }
.icon_btn1 i {color: #fff !important; font-size: 30px; }

.like_btn1 { float: left;  font-size: 20px; font-style: normal; padding-top: 5px; }
.small .like_btn1 { float: left;  font-size: 12px; font-style: normal; }
.small .icon_btn1 i {color: #fff !important; font-size: 20px; }

.num_btn {      display: flex;
    justify-content: center;
    align-items: center; 
}

.num_btn i {  position: absolute;
    left: 90%;
    top: 50%;
	  z-index: 9999999999999;  font-style: normal; font-weight: 700; font-family: Impact;
    transform: translate(-50%,-50%);   -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px #333;  font-size: 63px; opacity: 0.7; }
 
.my_video {      display: flex;
    justify-content: center;
    align-items: center; 
}

.my_video .contentss {  position: absolute;
   
    top: 40%;
	  z-index: 9999999999999;  font-style: normal;   font-size: 63px; }
 

.cap_paragraph2{
  font-size: 0.6rem; margin-bottom: 7px; 
}
.cap_btn2 {font-size: 0.8rem !important;      padding: 5px 7px !important;}
.small .cap_btn2 {font-size: 0.6rem !important;      padding: 5px 7px !important;}
.cap_title2{  color: #000; }
.small .cap_title2 { padding-bottom: 0px !important;}
.icon_btn2 {position: absolute; top: 5px; right: 5px; z-index: 9999999999999; }
.icon_btn2 i {color: #fff !important; font-size: 30px; }

.like_btn2 {position: absolute; top: 5px; left: 5px; z-index: 9999999999999; }

.icon_opicty {position: absolute;  top: 10%;  width: 100%; text-align: center;
	  font-style: normal;   font-size: 63px;  z-index: 9999999999999; }
.icon_opicty i {color: rgba(220,53,69,0.7) !important; font-size: 40px; }




.small .icon_btn2 i {color: #fff !important; font-size: 15px; }
.small .icon_btn2 btn { padding:4px !important; font-size: 15px; }


 .mr-auto{display:block !important; margin: auto !important;}



 .breadcrumbs-custom {
	position: relative;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 14px;
  
	text-align: center;
}

.breadcrumbs-custom a {
	display: inline;
	vertical-align: middle;
}

.breadcrumbs-custom a, .breadcrumbs-custom a:active, .breadcrumbs-custom a:focus {
	color: #5798ef;
}

.breadcrumbs-custom li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 36px;
	font-size: 16px;
}

 
.breadcrumbs-custom li:last-child {
 
}

.breadcrumbs-custom li:last-child:after {
	display: none;
}

.breadcrumbs-custom a:hover,
.breadcrumbs-custom li.active {
	color: #242731;
}

.square {
 position: relative;
 width: 100%
}

.square:after {
 content: "";
 display: block;
 padding-bottom: 100%;
}

.content-sq {
 position: absolute;
 width: 100%;
 height: 100%; 
}



.square2 {
 position: relative;
 width: 100%
}

.square2:after {
 content: "";
 display: block;
 padding-bottom: 60%;
}

.content-sq2 {
 position: absolute;
 width: 100%;
 height: 100%; 
}



.square3 {
 position: relative;
 width: 100%
}

.square3:after {
 content: "";
 display: block;
 padding-bottom: 80%;
}

      #unkot { width:100%; display:none !important;}
     
     @media only screen and (max-width:719px) {
      #unkot {display:block !important;}

     }
 
.nav-handle {
 
    right: 10px !important;
 
}
.square4 {
 position: relative;
 width: 100%
}

.square4:after {
 content: "";
 display: block;
 padding-bottom: 54%;
}

.content-sq4 {
 position: absolute;
 width:100%;
 height: 100%;
 
}



.squarev {
 position: relative;
 width: 100%
}

.squarev:after {
 content: "";
 display: block;
 padding-bottom: 60%;
}

.content-sqv {
 position: absolute;
 width: 100%;
 height: 100%; 
}




.squareshasha {
 position: relative;
 width: 100%
}

.squareshasha:after {
 content: "";
 display: block;
 padding-bottom: 80%;
}

.content-sqshasha {
 position: absolute;
 width: 100%;
 height: 100%; 
}




.squaremakal {
 position: relative;
 width: 100%
}

.squaremakal:after {
 content: "";
 display: block;
 padding-bottom: 50%;
}

.content-sqmakal {
 position: absolute;
 width: 100%;
 height: 100%; 
}



.member-role{
	
	
    background: rgba(0, 0, 0, 0.3);
    padding: 4px 10px;
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 100%;
    color: #fff; 
	text-align: center;
	font-size: 10px;
}

.listner5 li:nth-child(even) {background: #eee; margin-bottom: 9px;}
.listner5 li:nth-child(odd) {background: #FFF}
 

figure {
  margin: 0 !important; 
}

.makal_title {margin-bottom: 0px !important; font-size: 2.1rem !important;}
.makal_details{margin-bottom: 0px !important; font-size: 0.9rem !important; line-height: 30px; text-align: justify; }
	.hide_on_mob{display:block;}


.mylist-group{}

.mylist-group li{list-style: none; padding:0px; margin: 0px; margin-bottom: 3px;}

.foot_list {}
.foot_list li{ list-style: none; font-size: 14px; padding: 4px 0px; border-bottom: 1px solid #eee;}

.my_circle{width:50px; height: 50px;     display: flex;
    justify-content: center;
    align-items: center;  color:#2d3345; font-size: 40px;    position: absolute;
	z-index: 9999999999;
	border-radius: 10px;
	 background: #f9f9f9; 
    left: calc(50% - 25px);
    top:0px;
 


}
.section_part {
	margin-bottom: 40px;
	
	
}

.myshare{ float: left;}
.myshare li {width: 70px !important; margin-bottom: 10px; text-align: center; list-style: none;}
.section_part  .cap_title2 {min-height: 60px;}


#soutadddd{ display: block;
}

.kotab {display:block}

@media only screen and (max-width:719px) {
	h5{
    font-size: 0.8rem !important;
		
		
}
	.kotab {display:none}
	.hide_on_mob{display:none;}
.makal_title {margin-bottom: 0px !important; font-size: 1.2rem !important;}
	
	.uk-navbar-nav>li>a {
    
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {

    font-size: 0rem !important;
 
}
	
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    
    height: 40px!important;
     
     
}