a img{ border:none;}


@font-face
{
 font-family:'shruti';
 src:url('../font/shruti.eot');
 src:url('../font/shruti.woff') format('woff'),
     url('../font/shruti.eot?#iefix') format('embedded-opentype'),
     url('../font/shruti.ttf') format('truetype'),
     url('../font/shruti.svg') format('svg');
 font-weight:normal;
 font-style:normal;
 }
 @font-face
{
 font-family:'tunga';
 src:url('../font/tunga.eot');
 src:url('../font/tunga.woff') format('woff'),
     url('../font/tunga.eot?#iefix') format('embedded-opentype'),
     url('../font/tunga.ttf') format('truetype'),
     url('../font/tunga.svg') format('svg');
 font-weight:normal;
 font-style:normal;
 }
 
 @font-face
{
 font-family:'Raleway-Regular';
 src:url('../font/Raleway-Regular.eot');
 src:url('../font/Raleway-Regular.woff') format('woff'),
     url('../font/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
     url('../font/Raleway-Regular.ttf') format('truetype'),
     url('../font/Raleway-Regular.svg') format('svg');
 font-weight:normal;
 font-style:normal;
 }

body{ width:100%;}

/*navigation-logo*/
.main-header{border-top: 4px solid #1b75bc;
    width: 100%;
    border-bottom: 4px solid #1b75bc;
    margin: 0px 0px 0px 0px;
    float: left;
    padding: 0px 0px 20px 0px;}


.right_navi{border-bottom:1px solid #dae6ec; float:right;     width: 100%;}
.right_navi ul{ outline:none; margin:0px; padding:0px;}
.right_navi li{border-right: 1px solid #dae6ec;
    padding: 0px 20px 0px 24px;
    list-style: none;
    float: left;
    line-height: 53px;}
.right_navi li:last-child{border-right:none; }
.right_navi  li a{color:#a4a4a4; text-decoration:none; font-size:20px; font-family:'tunga';  }
.right-navigation li a{color:#343434; font-weight:bold;text-transform:uppercase; margin:0px 0px;}
.right-navigation li a:hover{color:#fcb118;}
.navbar-default{background:none; border:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background:none;
	border:none;
color: #343434;}
.navbar-default .navbar-nav > li > a {
color: #343434; font-weight:bold;}
/*banner*/

.navbar-brand img{width:200px;}

.best-inner{width:100%; max-width:300px;}

/****navi ****/
.navi{ float:right; margin:20px 50px 0px 0px;}
.navi ul{ outline:none;}
.navi ul li{ list-style:none; float:left; padding:0px 0px 0px 20px;}
.navi ul li a{    float: right;
    font-size: 16px;
    color: #343434;
    font-family: 'Raleway-Regular';
    text-transform: uppercase;
    padding: 0px;
    text-decoration: none;
    text-align: right;
    margin: 15px 0px 0px 0px;}
.navi ul li a:hover{ color:#fcb118 !important;}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 28px;
		margin-bottom:20px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 48px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}



.form {
background-color: #1b75bc;
    position: absolute;
    top: -57px;
    width: 93%;
    z-index: 9999;
    padding: 3px 0px 10px 50px;  
}
.right-skew {
  position: relative;
}
.right-skew:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    right: -36px;
    display: block;
    width: 71px;
    background: #1b75bc;
    -webkit-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
}

.invoice img{width:100%; max-width:180px;}
.intersted{background:url(../images/back-image.png)no-repeat;width:100%;
background-size:cover; padding:80px 0px;}
.int-text{margin:5% 0%;}
.int-text p a {color:#fcb118; margin:0px 20px; text-decoration:none;font-size:28px; border-bottom:2px solid #fcb118;}


.footer{background-color:#1b75bc; color:#ffffff;  padding:13px 0px 0px;}
.footer p{font-size:16px;}


.right-image {
    background-color: #fcb118;
    position: absolute;
    top: -57px;
    width: 100%;
    z-index: 9999;
    padding: 3px 0px 10px 50px; background-image:url(../images/girl_pic.png); height:172px;
}
.left-skew {
  position: relative;
}
.left-skew:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    left: -36px;
    display: block;
    width: 71px;
   background-image:url(../images/girl_pic.png);
    -webkit-transform: skew(-22deg);
    -ms-transform: skew(-22deg);
    transform: skew(-22deg);
}



.form input{color: #000;
    padding: 0px 0px 0px 10px;
    border-radius: 40px;
    line-height: 45px;
    border: 3px solid #9c6901;
    margin: 20px 0px 0px 0px;}
.login{background: #9c6901;
    border-radius: 40px;
    color: #ffffff;
    font-size: 25px;
    padding: 0 42px;
    text-transform: uppercase;
    border: none;
    line-height: 50px;
    margin: 0px 0px 0px 6px; font-family:'Raleway-Regular';
    display: inline-block;}
.form h1{color:#fff; font-size:40px; font-family:'Raleway-Regular';}
.enter{position:relative; height:176px;}
.text-center{text-align:center; margin:o auto;}
.text-center invoice{ width:100%; max-width:200px;}


/***work_wrp***/
.work_wrp{ width:100%; display:inline-block; text-align:center; vertical-align:top;}
.round_area{background:#fff;
    border: 13px solid #9c6901;
    width: 165px;
    height: 165px;
    display: inline-block;
    text-align: center;
    border-radius: 96px;}
	.round_area img{ margin:26px 0px 0px 6px;}
	.work_wrp h1{ color:#696969; font-size:20px; text-align:center; display:inline-block;  font-family:'Raleway-Regular'; margin:30px 0px 0px 0px; width:100%;}
	.best{ width:100%; display:inline-block; padding:20px 0px;}
	.best_left{ width:100%; float:left;}
	.best_left img{ }
	.best_right{ width:100%; float:left; margin:80px 0px 0px 0px;}
	.best_right p{    color: #b3b3b3;
    line-height: 37px;
    font-size: 30px; text-align:justify;
    width: 100%;
    font-family: 'tunga'; float:left;}
	/****vendor_wrp****/
	.vendor_wrp{ width:100%; display:inline-block; text-align:center;}
	.vendor_wrp h1{ color:#4c4c4c; font-size:60px; font-family:'Raleway-Regular'; display:inline-block; width:100%;}
	.vendor_wrp img { margin:20px 0px 0px 0px;}
	.vendor_wrp h2{ color:#696969; font-size:40px; font-family:'shruti'; display:inline-block; width:100%; margin:30px 0px 0px 0px;}
	.vendor_wrp span img{ display:inline-block; vertical-align:middle;}
	.vendor_wrp span a{ color:#fcb118; font-size:40px; font-family:'Raleway-Regular'; display:inline-block; vertical-align:middle; margin:20px 0px 0px 0px; text-decoration:underline; padding:0px 0px 0px 0px;}
	.arrow{ background:url(../images/arrow.png) no-repeat; width:162px; height:82px; position:absolute; right:-80px; top:0px;}
	.images{ width:100%; display:inline-block;}

/*responsive*/
.vc_row {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    position: relative;
}
.sf-left {
    background: #fff none repeat scroll 0 0;
    bottom: 400px;
    content: "";
    height: 200px;
    left: 0;
    margin-left: -10px;
    position: absolute;
    transform: rotate(-3deg);
    width:100%;
    z-index: 2;
}

@media screen and (max-width: 992px) {
.invoice img{width:100%; max-width:108px;}
.login {
   
    margin-top: 19px;
    
	
}
@media screen and (max-width: 768px) {
	
.left-logo{text-align:center;}	
.login {
  background: #9c6901 none repeat scroll 0 0;
  border-radius: 57px;
  color: #ffffff;
  font-size: 25px;
  margin-bottom: 20px;
  padding: 0 33px;
}
.images{display:none;}
.right-navi  li{border-right: none solid #a4a4a4; padding:13px 14px; display:none;}
	
}
@media screen and (max-width: 1000px) {
	.best-inner { text-align:center; margin:0 auto; max-width:100%;}
	.best-outer{text-align:center; margin:0 auto; width:100%; }
	
	}

@media screen and (max-width: 640px){ 
.form{ top:14px; width:100%;}
.sf-left{ background:none;}
.right-skew:before{ display:none;}
.right_navi{ width:100%; float:none; display:inline-block; text-align:center;}
.right_navi li{ border-right:none;}
.form h1{ font-size:29px;}
.form input{ width:85%;}
.vendor_wrp h1{ font-size:34px; position:relative; z-index:99999999999;}
.vendor_wrp h2{ font-size:20px;}
.vendor_wrp span a{ font-size:20px;}
.best_right{ margin:30px 0px 0px 0px;}
.best_right p{ font-size:23px;}
}

@media screen and (max-width: 480px){
	.form{ top:14px; width:100%;}
.sf-left{ background:none;}
.right-skew:before{ display:none;}
.right_navi{ width:100%; float:none; display:inline-block; text-align:center;}
.right_navi li{ border-right:none;}
.form h1{ font-size:29px;}
.form input{ width:85%;}
.vendor_wrp h1{ font-size:34px; position:relative; z-index:99999999999;}
.vendor_wrp h2{ font-size:20px;}
.vendor_wrp span a{ font-size:20px;}
.best_right{ margin:30px 0px 0px 0px;}
.best_right p{ font-size:23px;}
	
	}

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

.form{ top:14px; width:100%;}
.sf-left{ background:none;}
.right-skew:before{ display:none;}
.right_navi{ width:100%; float:none; display:inline-block; text-align:center;}
.right_navi li{ border-right:none;}
.form h1{ font-size:29px;}
.form input{ width:85%;}
.vendor_wrp h1{ font-size:34px; position:relative; z-index:99999999999;}
.vendor_wrp h2{ font-size:20px;}
.vendor_wrp span a{ font-size:20px;}
.best_right{ margin:30px 0px 0px 0px;}
.best_right p{ font-size:23px;}
}


/****new_classes ****/