@font-face{font-family:'Gabriola';src:url('../fonts/Gabriola.eot');src:url('../fonts/Gabriola.eot') format('embedded-opentype'),url('../fonts/Gabriola.woff2') format('woff2'),url('../fonts/Gabriola.woff') format('woff'),url('../fonts/Gabriola.ttf') format('truetype'),url('../fonts/Gabriola.svg') format('svg');font-weight:normal;font-style:normal}

body
{
	margin:0;
	padding:0;
	background:#fff;
}
p
{
font-size:14px;
line-height:24px;
}
.mbottom{margin-bottom:20px;}
.button-1
{
padding: 5px 24px;
color: #28435f;
border: 1px solid #CCCCCC;
font-size: 14px;
background: transparent;
margin-top: 25px;
}
/**************
header
***************/
#header .row{padding:0px;margin:0px;}
.contact
{
color: #fff;
    padding-right: 19%;
    margin: 9px 0px;
    font-size: 14px;
}
.contact a
{
	color:#fff;
}
.contact:before
{
    content: '';
    background: #084d89;
    position: absolute;
   top: -15px;
    height: 100%;
    width: 64px;
    left: -40px;
    transform: rotate(45deg);
    border-bottom:2px solid #fffb88;
}
.contact i{color: #fff;}
.contact li{margin: 0px 16px;position:relative;}
.contact li:last-of-type::after{display:none;}
.contact li:after
{
 content: '';
    position: absolute;
    top: 4px;
    height: 13px;
    width: 1px;
    background: #fff;
    transform: rotate(-27deg);
    right: -18px;

}
.logo{margin-top: -2%;}
.logo img
{    
    position: relative;
    width: 130px;
    margin-bottom: 14px;
}
.logo-text h3{margin-top:0px;font-size:52px;font-family: 'Gabriola', sans-serif;color: #d82619; margin-right: 10px;}
.logo-text p{font-family: 'Gabriola', sans-serif;font-size:20px; color: black; font-weight: bold; margin-top: -18px;}

<!--pop-up start-->

.b {
    height: 480px;
    overflow: hidden;
}
.logo-container {
    background: #fff;
    padding: 20px;
    float: left;
    width: 100%;
}
.recent-jobs {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding-bottom: 13px;
    margin-bottom: 15px;
}
.company-logo {
    width: 87px;
    height: 71px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 15px;
}
.job-data {
    float: left;
}
.job-data h4{ margin-top: -3px;}
.company-details p{font-size: 13px;line-height: 9px;}
.job-data span p{ float:right;}
button.close { -webkit-appearance: none; padding: 0px;cursor: pointer; background: red; border: 0; opacity: 1;}
.close{z-index: 1; font-size: 15px; width: 25px; height:25px;}
hr {
    margin-top: -4px;
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid #eee;
}
.Database h4{color:black; margin-top:2px;}
.skill{ margin-left:-85px;}
<!--pop-up end-->
/**************
search
***************/
#custom-search-input {
        margin-top:20px;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-left: 14px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        border-radius:20px;
		margin-top:20px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#010101;
		transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-moz-transform:rotate(90deg); 
		-webkit-transform:rotate(90deg);
		margin-top:20px;
		
    }
  
    .search-query:focus + button {
        z-index: 3;   
    }
	
/**************
Navigation
**************/	
.navbar-nav li a {
    text-transform: uppercase;
    color: #fff !important;
    padding: 15px 24px;
    font-size: 14px;
}

.dropdown-menu li a
{
	 display: block;
  color: #222 !important;
  padding: 3px 5px;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222 !important;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.navbar{margin-bottom:0px;}
@media (min-width: 768px)
{
.navbar-nav {
    float: left;
    margin: 0;
}
}
.dropdown-toggle span.fa
{
font-size: 10px;
top: -2px;
position: relative;
left: 3px;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
	background-color:rgba(44, 55, 66, 0.42);
	color:#fff;
	 
}

/*************
Slider Bottom
**************/
.call {
    margin-top: -40px;
    position: relative;
    z-index: 99;
	border-bottom:4px solid #fff987;
}
.box-section{margin-bottom: 50px;}
.box{color:#fff;padding: 36px;}
.box:before
{
    content: '';
    background: rgba(255, 255, 255, 0.17);
    position: absolute;
    top: 25%;
    right: 0px;
    height: 60%;
    width: 1px;
}
.box .title h4,.box a
{
font-size: 14px;
font-weight: 700;
color:#fff;
}
.box .title h4{margin: 16px 0px;}
.box p{font-size:14px;line-height:1.8;}
.icon-box img{    margin-right: 5px;}

/**************
common
***************/

.title-1{font-weight: bold;}
.title-2{font-size: 15px;font-weight: 600;line-height: 1.5;}
.title-2 a{color:#333333;}
.title-2 a:hover{text-decoration:none;}
.title-3{position: relative;display: inline-block;font-weight: bold;}
.title-3:before
{
content: '';
    position: absolute;
    bottom: -14px;
    height: 2px;
    width: 50px;
    background-color: #fafafa;
    left: 42%;
}

/*   courses   */
.courses{padding:40px 0px 30px}
.courses .col-md-4:nth-of-type(3n+1){clear:both;}
/* end course  */

/*   partners   */
.partners img{background-color:#fff;width:100%;}
.partners .owl-carousel .item{padding:10px;}
.partners{padding: 20px 0px 32px;border-bottom:4px solid #fff987;}
.partners #demo{margin-top:20px;}
/*  end partners   */

/* about */
.about{margin-bottom:50px;}
.about p{color:#565656;}
/* about */
/*blog*/
.blog{margin-bottom: 40px;}
.blog p{color:#565656;}
.space20
{
	margin-bottom:20px;
}

#page-header{
	/*background:linear-gradient(rgba(46, 81, 111, 0.6),rgba(46, 81, 111, 0.6)),url(../images/banner.jpg);
	padding:50px 20px;*/
	margin-bottom: 4em;
}
#page-header h2{
	color: #fff;
    font-weight: 900;
    font-size: 48px;
}
#page-header2{
	background:linear-gradient(rgba(46, 81, 111, 0.6),rgba(46, 81, 111, 0.6)),url(../images/faq-banner.png);
	padding:50px 20px;
	margin-bottom: 4em;
}
#page-header1 h2{
	color: #fff;
    font-weight: 900;
    font-size: 48px;
}

/*************
contact 
**************/
.red{
    color:red;
    }
.form-area
{
    padding: 28px 0px 60px;
    margin: 0px 0px 11px;
	}
#submit
{
	background-color:#084d89;
	color:#fff;
	text-transform:uppercase;
	border:none;
	border-radius:0px;
	font-weight:600;
}
.form-control
{
	border-radius:0px;
}
.contact-detail
{
	margin-top:15%;
}
.contact-detail i
{
	width:50px;
	height:50px;
	background-color:#084d89;
	color:#fff;
	border-radius:50%;
	font-size:25px;
	padding:5%;
	
}

.contact-detail h5
{
	margin-bottom:0px;
}

.title-2 h4{color:#010101;}
.map
{
	margin-top:8%;
}
/************
about us
************/
#about-tab li a
{
	background-color:#084d89;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
    padding: 12px 30px;
    border-radius: 0px;	
}

#about-tab li.active a
{
	background-color:#d82619;
	color:#fff;
}
#about-content{
	
	padding:18px 0px;
}
.title-3
{
	margin-bottom:28px;
}
.tab-pane > .title-3:before{
	position: absolute;
    width: 50px;
    height: 3px;
    background-color: #efe92c;
    top: 37px;
    left: 0;
}

/*************
Blog
*************/
.blog a
{
	color:#333;
}
.sidebar > .title-3{
	margin-top:0px;
}
.sidebar > .title-3:before{
	position: absolute;
    width: 50px;
    height: 3px;
    background-color: #efe92c;
    top: 37px;
    left: 0;
}
.blog-list
{
	list-style:none;
	margin-top:8%;
	padding:0px;
}
.blog-list li{
	border-bottom:1px #ccc solid;
	padding-bottom: 10px;
    padding-top: 10px;
}
.blog-list a
{
	color:#565656;
	text-decoration:none;
}
.blog-date
{
	width: 12%;
    position: absolute;
    top: 20.2%;
    z-index: 9999;
    background: #fefb85;
    left: 5%;
}
.blog-date h4{
	color:#010101;
	font-size:30px;
}
.blog-date p
{
	background-color:#064e88;
	color:#fff;
	margin-bottom:0px;
	font-weight:600;
}
#blog-tab li a
{
	background-color:#084d89;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
    padding: 4px 30px;
    border-radius: 0px;	
}

#blog-tab li.active a
{
	background-color:#d82619;
	color:#fff;
}
#blog-content{
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
    border-right:1px #ccc solid;
	border-top:1px #ccc solid;
	padding:18px 30px;
}

.blog > .blog-date
{
	width: 20%;
    position: absolute;
    top: 35%;
    z-index: 9999;
    background: #084d89;
    left: 7%;
}
.blog >.blog-date h4{
	color:#fff;
	font-size:18px;
	font-weight:600;
}
.blog > .blog-date p
{
	background-color:#d82619;
	color:#fff;
	margin-bottom:0px;
	font-weight:600;
}
.left{
	padding-left:0;
}

.right{
	padding-right:0;
}
/**************
footer
**************/
#footer{padding: 24px 0px;}
#footer ul
{
	list-style:none;
	padding-left:0;
}

#footer ul li 
{
	margin-bottom:3%;
}
.footer-title h4
{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
	color:#fff;
}
.employer-zone { background:#d92419; padding-bottom:3px;}
.employer-zone sub { text-transform:capitalize; font-size:10px;}


#social i
{
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    border: 2px #fff solid;
    text-align: center;
    padding-top: 25%;
    font-size: 16px;
}
#copyright{
	padding-top:1%;
	padding-bottom:0.5%;
}

#copyright p
{
	opacity:.9;
}

/***********
Login / registration 
***********/
.login-btn
{
	background-color:#dc2213;
	color:#fff;
	border:none;
}
.login-box  .panel-body{
	background-color:#eeeeee;
}
.login-box  .panel-heading{
background-color:#f3f3f3;
}
.login-box i
{
	color:#dddddd;
}
.vdivider
{
	min-height: 300px;
    background-color: #dedede;
    width: 2%;
    margin: 115px auto;
    top: 17px;

}


/*    gallery  */
#gallery .hovereffectportfolio > p{margin-bottom:0px;}
a:hover{text-decoration:none;}
.overlayportfolio{position:absolute;z-index:9999;color:#fff;top:0;background:rgba(0, 0, 0, 0);height:100%;width:100%;padding:8px;visibility:hidden;-webkit-transition:0.6s ease-in-out;-moz-transition:0.6s ease-in-out;-o-transition:0.6s ease-in-out;transition:0.6s ease-in-out;left:0px;}
.hovereffectportfolio{position:relative;}
.hovereffectportfolio img{width:100%;}
.hovereffectportfolio:hover .overlayportfolio{visibility:visible;background:rgba(0, 0, 0, 0.65);-webkit-transition:0.6s ease-in-out;-moz-transition:0.6s ease-in-out;-o-transition:0.6s ease-in-out;transition:0.6s ease-in-out;}
.overlayportfolio a{color:#fff;font-size:14px;}
.overlayportfolio a:hover{color:#fff;}
.portfolioborder{border:1px solid #fff;height:100%;width:100%;padding-top:16%;padding-left:1%;padding-right:1%;opacity:0;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;-webkit-transform:scale(0,0);transform:scale(0,0);}
.hovereffectportfolio:hover .portfolioborder{-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}

#gallery .btn-danger {
    color: #fff;
    background-color: #da251a;
    border-color: #da251a;
    margin-right: 20px;
    margin-bottom: 20px;
}
#courses .courses-sub
{
position:relative;
width:100%;
margin-bottom:30px;
overflow: hidden;
}
.over-title
{
position:absolute;
top:0;
width:100%;
background:rgba(0,0,0,0.5);
height:100%;
}
.over-title span{font-size:20px;color: #fff;}
.icon-section img{width:100%;}
.padding0{padding:0px;}
.min-height-1{height:310px;}
.min-height-2{height:140px;}
.min-height-1 .over-title{padding: 22% 10%;}
.min-height-2 .over-title{padding: 6% 16% 0% 16%;}
.min-height-3 .over-title{padding:12% 6% 0%;}
.lineheight{line-height:2.5;}
.min-height-1 .over-title span{line-height:1.5;}
.over-title.color1{background-color:rgba(10, 53, 88, 0.7);}
.over-title.color2{background-color:rgba(0, 167, 13, 0.7);}
.over-title.color3{background-color:rgba(69, 114, 144, 0.7);}
.over-title.color4{background-color:rgba(199, 79, 49, 0.8);}
.over-title.color5{background-color:rgba(30, 110, 170, 0.8)}
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 12px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-color: #084d89;
    background: #084d89;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    margin-right: 0;
}
.nav>li>a:focus, .nav>li>a:hover
{
border-color: #084d89;
    background: #084d89;
    color: #fff;
}
.tabs-left>li>a{
border: 1px solid rgb(8, 77, 137);
    border-radius: 0;
    margin-right: 0;
	font-size: 16px;
}
.weblink{font-size:20px;}
.weblink i
{
    padding: 7px;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    text-align: -webkit-center;
    background: #084d89;
    color: #fff;
    line-height: 1.2;
	margin-right:10px;
}
.keyimg{width:100%;}
.well{background-color:rgba(245, 245, 245, 0.32)}
.tab-content .title-1{margin-top: 0;margin-bottom:20px;}

/*************
responsive
*************/
@media screen and (max-width: 600px){
	.contact{float:left !important;padding-right:0 !important;}
	.contact:before{display:none;}
	.contact li{margin:12px 0px;font-size:14px;font-weight:600;}
	.logo{margin-top:2%;}
	.logo-text h3{text-align:left !important;font-size:26px;}
	.tp-caption > h2{font-size:20px;}
	#copyright p{text-align:center;}
	#gallery .btn-danger{margin-right:0px;padding:4px;}
	.title-3{font-size:16px;}
	.blog-date{width:16%;top:5.7%;left:7%;}
	.blog-date h4{font-size:20px;}
	.vdivider{display:none;}
	.login-box{border-bottom: 1px #b3a9a9 solid;margin-bottom: 17px;}
}

@media screen and (max-width: 1000px){
	.contact{padding-right:0 !important;text-align:center}
	.contact:before{display:none;}
	.contact li{margin:12px 0px;font-size:14px;font-weight:600;}
	.logo{margin-top:2%;}
	.logo-text h3{text-align:center !important;font-size:26px;}
	.logo-text p{text-align:center !important;}
	.tp-caption > h2{font-size:20px;}
	#copyright p{text-align:center;}
	#gallery .btn-danger{margin-right:0px;padding:4px 26px;}
	.title-3{font-size:16px;}
	.blog-date{width:16%;top:5.7%;left:7%;}
	.blog-date h4{font-size:20px;}
	.blog{text-align:center;} 
	.blog img{margin:0 auto;}
	.blog > .blog-date{width:14%;top:53%;left:10%}
	.blog-date{width:12%;top:22.5%;left:7%}
	.blog-list{margin-top:2%;}
	.vdivider{display:none;}
	.login-box{border-bottom: 1px #b3a9a9 solid;margin-bottom: 17px;}
}

@media screen and (max-width: 1250px){
	.contact:before {display:none;}
	.contact{padding-right:0px !important;font-size:13px;float:left !important;}
}

@media screen and (max-width: 1300px){
	
	.contact{padding-right:0px !important;}
}

/*****
scroll
****/
#banner{
	background-image:url('../images/about.jpg');
	padding:60px 0px;
}
body {
      position: relative;
  }
  .affix {
      top: 20px;
  }
  div.col-sm-9 div {
      height: 500px;
      font-size: 28px;
  }
  #section1,#section2,#section3,#section4,#section5 {background-color: #f2f2f2;border-left:1px #ccc solid; border-right:1px #ccc solid;border-bottom:3px #ccc solid;padding:10px 30px;margin-bottom:2%;}
 #section1 > .title-3,#section2 > .title-3,#section3 > .title-3,#section4 > .title-3,#section5 > .title-3{border-bottom: 1px rgba(69, 69, 69, 0.29) solid; padding-bottom: 16px; display: block;}
  
  @media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section4, #section5  {
        margin-left: 150px;
    }
  }
 
 #myScrollspy ul{
	    background-color: #eee;
		
   }
   #myScrollspy ul li{
	   border-bottom:1px #ccc solid;
	  border-radius:0px;
   }
   #myScrollspy ul li a{
	   color:#565656;
   }
   #myScrollspy ul li a:hover
   {
	   background-color:#fff;
	   color:#084d89;
   }
    #myScrollspy ul li.active a
   {
	   background-color:#d82619;
	   color:#fff;
   }
  .scroll{
	  margin-top:-39%;
  }
  #banner h1
  {
	  color:#f7fa5c;
	  font-weight:600;
  }
   #banner h4{
	   color:#fff;
	   font-size:24px;
   }
   
   .sucees-steps ul.top-steps { padding:31px 184px 10px 55px; float:left; width:100%;}
   .sucees-steps ul.top-steps li { float:left; list-style-type:none; margin-right:106px; cursor:pointer;}
   .sucees-steps ul.top-steps li:last-child { margin-right:0;}
   
   .sucees-steps ul.bottom-steps { padding:0px 0px 10px 154px; float:left; width:100%;}
   .sucees-steps ul.bottom-steps li { float:left; list-style-type:none; margin-right:106px; cursor:pointer;}
   .sucees-steps ul.bottom-steps li:last-child { margin-right:0;}
   
.straight-line {background: #1d75bd; /* Old browsers */
background: -moz-linear-gradient(left, #1d75bd 0%, #f25a29 25%, #5743a6 48%, #f58c0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1d75bd 0%,#f25a29 25%,#5743a6 48%,#f58c0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1d75bd 0%,#f25a29 25%,#5743a6 48%,#f58c0d 100%); width:100%; height:7px; float:left; margin-bottom:6px; }/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


#page-header2 .container .row .col-md-12 h2.title-1 {color:#fff;}

/*Css added for edit profile section start here*/

#floatdiv{position:absolute;  
    left:0px !important;  
    background:#FFFFFF;  
    z-index:9999;
	width:200px;}
	
.CAMP{ float:left; width:100%;}