@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');



body{ color:#2c3652;  font-size:14px; overflow-x:hidden; font-family: 'Montserrat', sans-serif; font-weight:400; background:#f5f8fb; margin:0; padding:0; 
} a{ outline:none!important;} a:hover, a:focus{ text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight:600; color:#2c3652; margin:0;  } 
.m_b_30{ margin-bottom:30px;} .m_b_50{ margin-bottom:50px;} .white{ color:#fff;} .font12{ font-size:12px;}  .font24{ font-size:24px;}  
.font16{ font-size:16px;}  .font36{ font-size:36px;} .img_full{ width:100%;} .m_b_5{ margin-bottom:5px;} .m_t_5{ margin-top:5px;}
.m_t_0{ margin-top:0;} .m_b_10{ margin-bottom:10px;} .blck{ color:#2a2a2a;} .fontwdh300{ font-weight:300;} 
.m_b_25{ margin-bottom:25px;} .m_b_0{ margin-bottom:0 !important;} .m_b_15{ margin-bottom:15px;} .m_b_40{ margin-bottom:40px;} .m_b_20{ margin-bottom:20px;}
ul{ margin:0; padding:0;} ul li{ list-style:none;} .img-responsive{ display:inline-block;}

button{ outline:none !important;}

.navbar-fixed-top { border: 0; } 
.navbar-brand{ display:block; padding:0;  float:none;} 
.navbar-brand img{ display:inline-block; max-width:100%;}
.nav-sidebar > li { position:relative; padding:0px 26px 0px 15px; margin-bottom:30px; border-right:4px solid transparent;}
.nav-sidebar > li > a {font-size:15px;  padding:2px 0px 2px 64px;  color:#fff; position:relative; } 
.nav-sidebar > li > a i{ width:50px; height:100%; padding-right:10px; position:absolute; left:0; top:0; display:flex; align-items:center; } .nav-sidebar > li > a i img{ margin:0 auto;}
 .nav-sidebar > li.active,  .nav-sidebar > li:hover, .nav-sidebar > li.active,  .nav-sidebar > li.active{color: #fff; background:none !important; border-right:#1761fd 4px solid; } 
 .nav-sidebar > li.active > a, .nav-sidebar > li:hover > a, .nav-sidebar > li > a:focus{ color:#fff; background:none !important;} 



.navbar-brand{ height:100px;}  .navbar-inverse{ background:#fff;} 
.navbar-collapse{ padding-left:0; padding-right:0;}  .navbar-header{ float:none; height:auto; padding:25px 0px 15px 15px;} 
.nav-sidebar .dropdown-menu{ position:inherit; float:none; border:none; box-shadow:none; background:#2c2f3d !important; padding-left:40px;} 
.nav-sidebar .dropdown-menu > li > a{ font-size:18px;  position:relative; padding:8px 0px; color:#3498db; }  
.nav-sidebar .dropdown-menu > li > a:hover, .nav-sidebar .dropdown-menu > li > a:focus, 
.nav-sidebar .dropdown-menu > li.active a{ color:#fff; background:none;}
.nav-sidebar .dropdown-menu > li{ padding:0px;}  
.nav.nav-sidebar  li.open  .fa-angle-down:before{ content:"\f106" !important;}
.nav.nav-sidebar  li .fa-angle-down:before{ position:relative; right:-1px;}



.sidebar{ position: fixed; width:75px; left:0; top:0;  height:100% !important;  overflow: hidden; background:#0c213a; 
z-index:99999; }
.l_sec{ width:256px;} 
.sidebar.collapse{ display:block !important;} 
.sidebar.collapse.in{width:256px;} 

.aside_right{ margin-left:75px;}  .aside_right.left-opened{ margin-left:256px;}  

.header{ background:#fff; padding:25px 35px; border-bottom:#e3ebf6 1px solid;} 
.cl_t_1{ display:none;} 
.dsh_btn_lf{ background:none; border:none; padding:0; color:#0c213a; font-size:18px;} 
.left-opened .dsh_btn_lf .fa-bars::before{ content:"\f00d";} 

.top_right ul{ display:flex; align-items:center; flex-wrap:wrap;} 

.top_right ul li{ float:left; margin-left:30px; display:flex; position:relative; align-items:center;} .top_right ul li a{display:flex; align-items:flex-start; color:#7081b8; font-size:18px;}
.user_t{ display:inline-block; margin-right:10px;} .user_t p{ line-height:14px;} .user_t .name{ margin:0; font-size:14px; color:#4f4e4e; font-weight:700;} 
.user_t .admin_u{ font-weight:400; font-style:italic; font-size:11px; margin:0;} 
.user_pic{ display:inline-block; margin-left:15px; width:24px; }
.user_pic img{ border:#7081b8 1px solid; border-radius:100%; background:#fff;} 


.sub_drop{ width:114px;  position:absolute; right:0; top:28px; background:#1761fd; padding:10px; border-radius:2px;} 
.sub_drop ul li{ display:block !important; float:none !important; width:100%; margin-left:0 !important;} .sub_drop ul li a{display:block !important; color:#fff; font-size:12px; text-transform:uppercase; padding-bottom:6px; text-align:left;} .sub_drop ul li:last-child a{ padding-bottom:0px;} 
.sub_drop ul li a:hover{opacity:0.8;}

.midwrap{ padding:40px 20px; min-height:517px;}
.rf{ font-size:24px; font-weight:600;} 

.mysite_col{ background:#fff;  border-radius:6px; box-shadow:0px 0px 30px rgba(0,0,0,.1); margin-bottom:30px;} 
.mysite_col figure img{ border-radius:6px 6px 0px 0px; border-top:#7ea8ff 6px solid;} 
.site_lnk{ background:#f8f8f8; border:#e4e2e2 1px solid; border-top:none;} 
.site_lnk ul li{ float:left; width:14.25%; border-right:#e4e2e2 1px solid;} 
.site_lnk ul li:last-child{ border:none;}
.site_lnk ul li a{ display:block; text-align:center; padding:12px 4px;} 


.ms_bdy{ padding:30px 30px;} .site_detail tr td{ font-size:12px; padding-bottom:5px; vertical-align:top;}
.site_detail tr td:first-child{ width:130px; color:#838384; font-weight:300; padding-right:10px; position:relative;} 
.site_detail tr td:first-child:after{ content:":"; position:absolute; right:0; top:0;}
.site_detail tr td:last-child{ font-weight:500; color:#2c3652; padding-left:20px; word-break:break-word;} 
.site_detail tr:last-child td{ padding-bottom:0;} 

.footer{ background:#fff; border-top:#e3ebf6 1px solid; padding:20px 20px;  color:#808fc2; font-size:12px;} 
.pnk_clr{ color:#f5325c;}


.dashb_col{ background:#fff;  border-radius:6px;  box-shadow:0px 0px 30px rgba(0,0,0,.1); border-top:#1761fd 6px solid; margin-bottom:30px;} 
.dsb_rw_1, .dsb_rw_2, .dsb_rw_3{ padding:30px;}
.dsb_rw_1, .dsb_rw_2{ border-bottom:#eceff5 1px solid;} 

.s_title{ color:#1761fd; letter-spacing:0.2em; margin-bottom:25px; font-size:14px; text-transform:uppercase;} 

.dsb_rw_1 .site_detail tr td{ font-size:15px;} 

.action{ text-align:center;} .action i{ display:inline-block; margin-bottom:10px;} 

.dsb_rw_2 table tr td{ width:25%;} .dsb_rw_2 table tr td .action p{ margin:0;} 

.dsb_rw_3 table tr td{ width:33.333%;} 


.center_grd{ width:100%; max-width:750px; margin:0 auto;} 
.bx_all{ background:#fff;  border-radius:6px;  box-shadow:0px 0px 30px rgba(0,0,0,.1); }  
.subdomain{ padding:30px;} .w_it_txt{ color:#1761fd; font-style:italic;} 
.sml_txt2{ font-weight:200; font-style:italic; text-align:right; font-size:13px;}

.ftxt1{ width:100%; height:60px; background:#eceff5; outline:none !important;  border-radius:6px; padding:0px 15px; border:none;} 
.ftxt1:focus{ border:#1761fd 1px solid;}

.link_1 a{ color:#1761fd; font-weight:200; text-decoration:underline; font-style:italic; font-size:13px;}
.link_1 a:hover{ color:#2c3652;}

.select_bx{ background:#eceff5 url(../images/down_arrow.png) no-repeat right center; padding-right:40px !important; 
-webkit-appearance:none; -moz-appearance:none;  appearance:none; } 

.btn1{ width:100%; background:#1761fd; color:#fff; text-transform:uppercase; height:64px; border-radius:0px 0px 6px 6px; font-weight:800; letter-spacing:0.3em; text-shadow:1px 1px 1px rgba(0,0,0,.8); border:none; font-size:16px;} 
.btn1:hover{ background:#2c3652; color:#fff;}


.bdr_top{ border-top:#1761fd 4px solid;}
.h_t_sec_m{ padding:30px;}

.txt_fr{ display:inline-block; width:80px; color:#838384; position:relative; margin-right:20px;}
.txt_fr:after{ content:":"; color:#838384; display:inline-block; position:absolute; right:0; top:0;} 

.blue_clr{ color:#1761fd;} 

.lght_btn .p_w{ display:none;}
.lght_btn{ background:#eff4ff; color:#20446f; outline:none !important; text-transform:uppercase; font-size:15px; padding:8px 12px; letter-spacing:0.2em; font-weight:700; border:#a8d2fd 1px solid;} 
.lght_btn i{ margin-right:8px;}
.lght_btn:hover, .lght_btn:focus{ background:#bbeecd; border:#a8d2fd 1px solid; color:#20446f; outline:none !important;}  
.lght_btn:hover .p_w{ display:inline-block;} .lght_btn:hover .p_drk{ display:none;}

 
.table1{ border-top:#eceff5 1px solid;} 
.table1 table{border-top:#eceff5 1px solid;} 
.table1 table tr th, .table1 table tr td{border-bottom:#eceff5 1px solid; padding:15px 15px; text-align:center; color:#4a4949bf; font-weight:800;  letter-spacing:0.15em;} 
.table1 table tr th:nth-child(2), .table1 table tr td:nth-child(2){ text-align:left;} 
.table1 table tr th{  color:#1c50a8; font-size:15px; border-right:#eceff5 1px solid;  } 
.table1 table tr th:last-child{ border-right:none;} 

.ckkbx{ display:inline-block; position:relative; margin-right:5px;}
.ckkbx input[type=checkbox].oval{
	visibility: hidden; margin:0; position:absolute; left:0; top:0;
}

.ckkbx label.toggler{ /* Label "track" style */
	width: 75px; /* width of label */
	height: 28px; /* height of label */
	position: relative;
	display: block; /* change "block" to "inline-block" if you want toggler to appear inline with other content next to it */
	border-radius: 25px;
	box-shadow: 8px 2px 8px rgba(0,0,0,0.1) inset, -7px 1px 8px rgba(0,0,0,0.1) inset; /* default gray shadow */
	left: 0;
	top: 0;
	background: #eceff5; /* default tray background */
/*	z-index: 999;*/
	font: bold 12px Arial;
	cursor: pointer;
}

.ckkbx label.toggler::before{ /* label "off" state text */
	content:"OFF";
	position: absolute; 
	color: #000;
	top: 8px;
	left: 53%;
}

.ckkbx label.toggler::after{ /* Round Knob "off" state */
	content:"";
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 40px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	
	position: absolute;
	top: 2px;
	left: 3px;
	background:#fff; 

}

.ckkbx input[type=checkbox]:checked + label{ /* Label "track" "on" style */
	background: #1c50a8; /* green background */
	box-shadow: 8px 2px 8px rgba(58,145,34,0.1) inset, -7px 1px 8px rgba(58,145,34,0.1) inset; /* green shadow */
}

.ckkbx input[type=checkbox]:checked + label::before{ /* label "on" state text */
	content:"ON"; color:#fff;
	left: 11%;
}

.ckkbx input[type=checkbox]:checked + label::after{ /* Round Knob "on" state */
	left: 48px; background:#fff;
}

.link_rd{ display:inline-block; margin-left:6px; font-size:18px; color:#f5325c; position:relative; top:-14px;}
.link_rd:hover{ color:#000000;} 

.ftr_feed{ padding:30px;} 
.ftr_feed .pagination{ margin:0;} 
.ftr_feed .pagination > li > a, .ftr_feed .pagination > li > span{ color:#000; text-transform:uppercase; font-size:16px; letter-spacing:0.1em; border:#a8d2fd 1px solid; padding:9px 14px; font-weight:600;}

.vld_grd{ padding-top:25px; text-align:center;} 
.vld_grd ul li{ display:inline-block; margin:0px 40px;} 
.vld_grd ul li a{ display:block; color:#1c50a8; font-weight:800; text-transform:uppercase; letter-spacing:0.2em; font-size:15px;} 
.vld_grd ul li a.invd{ color:#f5325c;} .vld_grd ul li a p{ margin-top:15px;} 
.vld_grd ul li a:hover{ color:#000 !important;} 

.popup1 .modal-content{ border-top:#1761fd 4px solid;}
.popup1 .modal-header, .popup1 .modal-footer{ border:none;}  
.popup1 .modal-header, .popup1 .modal-body{ padding:20px 30px;}
.popup1 .modal-footer{ text-align:center; padding:20px 30px 40px;} 
.mn_w_a{ min-width:160px;}


.step_top_rw{  position:relative; text-align:center; }  
#myProgressbar{ position:absolute; left:15%; width:70%; top:34px; height:2px; background:#e2e2e2; box-shadow:none;}
.step_top_rw .nav-tabs{ border:none; position:relative; display: inline-block; width:100%; max-width:640px; margin:0 auto;} .step_top_rw .nav-tabs > li{ margin:0; width:33.3333%;}
.step_top_rw .nav-tabs > li > a, .step_top_rw .nav-tabs > li > a .btn{ border:none !important; box-shadow:none !important; outline:none !important; font-weight:300; font-size:14px;}
.step_top_rw .nav-tabs > li > a:hover, .step_top_rw .nav-tabs > li.active > a, 
.step_top_rw .nav-tabs > li.active > a:focus, .step_top_rw .nav-tabs > li.active > a:hover{ background:none;}  
.step_top_rw .nav-tabs > li.active > a .btn, .step_top_rw .nav-tabs > li > a:hover .btn{ color:#2c3652; }  
.step_top_rw .nav-tabs > li.active > a .nm_step, .step_top_rw .nav-tabs > li > a:hover .nm_step{ background:#1761fd; color:#fff;} 
.step_top_rw .nav-tabs > li > a .btn{ background:none; border:none; border-radius:0; color:#2c3652; font-weight:800; text-transform:uppercase; outline:none !important;} 
.nm_step{ display:inline-block; width:37px; height:37px; background:#dfdfdf; border-radius:100%; color:#2c3652; font-weight:600; margin-bottom:10px; line-height:36px;}
#myProgressbar .progress-bar-success{ background:#125ffb;} .p30{ padding:30px;} .font15{ font-size:15px;} .letterspace{ letter-spacing:0.1em;}

.search_bx{ margin-bottom:15px; position:relative;}
.search_bx .ftxt1{ padding-right:142px;} 
.search_bx .btn{ width:142px; height:100%; outline:none; background:#1761fd; text-shadow:1px 1px 1px rgba(0,0,0,.9); border:none; border-radius:0px 5px 5px 0px; position:absolute; right:0; top:0; color:#fff; text-transform:uppercase; font-weight:800; font-size:16px; letter-spacing:0.1em;} .search_bx .btn:hover{ background:#2c3652; color:#fff;}

.mt_24{ margin-top:24px;} 

.ptable table tr td:first-child{ width:30%; position:relative; color:#828283; padding-right:10px;} 
.ptable table tr td:first-child:after{ content:":"; position:absolute; right:0; top:0;}
.ptable table tr td{ padding-bottom:15px; word-break:break-word;} .bold{ font-weight:700;} .medium{ font-weight:500;}
.ptable table tr td:last-child{ padding-left:20px;} .p40{ padding:40px;}

.btn_2{ background:#30cc67; border:none; color:#fff; text-transform:uppercase; padding:9px 25px; letter-spacing:0.1em;}
.btn_2:hover{ background:#25bb5a; color:#fff;}  

.btn_3{ background:#f2315b; border:none; color:#fff; text-transform:uppercase; padding:9px 25px; letter-spacing:0.1em;}
.btn_3:hover{ background:#dd224b; color:#fff;} 

.table2{ border:#eceff5 1px solid;}
.table2 tr th, .table2 tr td{ border-bottom:#eceff5 1px solid; border-right:#eceff5 1px solid; text-align:center; padding:20px 15px; text-transform:uppercase; letter-spacing:0.1em; font-weight:700;} 
.table2 tr th:last-child, .table2 tr td:last-child{ border-right:none;}
.table2 tbody tr:last-child td{ border-bottom:none;} 
.table2 thead tr th{ color:#3a3a3a; font-size:15px; } .table2 tbody tr td{ color:#f5325c; font-size:21px; } 

.catg_txt{ text-transform:uppercase; color:#3a3a3a; letter-spacing:0.15em; font-weight:700;} 
.catg_txt strong{ font-weight:700; color:#838384;} .mn_w_b{ min-width:145px;}


.advancesearch_form{ background:#e6ebf6; padding:40px; border-radius:0px 0px 6px 6px; margin:30px -40px -40px; position:relative;} 
.advancesearch_form:before{ content:""; width:0;  height:0; position:absolute; left:79%; margin-left:-10px; top:-19px; 
border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid #e6ebf6;}


.txt_bx_2{ border:none; height:60px; width:100%; background:#fff; border-radius:6px; padding:0px 15px; color:#2c3652; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300; margin-bottom:30px;}
.slect2{ background:#fff url(../images/down_arrow2.png) no-repeat right center !important; padding-right:36px !important; -webkit-appearance:none; -moz-appearance:none;  appearance:none;} 
.advancesearch_form form label{ display:block; width:100%; font-weight:400; font-size:15px; margin-bottom:8px;}

.btn4{ padding:13px 23px;  outline:none !important; display:inline-block; background:#1761fd; text-shadow:1px 1px 1px rgba(0,0,0,.9); border:none; border-radius:5px;   color:#fff; text-transform:uppercase; font-weight:800; font-size:16px; letter-spacing:0.1em;} .btn4:hover, .btn4:focus{ background:#2c3652; color:#fff; outline:none !important;}


.title_rw_pr{ padding:25px 40px; border-bottom:#e8ebef 1px solid;}
.title_rw_pr h6{ text-transform:uppercase; font-size:15px; color:#1761fd; letter-spacing:0.1em;} 

.post_title{ color:#838384; font-size:24px;} .post_title strong{ color:#2c3652;}
.dflex{ display:flex; align-items:center;}


.stylish_chk_bx input[type="checkbox"].css3checkbox{
  display: none;
}

.stylish_chk_bx label.toggler{ 
  display: block; font-weight:300; color:#838384;
  position: relative;
  padding-left: 32px; 
  padding-top: 2px;
  margin-bottom: 1em; 
  cursor: pointer;
}

.stylish_chk_bx label.toggler::before{ 
  content: '';
  display: block;
  position: absolute; border-radius:3px;
  width: 25px;
  height: 25px;
  background: #30cc67;
 
  left: 0;
  top: 0;
}

.stylish_chk_bx label.toggler::after{ 
  content: '\f00c'; 
  position:absolute;
  left: 4px;
  top: 4px;
  font: normal 16px FontAwesome;
  color: #fff;
  width: 0; 
 
  overflow: hidden;
}

.stylish_chk_bx input[type="checkbox"]:checked + label.toggler::after{ 
  transition: width 0.2s; 
  width: 25px; 
}

.table3 table{ border:#eceff5 1px solid;} 
.table3 table tr th, .table3 table tr td{ border-bottom:#eceff5 1px solid; vertical-align:middle; border-right:#eceff5 1px solid; padding:20px 15px; text-align:center;} 
.table3 table tr th:last-child, .table3 table tr td:last-child{ border-right:none;} 
.table3 table tbody tr:last-child td{ border-bottom:none;} 
.table3 table tr th{ color:#1761fd; font-weight:700; text-transform:uppercase; letter-spacing:0.15em;} 
.table3 table tbody tr td:first-child{ font-weight:700; color:#0c213a; font-size:18px; width:20%;} 

.btn_5{ border:none; background:#1761fd; color:#fff; outline:none; text-transform:uppercase; font-size:14px; padding:10px; text-align:center; width:100%; max-width:180px;}
.btn_5:hover, .btn_5:focus{ background:#0c213a; color:#fff;}

.btn_6{ 
	border:none; 
	background:#9ee7b7; 
	color:#20446f; outline:none; text-transform:uppercase; font-size:14px; padding:10px; text-align:center; width:100%; max-width:180px;}
.btn_6:hover, .btn_5:focus{ background:#0c213a; color:#fff;} 

.link_2{ color:#1761fd; text-decoration:underline; word-break:break-word;} 
.link_2:hover{ color:#1761fd; text-decoration:none;}

.h276{ height:276px !important; padding-top:10px;} 

.action_r_bx{ width:100%; max-width:435px; padding-left:30px;}

.txt_pnk{ color:#f5325c; text-transform:uppercase; letter-spacing:0.1em; font-size:15px;} 

.action_r_bx ul li{ padding:30px 0px; border-bottom:#eceff5 1px solid;}
.action_r_bx ul li:last-child{ padding-bottom:0; border:none;} .m_r_30{ margin-right:30px;} 

.publish_status tr td:first-child{ width:160px;} .h102{ height:102px !important; padding-top:10px;} 
.mnw130{ min-width:130px;} .m_t_50{ margin-top:50px;} .mn_w_210{ min-width:210px; text-shadow:none!important;} 
.m_t_30{ margin-top:30px;} 

.layout_sec ul li{ display:inline-block; margin:0px 15px 15px;}
.layout_sec ul li a{ display:block; text-align:center;} .layout_sec ul li a h5{ margin-top:15px; font-size:16px;} 
.reg{ font-weight:400;} 

.bdr_bottom_gry{ border-bottom:#e8ebef 1px solid;} 
.layout_sec{ padding-bottom:25px !important;} 
.cust_txt{ display:inline-block; position:relative; top:-14px;} 


.post_section.center_grd{ max-width:940px;} 
.mr_25{ margin-right:25px;} .s_post_input{  min-width:280px; height:45px; width:auto; display:inline-block;} 
.s_post_input::-moz-placeholder{color:#8c8c8c;opacity:1; font-weight:300;}
.s_post_input:-ms-input-placeholder{color:#8c8c8c; font-weight:300;}
.s_post_input::-webkit-input-placeholder{color:#8c8c8c; font-weight:300;}

.pst_title_t{ margin-right:30px; padding-top:8px;} 

.post_section.center_grd .table1 table tr th, .post_section.center_grd .table1 table tr td{ border-right:#eceff5 1px solid !important;} 
.post_section.center_grd .table1 table tr th:last-child, .post_section.center_grd .table1 table tr td:last-child{ border-right:none!important;} 

.post_tb_section .nav-tabs{ border:none; margin-bottom:30px; text-align:center;} 
.post_tb_section .nav-tabs > li{ float:none; display:inline-block; margin:0;} 
.post_tb_section .nav-tabs > li > a{ border:none; border-radius:0; padding:0px 20px; color:#20446f; line-height:14px; font-weight:700; font-size:15px; border-right:#20446f 2px solid; text-transform:uppercase; letter-spacing:0.1em;} 
.post_tb_section .nav-tabs > li:last-child > a{ border:none !important; padding-right:0;} 
.post_tb_section .nav-tabs > li:first-child > a{ padding-left:0;} 
.post_tb_section .nav-tabs > li.green_bt a{ color:#42d42a;} 
.post_tb_section .nav-tabs > li.red_bt a{ color:#f5325c;}
.post_tb_section .nav-tabs > li.blue_bt a{ color:#20446f;}
.post_tb_section .nav-tabs > li > a:hover{ text-decoration:underline;} 

.link_3{ color:#1761fd; display:inline-block; margin-left:6px; font-size:18px; position:relative; top:-14px;} .link_3:hover{ color:#0243cd;} 

.h140{ height:140px !important; padding-top:10px;} 
.ml_0{ margin-left:0 !important;}  
.optnform_tb .link_3, .optnform_tb .link_rd{ top:0 !important;}

body.login{ background:#fff !important;} 
.header2{ padding:15px 0px; border-bottom:#e3ebf6 1px solid;} 
.dflx2{ display:flex; flex-wrap:wrap;} 
.bg_gry_3{ background:#f5f8fb url(../images/shadow.png) repeat-y left top; } 

.lg_right{ width:100%; max-width:670px; margin:0 auto; padding:25px 20px;}
.lg_right h2{ font-size:30px; margin-bottom:30px; font-weight:800; color:#0c213a;}

.lg_left{ padding:25px 20px;}
.fw300{ font-weight:300;} .font18{ font-size:18px;} .italic{ font-style: italic;} 
.link_1 a.font16{ font-size:16px;} 
.lg_right .img-responsive{ width:100%; max-width:420px;} 
.lg_left .m_b_40{ margin-bottom:25px;}


.type_add h2{ color:#838384; font-weight:300; font-size:24px;}

.type_s_cl{ display:inline-block; margin-right:30px;} 

.type_s_cl input[type="radio"].css3radio{
  display: none;
}

.type_s_cl label.toggler_r{ /* radio label */
  display: block;
  position: relative;
  padding-left: 30px; /* space to the left of label text */
  padding-top: 0px;
  margin-bottom: 1em; /* bottom spacing */
  cursor: pointer; color:#838384; font-weight:300; font-size:16px;
}

.type_s_cl label.toggler_r::before{ /* outer round circle */
  content: '';
  display: block;
  position:absolute;
  width: 22px;
  height: 22px;
  background: #fff; border:#2c3652 1px solid;
  
  border-radius: 25px;
  left: 0;
  top: 0;
}

.type_s_cl label.toggler_r::after{ /* inner dark circle */
  content: '';
  position:absolute;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  left: 5px;
  top: 5px;
  overflow: hidden;
  transition: all 0.2s;  /* CSS3 transition on dark circle */
}

.type_s_cl input[type="radio"]:checked + label.toggler_r::after{ /* inner dark circle when radio is selected */
  background: #2c3652;
  
}


@media (min-width:1800px){ html{ height:100%;} }



@media (min-width:768px){
.header{ position:fixed; left:0; top:0; width:100%; padding-left:110px; z-index:999;}	
.aside_right.left-opened .header{ padding-left:215px;} .aside_right{ padding-top:80px;}

}

@media (min-width:992px){
.header{ position:fixed; left:0; top:0; width:100%; padding-left:110px; z-index:999;}	
.aside_right.left-opened .header{ padding-left:291px;} .aside_right{ padding-top:80px;}

}

@media (min-width:1200px) and (max-width:1400px){ 

.dsb_rw_2, .dsb_rw_3, .dsb_rw_1 .site_detail tr td{ font-size:13px;} 

}

@media (min-width:992px) and (max-width:1199px){  
.ms_bdy{ padding:20px 15px;} .site_detail tr td:first-child{ width:88px;} 
.site_detail tr td:last-child{ padding-left:10px; word-break:break-word;} 
.bx_all_wrap{ padding:0px;} .action_r_bx{ padding-left:0;}

}

@media (min-width:768px) and (max-width:991px){   
.ms_bdy{ padding:20px 15px;} 
.l_sec, .sidebar.collapse.in{ width:180px;} .aside_right.left-opened{ margin-left:180px;} 
.nav-sidebar > li > a{ font-size:12px;} .sidebar.collapse.in .nav-sidebar > li > a{ padding-left:42px; white-space:nowrap;} 
.bx_all_wrap{ padding:0px;} 
.dsb_rw_1, .dsb_rw_2, .dsb_rw_3{ padding:15px; font-size:12px;} 
.dsb_rw_1 .site_detail tr td{ font-size:12px;} .action i img{ height:26px;} 
.p40{ padding:25px;} .promote .mn_w_b{ font-size:11px; padding:9px 10px; min-width:130px;} 

.advancesearch_form{ padding:25px; margin:30px -25px -25px;} 
.enter_keyword_f .dflex{ display:block; } 
.enter_keyword_f .dflex .text-right{ text-align:left;} .enter_keyword_f .dflex .stylish_chk_bx{ margin-top:10px;} 
.action_r_bx{ padding-left:0;} #myProgressbar{ left:17%;} .cust_txt{ font-size:12px;} 
.post_section.center_grd .cl_s_1{ margin-bottom:10px;} 
.table1.optnform_tb table tr th{ font-size:13px;}
.table1.optnform_tb table tr td{ font-size:12px;} 
.table1.optnform_tb table tr th, .table1.optnform_tb table tr td{ padding:10px;}

 }

@media (max-width:767px){ 
.navbar-toggle{ margin:0px 12px 0px 0px; position:relative; bottom:-10px; float:left; padding:0;} .navbar-toggle .icon-bar{ background:#fff;} .sidebar{ position: absolute; left:0; top:65px; height:auto !important; width:100%; max-width:200px;} 
.l_sec{ width:100%;} .b_lnk_lf{ display:none;} .aside_right{ margin-left:0;} .navbar-header{ padding-left:30px; padding-right:30px;}  
.header{ background:#0c213a; padding:15px;} .navbar-header{ display:none;} .dsh_btn_lf{ display:none;} 
.cl_t_1{ display:inline-block; float:left;} .logo_mb img{ max-width:100px;} .top_right ul li{ margin-left:20px;} 
.user_t .name{ color:#fff;} .aside_right.left-opened{ margin-left:0;} .navbar-collapse{ box-shadow:none;} .nav-sidebar > li{ margin-bottom:15px;} 
.nav-sidebar > li > a{ padding-left:48px; font-size:12px;} .nav-sidebar > li{ padding-left:0;} .midwrap{ padding:20px 0px;} 
.t_m_wrap .title_ds h2.font24, .rf{ font-size:16px;} .t_m_wrap .title_ds h2.font24 img{ width:24px;} 
.t_m_wrap.m_b_30{ margin-bottom:15px;} .ms_bdy{ padding:15px;} .footer, .footer .text-right{ text-align:center;} 
.site_detail tr td:last-child{ padding-left:10px;} .site_detail tr td:first-child{ width:auto;} .bx_all_wrap{ padding:0px;}
.m_b_50{ margin-bottom:25px;} .dsb_rw_1, .dsb_rw_2, .dsb_rw_3{ padding:15px;} .font24{ font-size:20px;} 

.h_t_sec_m .cl_s_1, .h_t_sec_m .cl_s_2{ width:100%;} .h_t_sec_m .cl_s_2{ margin-top:8px;}
.h_t_sec_m .cl_s_1 h3{ font-size:18px;} .rss_feed.font16{ font-size:14px;} .txt_fr{ width:auto; padding-right:15px;} 

.table1 table tr th, .table1 table tr td{ padding:10px 5px; font-size:12px; word-break:break-word; letter-spacing:0;} 
.link_rd{ top:-12px;} .lght_btn{ font-size:12px;} .lght_btn img{ height:14px;} 
.ftr_feed .pagination > li > a, .ftr_feed .pagination > li > span{ font-size:12px;} 
.h_t_sec_m, .ftr_feed{ padding:20px;} .p40{ padding:25px;} .enter_keyword_f h4.text-right{ text-align:left; margin-top:0 !important; margin-bottom:10px !important;} 
.ptable table tr td:first-child{ width:auto;} .promote .col-sm-4.text-right{ text-align:left;} 
.table2 thead tr th{ font-size:11px; letter-spacing:0;} .table2 tbody tr td{ font-size:14px; letter-spacing:0;} 
.table2 tr th, .table2 tr td{ padding:10px 8px;} .catg_txt, .btm_st .pull-right{ width:100%;} .catg_txt{ margin-bottom:5px;} 
.search_bx .ftxt1{ height:40px; padding-right:100px;} .search_bx .btn{ width:100px; font-size:12px;}
.advancesearch_form{ padding:25px; margin:30px -25px -25px;} .txt_bx_2{ height:40px; margin-bottom:20px;}
.advancesearch_form::before{ margin-left:0; left:40px;} .advancesearch_form form label{ margin-bottom:4px;}
.btn4{ font-size:14px; padding:10px 20px;} .enter_keyword_f .dflex{ display:block; } .stylish_chk_bx{ margin-top:10px;} 
.title_rw_pr{ padding:25px;} .ftxt1{ height:40px;}
.table3 table tr th, .table3 table tr td{ padding:10px 8px;} .table3 table tbody tr td:first-child{ width:auto;} 
.action_r_bx{ padding-left:0;} .h276{ height:150px !important;} .s_post_input{ min-width:inherit; width:100%;} 
.lg_right, .lg_left{ padding:25px 0px;} .dflx2{ display:block;} .lg_right h2{ font-size:25px;} 
.logo2.pull-left{ width:100%; text-align:center;}



}

@media (max-width:600px){
.step_top_rw .nav-tabs{ max-width:320px;}	 
.step_top_rw .nav-tabs > li > a, .step_top_rw .nav-tabs > li > a .btn{ font-size:9px; padding:0px;} 
#myProgressbar{ top:18px;} .table3 table tr th, .table3 table tr td{ font-size:12px;} 
.table3 table tbody tr td:first-child{ font-size:15px;}
.table3 table tbody tr td .btn{ font-size:12px !important;}	
	
	}


@media (max-width:450px){ 

.vld_grd ul li{ margin:0px 15px;} 
.t_m_wrap .title_ds h2.font24, .rf{ font-size:14px;}  

.table3 table tbody tr td .btn{ padding:6px !important; font-size:10px !important;} 
.table3 table tr th, .table3 table tr td{ padding:8px 3px;}
.post_tb_section .table1{ overflow:auto;} 
.post_tb_section .table1 table{ width:450px;}


}

.ml-2, .mx-2 {
    margin-left: .5rem!important;
 
}

.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.swal2-popup{
	width: 45em !important;
	    padding: 5.25em !important;
}
 
.swal2-styled.swal2-confirm
{
	font-size: 1.7em !important;
}


#loader
{
	    position: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
    background: #0000008a;
    z-index: 90;
    /*display: none;*/
    left: 0px;
     top: 0px;
     bottom: 0px;
}

#loader .lds-ellipsis{
	margin: 28% auto;
}

/* Loader Css */

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.Follow_us_r li{display: inline-block;border-bottom: unset !important;padding: 9px 0px !important}
.Follow_us_r li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

.Follow_us_r li a.fa-facebook-f,a.fa-facebook-messenger {
    background: #2d5f9a;
}

.Follow_us_r li a.fa-twitter,a.fa-skype {
    background: #00c3f3;
}


.Follow_us_r li a.fa-pinterest-p {
    background: #be1e2d;
}

.Follow_us_r li a.fa-linkedin {
    background: #0072af;
}

a.fa-google-plus{background: red} a.fa-whatsapp{background: #10e810;} a.fa-info{background: black} a.fa-wordpress{background: #00adff}
.Follow_us_r .fa-pencil{background: black;}

.tags a {    
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    /*background: #777;    */
    -webkit-border-bottom-right-radius: 3px;    
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: bold;
    }

    .tags a:before {
    content: "";
    position: absolute;
    top:0;
    left: -12px;
    width: 0;
    height: 0;
    /*border-color: transparent #3243A5 transparent transparent;*/
    border-style: solid;
    border-width: 12px 12px 12px 0;        
    }

.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    }


  .mmo{background: #1e1be6} .mmo:before{border-color: transparent #1e1be6 transparent transparent;}
  .greenene{background: #19b959} .greenene:before{border-color: transparent #19b959 transparent transparent}
   .piano{background: #f112c1a1} .piano:before{border-color: transparent #f112c1a1 transparent transparent}
   .weight{background: #312f31a1} .weight:before{border-color: transparent #312f31a1 transparent transparent}
   .fit{background: #ff5200f2} .fit:before{border-color: transparent #ff5200f2 transparent transparent}



.alertDiv{
	    position: fixed;
    bottom: 12px;

    display: none;
    right: 10px;
    display: ;
    padding: 16px 31px;
    background: #0c213a;
    z-index: 9
}

.alertDiv a{color: white}

.fa-smile-o{color:yellow;}


.loaderText
{
	color: white;
    position: absolute;
    top: 44%;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.current
{
	background-color: #1761fd !important;
}

.Follow_us_r ul li
{
	border-bottom: none !important;
}

@media only screen and (max-width: 600px) {

	.bg_gry_3
	{
		display: none !important;
	}
}

.black
{
	color: black;
}


.nav-sidebar i
{
	color: #1761fd;
}

.vidsumotut
  {
    position: fixed;
    right: -70px;
    /*background-color: #d8451e;*/
    /*border-color: #d8451e;*/
    padding: 12px;
    letter-spacing: 1px;
    font-size: 14px;
    background: rgb(93,184,225); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(93,184,225,1) 0%, rgba(0,141,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(93,184,225,1) 0%,rgba(0,141,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(93,184,225,1) 0%,rgba(0,141,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db8e1', endColorstr='#008dc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
border-radius:0px 5px 5px 0px; border:none; box-shadow:none; color:#fff;
    font-weight: bold;
    z-index: 9999;
    transform: rotate(270deg);
    margin-top: 15%;
  }
