/* General 
============================*/
*, *:focus {
	outline: none!important;
}
body{
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: 'Droid Arabic Kufi', sans-serif;
    position: relative;
}

/* Page Setting
==============================*/
.wrapper {
   display: block;
    position: relative;
}
.main{
    display: block;
    position: relative;
    width: 100%;
    margin-top: 63px;
}
.page-content {
    position: relative;
    display: block;
    width: 100%;
    background-color: #f9f9f9;
    overflow: hidden;
}

/* Links 
============================*/
a, a:hover, a:focus {
    cursor: pointer;
    text-decoration: none;
}

/* Lists  
============================*/
ul, li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Images  
============================*/
img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Custom-btn  
==========================*/
.custom-btn {
    display: inline-block;
    position: relative;
    border: 0;
    margin: 15px auto;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    padding: 0px 15px;
    color: #ffffff;
    overflow: hidden;
    border-radius: 25px;
    background-color: #01b2e9;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.custom-btn:focus ,
.custom-btn:hover{
	background-color:#666;
    color: #ffffff;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.red-btn{
    color: #f00;   
}
.icon-btn{
    display: inline-block;
    position: relative;
    border: 0;
    margin: auto;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    padding: 0;
    color: #ffffff;
    border-radius: 25px;
    background-color: #01b2e9;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.icon-btn:hover , .icon-btn:focus{
 	 background-color: #1d7993; 
 }


/* Forms
========================*/
.form-group {
    position: relative;
    margin: 15px auto;
}
label {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 35px;
    margin: 5px 0;
    color: #323232;
}
.form-control {
    color: #1b96b8;
    border: 0;
    background-color: transparent;
    margin: 0 auto;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
    border-radius: 0px;
    font-size: 11px;
    font-weight: 600;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-control:hover,
.form-control:focus {
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
textarea.form-control {
    height: 120px!important;
    resize: none;
    overflow-x: hidden;
    line-height: 57px;
}
.input-group .form-control{
	background-color: #fff;
	color: #000;
	direction: rtl;
	font-size: 14px;
}
input[type=radio],
input[type=checkbox] {
    display: none;
}
input[type=radio]+label,
input[type=checkbox]+label {
    position: relative;
    padding-right: 22px;
    cursor: pointer;
    overflow: hidden;
    line-height: 23px;
    margin: 6px auto;
}
input[type=radio]+label::before,
input[type=checkbox]+label::before {
	content: " ";
	display: block;
	text-align: center;
	position: absolute;
	border: 2px solid #1a9abd;
	background-color: transparent;
	right: 0;
	top: 0px;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 15px;
	line-height: 15px;
	border-radius: 50%;
	font-size: 12px;
	z-index: 99;
	font-weight: 600;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	transition: 0.4s all;
}
input[type=checkbox]+label::before {
    border-radius: 0;
}
input[type=radio]+label::before {
    border-radius: 50%
}
input[type=radio]+label:empty,
input[type=checkbox]+label:empty {
    width: 20px!important;
    height: 20px;
    padding-right: 0;
    margin: 0!important;
}
input[type=radio]:checked+label::before,
input[type=checkbox]:checked+label::before {
    background-color: #01b2e9;
    top: 0;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
}
.check-wrap{
	background-color:#fff;
	padding: 5px 15px;
}

/*Tabs
========================*/
.nav-tabs {
    position: relative;
    padding: 0;
    margin: 0  0 15px;
    text-align: center;
    border-color: #f9f9f9;
}
.nav-tabs>li {
    margin: 0;
    width: 50%;
}
.nav-tabs>li>a {
    display: block;
    position: relative;
    margin: 0;
    line-height: 35px;
    border-radius: 0;
    padding: 10px;
    color: #333;
    background: transparent;
    border: 0;
    border-right: 1px solid #f9f9f9;
    font-size: 14px;
    font-weight: 600;
}
.nav-tabs>li>a>svg{
	width: 45px !important;
	height: 45px;
	padding: 14px;
	float: left;
	border-right: 1px solid #fafafa;
	margin-right: 10px;
	color: #5d5d5f;
	margin-left: -15px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover ,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: #f9f9f9;
    border: 0;
    color: #01b2e9;
    border-right: 1px solid #f9f9f9;
}
.nav-tabs>li.active>a:after{
	content: " ";
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	border: 10px solid transparent;
	border-bottom-color: #fff;
}
.tab-content{
    position: relative;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
    display: block;
    padding: 0;
}
.tab-content>.tab-pane{
    margin: auto;
}

/* Text
==============================*/
.head-title{
    font-size: 13px;
    color: #01b1ea;
    line-height: 30px;
    margin: 15px auto;
    display: block;
    font-weight: 600;
}
.info-text{
    display: block;
    position: relative;
    color: #434343;
    font-size: 11px;
    line-height: 25px;
    margin: 10px auto;
    font-weight: 600;
}

/* Scroll
============================*/
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow:none; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #ffffff;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #01b2e9;
    width: 3px;
    -webkit-box-shadow:none; 
}
::-webkit-scrollbar-thumb:window-inactive {
   background-color: #01b2e9;
    width: 3px;
}
::-moz-scrollbar-track {
    -webkit-box-shadow:none; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #ffffff;
}
::-moz-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #ffffff;
    width: 3px;
    -webkit-box-shadow:none; 
}
::-moz-scrollbar-thumb:window-inactive {
    background-color: #01b2e9;
    width: 3px;
}

/* loader-wrap
========================*/
.loader-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
   z-index: 9999;
  background:#fff;
}
.loader {
    position: absolute;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border: 5px solid #000000;
    border-right-color: #01b2e9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    -webkit-animation: loader 1s linear infinite;
    -moz-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite;
    }
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

/* Social Links
=========================*/
.social-links{
    position: fixed;
    top: 100px;
    left: 15px;
    z-index: 999;
}
.social-links li a{
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px auto;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
}
.facebook {
    background-color: #475993;
}
.twitter {
    background-color: #03A9F4;
}
.youtube {
    background-color: #bd081c;
}
.linked{
	background-color:#0288D1;
}

/* Date Picker
========================*/
.datetimepicker {
    padding:0px 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    border-color: #f1f1f1;
    box-shadow: none;
    width: 230px!important;
    right: auto!important;
    float: none!important;
    
}
.input-group{
    position: relative;
}
.datetimepicker table {
    margin: 0;
    width: 100%;
}
.datetimepicker td, .datetimepicker th {
    border-radius: 0;
    border: 0;
    font-weight: 100;
    font-size: 13px;
}
.input-group{
    border-radius: 0;
}
.input-group .form-control{
    background-color: #fff;
    border: 1px solid #f1f1f1;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    border: 0;
    border-radius: 0;
    background-color: #1c90b1;
}
 
