@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
}

.bx-wrapper .testimonials-carousel-context { overflow: hidden; text-align: center;}
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:70%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0px;right: -40%;cursor: pointer;background: url(../images/right.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;top: 0px;left: -40%;cursor: pointer;background: url(../images/left.png) no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 30px;margin-top: 0;margin-right: 0px;outline: 0;width: 64px;height: 64px;text-indent: -9999px;z-index: 100;}

#wrapper{
    position: absolute;
    top: 42%;
    left: 20%;
    
}

@media only screen and (max-width: 767px){
    
    #wrapper{top: 15%;left: 6%;}
    
    .mob-only { margin: 0 0 0 15px;}
    .rot-box-mob {padding-right: 0;}
	.down-arrow {
		width: 100%;
		text-align: center;
		bottom: 0;
	}
    .prod-dialog .product-content {
        max-height: 500px;
/*        overflow-y: auto;*/
    }
	
	.secheight{
			padding-top: 73px;
			margin-top: -73px;
		}
.contact-form input[type=text] {
width:100%;

}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .bx-wrapper{width:55%;}
    #wrapper{left: 2%;right:2%;top:25%}
    .view .mask, .view .content{left: 245px !important;}
    .product-content2{
/*		width: 500px !important;*/
		height: auto !important;}
    .product-content{
/*		width: 400px !important; */
		height: 500px !important;}
    .modal-img img{margin-top: 0 !important;}
    .banner span{top: 10px !important;}
    .modal-dialog {
/*    width: 600px !important;*/
    margin: 30px auto;
        
}
	
    .desk-only {
        margin: 0 15px;
    }
	
.product-imgs img {
    width: 150px !important;
}

}
.mob-zero-2 a {display: none;}

@media only screen and (min-width: 1024px) and (max-width: 1199px){ 
    .bx-wrapper{width:55%;}
    #wrapper{left: 12%;}
    .menu{width: 5% !important;}
    
	.table-responsive {
		margin: 0 0 0 70px;
	}
/*    .product-content {width: 800px !important;}*/
    .mob-zero-2 a {display: block;}
    .mob-zero-2 a img{margin: 30px 0;}
}

.testimonials-carousel-context p {
    color: #fff;
    font-size: 20px;
}

.testimonials-carousel-context h2 {
    
    color: #fff;
    font-size: 42px;
    
}


/* Circle Hover */

.view{float: left;}

               .view .mask,
.view .content {
  width: 125px;
  height: 125px;
  position: absolute;
  overflow: hidden;
  top: 27px;
  left: 60px;    
}
.masked .content{
	left:50px !important;
}
@media only screen and (max-width: 767px){
.view .mask, .view .content {left: 82px;}
}
h2.line-text:before, h2.line-text:after {
    width: 32% !important;
}

@media only screen and (max-width: 400px){
.view .mask, .view .content {left: 52px;}
}
                        
   .view{position: relative;text-align: center;}                
   .view img{position: relative;}
                        
   .view img {
  transition: all 2s ease-in;
  -webkit-transition: all 2s ease-in;
       
}


@-webkit-keyframes fadeIn { from { left: -300px; } to { left:0px;opacity:1; } }
@-moz-keyframes fadeIn { from {left: -300px; } to { left:0px;opacity:1; } }
@keyframes fadeIn { from { left: -300px; } to { left:0px;opacity:1 } }


.imgslide {
  opacity:0;  /* make things invisible upon start */
  position: relative;
  -webkit-animation:fadeIn ease-in 2s;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 2s;
  animation:fadeIn ease-in 2s;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.2s;
  -moz-animation-duration:0.2s;
  animation-duration:0.2s;
}

