/*============Common css start here==============*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
/*===========  font-family: 'Lato', sans-serif;  ============*/

html{height:100%;}
*{margin:0; padding:0;}
body{ font-family: 'Lato', sans-serif; font-weight: 400; min-height: 100%;}
img, fieldset{border:none; vertical-align: top;}
:focus{outline:none}
a {outline: 0; color: #034ea2;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {	text-decoration: none;}
ul,ol{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;}

/*============header css start here==============*/
header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; background: #fff; box-shadow:0 0 3px #E2E2E2}
.topheader{ background: #395490; padding: 5px 0; height: 40px;}
.topheader ul li{ display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.topheader ul li a{ display: inline-block; }
.topheader ul li .facebook{ color: #fff;}
.topheader ul li .linked{ color: #fff;}
.topheader .contact-us{background: #fff; position: relative;
    padding: 6px 16px 6px 44px;
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin: -6px 0; height: 44px;}
.topheader .contact-us span{display: inline-block; margin: 0 0 0 4px;}
.topheader .gray-bg {
    position: absolute;
    width: 100%;
    right: -77%;
    background: #fff;
    top: 0px;
    height: 40px;

}
.toggle-btns{ display: none;}


.mainheader{ padding: 15px 0;}
.mainheader ul{ display: inline-block; margin: 15px 0 0;}
.mainheader ul li{ display: inline-block; margin: 0 15px; font-size: 20px; line-height: 25px;}
.mainheader ul li:last-child{ margin-right: 0;}
.mainheader ul li a{ color: #455560;}
.mainheader ul li a:hover{ color: #034ea2}
.mainheader ul li.active a{ color: #034ea2;}

/*============Top slider css start here==============*/
.top_slider{ overflow: hidden; position: relative; margin-top: 129px;}
.top_slider .col-md-6{ padding:0;}
.top_slider .col-md-6 img{ width: 100%;}
.top_slider span{ position: absolute; left: 50%; width: 500px; margin: -80px 0 0 -250px; border: 5px solid #fff; text-align: center; top: 40%;  color: #fff; font-size: 40px; line-height: 48px; padding: 15px 5px; font-weight: 600; background: rgba(0,0,0,.3);}

.top_slider .slide-btn{ position: absolute; bottom: 38%; color: #fff; line-height: 23px; font-size: 20px; }
.top_slider .leftimg .slide-btn{ right: 10px; background: #395490; padding: 5px 40px 5px 20px;}
.top_slider .rightimg .slide-btn{ left: 10px; background: #dc1a22; padding: 5px 20px 5px 40px;}

.top_slider .leftimg .slide-btn:after{ position: absolute; border-right: 18px solid #395490; left: -18px; top: 0; content: ''; border-top: 17px solid rgba(0,0,0,0); border-bottom: 16px solid rgba(0,0,0,0);}
.top_slider .rightimg .slide-btn:after{ position: absolute; border-left: 18px solid #dc1a22; right: -18px; top: 0; content: ''; border-top: 17px solid rgba(0,0,0,0); border-bottom: 16px solid rgba(0,0,0,0);}


/*============Box description css start here==============*/
.box_description{ background: #f2f2f2; padding: 0 0 65px;}
.box_description .content{ border: 5px solid #fff; background:rgba(255,255,255,.8); padding: 25px 25px 0px; margin: -150px auto 0; font-size: 16px; line-height: 20px; width: 100%;}
.box_description .content h3{ color: #212121; font-size: 35px; line-height: 40px; margin: 0 0 20px; font-weight: 700; text-align: center}
.box_description .content p{ margin-bottom: 25px; display: inline-block; width: 100%;}


/*============client logo css start here==============*/
.graybg_logo{ background: #f2f2f2;}
.client_logo{ background:#395490; -webkit-clip-path: polygon(0 16%, 100% 0%, 100% 84%, 0% 100%);
clip-path: polygon(0 16%, 100% 0%, 100% 84%, 0% 100%); position: relative}

.client_logo h3{font-weight: bold;
    font-size: 35px;
    color: #fff;
    font-family: "Lato";
    margin:10% 0 30px; text-align: center;}
.client_logo .bx-loading{ display: none;}
.client_logo .bx-wrapper .bx-viewport{ background: none; left: 0; border: none; box-shadow: none; margin:0 0 15% 0;}
.client_logo li .imgbox{ background: #fff; padding: 15px 0;}
.client_logo li img{ margin: 0 auto}
.bx-wrapper .bx-prev{ left: -50px; background: url(../images/left-arrow.png) no-repeat 0 0!important; background-size: 32px!important;}
.bx-wrapper .bx-next{ right: -50px; background: url(../images/right-arrow.png) no-repeat 0 0 !important; background-size: 32px!important;}


/*============progressbar slider css start here==============*/

.processbar_slider{ padding: 30px 0 60px; background: #fff;}

.sliderContainer {
  position: relative; 
}

.job-placement-process-wrapper h3{color: #212121; font-size: 35px; line-height: 40px; margin: 30px 0 50px; font-weight: 700; text-align: center;}

.slider {
  width: 100%;
  margin: 0;
}

.slick-slide {
  color: #212121;
}
.slick-slide .col-md-6.text{text-indent: 100px; margin-top: 50px;}
.slick-slide img {
    display: inline-block;
    
}
.slick-slide h4{ font-size: 25px; line-height: 30px; font-weight: 400; margin: 0 0 10px;}
.slick-slide ul{ list-style: disc; list-style-position: inside}
.slick-slide ul li{ font-size: 18px; line-height: 25px; font-weight: 300;}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  bottom: -30px;
}



/*============CMS page css start here==============*/
.inner_banner{margin-top: 129px; position: relative; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.inner_banner img{width: 100%}
.inner_banner:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.cmspage{ padding:40px 0 0 0;}
.main_tabs{ background: #f2f2f2; border: none; height: 100vh; -webkit-clip-path: polygon(0 26%, 100% 0, 100% 76%, 0 100%);
    clip-path: polygon(0 6.4%, 100% 0, 100% 93.6%, 0 100%); padding: 80px 0 0 0; margin:-80px 0 40px;}


.main_tabs li{ display: block; font-size: 15px; line-height: 20px; font-weight: 600; float: none; margin: 0; border-radius: 0; border-bottom: 1px solid #ddd;}
.main_tabs li a{ display: block; border: none!Important; margin: 0; color: #333; padding: 20px;}
.main_tabs li.active a, .main_tabs li a:focus{ border: none !Important; background: #395490!Important; color: #fff!Important; border-radius: 0;}
.maintab_content{ font-size: 15px; color: #959595; line-height: 23px;}
.maintab_content p{margin: 0 0 15px 0;}
.maintab_content h3{ color: #034ea2; font-size: 25px; line-height: 30px; margin: 0 0 15px; font-weight: 600;}
.maintab_content h4{color: #034ea2; font-size: 20px; line-height: 25px; margin: 0 0 15px;}
.maintab_content ul{display: list-item; list-style: disc; margin-bottom: 10px; margin-left: 20px;}
.maintab_content ul ul{list-style: circle;}

.postresume_form{ margin: 20px 0; border: 1px solid #e5e5e5; background: #f2f2f2; padding: 20px 20px 5px;}
#frmContact .info{color: red;}
#frmContact #mail-status{color: green; padding:5px; display: block;}
.postresume_form .upload-btn{ position: relative; background: #395490; color: #fff;}
.postresume_form .upload-btn input[type="file"]{ position: absolute; left: 0; width: 100%; top: 0; height: 100%; opacity: 0;}
.postresume_form label{ font-weight: normal; color: #666;}
.postresume_form label input{ margin-right: 5px;}
.postresume_form input[type="submit"]{ background: #395490; border-color: #395490;}

#lightgallery{ margin: 30px 0;}
#lightgallery .img-responsive {min-height: 142px;}
#lightgallery div[data-src]{ cursor: pointer;}

/*============Contact css start here==============*/
.contactpage h3{ color: #034ea2; font-size: 25px; line-height: 30px; margin: 0 0 15px; font-weight: 600; text-decoration: underline}
.contactpage address{ color: #888;  font-size: 15px; line-height: 20px;}
.contactpage address p{ margin-bottom: 5px;}
.contactpage address p i{ width: 30px;}
.contactpage address p a{ color: #888;}
.contactpage .btn{ background: #034ea2; border-color: #2b3695;}


/*============footer css start here==============*/
footer.innerpage{background: #f2f2f2;}
footer{ padding:10px 0; overflow: hidden; background: #fff;}
footer p{ font-size: 14px; color: #555; line-height: 20px; margin: 10px 0;}

footer .social_icons{ margin: 2px 0;}
footer .social_icons li{ display: inline-block; vertical-align: top; margin: 0 5px;}
footer .social_icons li a{ display: inline-block; margin-top: 5px;}
footer .social_icons li .facebook{color: #3b5998;}
footer .social_icons  li .linked{color: #0077B5; }

footer ul.links{ margin: 10px 0;}
footer ul.links li{ display: inline-block; font-size: 14px; color: #555; padding: 0 5px;  border-left:1px solid #555555;}
footer ul.links li:first-child{ border: 0;}
footer ul.links li a{ color: #555;}
footer ul.links li a:hover{ color: #f3795c;}