/* ==========================================================================
   General Styles
   ========================================================================== */
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans-Regular.ttf');
 }
@font-face {
  font-family: 'OpenSans-EBold';
  src: url('../fonts/OpenSans-ExtraBold.ttf');
 }
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.ttf');
 }

* {  font-family: 'OpenSans';}

body { font-size:14px; color:#5e5e5e;}

ul, li { padding:0; margin:0;}
a,a:link, a:visited { color:#b9008b; transition:all .2s linear;}
a:hover, a:active{ color:#56316a; transition:all .2s linear;}

/* ==========================================================================
   Basic Structure 
   ========================================================================== */
   
   .purple { color:#5c3f79;}
   .pink { color:#d50890;}
   
/* ==========================================================================
   Header 
   ========================================================================== */
header { height:172px; border-bottom:1px solid #d4d4d4;}
.tp-strp { height:40px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#f1f1f1; margin:15px 0; padding:8px 0; }

header a:link, header a:visited {color:#5e5e5e;}
header a:hover {color:#b9008b;}
.shd-1 { position:absolute; top:-26px; left:111px;}
.shd-2 { position:absolute; top:-29px; left:438px; z-index:-1;}
.social a, .social a:link, .social a:visited { background:#606060; padding:2px 6px; margin:0 2px; color:#fff; }
.social a:hover { background:#3b3b3b; transform:scale(2) transition:transform .2s linear;}
.logo { height:100px; padding-top:10px ;}
header h6{ font-size:18px; font-family:'OpenSans-Bold'; color:#d50890; margin:0; }
.mainav { font-size:16px; margin:30px 0 0;}
.mainav  .list-inline > li { position:relative;padding:6px 10px; border-top:2px solid #fff;border-right:1px solid #fff; border-left:1px solid #fff;}
.mainav .list-inline > li:hover { border-top:2px solid #5c3f79; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4;}
.dp-menu { width:400px; padding:15px; height:300px; border:1px solid #ededed; position:absolute; top:34px; left:-1px; background:#fff; display:none; z-index:2000;}
.mainav .list-inline > li:hover .dp-menu { display:block;}
.mainimg { position:relative; width:100%; height:590px; background:#593d75; overflow:hidden;}
 .srchbx { position:absolute; bottom:0; width:100%; height:auto; z-index:1000; background:rgba(0,0,0,.9); padding:20px 0;}
 .srchbx h2{ color:#fff; font-size:20px; text-transform:uppercase; text-align:center; margin:0; font-family: 'OpenSans-Bold';}
 .srchform li { height:75px; margin:10px 0; width:25%;}
  .srchform li:last-child { width:18%;}
 .srchform li:nth-child(2){ margin-left:15px; margin-right:17px;}
.srchform li:nth-child(3){  margin-left:7px; margin-right:15px;}
 .srchform label { font-weight:normal; width:100%; color:#c2c2c2;}
 .srchform input ,  .srchform select{ width:100%; padding:6px; color:#474747; }
 .btn-job {font-family: 'OpenSans-Bold'; text-transform:uppercase; color:#fff !important; font-size:23px; margin:26px; padding:2px 23px; background: #6f4d91; border-radius:0;}
 .othersrch, .advsrch { color:#fff;}
 .advsrch a, .advsrch a:link, .advsrch a:visited, 
 .othersrch a:hover
 { color:#fff;} 
 .othersrch a,  .othersrch a:link,  .othersrch a:visited,
 .advsrch a:hover
 {color:#fffc05; text-decoration: none;}
 .splasher { height:410px; background-color:#f1f1f1; background-position:top  right -256px; background-repeat:no-repeat; padding:20px 0; margin:0 0 40px;}
 .homesrc { width:725px; height:370px;}
 .cntsrc{ width:370px; height:370px; position:relative; padding: 215px 0 0;}
 .einfo{ background:#b9008b; padding:0px; font-size:25px; font-family: 'OpenSans-Bold'; text-align:center; width:85%; color:#fff; position:absolute;  bottom:0px; right:-60px;}
 .cntsrc h4 { font-size:18px; font-weight:normal; color:#cd1ba1;}
  .homesrc h3 {font-size:36px; color:#5c3f79; margin:10px 0 0 ;}
    .homesrc h4{font-size:20px; color:#000; margin:10px 0 25px;}
	.sr-cnt { width:410px; margin: 0 40px 0 0;}
	.sr-cnt-lst li{ margin:0 0 10px; }
	.sr-cnt-lst li:before{ content:"\f10c"; margin:0 5px 0 0 ; color:#5c3f79; font-family:'FontAwesome'; font-size:12px;}
	.homesrc .carousel-indicators { right:-100px !important;  left:auto; }
	.homesrc .carousel-indicators li { border: 1px solid #333;}
	.homesrc .carousel-indicators .active { background-color: #333;}
	.content h3 { color:#56316a; font-size:30px; font-family: 'OpenSans-EBold'; text-transform:uppercase;}
	.homejobs { margin:60px 0 20px;}
	.content h4 { color:#474747; font-size:24px;}
	.jobs { width:830px;}
	.jobs .active > a {
    border-radius: 0;
    border-top: 5px solid #740057 !important;
    color: #740057 !important;
    font-size: 18px;
    text-align: center;
    width: 240px;
}
.sidepanel { width:320px; }
.jobs .nav.nav-tabs a {
    color: #919191;
    font-size: 18px;
    text-align: center;
    width: 200px;
}
.jobs .tab-content {
    border: 1px solid #ddd;
    height: 480px;
    padding: 15px;
	border-top:none;
}
[id^=cta] .cb-box__type-slide_in.cb-box__position-lb{
 bottom: 165px;
}
/* ==========================================================================
   footer 
   ========================================================================== */
   footer {padding: 30px 0 0 0; height:410px; border-top:5px solid #bdb1c8; border-bottom:5px solid #e822b7; background:#f1f1f1; margin:30px 0 0;}
   .ft-links { height:260px;}
    .ft-info { height:80px; padding:5px 0; }
   .ft-copy { height:30px; padding:5px 0; background:#593d75; color:white;}
   .ft-info-mar{ margin:40px 0 0;}
   .ft-nav > li { width:15.7%; margin:0 1% 0 0; height:250px; float:left;}
   .ft-nav > li:last-child { margin:0;}
   footer h6 {
    color: #303030;
    font-size: 16px;
	font-family: 'OpenSans-Bold';}
	.ftnav a { color:#303030; margin:5px 0 ; display:block;}
	.lead-uae { width:634px !important; height:247px !important;}
	
	/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 18%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#main-login-form {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 10px;
    position: absolute;
    width: 300px;
    z-index: 20000;
    right: -179px;
display:none;
}
#main-login-form > a:first-child {
    position: absolute;
    right: 20px;
}
.lfloat {
    margin: 0;
}

.padding-5 {
    padding: 5px;
}

.category_link {
    margin: 12px;
}


.inside-head { height:180px; background:#f1f1f1;  margin: 0 0 20px;}
.heading-area { width:550px; background:#5c3f79; float:left; height:180px; padding:15px; position:relative; z-index: 1;}
.heading-area:after { content:""; position:absolute; bottom:-18px; left:0; height:100px; width:600px; background:url(../img/inside-shade.png) center center no-repeat; z-index: -1;}
.how-detail{ margin:30px 0 0;}
.heading-area h1{ color:#fff; font-size:40px; font-weight:bold; margin:0; font-family:'OpenSans-Bold';}
.heading-area h2{color:#cccccc; font-weight:bold; font-size:25px; margin:0; font-family:'OpenSans-Bold';}

.img-how{width:635px; height:inherit;}
.cnt-how{width:470px; height:inherit;}
.cnt-how h6 { color:#e359c4; font-size:14px; margin:0; font-weight:bold;  }
h6.red {color:#e7284d;}
.cnt-how h4 { font-size:36px; color:#5c3f79;}
.cnt-how h5 { font-size:26px;}
.main-cnt-text h4 { padding:20px 0 10px;}

.cnt-bx {	   border-bottom: 5px solid #C65DB7; padding:0 0 10px; margin:0 0 50px;    border-top: 1px dotted #303030;	}
h6, .cnt-bx > h6 {
 
    font-size: 20px;


}
.cnt-bx img { margin:0 0 15px; }
.cnt-bx a { font-size:14px; color:#397224;}
.cnt-bx i {font-size:14px; font-weight:bold; color:#FC6000;}
.cnt-bx a:hover { color:#303030; text-decoration:none;}
.main-cnt-text h4:first-child {
    margin-top: 0;
    padding-top: 0;
}
body{overflow-x:hidden;}
.main-cnt-text, .sidebar { margin:45px 0 0 0;}
header h6.purple a:link, header h6.purple a:visited{color:#5c3f79; font-family:'OpenSans-Bold'; }
header h6.purple a:hover, header h6.purple a:active{color:#EA25BC; font-family:'OpenSans-Bold'; }
header h6 a:link, header h6 a:visited{ color:#EA25BC; font-family:'OpenSans-Bold';} 
header h6 a:hover, header h6 a:active {color:#5c3f79; font-family:'OpenSans-Bold';}
.cntsrc::after {
    background: rgba(0, 0, 0, 0) url("../img/bg-src.png") repeat scroll center center;
    content: "";
    height: 410px;
    left: -214px;
    position: absolute;
    top: -20px;
    width: 892px;
}
 a.btn-purple {background:#5C3F79 ; color: #fff; font-family: 'OpenSans-Bold'; text-transform:uppercase; border-radius: 0; text-shadow:none; margin:10px 0;}
a.btn-purple:hover { background: #F023BD; color:#fff; }
.bg-info{ background: url("../img/img-bg-info.jpg") center center no-repeat; width: 100%; height:480px;}
    .bg-info .col-sm-offset-1 { margin-left: 10.333333% !important;}
.bg-info .col-sm-offset-1 a.carousel-control, .wbfolio  a.carousel-control
{ font-size:54px; color: #fff;}
.bg-info .carousel-control.left, .carousel-control.right { background: none;}
.bg-info .carousel-control{ top:80px;}
.bg-info .carousel-control.left{ left:-60px;}
.bg-info .carousel-control.right{ right:-40px;}
.bg-mobile{ background: url("../img/img-bg-mobile.jpg") center center no-repeat; width: 100%; height:480px;}
    .bg-info .col-sm-offset-1 { margin-left: 10.333333% !important;}
.bg-video{ background: url("../img/img-bg-video.jpg") center bottom no-repeat; width: 100%; height:390px;}
.lap { background: url("../img/laptop.png") center center no-repeat; width: 624px; height: 378px; position: relative;}
.lap-vd{position: absolute; width: 425px; height: 267px; background: black; left: 96px; top:81px;}

.breadcrumb { padding: 0; margin: 0; background:none;}
.ds { background:#fff url(../img/nav-bg1.png) right bottom no-repeat;}
.rs { background:#fff url(../img/nav-bg2.png) right bottom no-repeat;}
.cs { background:#fff url(../img/nav-bg3.png) right bottom no-repeat;}
.res { background:#fff  url(../img/nav-bg4.png) right bottom no-repeat;}
.dp-menu.res {left: -208px;}
.dp-menu {height:230px; border-color: #d4d4d4;}
.bg-linked{ background: url("../img/img-bg-linkedin.png") center bottom no-repeat; width: 100%; height:440px; position: relative;}
.wbsec { position: relative; border-bottom: 1px solid #d4d4d4; margin: 20px 0; }
.wbfolio{position: absolute; width: 425px; height: 267px; background: black; left: 110px; top:41px; overflow: hidden;}
.bg-dlinked{ background: url("../img/img-deluxe-link.jpg") center bottom no-repeat; width: 100%; height:440px; position: relative;}
.bg-blinked{ background: url("../img/img-basic-link.jpg") center bottom no-repeat; width: 100%; height:440px; position: relative;}
.content p {
  text-align: justify !important;
}

                                             .main-cnt-head{ white-space: normal; width:650px; height:320px; background: rgba(0,0,0,.7); padding:20px; word-wrap: break-word;}
                                            .cv-headlink {
                                                width: 300px; 
                                                float:left;           
                                                height:30px;
                                            }
                                            .main-cnt-head h1{ color:#fffc05; padding-top:0px !important; margin-top:0px !important; font-size:41px; font-family: 'OpenSans-EBold'; white-space: normal; text-transform: uppercase; }
                                            .main-cnt-head p { font-size: 18px; line-height: 22px;}
                                            .cv-headlink a{
                                                font-size:18px;
                                                color:#fff !important;
                                                font-weight: normal;
                                            text-decoration: underline !important;}
                                             .cv-headlink a:link, .cv-headlink a:visited {color:#fff;}
                                            .cv-headlink a:hover, .cv-headlink a:active {color:#fffc05 !important;}

header{ height: 192px;}
.logo{ height:98px;}
.mainav{margin:0;  width: 100%; background: #f7f7f7 none ;}
.mainav .list-inline > li{     border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid #f7f7f7;
margin: 0 0px;
}
.zr_alerts_widget_link:link, .zr_alerts_widget_link:visited { display:none !important;}
.tp-links {
    padding: 20px 0 0;
}
.sr-cnt{ height:290px; width:390px;}
.jobs .tab-content { height:509px;}
.mainav .list-inline > li:hover { background: #fff;}
.mainav .list-inline > li:nth-child(5) > .dp-menu{left:-200px;}

.cr-search-header {
    background: #e8e8e8 url("../img/mag-bg.png") no-repeat scroll right center;
    border: 1px solid #ccc;
    padding: 10px;}
.cr-search-header h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.col-md-12.md-a {
    color: #474747;
    padding: 10px;
}
.cr-search-header .btn-job {margin:8px; padding: 2px 20px;}
.course-m {
    min-height: 147px;
    padding: 10px;
margin:0 0 15px;
}
.course-m li {
    font-size: 16px;
    margin: 0 0 0 25px;
}
.course-m h4 {
    background: #F5F3F2 none repeat scroll 0 0;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 10px;
border-bottom:2px solid #B698D3;
}

@media (min-width:1200px){
.container { width:1200px; margin:0 auto; position:relative;}
.course-m ul { margin-left:-12px !important; height:220px;}

}
.course-m .sub_category_link { font-size:13px;}

@media (max-width:480px){

  .how-detail { float: inherit!important;padding: 15px!important;width: 100%!important; }
  .heading-area::after { background-size: 100%; width: 100%   }
  ol { margin: 0!important; padding: 0!important; }
  .bg-linked, .row { background: none; }
  .bg-info { min-height: auto; }
  video { width: 100%; height: auto; }
  .cntsrc::after { background-size: 100%; width: 100%; left: 0;background-repeat: no-repeat;min-height: 175px;  }
  .cntsrc { padding: 90px 0 0!important; }
  .img-how { width: 100%; }
  .how-detail img, .img-how img { width: 100%; height: auto; height: 256px; }
  .lap { width: 100%; background:none; height: 250px; }
  .lap-vd { width: 100%;left: 0; top: 0px; }
  .wbfolio { width: 100%;left: 0; top: 0px; }
  .bg-video { height: auto }
  .heading-area { width: 100%; }
  iframe { width: 100%; } 
  .mainav .list-inline > li:nth-child(5) > .dp-menu { left:0; }
  h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
  .homejobs , .how-detail, .inside-head { margin: 0 !important; }
  .carousel-indicators { display: none; left: 0!important; right: 0!important }
  .how img { width: 100%!important; height: auto!important; }
  .course-m h4 { width: 100% !important }
  .course-m { margin: 0!important; padding: 0!important; }
  .course-m li { margin: 0!important; padding: 0!important; }
  .no-left-padding { margin: 0!important; padding: 0!important; }
  .course-m img { width: 100%; }
  .course-m ul { margin: 0!important; padding: 0!important; height: auto !important; min-height: auto !important;  }
  .ft-nav > li { height: auto !important; min-height: auto; width: 100%; }
  .sr-cnt { width: 100%!important; }
  .splasher { background-position: 100%!important; margin: 0!important; padding: 0!important; }
  .einfo {  width: 100% !important ; right: 0; top: 0px;  }
}