.imgslide.one {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.imgslide.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.imgslide.three {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.imgslide.four {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.imgslide.five {
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
}

.imgslide.six {
  -webkit-animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.imgslide.seven {
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  animation-delay: 3.7s;
}



.view .mask {
  background-color: rgba(12, 19, 27, 0.6);
  width: 125px;
  height: 125px;
  opacity: 0;
/*  margin-left: 20px;    */
/*
  transform: translate(265px, 145px) rotate(45deg);
  -webkit-transform: translate(265px, 145px) rotate(45deg);
*/
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
    
}

.view h1 {
  
  font-family: Raleway, serif;
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
  font-size: 70px;    
}
                        
    .view:hover .mask {
  opacity: 1;
/*
  transform: translate(-80px, 0px) rotate(0deg);
  -webkit-transform: translate(-80px, -125px) rotate(45deg);
*/
        border-radius: 50%;
}



.view:hover h3{opacity: 1;}

.view:hover h1 {
  transform: translate(20px, 0px);
  -webkit-transform: translate(20px, 0px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
    
}

.act h3{opacity: 1 !important;}
.act2 h3{opacity: 1  !important;}
.act3 h3{opacity: 1  !important;}
.act4 h3{opacity: 1  !important;}
.act5 h3{opacity: 1  !important;}
.act6 h3{opacity: 1  !important;}




@media only screen and (max-width: 767px){
.bx-controls-direction{display: none;}
    }

/*Modal*/

@media only screen and (min-width: 320px) and (max-width: 480px){
    
    .prod-dialog2{margin:auto!important;}
    .product-content2{width: 300px !important; margin: auto; height: auto !important;}
    .product-content{width: 300px !important;margin: auto; height: auto !important;}
    .prod-dialog{margin: 20px 20px !important;}
    .modal-img img {margin: 0 !important;}
    
}

body.modal-open {
padding-right: 0px !important;
overflow-y: auto;
}


.field {
  position: relative;
  margin-bottom: 20px;
}


.input:focus ~ label, .input:valid ~ label 		{
  top:-20px;
  font-size: 14px;
  color:#ed1c24;
}

.label {
  position: absolute;
  color: #999;
font-size: 18px;
  font-weight: normal;    
  transition: all .2s ease; 
    left: 0px;
    padding: 0;
    top: 0px;
	
}


.input {
  position: relative;
  width: 100%;    
  border: 0;
  padding: 0;
  background-color: transparent;
  height: 20px;
  line-height: 1;
  border-bottom: 1px solid #eee;
  color: #212121;
  transition: all .2s ease-in;
  font-size: 16px;
  font-weight: 400;    
}





/*
.input:focus ~ label {
	
	  transform: translate(0%, -100%); 
	-webkit-transform: translate(0%, -100%);
	font-size: 12px;
  	color: #ed1c24;

	
}
.input:valid ~ label {
  transform: translate(0%, -100%); 
	-webkit-transform: translate(0%, -100%);
  font-size: 12px;
  color: #ed1c24;
}
*/

@media only screen and (max-width: 991px) {
    .view {width: 100%;}
/*	.navtitle .btn {display: block !important;}*/
    .icon-nav-mob .navbar-toggle {display: none;}
    .mob-zero .navbar-brand {
        display: none;
        
    }
.box-divide1 {
width: 49.5%;
    float: left;
    margin: 0 1px 0 0;
    }
    
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {

.view{width: 14%;}

}


/*.banner span:hover .banner{background-image: url(../images/lineanimationnew.gif);z-index: 2000;width: 100%; height: auto;}*/


#slider {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
}

#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: left;
    animation: 15s slidy infinite;
}

#slider figure img {
    width: 20%;
    height: 100px;
    float: left;
    padding: 0 50px;
}

@keyframes slidy {
    0% {
        left: 0%;
    }
    20% {
        left: 0%;
    }
    25% {
        left: -100%;
    }
    45% {
        left: -100%;
    }
    50% {
        left: -200%;
    }
    70% {
        left: -200%;
    }
    75% {
        left: -300%;
    }
    95% {
        left: -300%;
    }
    100% {
        left: -400%;
    }
}

.download-ppt img {max-width: 64px;}
.download-bro img {max-width: 64px;}

.download-bro h3, .download-ppt h3{text-align: center;margin: 40px 0;}

.download-body {overflow: auto;}
.download-ppt, .download-bro {text-align: center;}

@media only screen and (max-width: 767px) {
    .contact-form input[type="file"] {
        width: 90px;
    }
	blockquote {
		margin: 0 !important;
		padding: 0 !important;
	}
    .box-contact h3 {
        margin: 0;
    }
    .contact-form {padding: 20px 0 0; overflow: hidden;}
    
    .navtitle .btn {padding: 5px 10px !important;float: right; margin: 10px 5px;}
    .mob-zero {padding: 0;margin: 0; }
    .mob-zero  .login-icon-new {float: right;}
    .mob-zero  .login-icon-new img{ max-width: 25px;margin: 24px 3px;}
    .login-modal {width: 300px; margin: 0 auto; text-align: center;}
    
    .product-imgs img {height: auto !important;padding: 10px;}
	.bx-wrapper {
		width: 65%;
	}
	.testimonials-carousel-context h2 {
		font-size: 30px;
	}
	
	.testimonials-carousel-context p {
		font-size: 15px;
	}
}

@media only screen and (max-width: 991px) {
 .icon-nav-mob .navbar-toggle {float: right;}
    
    .navbar-nav>li>a {
        color: #000; font-size: 20px;
    }
    .navbar-nav>li { float: none;}
    
    .navbar-nav>li>a.active span {color: red;}
    
    
    .navbar-nav>li>a span {
        font-size: 20px;padding: 10px; color: #000;
    }
    .icon-nav-mob {padding: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){   
    .navtitle .btn {float: right; margin: 20px 35px;}
/*    .icon-nav-mob{display: none !important;}*/
    .navbar-toggle {
        margin: 0 auto;
    float: none;
        padding: 50px 10px !important;
        display: block;
    }
    
    .navbar-toggle .icon-bar {width: 40px; height: 4px;}
    
    .box-partner img {
    width: 110px !important;
    height: 100px !important;
    }
}

@media only screen and (min-width: 768px) {
/*    .navbar-toggle {display: none;}*/
    
	.login-modal {
		width: 500px;
		margin: auto;
	}
	
}

.rotate a.active {color: #fff !important;outline: none !important;}


 .menu li a span { 
            padding: 5px 15px;
    background-color: #ddd;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 170%;
    font-weight: bold;
    font-size: 16px;
            visibility: hidden;
     color: #fff;
     font-family: 'Lato';
        }
        

.menu li a:hover { 
        color: #C7B299;
        color: rgba(199, 178, 153, 1);
    }
        .menu li a:hover span {
            visibility: visible;
/*            color: #b71c1c;*/
            background : -moz-linear-gradient(0% 50% 0deg,rgba(51, 51, 51, 1) 0%,rgba(0, 0, 0, 1) 100%);
            background : -webkit-linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
            background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(51, 51, 51, 1) ),color-
stop(1,rgba(0, 0, 0, 1) ));
            background : -o-linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
            background : -ms-linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
/*            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000' ,GradientType=0)";*/
            background : linear-gradient(90deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
            opacity : 0.85;
            border-radius : 5px;
            -moz-border-radius : 5px;
            -webkit-border-radius : 5px;
            filter: alpha(opacity=85) progid:DXImageTransform.Microsoft.Alpha(opacity=85)
                progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#000000' , GradientType=1);
        }

.paddzero {
    padding: 0;
}

@media only screen and (max-width: 767px) {
/*
    .image-serv {width: 330px;}
    .image-serv .modal-dialog  {width: 320px;}
*/
    .core-team-desc h2 { text-align: center;}
    .core-team-desc h4{ text-align: center;}
    .core-mob-img {text-align: center;margin: 20px 0;}
    .card .input-container label {
        left: 0 !important;
        right: 0;
    }
    
	
    
}
@media only screen and (max-width: 1099px) {

    .mob-core {display: block}
    .desk-core {display: none;}
    .box1-mob {
        overflow-y: hidden;
        padding: 0 20px !important;
    }
    .core-mob-img img{
        width: 150px;
    }
    
    .core-team-desc h2 {
        color: #b71c1c;
        margin: 0;
        
    }
    blockquote {letter-spacing: 1;}
    
    .navbar-nav>li .active {background-color: pink;}
    .navbar-nav {width: 100%;}
    
}

@media only screen and (min-width: 1100px) { 
    .mob-core {
        display: none;
    }
    .desk-core {
        display: block;
    }
    .menu {margin-left: 25px !important; }
	
	.prod-dialog {
		width: 900px;
	}
    .leftar {left: 15px;}
    
}




@media only screen and (min-width: 1024px) {
    .navbar-nav>li { float: left;}
    .menu {margin-left: 5px; }
	.box-ul {
  padding-left: 0px !important;
}
    .navtitle .btn {
    padding: 5px 20px !important;
        
}
    .mob-zero-2{
        padding: 0;
    }
    .product-content {
        min-height: 500px;
        overflow: auto;
        
        
    }

}


@media only screen and (min-width: 768px) and (max-width: 1199px){
    .secheight {padding-top: 15% !important;}

}

.file-proposal {padding: 0;}
.file-proposal p {float: left; margin-right: 10px;}
.file-proposal span {left: 20px; cursor: pointer; padding: 3px 20px;font-family: 'Lato'; color: #000;}
.file-proposal span:hover {
    color: #000;
    background: #f2f2f2;
}

@media only screen and (min-width: 768px) {
    
	.down-arrow{
	top: 85%;
	  left: 48%;
	}
	
	.secheight{
			padding-top: 112px;
			margin-top: -112px;
		}
}


.modal-close {
    position: absolute;
    right: 25px;
    top: 15px;
    border-radius: 50%;
    padding: 3px 7px !important;
    opacity: 1;
    font-family: 'Lato';
    font-size: 19px;
    color: rgba(237, 28, 36, 1);
    border: 1px solid rgba(237, 28, 36, 1) !important;
    z-index: 10;
    
}

.modal-close:hover {
    background: rgba(237, 28, 36, 1);
    color: #fff;
    border: 1px solid rgba(237, 28, 36, 1);
    opacity: 1;
}

.modal-close:focus {
    background: rgba(26, 26, 26, 1);
    color: #fff;
    border: 1px solid rgba(26, 26, 26, 1);
    outline: none;
    opacity: 1;
}

#contactus {
    margin-bottom: 50px;
}

.box-h1 h4{
	font-size: 24px;
}


h3.modal-title{
	transition: all 2s ease-in; 
	transition-delay: 3s;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.login-modal .modal-title {
    margin: 0 35px 0;
}

.navbar-brand {
    float: left;
}
@media only screen and (min-width: 991px) {
  .fix .toggle2 {
    display: block;
    float: left;
  }
    .navbar-toggle {
        padding: 20px !important;
    }
    .navbar-brand {
    float: right ;
}
    .icon-nav-mob {
        display: none;
    }
    .mob-zero .login-icon-new {
        display: none;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mob-zero  .login-icon-new {float: right;}
    .mob-zero  .login-icon-new img{ margin: 35px 3px;}
    
}


h4.down-title {margin: 0 25px;}
@media only screen and (min-width: 1200px)  {
.product-content { top: 50px;}
}


.download-login {
    max-width: 400px;
}

.download-login .modal-content {
    overflow: auto;
}

.download-login-form input{
        width: 100%;
        border: none;
        border-bottom: 2px solid #ddd;
        padding: 2px;
        margin: 20px 0;
}
.download-login-form input::-webkit-input-placeholder {
    text-align: center;
    font-size: 16px;
}

.download-login-form input:focus, .download-login-form input:valid {
 box-shadow: none;
 outline: none;
 background-position: 0 0;
}

/* .download-login-form input:focus {
    border: none;
    border-bottom: 2px solid #e5212d;
} */

.download-login-form input::-webkit-input-placeholder {
 font-family: 'Lato', sans-serif;
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.download-login-form input:focus::-webkit-input-placeholder, .download-login-form input:valid::-webkit-input-placeholder {
 color: #e5212d;
 font-size: 14px;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
 visibility: visible !important;
}

.download-login-form .down-link {
    width: 100%;
    margin: 10px 0;
    background-color: #e22330;
    border-radius: 4px;
    padding: 5px 0;
    text-align: center;
}


.download-login-form a {
    text-decoration: none;
}
.download-login-form .down-link h4 {
    
    color: #fff;
    font-family: 'Lato';
    margin: 0;
}

.download-login-form a span {

    color: #e22330;
    font-size: 16px;
}   


.download-login-form .modal-footer button {
    width: 100%;
}

.download-login-form .modal-header a img {
width:20px;
}