@import url('https://fonts.googleapis.com/css?family=Roboto:300');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:700,600');

@charset "utf-8";

/* CSS Document by majo johny*/

body{font-weight: 300;font-size:14px;line-height:30px;color:#000000; font-family: 'Open Sans', sans-serif; background-color:#eeeeee; }

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;}

h1{ font-size:25px;}

.patro{ border-top:#000000 solid 0px; }

.clr { clear:both;}

.padd_not { padding:0px;}

.padd_lt_not { padding-left:0px;}

.padd_rt_not { padding-right:0px;}

.max_widtho { max-width:100%;}

a { color:#333333;}

a:hover { color:#FF0000; text-decoration:none;}







.mar_top { margin-top:50px; line-height:20px;}

.header { width:100%; height:auto; background-color:#ffffff;}

.banner { width:100%; min-height:300px; background-image:url(../images/banner-mob.jpg); background-position:center;}

.menu_outer { width:100%; height:40px; background-image: url(../images/menu_bg2.png); font-size:12px;}

.regi_out { min-height:150px; margin-top:30px;}

.bottons { border-radius:0px; font-size:20px;}

.regi_out  h3 { padding:0px;}

.regi_out p { margin:0px; padding:0px; line-height:20px;}

.min_length { min-width:80%; margin-top:20px;}

.form-control {border-radius:0px; padding:0px 10px; border:1px solid #dfdfdf; font-size:14px; font-weight:00; height:30px;}

label { font-weight:300;}

.font-size { font-size:16px; width:200px;}

.form-control:focus {border-color: #cccccc; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);}

#frmCheckUsername {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;}

.demoInputBox{padding:7px; border:#F0F0F0 1px solid; border-radius:4px;}

.status-available{color:#2FC332; font-size:10px;}

.status-not-available{color:#D60202; font-size:12px;}

.succe { color:#00CC00; text-transform:uppercase; font-size:20px;}

.bule { color:#db0008;}

.regi label { color:#000000;}

.text-right2 { text-align:right;}
.font-22{font-size:22px;}

:not(output):-moz-ui-invalid {box-shadow: 0 0 0px 1px red;}

:not(output):-moz-ui-invalid:-moz-focusring {box-shadow: 0 0 0px 1px rgba(255,0,0,0.4);}

.reg_input { width:100%; border:1px solid #dddddd;}

.heade1{ margin-top:-15px; padding-left:10px; color: #09C; margin-bottom:15px;}

.footer { width:100%; background-color:#000000; padding:5px 0px; text-align:center; color:#666666;}

.user_menu { width:100%; padding:0px; margin:0px; border-bottom:2px solid #cccccc; height:40px; }

.user_menu li { list-style-type:none; float:left; display:inline; padding:0px 15px;  margin-right:1px; border: none; border-right:1px solid #cccccc; line-height:20px;}

.user_menu li a { color:#000000; }

.user_menu li a:hover { text-decoration:none; color:#FF0000;}

.slect_bx{

width:100%;padding:0px 0px 0px 5px;color:#666666;-webkit-appearance: none;-moz-appearance: none;appearance: none;overflow: hidden;

background: url(../images/dro.jpg) no-repeat right #ffffff; font-size:13px;}

.side_clr{	background-color:#eeeeee; min-height:550px;}

.bg_colr3 {background-color:#ffffff; padding-top:30px; padding-bottom:30px;box-shadow: 0px 0px 0px #cccccc; min-height:790px;}

.bg_colr2 {background-color:#ffffff; padding-top:30px; padding-bottom:30px;box-shadow: 0px 0px 0px #cccccc; min-height:290px;}

.bg_colr {background-color:#ffffff; padding-top:30px; padding-bottom:30px;box-shadow: 0px 0px 0px #cccccc; min-height:510px;}

.add_os { background-color:#333333; color:#ffffff; border:none; padding:0px 20px;}

.add_os:hover {   background-color: #009933;}

.inner_hd { border-bottom:1px solid #eeeeee; 
    
}

.bor_5 { border:1px solid #eeeeee; margin-top:30px; min-height:100px; padding:15px;	}

.small_hd{ margin:0px; padding:0px; font-size:20px; text-transform:uppercase; border-bottom:1px solid #eeeeee; padding-bottom:10px;}

.small_hd2{ margin:0px; font-size:20px; text-transform:uppercase; border-bottom:1px solid #eeeeee; padding:10px; }

.rit { float:right; margin-right:20px;}

.resume { background-color: #009966; padding:5px 10px; color:#ffffff;}

.forst_man { margin-top:15px;}

.mobi_only { display:none;}

.max_widthos2{ max-width:100%;}

.bog_s { border:1px solid #eeeeee; min-height:100px;}

.column0 {float: left;width: 100%;margin-bottom: 16px;padding: 0 8px;}

.card0 {box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);min-height:170px;margin-top:30px; border:1px solid #e9e9e9; line-height:15px;}

.container0 {padding: 0 16px;}

.container0::after, .row0::after {content: "";clear: both;display: table;}

.title0 { color: grey;}

.button0 {border: none;outline: 0;display: inline-block;padding: 1px;color: white;background-color: #000;text-align: center;cursor: pointer;width: 100%;}

.button0:hover {background-color: #555;}

.img_bag{  max-width:100%;   margin:0px auto; padding:0px; max-height:85px; margin-top:10px;}

.img_bag2{ width:100%; max-width:140px; margin:0px auto; padding:0px; max-height:140px; margin-top:0px;}

.sel_ca{margin-top:10px;border: none;outline: 0;display: inline-block;color: white;background-color: #933;text-align: center;width: 100%;}

.sel_ca1{margin-top:10px;border: none;outline: 0;display: inline-block;color: white;background-color:#090;text-align: center;width: 100%;}

.chip {margin-top:10px;display: inline-block;padding: 0 25px;height: 50px;font-size: 18px;line-height: 50px;border-radius: 25px;background-color: #f1f1f1;}

.chip img {float: left; margin: 0 10px 0 -25px;height: 50px;width: 50px;border-radius: 50%;}

.closebtn {padding-left: 10px;color: #888;font-weight: bold;float: right;font-size: 20px;cursor: pointer;}

.closebtn:hover {color: #000;}

.claso{ float:left; text-align:center; border:1px solid #CCC; padding:5px; border-radius:10px;}

.cla_sub{ font-weight:bold; text-align:center; padding:20px; width:100%;}

.colmn3{ width:30%; padding:5px; float:left; height:auto; overflow-wrap: break-word;}

.colmn9{ width:70%; padding:5px; float:right;  height:auto;overflow-wrap: break-word;}

.lin_widtho{ width:100%; text-align:left; border-bottom:#eeeeee solid 1px; padding:20px 0px;}

.imgA1 { position:absolute; top: 0px; left: 0px; z-index: 1; } 

.imgB1 { position:absolute; top: 10px; left: 10px; z-index: 3; } 

.pclas{ line-height:25px; text-align:left;}

.pclas ul {  list-style-position:inside;}

.pclas88 { border-right:1px solid #eeeeee; min-height:150px;}

.padd_bot{ margin-bottom:15px;}

.packo{ min-height:300px; background-color:#FFF;}

.bord_rt { border-right:1px solid #eeeeee; min-height:170px;}

.bord_rt  ul { margin:0px; padding:0px; list-style-image: url(../images/list.jpg);}

.bord_top { border-top:1px solid #eeeeee; margin-top:20px; padding-top:20px;}

.bord_rt i { color:#999999; margin-right:5px;}



.nav-tabs { border-bottom:1px solid #999999; }

.nav-tabs > li { margin:0px;}

.nav-tabs  .active a {border-bottom-color: transparent; background-color:#FFA500;-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

border-top-left-radius: 5px;

border-top-right-radius: 5px;} 

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

color:#ffffff;cursor: default; border: 1px solid #999999;border-bottom-color: transparent;}

.nav-tabs > li > a{ margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;color: #FFF; }

.sear{ width:100%; float:left; line-height:10px; text-align:left; }

.ver_clas2{ display:none;}



.tab_tel  td{ padding-left:10px;}





/*

.sear ul{  color:#000; margin:0px; padding:0px;  position:absolute; width:100%;}*/



.modal { background-image: url(../images/out.png);}

.modal-header { background-color:#FFFFFF;}

.modal-body { line-height:20px; font-size:12px;}



.media-heading { color:#000000; padding:10px 10px; margin-bottom:0px;}

.media-heading h4 {margin-bottom:0px; padding-bottom:0px;}

.media-heading2 { color:#ffffff; background-color:#000000; padding:10px 10px; margin-bottom:0px;}

.media-heading2 h4 {margin-bottom:0px; padding-bottom:0px;}









.inn_box{ border:#b8b9bc solid 1px; line-height:25px; min-height:200px; border-top:none; padding-top:15px; font-size:13px;}

.inn_box i { font-size:18px;}

.padd_ado { padding-top:10px; color:#666666;}

.inn_box1{ border:#eeeeee solid 1px; padding:20px; margin-top:30px;  line-height:20px; min-height:250px; }

.inn_box2{ border:#cccccc solid 1px; padding:0px; margin-top:10px;  line-height:20px; min-height:310px; font-size:12px; overflow:hidden; }

.padd_new { padding:10px;}

.inn_box2:hover { background-color:#f9f9f9;}

.btn  { border-radius: 0px;}

.inn_box .btn-info  {  background-color:green;border-radius:10px;}

.inn_box .btn-info:hover { background-color:#db0008; border:1px solid #db0008;}

.mag_too { margin-top:30px;}

.mar_bot{ margin-bottom:10px;}

.margd { margin-top:57px;}

.foot_job { width:100%; background-color:#e7e8ea;  border:1px solid #b8b9bc;  border-top:none; padding:0px 20px; min-height:40px; font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center;}

.foot_job div { padding:3px 0px; }

.foot_box_one {border-right:1px solid #b8b9bb; min-height:40px;}

.btn-danger { border:none;}



.foot_job  i { margin-right:0px;}

.foot_job  i:hover { color:#7ba4b6;}

.inn_box h4 { border-bottom:1px solid #eeeeee; padding-bottom:10px; margin-bottom:15px;}

.inn_box2 img { margin-bottom:15px;}

.inn_box2 h4 {  padding-bottom:10px; margin-bottom:0px; clear:left; padding:20px 0px 10px 0px;}

.clasi { text-align:center; line-height:18px; margin-bottom:0px; padding-top:0px; margin-bottom:30px; padding-bottom:0px;}

.inner_bord { width:100%; border:1px solid #eeeeee;  padding:10px; min-height:250px; padding-bottom:0px;}
.inner_bord:hover { box-shadow: 0px 5px 10px #dddddd;}

a .inner_bord { color:#666666;}

a .inner_bord h5 { color:#000000;}

.clasi h5 { padding:0px; margin:0px;}

.clasi i { color:#0e94d3;}

.bob_cat { margin-top:30px; text-align:center;}

.bob_cat img { max-width:100%; clear:both; }

.bob_cat:hover {   }

a .bob_cat  { color:#000000; text-transform:uppercase; font-size:11px;}

a .bob_cat:hover { color:#999999; text-decoration:none;}

.short_dis { color:#666666;}

.bor_dbtm { border-bottom:1px solid #dddddd; margin-bottom:20px; min-height:100px;}

.paa_ess { padding-left:10px;}







.clasi img { margin-bottom:10px;}

.hd_wit_bord { border-bottom:1px solid #eeeeee; text-align:left; text-transform:uppercase; padding-bottom:10px;}

.hd_wit_bord2 { text-align: center; text-transform:uppercase; margin-bottom:0px;}

.side_menus { width:100%; margin:0px; padding:0px; list-style-type:none;}

.side_menus li { border-bottom:1px solid #eeeeee;}

.side_menus li a  { font-size:13px; color:#000000;}

.side_menus li a:hover { color:#FF0000; text-decoration:none;}

.vord_left { border-left:1px solid #eeeeee;}





.foot_job2 { width:100%; background-color:#eef4f7;  border:1px solid #dee9ee; border-top:none; padding:0px 20px; min-height:40px; font-size:12px;}

.foot_job2 div { padding:3px 0px; }

.foot_job2  i { color:#c9dde6; font-size:16px; margin-right:10px;}

.foot_job2  i:hover { color:#7ba4b6;}

#member_name { border:none; border-right:1px solid #eeeeee;}

#member_name1 { border:none; border-right:1px solid #eeeeee;}

.mar_bot select { border:none; }



.sub_hd { font-size:30px; text-align:center; background-image: url(../images/hd_bg1.jpg);}

 .sub_hd2 { background-color:#d80008; border:1px solid #ad2a1c; width:200px; margin:0px auto; padding:10px; text-transform:uppercase; font-size:18px; color:#ffffff;}

 

 

 .sub_hd_1 { font-size:30px; text-align:center; background-image: url(../images/hd_bg2.jpg);}

 .sub_hd2_1 { background-color:#0d93d2; border:1px solid #0c77a9; width:200px; margin:0px auto; padding:10px; text-transform:uppercase; font-size:18px; color:#ffffff;}

 

 

  .sub_hd_2 { font-size:30px; text-align:center; background-image: url(../images/hd_bg3.jpg);}

 .sub_hd2_2 { background-color:#000000; border:1px solid #000000; width:200px; margin:0px auto; padding:10px; text-transform:uppercase; font-size:18px; color:#ffffff;}

 

 

 

 

 .foot_top { width:100%; background-color:#222222; min-height:200px; padding:50px 10px; padding-bottom:0px; color:#999999; line-height:18px;}

 .foot_top h4 { color:#ffffff; border-bottom:1px solid #333333; padding-bottom:10px; margin-bottom:20px; text-transform:uppercase;}

 .foot_box ul { margin:0px; padding:0px; width:100%; list-style-position:inside; list-style-type:none; }

 .foot_box ul li { border-bottom:1px solid #333333; padding:0px 0px; padding-left:10px; color:#ffffff; padding:5px 0px;}

 .foot_box ul li a { color:#999999;}

.footer a  { color:#666666;} 

 .footer a:hover  { color:#999999;} 

 .read_more { color:#FF0000;}

 .foot_hd_2 { color:#cccccc; font-size:14px;}

 .bg_rd_cpr { color:#d34536;}

 

 

 

 

/* ----------------over effect------------------*/

 /*.clasi {

    position: relative; margin-top:30px;

  



}



.clasi a { color:#000000;}

.clasi  .middle a   { color:#ffffff;}

.clasi a:hover { text-decoration:none;}

.image {

  opacity: 1;

  display: block;

  width: 100%;

  height: auto;

  transition: .5s ease;

  backface-visibility: hidden;

}



.middle {

  transition: .5s ease;

  opacity: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  background-color:#000000;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%)

}



.clasi:hover img {

  opacity: 0.2;  background-color: #000000; 

}



.clasi:hover .middle {

  opacity: 1; background-color: #000000;

}



.text {

  background-color: #cf2127; !important

  color: white;

  font-size: 12px;

  padding: 5px 10px;

}

*/

/* ----------------over effect------------------*/



.magi { margin-top:10px; margin-bottom:20px;}

.front_ico { border:1px solid #eeeeee; min-height:110px; font-size:12px; line-height:18px; padding:10px; background-color:#f2f2f2;}

.front_ico i { font-size:100px; color:#dddddd;}

.front_ico .col-md-3 { text-align:center;}

.front_ico:hover { background-color:#f9f9f9;}


.seo_key {}

.seo_key h1 { font-family: 'Roboto Condensed', sans-serif; font-size:25px; text-transform:capitalize;}

.seo_key h2 { font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:25px; text-transform:capitalize;}



.scroller { width:100%; overflow:hidden; margin-top:30px;}

 .scroller a { color:#000000; text-decoration:none;}

 .scerollro span { clear:both;}

 .oherserch { color:#ffffff; padding:0px;}

 .oherserch a { color:#ffffff;}

 .padd_tto { padding-top:10px;}

 .oherserch a:hover { color:#CCCCCC; text-decoration:none;}

 .oherserch span:hover { cursor: pointer; color:#CCCCCC;}

 .bordis { border-bottom:1px solid #eeeeee; padding-bottom:15px; margin-bottom:15px;}

 .inner_1 { background-image:url(../images/banner-mob.jpg); width:100%; min-height:350px;}

 .bor_rt { border-right:1px solid #eeeeee;}

 .img-thumbnail { border:none; box-shadow: 0px 0px 0px #ffffff;}

 .empoly_edit img { margin-left:10px;}

 

 .form-group { margin-bottom:5px; !important }

 

 

 .min_hts { height:40px;}

 .clor_1 { color:#0d92d5;}

 .clor_2 { color:#da0007;}

 

 

 

 .pack_gae {  min-height:200px; text-align:center; padding:20px; border:1px solid #dddddd;}

 a .pack_gae:hover { color:#000000; background-color:#CCCCCC;}

 .get_start { background-color:#00CCFF; padding:10px 20px; text-transform:uppercase; font-weight: bold; color:#ffffff;}

 .soze_f { font-size:30px; color:#dddddd; text-align:right; float:right;}

 

 

 .borf { color:#666666;}

 .borf  h1 { font-size:18px; margin-top:0px; padding-top:0px; color:#000000;}

 

 .borf .col-md-11 { border-bottom:1px solid #eeeeee; margin-bottom:30px; padding-bottom:20px;}

 .labs { font-size:14px; color:#000000;}

 .sidee { color:#666666; min-height:800px;}

 

 

 



 

 

 

@media (max-width: 650px) {

.column0 {width: 100%;display: block;}}

@media (max-width:768px){

.clr2{ clear:both;}

.text-right2 { text-align: left;}

.font-size { float:none;}

.user_menu { border-bottom:none;}

.mobi_only { display: block; height:5px; width:100%; background-color: #CC3333; margin-bottom:10px;}

.user_menu li { width:100%; border-right:none; background-color:#eeeeee;}

.side_clr{	background-color:#eeeeee; min-height:100px;}

.banner {background-image:url(../images/banner-mob.jpg); background-position:top; overflow:scroll;}

.margd { margin-top:30px; text-align:center;}

.regi_out { padding:10px; margin-top:0px; padding-bottom:20px;}

.card0 {padding-bottom:35px; min-height:330px;}

.ver_clas{ display:none;}
.foot_top { background-color:#dddddd;}

.foot_top h4 { color:#000;}
.inn_box { min-height:300px;}
.foot_box_one { border-right:none;}
.padd_mob { padding-left:15px;}


.ver_clas2{ display:block;}}

@media (min-width:768px){

#cssmenu > ul > li > a { padding:0px; font-size:12px;  padding: 15px 5px;font-weight: 300;}

@media (min-width:992px){

#cssmenu > ul > li > a { padding:0px; font-size:14px;  padding: 15px 7px;font-weight: 300;}}

@media (min-width:1200px){

#cssmenu > ul > li > a { padding:0px; font-size:14px;    padding: 13px 13px;font-weight: 300;}}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.colmn3 { width:40%; font-weight: 400;font-size: 13px;line-height: 30px;color: #000000;font-family: 'Open Sans', sans-serif;}
.colmn9 { width:60%; font-weight: 400;font-size: 13px;line-height: 30px;color: #000000;font-family: 'Open Sans', sans-serif;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.colmn3 { width:40%; font-weight: 400;font-size: 13px;line-height: 30px;color: #000000;font-family: 'Open Sans', sans-serif;}
.colmn9 { width:60%; font-weight: 400;font-size: 13px;line-height: 30px;color: #000000;font-family: 'Open Sans', sans-serif;}

}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

.colmn3 { width:30%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}
.colmn9 { width:70%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.colmn3 { width:30%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}
.colmn9 { width:70%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

.colmn3 { width:30%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}
.colmn9 { width:70%; font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;}

}


#performance_job {
    background: url(../images/office.jpg) fixed no-repeat;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 45px 0;
    color: #fff;
}


.bg-cover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.whychoose h1 {color:#fff; font-size:40px;} 
.whychoose ol { font-size:18px; line-height:30px;}

@media (max-width: 768px)
 {
	#performance_job {
    background: url(../images/office.jpg) fixed no-repeat!important;
	background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 75px 0;
    color: #fff;
	overflow: scroll;
}


.bg-cover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
}

@media (min-width:768px){

#performance_job {
    background: url(../images/office.jpg) fixed no-repeat!important;
	background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 45px 0;
    color: #fff;
}


.bg-cover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.whychoose h1 {color:#fff; font-size:40px;} 
.whychoose ol { font-size:18px; line-height:30px;}

}

@media (min-width:992px){

#performance_job {
    background: url(../images/office.jpg) fixed no-repeat!important;
    background-color: white;
		background-size: cover;

    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 45px 0;
    color: #fff;
}


.bg-cover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.whychoose h1 {color:#fff; font-size:40px;} 
.whychoose ol { font-size:18px; line-height:30px;}
}

@media (min-width:1200px){

#performance_job {
    background: url(../images/office.jpg) fixed no-repeat!important;
    background-color: white;
	background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 45px 0;
    color: #fff;
}


.bg-cover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.whychoose h1 {color:#fff; font-size:40px;} 
.whychoose ol { font-size:18px; line-height:30px;}

}