/* Custom Background
===========================*/
.header-masc {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-180deg, rgba(20,20,30,0.55) 0%, rgba(90,20,100,0.55) 18%, rgba(90,20,100,0.55) 32%, rgba(20,20,30,1) 95%);
    transition: .5s;
}
.space-header {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100vh;
    -webkit-perspective: 340px;
    perspective: 340px;
    opacity: .7;
}
.stars {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    -webkit-box-shadow: -740px 444px #f2f2f2, 157px -59px #cccccc, 36px -3px #cccccc, -857px -439px #cccccc, -1408px 402px #d9d9d9, -235px -149px #d9d9d9, -1074px -305px #cfcfcf, 820px -287px #c4c4c4, -536px 243px #d6d6d6, 954px 377px #fafafa, 136px -179px #ededed, -294px -159px #ededed, 374px 403px #dbdbdb, -803px 4px #dbdbdb, -671px -262px #f7f7f7, -589px 136px #c7c7c7, -1248px -352px #e6e6e6, 459px -209px #f7f7f7, -1012px 318px #cfcfcf, -290px 117px #fafafa, -926px 46px #dbdbdb, 1350px 278px #d6d6d6, 969px -321px #e6e6e6, 380px -371px #e6e6e6, 912px 130px #ededed, -433px -403px #d9d9d9, -469px -46px #c2c2c2, -854px 37px #c9c9c9, 722px 112px #ededed, 1094px -49px #e6e6e6, 1436px -75px #c9c9c9, 897px 476px #cccccc, -262px 413px #cccccc, 806px 210px #c4c4c4, 1215px -71px #cccccc, -425px 156px #d4d4d4, -1338px 444px #e3e3e3, 1214px 174px #c4c4c4, -1133px 226px #d1d1d1, 1221px 352px #e8e8e8, 1385px 69px #e0e0e0, -85px 281px #c7c7c7, -451px 46px #fcfcfc, -1064px -134px #dedede, 1331px -15px #d6d6d6, -1001px 275px #d4d4d4, 522px -6px #cfcfcf, 573px -153px #ebebeb, 1320px -339px #e0e0e0, -591px 180px #fafafa, 779px -178px #c2c2c2, -606px 183px #c7c7c7, -1423px -406px #d4d4d4, 324px -17px #c4c4c4, -1403px -362px #dedede, 1294px 204px #dbdbdb, 648px 77px #c7c7c7, -39px -104px #ebebeb, 157px -88px #f7f7f7, -983px -330px #fcfcfc, -999px 78px #e8e8e8, -1268px -400px #f2f2f2, -438px -77px #d6d6d6, 573px 279px whitesmoke, -117px 252px #f0f0f0, -359px 292px #d6d6d6, 1306px 428px #e6e6e6, 1364px -141px #f2f2f2, -433px -394px #dbdbdb, 1424px -402px #e6e6e6, -403px 418px #ededed, -196px 147px #cccccc, 454px 323px #c9c9c9, -1416px 50px #dbdbdb, 1189px 210px whitesmoke, -615px -323px #e6e6e6, -203px 277px #f2f2f2, 1245px 45px #e6e6e6, 531px -225px #dedede, 737px 151px #dedede, -696px 323px #d6d6d6, 1358px 151px #d6d6d6, 29px 396px whitesmoke, -60px -355px whitesmoke, -445px -355px #f2f2f2, 12px -98px #fafafa, -757px -165px #cfcfcf, 927px 445px #f7f7f7, 278px 98px #ebebeb, -1324px -316px #d4d4d4, -582px -13px #d9d9d9, -1386px 283px #c9c9c9, 83px 109px whitesmoke, 511px -149px #e0e0e0, -581px -109px #d1d1d1, 298px -124px #c2c2c2, 858px -263px #e0e0e0, -1412px 210px #dedede, 327px 472px #dedede, 30px -220px #dbdbdb, 206px 266px #cfcfcf, -835px -428px #c9c9c9, 695px -440px #d1d1d1, -1293px 120px #d1d1d1, -537px 432px #e0e0e0, 374px 171px #e3e3e3, 1221px -358px #d4d4d4, 1028px 460px #ebebeb, 413px 201px #fcfcfc, 284px -428px #cfcfcf, 672px -338px white, 479px -358px #e3e3e3, -1178px -434px #fcfcfc, -1029px 423px #c2c2c2, 255px 116px #fcfcfc, -1065px 323px #f7f7f7, 510px -84px #dbdbdb, -1469px 53px #ededed, -1290px -375px #fafafa, -269px -173px #f0f0f0, -874px 200px #d6d6d6, -1053px 182px #e3e3e3, -137px 280px #dbdbdb, 1408px -429px #dedede, 687px -48px #c7c7c7, -1204px -25px #ededed, -676px -264px #d1d1d1, -1483px -267px #c7c7c7, 501px -252px #e6e6e6, -991px 335px #c4c4c4, -1089px -63px #d1d1d1, 416px -144px #ededed, -895px 320px #cccccc, -1092px -462px #d6d6d6, 935px -477px #d1d1d1, -1192px -438px #c7c7c7, 421px -101px whitesmoke, -1284px -20px #fafafa, 231px -454px #ebebeb, -83px 7px #ededed, 844px -153px #f2f2f2, 95px -372px whitesmoke, 1350px 96px white, 689px 255px #e8e8e8, 448px -59px white, -701px -85px #c7c7c7, -1383px 44px #c7c7c7, 364px -421px #f0f0f0, 442px -284px #e8e8e8, -942px -56px #e8e8e8, -198px 169px #f2f2f2, -912px -120px #e3e3e3, -1479px -67px #d9d9d9, -485px 128px #d4d4d4, -858px 78px #d4d4d4, -7px 175px #f7f7f7, -634px -178px #e0e0e0, 52px -256px #c4c4c4, 855px -72px #f0f0f0, 166px 303px #f7f7f7, 143px -469px #d6d6d6, 178px -283px #ededed, -985px -422px #c7c7c7, 794px -375px #e0e0e0, 751px 276px white, 1443px -199px #cccccc, 454px -417px #f0f0f0, -685px -427px #d1d1d1, 562px -35px #e6e6e6, 24px 124px #cfcfcf, -1394px 445px #c9c9c9, 996px -108px #c2c2c2, -400px 288px #c2c2c2, -1247px -383px #fcfcfc, -275px -143px #e3e3e3, -226px -222px #ebebeb, 665px 212px #c4c4c4, 502px 245px #c7c7c7, -1187px -443px white, -1246px 97px #d4d4d4, -593px -318px #d4d4d4, 1px 81px #ebebeb, 930px 264px #f7f7f7, 664px 141px #f2f2f2, -1301px 135px #cccccc, -573px 340px #d4d4d4, -946px 444px #e6e6e6, -103px -194px #fcfcfc, 796px 171px #d6d6d6, 431px -421px #f7f7f7, 1106px -11px #c2c2c2, -382px -69px #d4d4d4, -55px -461px #e8e8e8, 1248px -360px #d1d1d1, -145px -93px #f7f7f7, 35px 365px #c7c7c7, -219px 209px #e0e0e0, 1407px -429px #d9d9d9, 439px -251px #f7f7f7, 967px 326px #cfcfcf, -883px 257px #c2c2c2, -180px 205px #dbdbdb, -65px 102px #dbdbdb, 150px 229px #c4c4c4, 33px -348px #fafafa, -1339px -413px white, -1352px 262px #c9c9c9, -557px -86px whitesmoke, -232px 279px #f7f7f7, -465px 468px #f2f2f2, -105px 219px #f0f0f0, -1147px -51px #f2f2f2, -1489px -158px #d1d1d1, -878px -384px #dbdbdb, 1104px 234px #d9d9d9, 518px -17px #e0e0e0, -1082px -210px #d6d6d6, -177px 249px #c7c7c7, 456px -108px #dbdbdb, -798px -112px #d9d9d9, 337px 159px #c4c4c4, -1005px 402px #dedede, -1401px 194px #fafafa, 871px 305px whitesmoke, 756px -26px #f0f0f0, 1086px 379px #c4c4c4, 868px 336px #d1d1d1, -533px 59px #e3e3e3, -148px 186px #d6d6d6, -345px 257px #f7f7f7, 441px -116px #c4c4c4, -1162px 340px #d9d9d9, -1069px 431px #f7f7f7, -528px 354px #d9d9d9, 836px 35px whitesmoke, -974px 10px #fcfcfc, -304px -259px #dedede, 254px 47px whitesmoke, 328px 31px #c7c7c7, -1450px 316px #f0f0f0, 386px 459px #cccccc, -1326px 79px #d1d1d1, 673px 114px #cccccc, -9px -99px #c2c2c2, 466px 99px #fcfcfc, 712px 178px #d4d4d4, -981px -386px #d9d9d9, 904px -361px #d6d6d6, 983px 213px #d1d1d1, -287px 220px #ebebeb, 589px -71px #c2c2c2, 1264px 372px #fcfcfc, 659px -441px #ededed, 1377px 112px #f2f2f2, 1344px 477px #cccccc, -1476px -316px #d6d6d6, 354px 69px #ebebeb, -465px -266px #fafafa, -485px 456px #c4c4c4, -54px 146px #cccccc, -210px -330px #d6d6d6, 505px 456px #d4d4d4, 1394px 253px #d4d4d4, -1062px 336px #c2c2c2, 966px 196px #fcfcfc, -1463px -114px #ededed, -1119px 112px #d4d4d4, -952px -23px #cfcfcf, 1025px 279px #e8e8e8, 1464px 162px #fafafa, 327px -122px whitesmoke, -925px -177px whitesmoke, 385px -63px #e0e0e0, 1358px 451px #f2f2f2, 1344px -123px #e6e6e6, -1477px 398px #c2c2c2, 425px -306px #f0f0f0, 90px 445px #fafafa, -1172px -198px white, 345px -24px #c9c9c9, -1285px -283px #ededed, -818px 53px #dedede, 1057px -213px #cccccc, 678px 124px #f0f0f0, 688px 396px #ebebeb, -719px -172px #c4c4c4, -1215px -174px #f0f0f0, -260px 293px white, -1488px -386px #f7f7f7, -1480px 459px white, 1380px 32px #f2f2f2, 253px 328px #d6d6d6, 286px 449px #cfcfcf, -594px 66px white, 97px -69px #cfcfcf, -991px 313px #c2c2c2, -880px -83px white, -86px -192px #c2c2c2, 377px -241px #c4c4c4, -1047px 95px #fcfcfc, -366px 40px #e8e8e8, -414px 439px #f7f7f7, 1056px -404px #c2c2c2, 444px -244px #e8e8e8, -1407px 270px #c7c7c7, -355px -16px #d1d1d1, 1229px -114px white, 694px -416px #d6d6d6, -1309px -174px #ededed, 945px -457px #dbdbdb, -1189px -463px #e6e6e6, -1449px -136px #dedede, 866px 26px #d9d9d9, -80px 219px #f7f7f7, -781px -31px #e6e6e6, 756px 299px #d9d9d9, 1025px 320px #e6e6e6, 291px -281px #ededed, -853px 247px #e0e0e0, 198px 282px #d1d1d1, -505px 445px #ebebeb, 314px 250px #e8e8e8, -566px -338px #f7f7f7, -195px -296px #dedede, 737px -81px #ebebeb, 1430px 277px #f0f0f0, -1117px -59px #d1d1d1, 1422px 233px #e6e6e6, 1236px 301px #ebebeb, 177px 264px #f7f7f7, -957px 142px #cccccc, 1324px 341px #c4c4c4, -999px 463px #e0e0e0, 680px -319px #c2c2c2, 1194px -287px #f7f7f7, -1227px 348px #fafafa, 1351px -388px #f7f7f7, 242px 135px #c2c2c2, -778px 292px #ededed, 40px 22px #c4c4c4, 1395px 192px #fafafa, -300px -309px #c4c4c4, 1167px 152px #dedede, 1438px -277px #d4d4d4, 1103px -44px white, -1179px -301px #c9c9c9, 181px 364px #f0f0f0, 477px 332px #dedede, -1016px 161px #ededed, 1283px 468px #f2f2f2, -880px 17px #d6d6d6;
    box-shadow: -740px 444px #f2f2f2, 157px -59px #cccccc, 36px -3px #cccccc, -857px -439px #cccccc, -1408px 402px #d9d9d9, -235px -149px #d9d9d9, -1074px -305px #cfcfcf, 820px -287px #c4c4c4, -536px 243px #d6d6d6, 954px 377px #fafafa, 136px -179px #ededed, -294px -159px #ededed, 374px 403px #dbdbdb, -803px 4px #dbdbdb, -671px -262px #f7f7f7, -589px 136px #c7c7c7, -1248px -352px #e6e6e6, 459px -209px #f7f7f7, -1012px 318px #cfcfcf, -290px 117px #fafafa, -926px 46px #dbdbdb, 1350px 278px #d6d6d6, 969px -321px #e6e6e6, 380px -371px #e6e6e6, 912px 130px #ededed, -433px -403px #d9d9d9, -469px -46px #c2c2c2, -854px 37px #c9c9c9, 722px 112px #ededed, 1094px -49px #e6e6e6, 1436px -75px #c9c9c9, 897px 476px #cccccc, -262px 413px #cccccc, 806px 210px #c4c4c4, 1215px -71px #cccccc, -425px 156px #d4d4d4, -1338px 444px #e3e3e3, 1214px 174px #c4c4c4, -1133px 226px #d1d1d1, 1221px 352px #e8e8e8, 1385px 69px #e0e0e0, -85px 281px #c7c7c7, -451px 46px #fcfcfc, -1064px -134px #dedede, 1331px -15px #d6d6d6, -1001px 275px #d4d4d4, 522px -6px #cfcfcf, 573px -153px #ebebeb, 1320px -339px #e0e0e0, -591px 180px #fafafa, 779px -178px #c2c2c2, -606px 183px #c7c7c7, -1423px -406px #d4d4d4, 324px -17px #c4c4c4, -1403px -362px #dedede, 1294px 204px #dbdbdb, 648px 77px #c7c7c7, -39px -104px #ebebeb, 157px -88px #f7f7f7, -983px -330px #fcfcfc, -999px 78px #e8e8e8, -1268px -400px #f2f2f2, -438px -77px #d6d6d6, 573px 279px whitesmoke, -117px 252px #f0f0f0, -359px 292px #d6d6d6, 1306px 428px #e6e6e6, 1364px -141px #f2f2f2, -433px -394px #dbdbdb, 1424px -402px #e6e6e6, -403px 418px #ededed, -196px 147px #cccccc, 454px 323px #c9c9c9, -1416px 50px #dbdbdb, 1189px 210px whitesmoke, -615px -323px #e6e6e6, -203px 277px #f2f2f2, 1245px 45px #e6e6e6, 531px -225px #dedede, 737px 151px #dedede, -696px 323px #d6d6d6, 1358px 151px #d6d6d6, 29px 396px whitesmoke, -60px -355px whitesmoke, -445px -355px #f2f2f2, 12px -98px #fafafa, -757px -165px #cfcfcf, 927px 445px #f7f7f7, 278px 98px #ebebeb, -1324px -316px #d4d4d4, -582px -13px #d9d9d9, -1386px 283px #c9c9c9, 83px 109px whitesmoke, 511px -149px #e0e0e0, -581px -109px #d1d1d1, 298px -124px #c2c2c2, 858px -263px #e0e0e0, -1412px 210px #dedede, 327px 472px #dedede, 30px -220px #dbdbdb, 206px 266px #cfcfcf, -835px -428px #c9c9c9, 695px -440px #d1d1d1, -1293px 120px #d1d1d1, -537px 432px #e0e0e0, 374px 171px #e3e3e3, 1221px -358px #d4d4d4, 1028px 460px #ebebeb, 413px 201px #fcfcfc, 284px -428px #cfcfcf, 672px -338px white, 479px -358px #e3e3e3, -1178px -434px #fcfcfc, -1029px 423px #c2c2c2, 255px 116px #fcfcfc, -1065px 323px #f7f7f7, 510px -84px #dbdbdb, -1469px 53px #ededed, -1290px -375px #fafafa, -269px -173px #f0f0f0, -874px 200px #d6d6d6, -1053px 182px #e3e3e3, -137px 280px #dbdbdb, 1408px -429px #dedede, 687px -48px #c7c7c7, -1204px -25px #ededed, -676px -264px #d1d1d1, -1483px -267px #c7c7c7, 501px -252px #e6e6e6, -991px 335px #c4c4c4, -1089px -63px #d1d1d1, 416px -144px #ededed, -895px 320px #cccccc, -1092px -462px #d6d6d6, 935px -477px #d1d1d1, -1192px -438px #c7c7c7, 421px -101px whitesmoke, -1284px -20px #fafafa, 231px -454px #ebebeb, -83px 7px #ededed, 844px -153px #f2f2f2, 95px -372px whitesmoke, 1350px 96px white, 689px 255px #e8e8e8, 448px -59px white, -701px -85px #c7c7c7, -1383px 44px #c7c7c7, 364px -421px #f0f0f0, 442px -284px #e8e8e8, -942px -56px #e8e8e8, -198px 169px #f2f2f2, -912px -120px #e3e3e3, -1479px -67px #d9d9d9, -485px 128px #d4d4d4, -858px 78px #d4d4d4, -7px 175px #f7f7f7, -634px -178px #e0e0e0, 52px -256px #c4c4c4, 855px -72px #f0f0f0, 166px 303px #f7f7f7, 143px -469px #d6d6d6, 178px -283px #ededed, -985px -422px #c7c7c7, 794px -375px #e0e0e0, 751px 276px white, 1443px -199px #cccccc, 454px -417px #f0f0f0, -685px -427px #d1d1d1, 562px -35px #e6e6e6, 24px 124px #cfcfcf, -1394px 445px #c9c9c9, 996px -108px #c2c2c2, -400px 288px #c2c2c2, -1247px -383px #fcfcfc, -275px -143px #e3e3e3, -226px -222px #ebebeb, 665px 212px #c4c4c4, 502px 245px #c7c7c7, -1187px -443px white, -1246px 97px #d4d4d4, -593px -318px #d4d4d4, 1px 81px #ebebeb, 930px 264px #f7f7f7, 664px 141px #f2f2f2, -1301px 135px #cccccc, -573px 340px #d4d4d4, -946px 444px #e6e6e6, -103px -194px #fcfcfc, 796px 171px #d6d6d6, 431px -421px #f7f7f7, 1106px -11px #c2c2c2, -382px -69px #d4d4d4, -55px -461px #e8e8e8, 1248px -360px #d1d1d1, -145px -93px #f7f7f7, 35px 365px #c7c7c7, -219px 209px #e0e0e0, 1407px -429px #d9d9d9, 439px -251px #f7f7f7, 967px 326px #cfcfcf, -883px 257px #c2c2c2, -180px 205px #dbdbdb, -65px 102px #dbdbdb, 150px 229px #c4c4c4, 33px -348px #fafafa, -1339px -413px white, -1352px 262px #c9c9c9, -557px -86px whitesmoke, -232px 279px #f7f7f7, -465px 468px #f2f2f2, -105px 219px #f0f0f0, -1147px -51px #f2f2f2, -1489px -158px #d1d1d1, -878px -384px #dbdbdb, 1104px 234px #d9d9d9, 518px -17px #e0e0e0, -1082px -210px #d6d6d6, -177px 249px #c7c7c7, 456px -108px #dbdbdb, -798px -112px #d9d9d9, 337px 159px #c4c4c4, -1005px 402px #dedede, -1401px 194px #fafafa, 871px 305px whitesmoke, 756px -26px #f0f0f0, 1086px 379px #c4c4c4, 868px 336px #d1d1d1, -533px 59px #e3e3e3, -148px 186px #d6d6d6, -345px 257px #f7f7f7, 441px -116px #c4c4c4, -1162px 340px #d9d9d9, -1069px 431px #f7f7f7, -528px 354px #d9d9d9, 836px 35px whitesmoke, -974px 10px #fcfcfc, -304px -259px #dedede, 254px 47px whitesmoke, 328px 31px #c7c7c7, -1450px 316px #f0f0f0, 386px 459px #cccccc, -1326px 79px #d1d1d1, 673px 114px #cccccc, -9px -99px #c2c2c2, 466px 99px #fcfcfc, 712px 178px #d4d4d4, -981px -386px #d9d9d9, 904px -361px #d6d6d6, 983px 213px #d1d1d1, -287px 220px #ebebeb, 589px -71px #c2c2c2, 1264px 372px #fcfcfc, 659px -441px #ededed, 1377px 112px #f2f2f2, 1344px 477px #cccccc, -1476px -316px #d6d6d6, 354px 69px #ebebeb, -465px -266px #fafafa, -485px 456px #c4c4c4, -54px 146px #cccccc, -210px -330px #d6d6d6, 505px 456px #d4d4d4, 1394px 253px #d4d4d4, -1062px 336px #c2c2c2, 966px 196px #fcfcfc, -1463px -114px #ededed, -1119px 112px #d4d4d4, -952px -23px #cfcfcf, 1025px 279px #e8e8e8, 1464px 162px #fafafa, 327px -122px whitesmoke, -925px -177px whitesmoke, 385px -63px #e0e0e0, 1358px 451px #f2f2f2, 1344px -123px #e6e6e6, -1477px 398px #c2c2c2, 425px -306px #f0f0f0, 90px 445px #fafafa, -1172px -198px white, 345px -24px #c9c9c9, -1285px -283px #ededed, -818px 53px #dedede, 1057px -213px #cccccc, 678px 124px #f0f0f0, 688px 396px #ebebeb, -719px -172px #c4c4c4, -1215px -174px #f0f0f0, -260px 293px white, -1488px -386px #f7f7f7, -1480px 459px white, 1380px 32px #f2f2f2, 253px 328px #d6d6d6, 286px 449px #cfcfcf, -594px 66px white, 97px -69px #cfcfcf, -991px 313px #c2c2c2, -880px -83px white, -86px -192px #c2c2c2, 377px -241px #c4c4c4, -1047px 95px #fcfcfc, -366px 40px #e8e8e8, -414px 439px #f7f7f7, 1056px -404px #c2c2c2, 444px -244px #e8e8e8, -1407px 270px #c7c7c7, -355px -16px #d1d1d1, 1229px -114px white, 694px -416px #d6d6d6, -1309px -174px #ededed, 945px -457px #dbdbdb, -1189px -463px #e6e6e6, -1449px -136px #dedede, 866px 26px #d9d9d9, -80px 219px #f7f7f7, -781px -31px #e6e6e6, 756px 299px #d9d9d9, 1025px 320px #e6e6e6, 291px -281px #ededed, -853px 247px #e0e0e0, 198px 282px #d1d1d1, -505px 445px #ebebeb, 314px 250px #e8e8e8, -566px -338px #f7f7f7, -195px -296px #dedede, 737px -81px #ebebeb, 1430px 277px #f0f0f0, -1117px -59px #d1d1d1, 1422px 233px #e6e6e6, 1236px 301px #ebebeb, 177px 264px #f7f7f7, -957px 142px #cccccc, 1324px 341px #c4c4c4, -999px 463px #e0e0e0, 680px -319px #c2c2c2, 1194px -287px #f7f7f7, -1227px 348px #fafafa, 1351px -388px #f7f7f7, 242px 135px #c2c2c2, -778px 292px #ededed, 40px 22px #c4c4c4, 1395px 192px #fafafa, -300px -309px #c4c4c4, 1167px 152px #dedede, 1438px -277px #d4d4d4, 1103px -44px white, -1179px -301px #c9c9c9, 181px 364px #f0f0f0, 477px 332px #dedede, -1016px 161px #ededed, 1283px 468px #f2f2f2, -880px 17px #d6d6d6;
    -webkit-animation: fly 10s linear infinite;
    animation: fly 10s linear infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.stars:before,
.stars:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.stars:before {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    -webkit-animation: fade1 10s linear infinite;
    animation: fade1 10s linear infinite;
}
.stars:after {
    -webkit-transform: translateZ(-600px);
    transform: translateZ(-600px);
    -webkit-animation: fade2 10s linear infinite;
    animation: fade2 10s linear infinite;
}
@-webkit-keyframes fly {
    from {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
    to {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
}
@keyframes fly {
    from {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
    to {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
}
@-webkit-keyframes fade1 {
    from {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade1 {
    from {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fade2 {
    from {
        opacity: 0;
    }
    to {
        opacity: .5;
    }
}
@keyframes fade2 {
    from {
        opacity: 0;
    }
    to {
        opacity: .5;
    }
}

/* Login Register
========================*/
.login-register .login-register-head{
    padding: 0;
    height: 100vh;
    position: relative;
    background: url(../images/bc.jpg) center;
    background-size: cover;
}
.side-cont{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 380px;
    margin: auto;
}
.side-cont img.logo-img{
    width: 180px;
}
.side-cont ul{
    margin: 50px auto;
}
.side-cont ul li{
    display: inline-block;
    margin: 10px;
}
.login-form{
    padding: 0;
    height: 100vh;
    z-index: 999;
    background-color: #fff;
    text-align: center;
}
.login-form form{
    max-width: 420px;
    padding: 15px;
    background-color: #fbfbfb;
    margin: auto;
}
.login-form form .form-control{
	background-color: #fff;
	border: 0;
}
.login-form .remmeber{
    float: right;
}
.login-form .forget-pass {
    float: left;
    position: relative;
}
.login-form .forget-pass a{
    display: block;
    font-size: 13px;
    line-height: 35px;
    color: #1b96b9;
}
.login-form .forget-pass a:hover{
    color:#333333;
}
.login-form .custom-btn{
    margin: 0 auto;
    width: 166px;
    line-height: 40px;
}
.login-form .spacer{
    display: block;
    position: relative;
    margin: 15px auto;
    line-height: 25px;
    font-size: 14px;
    color: #3e3e3e;
    letter-spacing: 1px;
}
.login-form .spacer span{
    position: relative;
    background: #fbfbfb;
    padding: 10px 20px;
}
.login-form .spacer:before{
    content: " ";
    position: absolute;
    width: 90%;
    height: 1px;
    background: #f1f1f1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.social-login .custom-btn svg{
    margin-right: 5px;
}
.login-form .social-login {
    margin-bottom:10px;
}
.social-login .custom-btn{
    width: auto;
    font-size: 13px;
    line-height: 35px;
    height: 35px;
    text-transform: capitalize;
    padding: 0 15px;
    width: 115px;
}
.face{
	background: #4e71a8;
}
.twitt{
	background: #1cb7eb;
}
.google{
	background: #c40505;
}
.inst{
	background: #795548;
}
.login-form form.reg-form{
    max-width: 580px;
    margin: auto;
}
.login-form form.reg-form .form-group{
	padding: 0 5px;
	margin: 8px auto;
}
.login-form form.reg-form .radio-wrap{
    display: inline-block;
    vertical-align: middle;
    margin: 5px auto 5px 15px;
}
.text-right{
    text-align: right!important;
}


/* Header
=====================*/
header{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    z-index: 999;
    background-color: #fff;
}
header .logo{
    float: right;
    height: 57px;
}
header .logo img{
    height: 57px;
    margin: 3px;
}
header .links{
    float: left;
}
header .links li{
    float: right;
    border-right: 1px solid #f5f5f5;
    line-height: 40px;
    padding: 15px;
}
header .links li:last-child{
	border-left: 1px solid #f5f5f5;
}
.dropdown .dropdown-menu li:last-child{
	border-bottom: 1px solid #f5f5f5;
}
header .links li a , 
header .links li .dropdown-toggle{
    display: block;
    position: relative;
    text-align: center;
    border: 0;
    background-color: transparent;
    padding: 0;
}
header .links li img{
    width: 32px;
}
header .links li  span.count{
	position: absolute;
	background-color: #df2315;
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 50%;
	top: -14px;
	left: -15px;
	font-size: 12px;
	z-index: 99;
}
.tooltip{
    font-family: 'Droid Arabic Kufi', sans-serif;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    min-width: 120px;
}
.dropdown .dropdown-menu{
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    min-width: 280px;
    margin: 0;
    padding: 0;
    border-radius: 0 0 10px 10px;
    left: -1px;
    right: auto;
    opacity:0;
    visibility:hidden;
    top: 130%;
    overflow: hidden;
    display: block!Important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
}
.dropdown .dropdown-menu ul{
	max-height: 308px;
	overflow: hidden;
	overflow: auto;
}
.dropdown.open .dropdown-menu{
    opacity: 1;
    top:100%;
    visibility: visible;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
}
.dropdown .dropdown-menu li{
	display: block;
	float: none;
	border: 0;
	border-bottom: 1px solid #f1f1f1;
	padding: 0;
	overflow: hidden;
}
.dropdown .dropdown-menu li:hover{
	background-color:#f9f9f9;
}
.dropdown .dropdown-menu .drop-footer{
    line-height: 40px;
    color: #777;
    background-color: #f5f6f5;
}
.notify-item a{
    text-align: right!important;
}
.notify-item .notify-cont{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 8px 5px 8px 60px;
}
.notify-item .notify-cont img{
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 5px auto;
}
.notify-item .notify-cont .info{
    display: block;
    padding-right: 60px;
}
.notify-item .notify-cont .info .name{
    line-height: 18px;
    color: #666;
    font-size: 12px;
}
.notify-item .notify-cont .info .time{
    font-size: 11px;
    line-height: 20px;
    color: #8BC34A;
}
.notify-item .notify-cont .info span{
    display: block;
}
.notify-item .notify-cont .info p{
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #666;
}
.notify-item .notify-type{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    width: 50px;
    margin: auto;
    height: 45px;
}
.notify-item .notify-type img{
    width: 100%;
    height: 100%;
}
.notify-item .notify-type .custom-btn{
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: 100%;
    font-size: 12px;
    margin: auto;
}

/* Footer
=====================*/
footer{
    position: relative;
    text-align: center;
    border-top: 1px solid #f9f9f9;
    padding: 25px 0px;
}
footer p{
	position: relative;
	text-align: center;
	color: #777;
	font-size: 12px;
	font-weight: 600;
	line-height: 25px;
	margin: 0;
}
footer ul li{
	display:inline-block;
}
footer ul li a{
	display:block;
	color: #555;
	margin: 0 5px;
	line-height: 25px;
	font-size: 12px;
	font-weight: 600;
}

/* Widget
==========================*/
.widget{
    margin: 15px auto;
    background-color: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
}
.widget .widget-title{
    display: block;
    padding: 0px 25px;
    line-height: 50px;
    font-weight: 600;
    font-size: 12px;
    color: #01b2e9;
    border-bottom: 1px solid #f9f9f9;
}
.widget .widget-title a{
    float: left;
    font-size: 11px;
    color: #8bc34a;
}
.widget .widget-title a.new-mess{
    background-color: #01b2e9;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 25px;
    margin: 10px auto;
}
.widget .widget-content{
	padding: 25px;
    margin: auto;
}

.widget .widget-content.nopad{
    padding: 0;
}

/* Post
========================*/
.post-item{
    overflow: hidden;
    margin: 0px auto 15px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}
.post-item .post-head{
    display: block;
    padding: 15px;
    position: relative;
}
.post-item .post-head img{
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 10px auto;
}
.post-item .post-head .info{
    display: block;
    padding-right: 60px;
    font-weight: 600;
}
.post-item .post-head .info span{
    display: block;
} 
.post-item .post-head .info span.name{
    color: #01b2e9;
    font-size: 13px;
    line-height: 25px;
}
.post-item .post-head .info span.time{
    font-size: 11px;
    line-height: 20px;
    color: #777;
}
.post-item .post-head .info span.location{
    font-size: 11px;
    color: #555;
}
.post-item .post-head .control{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
}
.post-item .post-head .control .dropdown-menu{
    min-width: 210px;
    border-radius: 5px;
}
.post-item .post-head .control .dropdown-menu li{
    color: #36405c;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
}
.post-item .post-head .control .dropdown-menu li button ,
.post-item .post-head .control .dropdown-menu li button:hover{
    color: #36405c;
    font-size: 14px;
    line-height: 35px;
    padding: 0 15px;
    overflow:hidden;
    border: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    text-align: right;
}
.post-item .post-head .control .dropdown-menu li button:hover{
	background-color: #ffffff;
	color: #01b2e9;
	overflow:hidden;
}
.post-item .post-head .control .icon-btn ,
.post-item .post-head .control .icon-btn:hover ,
.post-item .post-head .control .icon-btn:focus{
    color: #36405c;
    font-size: 28px;
    background-color: transparent;
}
.post-item .post-media{
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}
.post-item .post-media a:before{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}
.post-item .post-media a:hover:before{
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}
.post-item .post-media img{
    width: 100%;
}
.post-item .post-media a{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.post-item .post-media.video-media a:before{
    display: none;
}
.post-item .post-media.video-media .popup-video{
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 110px;
    z-index: 99;
    color: #01b2e9;
    font-size: 80px;
}
.post-item .post-media .icon-btn{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 99;
    background-color: #f9f9f9;
    color: #01b2e9;
}
.post-item .post-cont{
    display: block;
    position: relative;
    overflow: hidden;
}
.post-item .post-cont .post-info{
    padding: 5px 15px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.post-item .post-cont .post-info .info-text{
    margin: 0;
    line-height: 50px;
}
.post-item .post-cont .post-info .action{
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    height: 35px;
    margin: auto;
}
.post-item .post-cont .post-info .action li{
    display: inline-block;
}
.post-item .post-cont .post-info .action li .dropdown-menu{
	min-width: 200px;
}
.post-item .post-cont .post-info .action li.dropdown.open .dropdown-menu{
	top: 132%;
}
.post-item .post-cont .post-info .action li.dropdown.open .dropdown-menu.emotion-list{
	
padding: 5px;
	
text-align: center;
}
.post-item .post-cont .post-info .action li .custom-btn{
	display:block;
	width:100%;
	margin: 0;
	border-radius: 0;
	text-align: right;
	border-bottom: 1px solid #f5f5f5;
	background-color: transparent;
	color: #01b2e9;
	line-height: 40px;
	font-size: 13px;
}
.post-item .post-cont .post-info .action li.dropdown .dropdown-menu.emotion-list button.custom-btn{
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 0;
	padding: 2px;
}
.post-item .post-cont .post-info .action li .icon-btn{
	height: 35px;
	width: 60px;
	line-height: 35px;
}
.post-item .post-cont .post-info .action li .icon-btn i ,
.post-item .post-cont .post-info .action li .icon-btn span{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
	z-index: 99;
}
.post-item .post-cont .post-info .action li .icon-btn .count{
    color: #ffffff;
    font-size: 12px;
    z-index: 99;
    display: inline-block;
    vertical-align: middle;
}
.post-item .post-comment .form-group{
    margin: 0;
}
.post-comm .form-group{
    padding-left: 105px;
    border-bottom: 1px solid #f5f5f5;
    background-color: #f9f9f9;
}
.post-comm .form-group .form-control{
    width: 100%;
    background-color: #f9f9f9;
    line-height: 35px;
    overflow-y: auto;
    height: 50px;
    color: #666;
    border-left: 1px solid #f5f5f5;
    padding: 5px 15px;
}
.post-comm .form-group .message-action{
	position: absolute;
	left: 0;
	width: 95px;
	height: 40px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.post-comm .form-group .icon-btn{
	display: inline-block; 
	vertical-align: middle;
}
.profile .profile-head form .custom-btn:hover,
.post-item .post-comment .comment-item-cont .comment-action .icon-btn:hover ,
.post-item .post-media .icon-btn:hover ,
.post-comm .form-group .icon-btn:hover{
 	 background-color: #1d7993; 
 	 -webkit-transform: rotateY(360deg);
 	 -moz-transform: rotateY(360deg);
 	 transform: rotateY(360deg); 
     -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.post-comm .form-group .icon-btn.upload-btn{
    cursor: pointer;
    height: 40px;
    position: relative;
    left: auto;
    margin: 0;
}
.post-comm .form-group .icon-btn.upload-btn input[type="file"]{
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.comments-list{
    padding: 5px 10px;
    background-color: #ffff;
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto;
    -wekit-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out;
}
.full-list{
    max-height: 100% !important;
}
.post-item .post-comment .comment-item{
    background-color: #f9f9f9;
    padding: 0 15px;
    margin: 5px 0px;
}
.post-item .post-comment .comment-item.replay-comment{
	margin-right: 30px;
}
.post-item .post-comment .comment-item .img{
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 10px auto;
}
.post-item .post-comment .comment-item-cont{
    display: block;
    padding: 10px 55px 10px 10px;
    font-weight: 600;
}
.post-item .post-comment .comment-item-cont a{
    color: #01b2e9;
    font-size: 12px;
    line-height: 25px;
}
.post-item .post-comment .comment-item-cont .comment-time{
	display:block;
	font-size: 12px;
	line-height: 20px;
	color: #777;
	margin: 0px auto;
	text-align: right;
	font-weight: 100;
}
.post-item .post-comment .comment-item-cont .comment-time i ,
.post-item .post-comment .comment-item-cont .comment-time div{
	display: inline-block;
	vertical-align: middle;
	direction: ltr;
	margin-left: 3px;
}
.post-item .post-comment .comment-item-cont .info-text{
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
}
.post-item .post-comment .comment-item-cont .info-text .comment-media{
	width:360px;
	border-radius: 5px;
	overflow:hidden;
	margin: 5px 0;
	border: 5px solid #fff;
}
.post-item .post-comment .comment-item-cont .comment-action{
    display: block;
    position: relative;
    margin: 10px auto;
}
.post-item .post-comment .comment-item-cont .comment-action div{
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: auto;
}
.post-item .post-comment .comment-item-cont .comment-action div span{
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
}
.post-item .post-comment .comment-item-cont .comment-action .icon-btn{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	width: 30px;
	vertical-align: middle;
	top: auto;
	left: auto;
}
.post-item .post-comment .comment-item-cont .comment-action .comment-field{
    display: none;
    position: relative;
    margin: 5px auto;
    border-radius: 0;
}
.post-item .post-comment .comment-item-cont .comment-action .comment-field .form-group{
	display: block;
	padding-left: 80px;
}
.post-item .post-comment .comment-item-cont .comment-action .form-control{
    background-color: #fff;
    line-height: 40px;
    height: 40px;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.post-item .post-comment .comment-item-cont .comment-action .comment-field .icon-btn{margin: 5px 3px 0px 3px;position: relative;}
.load-more{
    width: 180px;
    margin: 15px auto;
    text-align: center;
}
.load-more i{
    margin-left: 5px;
}

/* Modal
=============================*/
.modal-open{
	overflow:hidden !important;
}
.modal-dialog{
	background-color:#fff;
	padding: 0px;
	max-width: 99%;
	border-radius: 5px;
	width: 860px;
	margin: 30px auto;
	height: 520px;
}
#social_share .modal-dialog{
	width: 270px;
	height: auto;
	padding: 25px
}
#social_share .modal-dialog .custom-btn{
	display: block;
	width: 100%;
}
.share_post .modal-dialog{
	max-width: 580px;
	height: auto;
}
.share_post .modal-dialog .new-message{
	padding: 0 15px;
}
.share_post .modal-dialog .new-message .form-group label{
	padding: 0;
}
.share_post .modal-dialog .custom-btn{
	width: 120px;
	line-height: 35px
}
.share_post .modal-dialog .form-group{
	margin: 0;
	padding: 5px;
}
.modal-dialog .modal-title{
	padding: 0 15px;
	line-height: 40px;
	background-color:#01b2e9;
	border-radius: 5px 5px 0 0;
	color:#fff;
	font-weight: 600;
	font-size: 12px;
}
.pop-post{
    padding: 10px;
    display: block;
    margin: 5px;
    border: 2px solid #f9f9f9;
    overflow: hidden;
}
.pop-post .post-img{
    float: right;
    width: 100px;
}
.pop-post .post-img img{}
.pop-post .post-cont{
    padding-right: 120px;
}
.pop-post .post-cont a{
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
}
.pop-post .post-cont a.user{
    color: #131313;
}
.pop-post .post-cont span{}
.pop-post .post-cont span i{}
.modal-dialog .close-btn{
	position: absolute;
	border: none;
	left: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
	color: #ffffff;
	z-index: 9999;
	background-color: #01b2e9;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	transition: .3s all;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.modal-dialog .icon-btn:hover{
	background-color:#089ac7;
}
.modal-dialog .modal-cont{
    padding: 0;
    max-height: 520px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
}
.modal-dialog .user-list{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
}
.modal-dialog .user-list img{
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 3px auto;
}
.modal-dialog .user-list .info {
    display: block;
    padding: 5px 60px 5px 70px;
    font-weight: 600;
}
.modal-dialog .user-list .info span{
    margin: 0;
    font-size: 10px;
    display: block;
    line-height: 25px;
    color: #333;
}
.modal-dialog .post-item{
}
.modal-dialog .modal-img{
	padding: 0;
	height: 100%;
}
.modal-dialog .modal-img img{
	width: 100%;
	height: 100%;
}
.modal-dialog .post-item .post-cont .post-info .action{
    position: relative;
    left: auto;
    margin: 0px auto 5px;
}
.modal-dialog .post-item .post-cont .post-info .action li.dropdown.open .dropdown-menu{
	right:0;
	left: auto;
}


/* User List
========================*/
.user-list{
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
}
.user-list img{
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 3px auto;
}
.user-list .info{
    display: block;
    padding: 5px 60px 5px 70px;
    font-weight: 600;
}
.user-list .info .name{
    color: #434343;
    font-size: 12px;
}
.user-list .info span{
    margin: 0;
    font-size: 10px;
    display: block;
    line-height: 25px;
    color: #333;
}
.user-list .custom-btn{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    height: 30px;
    line-height: 30px;
}
.users-list{
    max-height: 305px;
    overflow: hidden;
    overflow-y: auto;
}

/* Messages
===========================*/
.message-item{
	display: block;
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
}
.message-item:hover{
    background-color: #fdfdfd;
}
.message-item .sender-img{
    float: right;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow:hidden;
    border: 2px solid #01b2e9;
    padding: 3px;
    margin: 15px auto;
}
.message-item .sender-img img{
    width:100%;
    height:100%;
}
.message-item .message-content{
    display: block;
    padding: 10px 90px 10px 10px;
}
.message-item .message-content .sender-name{
    display: block;
    position: relative;
    line-height: 25px;
    font-weight: 600;
    margin: 0;
    font-size: 13px;
    color: #01b2e9;
}
.message-item .message-content .message-time{
    position: relative;
    display: block;
    line-height: 25px;
    font-size: 14px;
    color: #777;
}
.message-item .message-content .message-details{
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 25px;
    color: #343432;
    font-weight: 600;
}
.message-inner .sender-img{
   margin: 0;
}
.message-inner .remove-message{
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ee584d;
    height: 40px;
}
.messages{
    display: block;
    position: relative;
    max-height: 600px;
    overflow: hidden;
    overflow-y: auto;
}
.messages li{
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
    padding: 30px 90px 30px 15px;
}
.messages li img.user-img{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #01b2e9;
    padding: 3px;
    margin: 5px auto;
    right: 15px;
    top: 20px;
}
.messages li .message-media {
	position:relative;
	display: inline-block;
	width: auto;
	max-width: 80%;
}
.messages li .message-media a{
	display: inline-block;
	position: relative;
}
.messages li .message-media img{
    border: 5px solid #f1f1f1;
    margin: 5px 0;
}
.messages li .message-media .icon-btn{
	position: absolute;
	right: auto;
	left: -45px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.messages .time{
    display: block;
    color: #8BC34A;
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 6px;
    line-height: 20px;
}
.messages p{
    margin: 0;
    color: #555;
    font-weight: 600;
    font-size: 11px;
    line-height: 26px;
    display: block;
}
.messages .owner{
    background-color: #fdfdfd;
    padding: 30px 15px 30px 90px;
    text-align: left;
}
.messages .owner img.user-img{
	left: 15px;
	right: auto;
}
.messages li .message-opt{
    position: absolute;
    top: 10px;
    left: 10px;
}
.messages li.owner .message-opt{
	right: 10px;
	left: auto;
}
.messages li .message-opt .icon-btn{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}
.message-replay .form-group{
    margin: 0;
    padding-left: 150px;
}
.message-replay .form-group .form-control{
    width: 100%;
    background-color: #ffffff;
    line-height: 35px;
    max-height: 80px;
    overflow-y: auto;
    min-height: 80px;
    color: #666;
    border-left: 1px solid #f5f5f5;
    padding: 5px 15px;
}
.message-replay .form-group .message-action{
	position: absolute;
	left: 0;
	width: 140px;
	height: 40px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.message-replay .form-group .icon-btn{
	display: inline-block; 
	vertical-align: middle;
}
.message-replay .form-group .icon-btn.upload-btn{
    cursor: pointer;
    height: 40px;
}
.message-replay .form-group .icon-btn.upload-btn input[type="file"]{
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* New Message
=========================*/
.new-message{
	background-color: #f9f9f9;
	padding: 15px;
}
.new-message .form-group{
	overflow:hidden;
}
.new-message .form-group label{
	padding: 0 15px;
}
.new-message .form-group .form-control{
    width: 100%;
    background-color: #ffffff;
    line-height: 35px;
    overflow-y: auto;
    min-height: 80px;
    color: #666;
    border-left: 1px solid #f5f5f5;
    padding: 5px 15px;
}
.new-message .form-group .message-action{
	position: relative;
	width: 140px;
	height: 40px;
	float: left;
	margin: 15px auto;
}
.new-message .form-group .icon-btn{
	display: inline-block; 
	vertical-align: middle;
}
.new-message  .form-group .icon-btn.upload-btn{
    cursor: pointer;
    height: 40px;
}
.new-message  .form-group .icon-btn.upload-btn input[type="file"]{
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* Notifactions-list
=============================*/
.notifactions-list .notify-item{
	padding: 0 15px;
	border-bottom: 1px solid #f5f5f5;
}
.notifactions-list .notify-item .notify-type{
	left: 15px;
}
.notifactions-list .notify-item .notify-cont .info .name{
	font-size: 12px;
	font-weight:600;
	line-height: 30px;
}

/* Find Friends
========================*/
.search-form{
    margin: 15px auto;
    max-width: 480px;
    background-color: #f9f9f9;
    border-radius: 25px;
    overflow: hidden;
}
.search-form .form-group{
    margin: 0;
}
.search-form .form-group .form-control{
    width: 100%;
    display: block;
    padding: 0 25px 0 0;
}
.search-form .form-group .custom-btn{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0;
    width: 100px;
    font-weight: 600;
}
.wide-item{
    margin: 15px auto;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 5px 15px;
    position: relative;
}
.wide-item img{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 5px auto;
    vertical-align: middle;
}
.wide-item a{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    color: #343434;
    margin: 0 10px;
}
.wide-item form{
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
}
.wide-item form .custom-btn{
    width: 120px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0;
}
.wide-item form .icon-btn{
    height: 30px;
    line-height: 30px;
    width: 30px;
    vertical-align: middle;
    color: #343434;
    background-color: transparent;
}
.wide-item form.control{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40px;
}
.wide-item form.control .dropdown-menu{
    min-width: 210px;
    border-radius: 5px;
}
.wide-item form.control .dropdown-menu li{
    color: #36405c;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
}
.wide-item form.control .dropdown-menu li button ,
.wide-item form.control .dropdown-menu li button:hover{
    color: #36405c;
    font-size: 14px;
    line-height: 35px;
    padding: 0 15px;
    overflow:hidden;
    border: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    text-align: right;
}
.wide-item form.control .dropdown-menu li button:hover{
	background-color: #ffffff;
	color: #01b2e9;
	overflow:hidden;
}
.wide-item form.control .icon-btn ,
.wide-item form.control .icon-btn:hover ,
.wide-item form.control .icon-btn:focus{
    color: #36405c;
    font-size: 28px;
    background-color: transparent;
}

/* Ads
===========================*/
.side-ads{
    width: 100%;
    margin: 15px auto;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}
.side-ads img{
	width: 100%;
}

/* Explore
============================*/
.block-slid{
    padding: 15px 30px;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev{
    right: 0;
    left: auto;
}
.owl-carousel .owl-nav button.owl-prev{
    left: 0;
    right: auto;   
}
.block-item{
    border: 1px solid #f5f5f5;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
}
.block-item img{
    width: 80px!important;
    height: 80px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 5px auto;
}
.block-item a{
    font-weight: 600;
    font-size: 12px;
    color: #343434;
    display: block;
    line-height: 30px;
}
.block-item .custom-btn{
    display: block;
    width: 100%;
    line-height: 30px;
    margin: 5px auto;
}
.explore-item{
    border-radius: 5px;
    overflow: hidden;
    margin: 15px auto;
}
.explore-item a{
    display: block;
    position: relative;
    width: 100%;
}
.explore-item a img{
    width: 100%;
}
.explore-item a:before{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}
.explore-item a:hover:before{
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}
.flash-item{
	position:relative;
	overflow: hidden;
    width: 100px;
}
.flash-item img{
    padding: 2px;
    width: 100px !important;
    margin: 5px auto;
}
.flash-item a{
    font-weight: 600;
    font-size: 12px;
    color: #343434;
    line-height: 30px;
    display: block;
    position: relative;
    margin: 5px auto;
}
.flash-item:before{
	content: " ";
	position: absolute;
	width: 20px;
	height: 25px;
	background: url(../images/flash-icon.png);
	background-size: cover;
	top: 0;
	right: 0;
	z-index: 99;
}

/* Profile
==========================*/
.profile{
    margin: 15px auto;
    background-color: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    text-align: center;
}
.profile .profile-head{
    display: block;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}
.profile .profile-head img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 5px;
    border: 5px solid #01b2e9;
    margin: 0 auto 0;
}
.profile .profile-head span{
    font-weight: 600;
    font-size: 14px;
    margin: 15px auto 0;
    display: block;
    line-height: 30px;
}
.profile .profile-head form{
    position: absolute;
    top: 15px;
    left: 15px;
}
.profile .profile-head form .custom-btn{
    vertical-align: middle;
}
.profile-tabs{
	border-top: 1px solid #f9f9f9;
}
.profile-tabs li{
    width: 25%;
}
.user-tabs li {
	width: 33.3%;
}
.profile-tabs li a{
    font-size: 12px;
}
.profile-tabs li span{
    display: inline-block;
    vertical-align: middle;
    background-color: #01b2e9;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
    line-height: 20px;
    margin-right: 5px;
}
.profile .tab-content{
    text-align: right;
}
.edit-form .form-group .form-control{
       background-color: #f5f5f5;
}
.edit-form .form-group .radio-wrap{
    display: inline-block;
}
.upload-btn-wrapper{
	width: 230px;
	position: relative;
	cursor: pointer;
	z-index: 99;
	margin: 0 auto;
	background-color: #f9f9f9;
	padding: 15px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.upload-btn{
	position: relative;
	height: 30px;
}
.upload-btn .custom-btn{
	line-height: 30px;
	margin: 0;
	font-size: 12px;
}
.upload-img{margin: 0 auto 15px;}
.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.user-profile-head{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 15px;
}
.user-profile-head img{
    float: right;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #01b2e9;
    margin: 5px auto;
}
.user-profile-head .user-head-cont{
    display: block;
    padding: 0px 110px 0px 0px;
    font-weight: 600;
}
.user-profile-head .user-head-cont span{
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #333;
}
.user-profile-head .user-head-cont p{
	color:#777;
	margin: 5px auto;
	font-weight: 400;
	line-height:25px;
	font-size: 14px;
}
.user-profile-head .stat{
    display: block;
    margin: 5px auto;
}
.user-profile-head .stat li{
    display: inline-block;
    margin: 5px 0 5px 5px;
    background-color: #f5f5f5;
    padding: 0 15px;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
    border-radius: 25px;
    line-height: 35px;
    color: #01b2e9;
}
.user-profile-head .stat li span{
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
}
.user-profile-head form{
    position: absolute;
    left: 15px;
    top: 10px;
    bottom: 0;
    height: 30px;
    line-height: 30px;
}
.user-profile-head form .custom-btn ,
.user-profile-head form .icon-btn{
    line-height: 30px;
    margin: 0;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    font-size: 14px;
}
.user-profile-head form .custom-btn {
	width: auto;
}
.add-post{
    margin: 25px auto;
    overflow: hidden;
    background-color: #f9f9f9;
    border-radius: 5px;
    max-width: 520px;
    padding: 15px;
}
.add-post .upload-btn-wrapper{
    background-color: #fff;
    margin: 15px auto;
    border-radius: 5px;
}
.add-post .upload-btn-wrapper i{
	font-size: 40px;
}
.add-post .upload-btn-wrapper .custom-btn{
    float: none;
    width: 100%;
    border-radius: 25px;
}
.add-post .form-control{
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.add-post .custom-btn{
    margin: 0;
    width: 120px;
    float: left;
    border-radius: 0;
    line-height: 35px;
}
/* Static Page
===========================*/
.toggle-container .panel {
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 0;
    border: none;
    position: relative;
    background: #f6f6f6;
}
.toggle-container .panel .panel-content {
	padding: 10px;
}
.toggle-container .panel {
    position: relative;
    margin-bottom: 15px;
    background-color: #fdfdfd;
    border: none;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.toggle-container .panel > a {
    color: #01b1ec;
    font-size: 13px;
    position: relative;
    padding: 0px 15px;
    line-height: 45px;
    font-weight: 600;
    background: #ffffff;
    border: 1px solid #f9f9f9;
    border-right: 3px solid #01b1ec;
    display: block;
}
.toggle-container .panel > a:before {
    display: block;
    content: " + ";
    line-height: 45px;
    font-size: 24px;
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    text-align: center;
    color: #ffffff;
    left: 0;
    background: #01b1ec;
    transition: all 0.4s ease;
}
.toggle-container .panel > a.collapsed:before {
    content: " - ";
    color: #ffffff;
    background: #01b1ec;
}
.toggle-container .panel .panel-content {
    padding: 15px;
    background-color: #f9f9f9;
}
.static_page{
	overflow:hidden;
}
.static_page .head-title{
	background-color: #f9f9f9;
	border-right: 3px solid #01b1ec;
	line-height: 40px;
	padding: 0 15px;
}
.static_page .head-title img{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    height: 20px;
}
.static_page hr{
    margin: 5px auto;
}
.static_page .subtitle{
    font-size: 15px;
    color: #434343;
    line-height: 30px;
    margin: 5px auto;
    display: block;
    font-weight: 600;
    text-decoration: underline;
}
.static_page ul.dot-lists li{
    line-height: 30px;
    padding-right: 15px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin: 5px auto;
}
.static_page ul.dot-lists li:before{
    content: " ";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #01b1ec;
    right: 0;
    top: 10px;
}
.lang-item{
    display: block;
    margin: 15px auto;
    font-weight: 600;
    font-size: 13px;
}
.lang-item span{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #01b1ea;
    color: #fff;
    margin-left: 5px;
}
.lang-item .hint{
	display: inline-block;
	font-weight: 400;
	margin-right: 5px;
	color: #777;
	font-size: 12px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
  float: left;
  margin: 0;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5b5b5b;
  border-radius: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #01b1ea;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.sett-block{
	display: block;
	overflow: hidden;
	background-color: #f9f9f9;
	padding: 8px 15px;
	border-radius: 5px;
	line-height: 25px;
	margin: 5px auto;
}
.sett-block span{
	font-weight: 600;
	display: inline-block;
	font-size: 12px;
}

/* Media Query
==========================*/
@media all and (max-width:991px){
    .auto-scroll{
        overflow-y: auto;
    }
    .modal-dialog{
        width: 480px;
        max-width: 98%;
        overflow: hidden;
        overflow-y: auto;
    }
    .modal-dialog .modal-img{
    	height: 300px;
    	background-color:#000;
    }
    .modal-dialog .modal-img img{
    	height: auto;
    	width: auto;
    }
    .modal-dialog .modal-cont{
    	height: auto;
    	overflow-y: hidden;
    }
    .post-item .post-cont .post-info .action li.dropdown.open .dropdown-menu{
        right: 0px;
        left: auto;
    }
}
@media all and (max-width:767px){
    .post-item .post-cont .post-info .action{
        position: relative;
        left: auto;
        margin: 5px auto;
    }
    .info-text{
    	line-height: 24px !important;
    	font-size: 12px;
    }
    .wide-item form .custom-btn{
        width: 70px;
    }
}
@media all and (max-width:580px){
	header .logo , header .logo img{
    height: 30px;
    margin: 8px auto;
}
    .user-profile-head img{
        float: none;
    }
    .user-profile-head .user-head-cont{
        padding: 0;
        text-align: center;
    }
    .profile .profile-head form ,
    .user-profile-head form{
    	position:relative;
    	margin: 5px auto;
    	left: auto;
    	top: auto;
    }
    .user-profile-head form .custom-btn{
    	margin: 15px auto;
    	width: 120px;
    	display: block;
    }
    .widget .widget-content{
        padding: 5px;
    }
    header .links li{
        padding: 15px 3px;
    }
    header .dropdown .dropdown-menu{
    	left: 0;
    	right: 0;
    	margin: auto;
    	position: fixed;
    	top: 63px !important;
    	max-width: 100%;
    	min-width: 100%;
    }
    .nav-tabs>li>a{
    	padding: 5px;
    	font-size: 11px;
    }
}