@font-face
	{
		font-family: bold;
		src:url(../font/Montserrat-Bold.ttf);
	}
	@font-face
	{
		font-family: semi-bold;
		src:url(../font/Montserrat-SemiBold.ttf);
	}
	@font-face
	{
		font-family: medium;
		src:url(../font/Montserrat-Medium.ttf);
	}
body
{
	font-family: medium;
}
.container
{
	width: 1000px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.container p{line-height: 1.5;}
#header_wrapper {
    padding: 20px 0;
    position: fixed;
    z-index: 1000!important;
    width: 100%!important;
    }
    .header_box, .hero_section, .logo, .white_pad{
    position: relative;
    }
    .logo {
    margin-top: 8px;
    z-index: 2;
    }
    .client_profile, .logo {
    float: left;
    }
    .navbar {
    border: 0 solid #fff;
    min-height: 40px;
    margin-bottom: 0;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
    .navStyle ul {
    padding: 0;
}
.navStyle ul, .social_links, .team_box ul {
    list-style: none;
}
.navStyle ul li {
    margin: 20px 5px 0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background: 0 0;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-nav {
   float: right; 
}
.nav>li>a
{
	padding: 10px 2px;
}
.navStyle ul li a {
    display: block;
    font-size: 14px;
    color: #222;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.navStyle ul li a, a.read_more2 {
    transition: all .2s ease-in-out;
}
.nav-effect {
    background-color: rgba(255, 255, 255, .9);
    padding: 0 0 10px!important;
    box-shadow: 0px 0px 3px #555;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
   background-color: #868686 !important;  
   color:#fff !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
    background-color: transparent!important;
}
.navbar-inverse .navbar-toggle
{
    border:none!important;
}
.navbar-toggle
{
    margin-right: 0px!important;
}
.navStyle ul li a
{
    cursor: pointer;
}
@media (max-width: 767px){
#header_wrapper {
    background: rgba(193, 193, 193, .9);
    padding: 0;
    border-bottom: 1px solid #fff;
    padding-left: 2%!important;
    padding-bottom: 4px!important;
    padding-right: 4% !important;
  }
  .header .container
  {
    width: 100%!important;
  }
  .navbar-nav {
   float: left; 
}
  .navbar-toggle {
    margin-top: 32px;
   }
.navStyle ul li
{
    margin: 0px!important;
}
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .container
{
    width: 960px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.navStyle ul li
{
    margin: 30px 3px 0;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .container
{
    width: 750px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.navStyle ul li {
    margin: 20px 1px 0;
}
.navStyle ul li a
{
    font-size: 10px;
}

.perspective-title
{
height: 53px;
padding: 6px 5px !important;
}
/*--------------------------footer-----------------------*/

/*----------------------------*/
}
@media (min-width: 320px) and (max-width: 767px)
{
    .container
{
    width: 310px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (min-width: 320px) and (max-width: 450px)
{
/*slider*/
.active1
    {
        padding: 0px 8px!important;
    }

}
@media(min-width:320px) and (max-width: 767px)
{

}
@media(min-width:768px) and (max-width: 991px)
{
   
}
@media(min-width:992px) and (max-width: 1199px)
{
    .navStyle ul li {
    margin: 20px 3px 0;
}
.navStyle ul li a
{
    font-size:13px;
}
}

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

   
}
/*menu*/
.contact{color: white !important;background: #f7b219;border-radius: 3px;cursor: pointer;padding: 10px 10px!important;margin-left: 15px;font-family: medium;}
.contact {color: white !important;background: #8347ad;border-radius: 30px;cursor: pointer;padding: 8px 10px !important;  margin-left: 15px;font-family: medium;}
.firstMenu {background-color: rgba(255, 255, 255, .9);padding: 0 0 10px !important;box-shadow: 0px 0px 3px #555;}
.firstMenu .second-logo{margin-top: -35px;margin-left: 130px;}
.nav-effect .second-logo{margin-top: 20px;margin-left: 130px;}
.nav-effect .secound-menu {margin-top: -40px;}
.navbar-inverse .navbar-nav > li > a {color: #000000!important;}
/*modal-pop-up*/
.cs-form {
  background: white;
  width: 400px;
  margin-top: 150px;
  box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
  padding: 0px 40px 15px;
}
/*banner*/
.banner{background-image: url("../img/banner.png");min-height: 600px; background-repeat: no-repeat;background-size: cover;padding-bottom: 30px;}
.banner img{ margin-top: 370px;}
.banner h1{margin-top: 370px;color: #fff;font-family: bold;}
.banner h1 span{color: #ffd75f;}
.banner p {color: #fff;}
/*agumentation*/
.service-now {margin-bottom: 20px;}
.service-now h2{font-size: 24px;font-family: bold;text-align: center;margin: 40px 0px 20px;}
.service-now span{color: #8347ad;}
.service-now p{text-align: center;}
.service-now .luck{color: #8347ad;font-family: semi-bold;}
/*servicenow*/
.grid .agumentation {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;min-height: 295px;padding: 20px;}
.grid .au-sr{margin-bottom: 40px;}
.grid .agumentation p{text-align: center;}
.grid .agumentation img {margin: 0 auto;padding-bottom: 20px;padding-top: 20px;}
.grid .agumentation .sr-purple{color: #8347ad;font-family: bold;font-size:20px;}
.grid .agumentation .sr-yellow{color: #f7b219;font-family: bold;font-size:20px;}
.grid .au-sr{margin-top: 20px;}
.grid .btn{background-color: #8347ad; color: #fff;border: none;border-radius: 40px;padding: 10px 10px;margin-bottom: 30px;}
.grid .btn img {margin-left: 10px;width: 35px;}
.grid .row .button{text-align: center;}
/*footer*/
.footer, .btm-footer {
  background: #282627;
  padding: 60px 0;
}
.footer a, .footer p {
  color: #fff;
  margin-bottom: 10px;
  display: block;
}
.social-grp {
  margin-top: 10px;
  display: inline-flex;
}
.footer h4 {
  color: #fff !important;
  margin: 0px !important;
    margin-bottom: 0px;
  margin-bottom: 15px !important;
  font-size: 27px;
  font-family: medium;
}
.footer a {
  text-decoration: none !important;
}
.footer .social-grp a{margin-right: 20px;}
.btm-footer {  border-top: 1px solid #4a4a4a;padding: 20px 0;color: #fff;text-align: center;}
@media (min-width: 992px) and (max-width: 1199px)
{
#suggested_content, #suggested_content_tab_specific
  {
    max-width: 960px!important;
  }
   .container {
        width: 960px!important;
        margin: 0px auto!important;
    }
}@media (min-width: 768px) and (max-width: 991px)
{
	.email-cta p,.email-cta .col-md-4 {text-align: center;}
.email-cta .col-md-8 {padding-right: 15px;border-right: 0px;}
.email-cta a {margin: 30px auto;}
	.main-content h3{font-size: 21px!important;}
.side-form .btn{width: 250px!important;}
    .container{width:730px;margin:0 auto;}
    .nav > li > a{font-size:12px;}
    .col-sm-2.col-lg-2{margin-top:5px;}
    .oracle-logo-partner{margin-top:-45px!important;}
    .btn.scroll-link{margin-top:-5px;}
#mainNav li img{width: 120px;}
.offer .card{padding:8px 15px;}
.offer .card h2{font-size: 21px;}
 .offer .row:nth-child(3) .card h2{min-height: 90px;}
.offer .row:nth-child(2) .card h2{min-height: 140px;}
#suggested_content, #suggested_content_tab_specific
{
max-width: 730px!important;
}
.footer, .footer a, .footer p{text-align: left!important;}
.field-content img
{
    width: 100%!important;
}
.perspective-title
{
height: 53px;
padding: 6px 5px !important;
}
/*--------------------------footer-----------------------*/
.footer .contact-us{display: none; }
.footer,.footer a, .footer p{
text-align: center;
}
.footer .credits {
display: none;
	}}
@media(min-width:992px) and (max-width: 1199px)
{

}
@media(min-width:768px) and (max-width: 991px)
{
.container{width: 768px;}
.cs-form {width: 100%;}
.banner {min-height: 450px;}
}
@media(min-width:320px) and (max-width: 768px)
{
.container{width: 320px;}
.cs-form {width: auto;}
.banner{padding-bottom: 20px;}
.banner h1 {margin-top: 40px;}
.cs-form {margin-top: 20px;}
.banner {min-height: auto;}
.service-now h2 {line-height: 1.6;}
.grid .agumentation {min-height: auto;margin-bottom: 20px;}
}