/*--------------------------- */
/* [Table of contents] */
/* 1. Global Rules */
/* 2. Decent Icons */
/* 3. Elements */
/* 3.1 Side Menu */
/* 3.2 Social Icons */
/* 3.3 Triangle Button */
/* 3.4 Heading */
/* 3.5 Iconic Box */
/* 3.6 Box Items */
/* 3.7 Featured Circle */
/* 3.8 Service Box */
/* 3.9 Pricing Table */
/* 3.10 Action Area */
/* 3.11 Special Testimonials */
/* 3.12 Buttons */
/* 3.13 Page Navigation */
/* 3.14 Skills Bars */
/* 3.15 Post Share */
/* 3.16 Comment Form */
/* 3.17 Blockquote */
/* 3.18 Back to top */
/* 3.19 Footer Contact */
/* 3.20 Feature Box */
/* 3.21 Gallery */
/* 4. Widgets */
/* 4.1 Search */
/* 4.2 Recent Posts */
/* 4.3 Categories */
/* 4.4 Newsletter */
/* 4.5 Tags */
/* 4.6 Archives */
/* 4.7 Calendar */
/* 5. Sections */
/* 5.1 Header */
/* 5.2 Banner */
/* 5.3 About */
/* 5.4 Why Choose Us */
/* 5.5 Site Stats */
/* 5.6 Team */
/* 5.7 Portfolio */
/* 5.8 Process Flow */
/* 5.9 Client Says */
/* 5.10 Awesome clients */
/* 5.11 Special */
/* 5.12 Contact */
/* 5.14 Map */
/* 5.14 Footer */
/* 5.15 Single Portfolio */
/* 6. Blog */
/* 6.1 Banner Static */
/* 6.2 Blog */
/* 6.3 Blog Single */
/* 6.4 Comments */
/* 7. Layout */
/* 7.1 Dark Layout */
/* 7.2 Responsive */
/*--------------------------- */
/*==================================== */
/* =         button       = */
/* ====================================*/

/*apps css*/
/*.heading{
font-family:Arial, Helvetica, sans-serif;
-webkit-text-fill-color:#00a1e0;
font-weight:900;
font-size:56px;	
text-align:center;
text-shadow: 2px -3px #e8e8e8;
-webkit-text-stroke: 1px #fff;
padding: 0.5em 0em;
}*/

.cloud-txt span a {
    padding: 20px 0px!important;
    float: left;
}

.apps-btn a{
    float:right;
  
}
.email-txts{
float:right;    
}
.email-txts a{
float: right;
font-size: 18px;
font-weight: 400;
font-family: 'Cairo', sans-serif !important;
padding-top: 18px;
padding-right: 12px;
color: #333;

}

.nav li span {
padding:0!important;    
}
.nav li span a:hover{
color:#000!important;  
}



.main-heading  ::after span{
border:2px solid #d0d0d0;
color:red;
display:block;
position:absolute;
width:58px;
content:'';
position:absolute;
}
.main-heading{
position:relative;
}

.contact_btn{
width:auto;
margin:0 auto;
text-align:center;
}
.contact_btn a{
font-family: 'Open Sans', sans-serif;	
background:#f29e33;
color:#fff;	
border:1px solid #bc7316;
font-size:20px;
border-radius: 5px;
padding: 5px 10px;
text-decoration:none;
}

.contact_btn a:hover{
background:#ff0000;
color:#fff;	
border:1px solid #9e0707;	
}

.feature-txt{
list-style-image:url(images/tick.png);
background-repeat:no-repeat;
padding:5em;	
}
.feature-txt li{
line-height:30px;	
}
.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

.features-txt{
padding-top:130px;
text-align:center;

}
.benefits-txt{
padding-top:85px;
text-align:center;
}
.footer-bottom{
	margin-top:50px;
}

/*apps ends*/

.home-main-nav li a {
    padding-right: 51px!important;
}

.navbar-nav > li > .dropdown-menu{
	min-height:220px;
}

.home-main-nav li{
display:inline-block;	
}
.sucess-st-page .nav li a{
padding:10px 15px;
}

.contact-form-box{
background:#f29e33; padding:30px;clear:both;	
}

.accelerators-b-txt{
color:#333;text-align:center;padding:50px 0px;	
}	
.process-b-txt{
color:#333;text-align:center;padding-bottom:100px;	
}
.banner-tops{
margin:0px;
}
#process-block{
	width:100%;
	padding:100px 0px;
	float:left;
}
.navbar-toggle{
width:auto;
margin-top: 15px;
}	
.img-responsive{
display: block;
max-width: 100%;
height: auto;

}
.certificates-inner{
/*padding-bottom:110px;*/
clear:both;
}	
.banner-txt{
position: relative;
left: 0;
right: 0;
text-align: center;
font-size: 28px;
background: rgba(255, 255, 255, 0.7);
padding: 10px;
width:30%;
margin:0 auto;	
box-shadow: 1px -7px 9px -5px #333;
bottom: 50px;
}


/*loader starts*/
.loader {
  color: #000;
  font-family: Consolas, Menlo, Monaco, monospace;
  font-weight: bold;
  font-size: 30vh;
    text-align:center;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:999;
  
}
.csr-txt{
	    font-weight: 700;
    font-size: 20px;
    text-align: center;
    padding: 50px 0px;
}
.loader span {
  display: inline-block;
  -webkit-animation: pulse 0.4s alternate infinite ease-in-out;
          animation: pulse 0.4s alternate infinite ease-in-out;
		  
}
.loader span:nth-child(odd) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
		  margin-right: -110px;

margin-left: -110px;
}
@-webkit-keyframes pulse {
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
}
@keyframes pulse {
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
}

.ftr{
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 70px;
}


/*loader ends*/

body {

    padding-top: 0px !important;

}

.navbar-nav{
float:right;
/*margin-right:100px;*/

}

.navbar-toggle{
	float:right;
}

.navbar-nav li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight:bold;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.nav li a{
font-family: 'Cairo', sans-serif !important;    
text-transform: uppercase;
color: #111!important;
margin-right: 30px;
font-size: 1em!important;
font-weight: 700;
letter-spacing: 0.10em;
padding: 17px 0px 0px 0px;    
background: transparent !important;
border: none !important;
font-size: 15px!important;

}

.nav li a:hover{
color:#ff9800!important;    
    
}
.btn{
font-family: 'Cairo', sans-serif!important;
}







.actives{
	color:red!important;
}

#testimonials .left {
    font-size: 2.3em!important;
    color: #CACACA!important;
    left: 0!important;
    top: 0!important;
}

#testimonials .right {
    font-size: 2.3em!important;
    color: #CACACA!important;
    right: 0!important;
    top: 0!important;
}
.left{
    font-size: 80px!important;
    color: #ff0000!important;
text-shadow: none!important;
top:37%;
left: -100px;
}

.right{
    font-size: 80px!important;
    color: #ff0000!important;
text-shadow: none!important;
 top:37%;
right: -100px!important;
}


.arrows .left{
	    top: 108px;
       left: -100px;
    width: 13%;
}


.visible-phone {
    display: none !important;
}
.text-m-top{
	padding-top:100px;
}
.positions{
	position:absolute;
}
.flipcloud{
	position:absolute;
	z-index:99;
	top:100px;
	width:42%!important;
	left:0;
	right:0;
}

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }

.borders-bg{
	border:1px solid #dedede;
	background:#fff;
	float:left;
}

.carsoul-txt{
color: #000;
font-size: 15px;
line-height: 25px;
}
.drift-widget-welcome-expanded-online{
   display:none!important;
}
.mejs-container{
background:#fff!important;
height:auto!important;
width:100%!important;
}
.slide-image{
position:relative;
/*top:15px;*/
	}


#myVideo {
    position: fixed;
    right: 0;
    bottom: 120px;
    min-width: 100%; 
    min-height: 100%;

}
video{
opacity: 0.3;
}
/*video{
	width:100%;
	max-height:600px;
object-fit: cover;
opacity: 0.7;
background:#99ccff;

}*/



.more_btn{
width: 100%;
float: left;
text-align: right;
font-size: 13px;

}

.more_btn a{
color:#111;
}
.more_btn a:hover{
color:#1fb6f2;

}

.drift-open-chat{
border: medium none;
display: block;
position: fixed;
top: auto;
left: auto;
bottom: 24px;
right: 24px;
width: 104px !important;
height: 79px !important;
visibility: visible;
z-index: 2147483647;
max-height: 100vh;
max-width: 100vw;
transition: none 0s ease 0s;
background:url('http://amogus.com/images/others/chat-icon.png');
opacity: 1;
}
.drift-widget-welcome-expanded-online{
margin-right: 96px!important;
}

.drift-open-chat:hover{
visibility: visible;

transition: all 300ms ease-in;
transform: scale(1.2);
}

#managed-services .jumbotron ul li a h3, #integration .jumbotron ul li > a h3{
font-size:14px;
font-weight:600;
margin:0px;
}

.ind-bottom-tabs li a h3{
font-size:13px;
font-weight:600;
margin:0px;
}

.carousel-control.left, .carousel-control.right{
background: transparent;
}
.icon-margin{
margin-left:70px;
}
.enter_details{
margin-top:15px;
}
.switch {
    position: relative;
      margin-top:50px;
	  width:100%;
	  float:left;
   
}
.switch:before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 5px solid #f79e26;
    border-left: 5px solid #f79e26;
}


.switch span:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 5px solid #f79e26;
    border-right: 5px solid #f79e26;
}

.why_us {
    position: relative;
     margin-top:50px;
	  width:100%;
	  float:left;
   
}
.why_us:before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 5px solid #9e9e9e;
    border-left: 5px solid #9e9e9e;
}


.why_us span:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 5px solid #9e9e9e;
    border-right: 5px solid #9e9e9e;
}

.expertise_blcok {
    position: relative;
      margin:50px 0px;
	  width:100%;
	  float:left;
   
}
.expertise_blcok .active{
color:#000!important;
}
.expertise_blcok:before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 5px solid #1797c0;
    border-left: 5px solid #1797c0;
}


.expertise_blcok .side-borders:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 5px solid #1797c0;
    border-right: 5px solid #1797c0;
}

.expertise_blcok ul{
	margin:0;
	padding:0;
	display:inline;
}
.expertise_blcok ul li{
	background:#46c1ef;
	color:#000;
	padding:5px 10px;
	border-radius:5px;
	list-style-type:none;
	float:left;
	margin:10px;
}
.lightning-btn{
width:30%;border-radius:0px;border:1px solid #fff; background:#1797c0;
}
.lightning-btn:hover{
	background:#0d3052;
}
.number_txt{
	background:#0d3052;
	border:1px solid #fff;
	padding:7px;
	float:left;
	color:#fff;
	font-size:17px;
	font-weight:600;
	margin-right:10px;
margin-top:5px;
}
.lighning-banner .form-group label{
	color:#fff;
}
.lighning-banner{
	width:100%;
	background-image:url(../../images/others/lightning-banner.png);
	height:487px;
	background-size:100% ;
	background-repeat:no-repeat;
	
}



body{
	font-weight:400;
	color:#111;
	letter-spacing:0px;
font-size:15px;
}

h2{
font-size:25px;
}
.sucess-st-page li a h3{
font-size: 14px!important;
color: #fff !important;
text-transform: uppercase!important;
font-weight: 500!important;
border: none !important;
float: left!important;
line-height: 23px!important;
letter-spacing: 1px!important;
font-family: Merriweather;
margin:0px!important;
padding:0px;
}
#others-page h3{
margin-top:100px;
}
#others-page h2{
font-size:22px;
color:#000;
margin:0px;
margin-left:26px;
}
.crm-img{
	margin-top:70px;
}

#slideshow{
	width:755px;
	margin:0 auto;
}
.slideshow-element{
  position: absolute;
  font-size:22px;
	color:#fff;
	 font-family: Merriweather;
}
.header-slide-first{
  
	
	 margin:0px 50px;
	 text-transform:capitalize;
	 background-image:url(../../images/others/accred-image.png);
	 background-repeat:no-repeat;
	 height:39px;
	
	 line-height:41px;
	 margin:0 auto;
	 width:733px;
	text-align:left;
	background-position:center;
	font-weight:600;
	
	
	
	
}
#industries h3{
font-size:30px;
margin-top:65px;
}

.header-slide-first .lighting-txt{
background:#005197;
text-transform: uppercase;
padding: 4px 6px 3px 6px;
font-family:Arial, Helvetica, sans-serif!important;
color:#fff;
font-weight:normal;

}

.header-slide-second{
  

	 margin:0px 50px;
	 text-transform:capitalize;
	 background-image:url(../../images/others/salesforce-lightning-icon.png);
	 background-repeat:no-repeat;
	 height:39px;
	 line-height:39px;
	
	 width:100%;
padding-left:50px;
font-weight:600;
	  margin:0 auto;
	
}


.lightning-box{
	background:#01a1dd;
	min-height:40px;
	width:100%;
left:0;
position:fixed;
top:0px;
	
}
.mt-60-s{
	margin-top:60px!important;
}
.public-account-box{
background:#6b8ea5;padding:5px;float:left;
}
.energy-account{
background:#6b8ea5;padding:5px;float:left;	
}
.account-box{
background:#6b8ea5;padding:35px 10px;
}
.opportunity-box{
background:#d1e6e8;padding:5px;float:left;
}
.territory{
background:#6b8ea5;padding:35px 10px;
}
.trans-opp-box{
background:#d1e6e8;padding:5px;float:left;
}
.trans-account-box{
background:#6b8ea5;padding:5px;float:left;
}
.energy-box{
background:#6b8ea5;padding:5px;float:left;	
}
.getn-btn{
float:left;
margin-right:10px;
}
.getn-btn .listing-nav-text{
	background:#f29e33;
	color:#fff;
	padding:7px;
	border-radius:5px;
	float:right;
}
.mt-40{
	margin-top:40px!important;
}

.getn-btn .listing-nav-text:hover{
	background:#ff0000 ;
	color:#fff;
	padding:7px;
	border-radius:5px;
	float:right;
}

#back-to-contact:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 70px 70px 0px;
  border-color: transparent transparent #19b4f2 transparent;
  z-index: 1;
  transition: all 0.15s ease-in-out;
}
#back-to-contact:hover:before {
	border-color:transparent transparent #1b4d69;
}
#back-to-contact {
 bottom: 1px;
    color: #fff;
    height: 70px;
   
    position: fixed;
    left: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 70px;
    z-index: 1000;
}
#back-to-contact > span {
  position: absolute;
  z-index: 2;
  bottom: 17px;
  right: -2px;
  font-size: 10px;
  font-weight: 600;
  left:-7px;
  line-height:1;
  text-transform: uppercase;
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}

.contact-txt-btn a{
 background:#19b4f2 ;
 padding:5px;
 border-radius:5px;
 color:#fff;
border:1px solid #196ea8;
font-weight:600;
}
.contact-txt-btn a:hover{
	background:#196ea8;
}

.contact-txt-btn {
	float:right;
	margin-left:10px;
	margin-top:20px;
}
.btn-successs{
	background:#f29e33;
	border:1px solid #c97b18!important;
	color:#fff; 
}
.btn-successs:hover{
	background:#ff8f00;
	border:1px solid #c97b18;
	color:#000;
}
.btn-successs-contact{
	background:#fff;
	border:1px solid #c97b18!important;
	color:#3e3e3d; 
}
.btn-successs-contact:hover{
	background:#f8e3c7 ;
	border:1px solid #c97b18;
	color:#000;
}


#contact-form label{
	color:#fff;
}
.input-group-addon i{
	font-size:20px;
	color:#c77a19;
	width:23px;
}
.input-group-addon{
	color:#b8b6b6!important;
	background:#f8e3c7!important;
	border:1px solid #fff!important;
	border-right:none!important;
}
.has-error .form-control, .form-control{
	border:1px solid #fff!important;
	background:#f8e3c7!important;
}



#contact-page{
/*	padding:120px 0px;*/
padding-bottom:50px;
}
textarea.form-control{
	min-height:100px;
}
#myDiv input{
	background: transparent none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    width: 141px;
	margin-top:6px;
}
#quote-carousel {
    padding: 0 10px 30px 10px;
    /*margin-top: 60px;*/
	background: #fff;
border-radius: 10px;
border: 1px solid #c6ced2;
min-height: 320px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
margin-top: 120px;
z-index:99;


}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
   position: absolute;
top: -58px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border:5px solid #ff0000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
   
    margin-right: 10px;
}

.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
   
    margin-right: 10px;
}


.scroll-logo {
    padding: 50px 0;
}
.slider-3-txt {
margin-top:0px;
}
.style_slide_top {
    left: 0;
    margin: auto;
    padding: 10px 85px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 5%;
}
.style_slide_top h2 {
    text-transform: none;
}

.style_slide_top > p {
    animation-delay: 1.1s;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 40px;
    padding: 0;
}
.food-bg {
  background-image:url(../../images/others/food-bevarage-bg.jpg);
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:24px;
}

.slider-1-txt{
left: 0;
    margin: auto;
    padding: 10px 85px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 35%;
width:50%;
}

.slider-1-txt p{
color:#000;
font-size:26px;
font-weight:300;
}

.slide-text-2 {
      margin: auto;
   
    position: absolute;
    right: 0;
    text-align: left;
    top: 25%;
}
.slide_style_bottom-2 {
    top: 59% !important;
}

.energy-bg {
  background-image:url(../../images/others/energy-bg.jpg);
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:44px;
}



.finance-bg {
  background-image:url(../../images/others/finance-bg.jpg);
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:18px;
}

.retail-bg {
  background-image:url(../../images/others/retail-bgs.png);
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:23px;
}

.tech-bg {
  background-image:url(../../images/others/tech-bg.jpg); 
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:37px;
}
.map-bg{
background-image:url(../../images/others/map.png);
background-repeat:no-repeat;
}

.public-bg {
  background-image:url(../../images/others/public-bg.png); 
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:17px;
}


.property-bg {
  background-image:url(../../images/others/property-bg.jpg); 
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:33px;
}


.trans-bg {
  background-image:url(../../images/others/trans-bg.png); 
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:49px;
}

.health-bg {
  background-image:url(../../images/others/health-bg.jpg); 
  background-repeat:repeat-x;
 background-position: left bottom;
background-size: 100% 100%;
padding-bottom:21px;
}




.in-right-box{

}

.mb-image{
display:none;
}

.in-leftbox i {
background-size:20% auto;
	padding-bottom:58px;
}
.in-footer-txt{

}


@media screen and (-webkit-min-device-pixel-ratio:0)  {

   .in-health-desk{
height:63px!important;

}

.food-bg{
	padding-bottom:31px;
}
.energy-bg{
padding-bottom:50px;
}
.finance-bg {
padding-bottom:25px;
}

.retail-bg {
padding-bottom:30px;
}
.tech-bg {
	padding-bottom:44px;
}

	
.public-bg {
padding-bottom:24px;
}
.property-bg {
padding-bottom:40px;
}
.trans-bg {
padding-bottom:56px;
}
.health-bg {
padding-bottom:28px;
}
}




#captcha_empty{
float:left;
}

#captcha_error{
float:left;
}

#code{
margin-bottom:6px;
}

.mb-in-box{
background: #fff;
-webkit-box-shadow: 2px 1px 15px rgba(0,0,0,.175);
box-shadow: 2px 1px 15px rgba(0,0,0,.175);
-moz-box-shadow: 2px 1px 15px rgba(0,0,0,.175);
padding-bottom:10px;
}

.mb-in-box .red-su-btn{
	margin-top:10px;
}

.mb-in-box h2{
	font-size:15px;
	text-align:center;
}

.mb-in-box h3{
font-size:16px;
text-align:center;
}

.col-md-offset-less-o{
	margin-left:6%;
}
.tags{
position: absolute;
left: 6px;
margin-top: -8px;
z-index:9;
}
.industries-tags{
position: absolute;
left: 6px;
margin-top: -57px;
}

.services-tags{
position: absolute;
left: 6px;
margin-top: -67px;
}


.sucess-tags{
position: absolute;
left: 6px;
margin-top: -6px;
}

.sl-red-more-btn a{
	font-weight:400;
	color:#000;
	font-size:12px;
	text-decoration:underline;
}

.sl-red-more-btn a:hover{
	color:#19b4f2;
}


.in-consumer-desk{
background-image:url(../../images/others/in-consumer-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-consumer-desk{
background-image:url(../../images/others/in-consumer-icon-hover.png);
background-repeat:no-repeat;
}

.in-energy-desk{
background-image:url(../../images/others/in-energy-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-energy-desk{
background-image:url(../../images/others/in-energy-icon-hover.png);
background-repeat:no-repeat;
width:100%;

}

.in-leftbox .active a{
	color:#fff;
}



.in-finance-desk{
background-image:url(../../images/others/in-finance-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-finance-desk{
background-image:url(../../images/others/in-finance-icon-hover.png);
background-repeat:no-repeat;
}

.in-finance-desk{
background-image:url(../../images/others/in-finance-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-finance-desk{
background-image:url(../../images/others/in-finance-icon-hover.png);
background-repeat:no-repeat;
}



.in-retail-desk{
background-image:url(../../images/others/in-retail-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-retail-desk{
background-image:url(../../images/others/in-retail-icon-hover.png);
background-repeat:no-repeat;
}



.in-tech-desk{
background-image:url(../../images/others/in-techservices-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-tech-desk{
background-image:url(../../images/others/in-techservices-icon-hover.png);
background-repeat:no-repeat;
}

.in-public-desk{
background-image:url(../../images/others/in-public-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-public-desk{
background-image:url(../../images/others/in-public-icon-hover.png);
background-repeat:no-repeat;
}


.in-pr-desk{
background-image:url(../../images/others/in-pr-icon.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-pr-desk{
background-image:url(../../images/others/in-pr-icon-hover.png);
background-repeat:no-repeat;
}



.in-trans-desk{
background-image:url(../../images/others/in-transport.png);
background-repeat:no-repeat;
width:100%;

float:left;
background-position: 50%;
}
.active .in-trans-desk{
background-image:url(../../images/others/in-transport-hover.png);
background-repeat:no-repeat;
}


.in-health-desk{
background-image:url(../../images/others/in-health-icon.png);
background-repeat:no-repeat;
width:100%;
background-size:10%!important;

float:left;
background-position: 50%;
}
.active .in-health-desk{
background-image:url(../../images/others/in-health-icon-hover.png);
background-repeat:no-repeat;
}










.desk-industries{
border-top:1px solid #2e749c;
}
#solutions-grid{
	padding:50px;
	float:left;
	width:100%;
	background:#f1f3f4;
}

#solutions-grid .border-right{
/*border-right:1px dotted #2e749c;*/
}
#solutions-grid h2{
font-size:13px;
color:#1fb6f2;
text-align:center;
/*margin:50px 0px 0px 0px;*/

}

.about-section h2{
padding-top:36px;
}
.more-link {
	float:right;
}
.expert-bgs{
/*background-image:url(../../images/others/expert-bg.jpg);
background-repeat:repeat-x;
width:100%;
background-position: 0 10%;
background-size:cover;*/
}

#main_area .carousel-indicators li{
	width:50%;
	height:100%;
	border:none;
	
display: inline;
margin: 0px;
text-indent:0px;
cursor: pointer;
background-color: rgba(0,0,0,0);
padding:3px 0px 3px 0px;
border-radius:0px;
border-right: 1px solid #2e749c !important;

}
#main_area .carousel-indicators{
	bottom:0px;
}

#main_area .carousel-indicators .active{
	width:50%;
	height:100%;
	background:#89b6d1;
	
}


#main_area .carousel-indicators {
    position:inherit;
   
    width:auto;
    padding-left: 0;
    margin-left:0;
    text-align: center;
    list-style: none;
	left:0px;
}



.busineed-box {
    min-height: 180px;
 }
#quote-block, #health-block, #task-block, #round-robins, #commission, #e-file, #survey-block, #nacha, #log-board, #round-robin{
	padding:110px 0px;
}

#consumer-txt{
	margin-top:70px;
}
/*.design-map{
position: absolute;
top: -20px;
left: -40px;
border-left: 3px solid #616161;
	
}
.design-map ul{
	color:#616161;
	font-size:18px;
	margin:0px;
	padding:0px;
	margin-left:14px;
}
.design-map ul li{
list-style-type:none;
color:#000;
font-size:13px;
padding-left:15px;
	
}*/
.details-btns{
	position: absolute;
right: 15px;

bottom: 0;
}



#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}
.nav-justified > li > a
{
    border-radius: 0px;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }




.bs-slider{
    overflow: hidden;
   
    position: relative;
    background: #fff!important;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #000;
    display: block;
    font-size: 41px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide_style_bottom {
top:65%!important;
}



.slide-text {
  margin: auto;
    padding: 10px 85px;
    position: absolute;
bottom:2%;    
width:100%;
   

    
}


.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 35px;
    font-style: normal;
    line-height: 84px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text h2{
font-size:2.8vw;
letter-spacing:3px;
font-weight:900;
text-align:center;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 2vw;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 3px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
	text-align:center;
}
.slide-text > h3 {
    padding: 0;
    color: #ffffff;
    font-size: 2vw;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 3px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
	text-align:center;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}






/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/




/*.carousel-control.right, .carousel-control.left{
	background-image:none;
}
.carousel-control{
padding: 6px;

opacity:9;
}
.carousel-control span{
font-size: 18px !important;
background:#616161;
padding:5px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	left:10px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
	right:10px;
}*/
/*p{font-family: Merriweather;
}*/

.slide-text h2{
text-transform:none!important;
}
.mb-30{
	margin-bottom:30px;
}
.mt-80{
	margin-top:80px!important;
}
.mt-50{
	margin-top:50px;
}
.sub-content h4{
	color:#373636;
}
.consumer-banner{
color:#fff;
background:#f5b99e;
font-size:18px;
font-weight:500;
text-align:center;
line-height:21px;
padding-top:62px;

}
.energy-banner{
color:#fff;
background:#b6d978;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:83px;	
}

.finance-banner{
color:#fff;
background:#db9ae6;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:62px;	
}

.retail-banners{
color:#fff;
background:#f5d87a;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:62px;	
}

.tech-banner{
color:#fff;
background:#96afbe;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:62px;	
}

.public-banner{
color:#fff;
background:#a0d8f9;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:62px;	
}
.pro-banner{
color:#fff;
background:#f5d48a;
font-size:18px; 
font-weight:500; 
text-align:center;
line-height:21px;
padding-top:62px;	
}
.transport-banner{
color:#fff;background:#b1a7ff;
font-size:18px; font-weight:500;
text-align:center;
line-height:21px;
padding-top:62px;	
}

.health-banner{
color:#fff;
background:#fcb489;
font-size:18px;
font-weight:500;
text-align:center;
line-height:21px;
padding-top:62px;	
}
.su-tabs-1{
background:#536d7e;
padding:5px;
font-size: 15px !important;
float: left;
margin-top: 0px !important;
color: #fff;
text-transform: uppercase !important;
font-weight:600;
}
.su-tabs-2{
background:#a0c75a;
padding:5px;
font-size: 15px !important;
float: left;
margin-top: 0px !important;
color: #fff;
text-transform: uppercase !important;
font-weight:600;
}
.su-tabs-3{
background:#64befb;
padding:5px;
font-size: 15px !important;
float: left;
margin-top: 0px !important;
color: #fff;
text-transform: uppercase !important;
font-weight:600;
}
.su-tabs-4{
background:#edcb45;
padding:5px;
font-size: 15px !important;
float: left;
margin-top: 0px !important;
color: #fff;
text-transform: uppercase !important;
font-weight:600;
}
.su-tabs-5{
background:#b361c3;
padding:5px;
font-size: 15px !important;
float: left;
margin-top: 0px !important;
color: #fff;
text-transform: uppercase !important;
font-weight:600;
}
.watch-link{
	color:#000;
	font-weight:600;
}
.top-80{
	position:relative;
	top:-80px;
}
#industries h2{
/*	padding-bottom:10px;*/
}
.jumbotron p{
font-size:14px;font-family: Merriweather;
font-weight:400;
}
.solution-txt{
min-height:150px;
}

.solution-txt li{
	list-style-type:none;
	color:#fff;
	text-transform: capitalize;
}
.mb-100{
	margin-bottom:100px;
}
.solution-txt li:before{
padding-right: 4px;
font-size: 16px;
content: "\f105";
position: absolute;
left: 44px;
font-family: 'FontAwesome';
line-height:27px;
}
.video-txt{
	padding:0px;
	margin:0px;
}
.video-txt li{
	list-style-type:none;
	color:#000;
	padding-left:12px;
}
.video-txt li:before{
padding-right: 4px;
font-size: 16px;
content: "\f105";
position: absolute;
left: 17px;
font-family: 'FontAwesome';
line-height:23px;
}

.video-block{
	padding:50px 0px 50px 0px;
	float:left;
	width:100%;
}

.greybg {
    background-color: #f5f5f5;
    height: calc(100% - 20px);
    position: relative;
}

/*.slide{
min-height:200px;
}*/
	
	
.header-2{
	width:100%;
	padding:10px 0px 10px 0px;
	position:fixed;
	z-index:99;
	margin-top:-3px;

}
#main_area{
/*	padding-bottom:30px;*/
}
.header-2 nav{
	width:100%;
}
.header-2 nav li{
	padding:10px;
width:9.7%;
font-size:12px;
}

.header-2 nav li a{
	text-transform:uppercase;
	color:#484b4e;
	text-align:center;

}
.header-2 #top-menu .menu-items > li > a{
	margin-right:0px;
	letter-spacing: 0;
}
.header-2 nav .active{
	background:#fff;
	border:4px solid #6cc1fb;
	
}
.in-red-btn{
	font-size:12px;
	font-weight:600;
	padding:10px;
	background:#fff;
	border:1px solid #d8dbe5;
	color:#000;
	padding:0px 15px 0px 15px;
	line-height:28px;
	
}
.in-red-btn:hover{
background:#6cc1fb;
border:1px solid #2478b2;
color:#000;
}

.sucess-btns li a{
	cursor:pointer!important;
}
.road li{
	list-style-type:none;
display:inline;
float:left;
}


.road img{
-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
.road img:hover{
	cursor:pointer;
    margin-top: -20px;
}

#industries-detailed{
	clear:both;
	margin-top:170px;
}
#industries-detailed .row{
background:#e8e8e9;
padding:20px;
position:fixed;
z-index:99;
margin:0px;
top:100px;
width:100%;
}
/*.section-header > .heading-effect.outsides{
height:340px;
}*/
/*#industries-detailed h3{
background:#68c0fb;
text-align:left;
width:100%;
padding: 10px;
color: #fff;
margin-top:0px;

}*/
#industries-detailed h3 img{
	float:right;
	margin:-6px;
}
.in-detailed-view-bg{
/*	background:#f6f7f9;
	border:1px solid #c7c9ce;
	padding:30px;*/
	
}
.in-detailed-view-bg li ul{
	/*padding-top: 50px;
padding-bottom: 50px;*/
padding:0px;

}

.in-detailed-view-bg li{
	list-style-type:none;
	margin-top:10px;
	text-align:left;
	color:#000;
/*	text-transform: capitalize*/;
}
.in-detailed-view-bg li ul li{
	margin-top:0px;
}
.h1, .h2, .h3, h1, h2, h3{
	text-transform:uppercase !important;
}
.in-detailed-view-bg li::before{
padding-right: 4px;
font-size: 16px;
content: "\f105";
position: absolute;
left: 44px;
font-family: 'FontAwesome';
}

.in-detailed-view-bg .arrow-none::before{
content:""
}



.in-detailed-view-bg ul li ul li::before{
padding-right: 4px;
font-size: 16px;
content: "\f105";
position: absolute;
left: 70px;
font-family: 'FontAwesome';
}
.in-detailed-view-bg ul li ul{
	margin:0px;
	padding:0px 0px 0px 25px;
}
.in-detailed-view-bg ul li ul li{
	margin:0px;
}

/*#industries-detailed h3::after{
	content: '';
position: absolute;
left: 50%;
margin-top: 20px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 25px solid #68c0fb;
border-right: 10px solid transparent;
border-left: 10px solid transparent;

}*/
.in-campaign a{
	background-image:url(../../images/others/in-campaign.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}
.in-campaign a:hover{
	background-image:url(../../images/others/in-campaign-hover.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;

}
.in-leads a{
	background-image:url(../../images/others/in-leads.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}

.in-leads a:hover{
	background-image:url(../../images/others/in-leads-hover.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
	z-index: 10;
}
.in-opp a{
	background-image:url(../../images/others/in-opp.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}
.in-opp a:hover{
	background-image:url(../../images/others/in-opp-hover.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}
.in-sales a{
	background-image:url(../../images/others/in-sales.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}
.in-sales a:hover{
	background-image:url(../../images/others/in-sales-hover.png);
	background-repeat:no-repeat;
	width:100%;
	height:81px;
	float:left;
}

.mb-indu{
	display:none;
}
.padding-50{
	padding:30px;
}
.tech-pl{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.tech-pl li{
	display:inline;
	float:left;
	color:#010309;
	padding-top: 5px;
text-align: center;
font-size:13px;
}

.mb-60{
	margin-bottom:60px;
}
.busineed-box h2{
margin-top:18px;
}
.sucess-st-page{
	margin-bottom:25px;

}
.solution-box{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width: 63%;
	float:right;
}

.solution-box li:before{
padding-right: 4px;
font-size: 16px;
content:"\f105";
position: absolute;
left: 158px;
font-family:'FontAwesome';

}
.solution-box li{
	/*padding-top:6px;*/
	color:#010309;
	font-size:14px;
	text-align:left;

}

.solutions-pl{
	list-style-type:none;
	margin:0px;
	padding:0px;
clear:both;
	
}

.solutions-pl li:before{
padding-right: 4px;
font-size: 16px;
content:"\f105";
position: absolute;
left: 20px;
font-family:'FontAwesome';

}
.solutions-pl li{
	padding-top:6px;
	color:#010309;

}


.product {
  width: 376px;
  padding: 15px;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  > img {
    display: block;
    position: relative;
  }
  &:hover, &:active {
    .product-hover {
      opacity: 1; 
    }
  }
}
.product-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-size: 30px 30px;
  background-image: linear-gradient(
    45deg, 
    rgba(black, 0.1)  25%, 
    transparent       25%, 
    transparent       50%, 
    rgba(black, 0.1)  50%, 
    rgba(black, 0.1)  75%, 
    transparent       75%, 
    transparent
  );  
  animation: barberpole 0.5s linear infinite;
}
.product-info {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: white;
  width: 150px;
  padding: 10px 10px 50px 10px;
}
.subhead {
  color: #f00;
  text-transform: uppercase;
  font-weight: bold;
}
.product-name {
  color: #990033;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  letter-spacing: -1px;
}
.price {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.amount {
  color: red;
  font-size: 150%;
  > span {
    font-size: 75%; 
  }
}

@keyframes barberpole {
  from { background-position: 0 0; }
  to   { background-position: 60px 30px; }
}


.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.in-bottom-content{
	padding:10px;
	background:#e3ebec;
}
.in-bottom-content span{
float: right;
padding-top: 16px;
margin-top: 20px;
font-size: 12px;font-family: Merriweather;
}

.in-bottom-content span a{
	padding: 3px 5px 3px 10px;
	border: 1px solid #1c72ad;
	background: #fff;
	color:#000;
font-weight:600;
}
.in-bottom-content span a:hover{
	background:#1c72ad;
	color:#fff;
}
.in-sucess-btn img{
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
.mt-100{
	margin-top:100px;
}
.ind-b-txt .radius{
	border:1px  solid #e3ebec;
	border-radius:5px;
	float: left;
padding: 20px;
}

.clouds-block-icons{
	margin:0px;
	padding:0px 0px 20px 0px;
	list-style-type:none;
	text-align:center;
	margin-top:32px;
}
.clouds-block-icons li{
	list-style-type:none;
	display:inline;
	text-transform:uppercase;
	font-size:17px;
 font-family: Merriweather;
 color:#393939;
 float:left;
 padding:20px;
}


.clouds-block{
	margin:0px;
	padding:0px 0px 20px 0px;
	list-style-type:none;
	text-align:center;
}
.cl-border-right{
border-right:1px dashed #bec6c7;
font-family: Merriweather;
}
.clouds-block li{
	list-style-type:none;
	display:inline;
	text-transform:uppercase;
	font-size:17px;
 font-family: Merriweather;
 color:#393939;
 float:left;
 padding:20px;
}
.clouds-block li a{
	 color:#393939;
}

.clouds-block li div{
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-ms-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;	
}

.clouds-block li div:hover{
-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);	
}
.thumbnail{
/*	margin-bottom:0px;*/
}
#services{
	/*background:#f1f3f4;*/
}
.services-clouds{
	background:url(../../images/others/why-image.png);
	background-repeat:no-repeat;
	min-height:219px;
	width:100%;
	top:-83px;
	position:relative;
/*	background-size:100%;*/
background-position: center;
	
	
}
.cloud-imp{
	position: relative;
    top: -87px;
}
.cloud-managed{
	position: relative;
    top: -255px;
	left:-34px;
}

.cloud-integration{
	position: relative;
    top: -175px;
}
.in-right-box h2{
	text-transform:uppercase;
	font-size:18px;
	color:#000306;
	text-align:center;
	background: transparent;
	margin:0px;
	/*padding:15px;*/
 font-size:600;
/*	background:#fff;*/
}
#slider-thumbs ul .active{
	background:#ebecec;
}
.in-pr{
width:50%;
border-right: 1px solid #ddd;
padding:3px 0px 3px 0px;
	
	
}
.in-tr{
width:50%;
padding:3px 0px 3px 0px;
	
	
}
.in-health{
width:100%!important;
padding:3px 0px 3px 0px;
	
	
}

.in-tech{
width:50%;
border-right:1px solid #dddddd!!important;
padding:3px 0px 3px 0px!important;
}

.in-public{
width:50%;
padding:3px 0px 3px 0px;
	
}

.in-finance{
width:50%;
border-right:1px solid #dddddd!important;
padding:3px 0px 3px 0px!important;
}

.in-retail{
width:50%;
padding:3px 0px 3px 0px!important;
	
}

.in-consumer{
width:50%!important;
border-right:1px solid #dddddd!important;
padding:3px 0px 3px 0px!important;
}
.in-energy{
width:50%!important;
padding:3px 0px 3px 0px!important;
	
}
.hide-bullets {
    list-style:none;
   /* margin-left: -40px;*/
 
}

.in-leftbox .thumbnail {
 /*  padding: 5.5px;*/
}

.thumbnail{
	padding:5px;
	margin-bottom:0px;
}

.in-leftbox li a{
	border:none;
	border-radius: 0;
	text-align:center;
	color:#545454;
	cursor:pointer;
	text-transform:capitalize;
	background: transparent;
}
.border-bottom{
	border-bottom:1px solid #2e749c!important;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
.curve-left{
	float: left;
position: relative;
top: -27px;
left: -17px;

}

.curve-right{
float: right;
position: relative;
left: 19px;
top: -27px;

}

.story-bottom-curve{
	float:left;
	background:#536d7e;
	width:100%;
	height:20px;
}

.story-bottom-curve2{
	float:left;
	background:#a0c75a;
	width:100%;
	height:20px;
}

.story-bottom-curve3{
	float:left;
	background:#64befb;
	width:100%;
	height:20px;
}

.story-bottom-curve4{
	float:left;
	background:#edcb45;
	width:100%;
	height:20px;
}

.story-bottom-curve5{
	float:left;
	background:#b361c3;
	width:100%;
	height:20px;
}

.solutions-box{
background: #fff;
float: left;
margin-top: -34px;
width: 103.5%;
margin-left: -16px;
box-shadow: 0px 5px 5px #363637;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}


.background-video-section .overlay{
	padding:200px 0;
}
.mt-60{
	margin-top:60px;
}
.footer1 {
    background-color: #181818;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.footer1 h3 {
    color: #fff;
    margin-bottom: 20px;
	font-weight:normal;
	font-size:22px;font-family: Merriweather;
}
.qlinks ul{
	margin-bottom:0px;
	margin: 0;
padding: 0;
    list-style-type: none;
}
.faddress li a{
	color:#fff;
}
.qlinks li a {
    color: #727272;
	font-weight:400;
	
}
.qlinks li a:hover {
    color: #fff;
	text-decoration:none;
}
.footer1 ul li{
	list-style-type:none;
	font-size:14px;
}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}
html {
    font-size: 10px;
}
html {
    font-family: sans-serif;
}
.twitter_feed .left {
    float: left;
    margin: -7px 0 0;
    padding: 0;
    width: 20px;
}
.twitter_feed .right {
    float: right;
    margin: -10px 0 0;
    padding: 0;
    width: 89%;
	color:#727272;
	font-weight:400;
}

.twitter_feed a {
    color: #999;

}

.twitter_feed a:hover {
    color: #fff;

}

.twitter_feed a.small {
    color: #727272;
    font-size: 9px;
}
.margin_top3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.faddress{
padding:0px;
}
.form-control{
	background:#dcdcdc;
	border-radius: 0;
	border: none;
}
.submit-btn{
background:#13b2f2;
color:#000;
}
.last {
    clear: right;
    margin-right: 0 !important;
}

ul.faddress {
    float: left;
    
    padding: 0;
    text-align: left;
    width: 33%;
}

.contactus-box h3{
text-align:left;
padding:0px;
}
.address-sub{
color:#f29e33;

font-weight:600;
}


.faddress li {
  /*  line-height: 35px;*/
    margin: 0;
   /* padding: 4px 0;*/
	 color: #727272;
	font-weight:400;
	list-style-type:none;
}

.margin-top-40 {
    margin-top: 40px;
}


.copyright_info {
    background: #303030 none repeat scroll 0 0;
    color: #999;
    float: left;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
ul.footer_social_links {
  float: right;
margin: 0;
padding: 0;
/*margin-top: 35px;*/
}

.copy-right-txt{
color: #999;
font-size:12px;
text-align:right;
padding-bottom:30px;


}
.footer_social_links li a{
	font-size:18px;
	color:#fff!important;
}
.footer_social_links li {
    background-color: #595959;
    border-radius: 24px;
    color: #fff;
    float: left;
    height: 40px;
    line-height: 30px;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 40px;
	list-style-type:none;
}
.footer_social_links li:hover {
    background-color: #727272;
}
.footer_social_links li i {
    color: #e3e3e3;
padding-top: 13px;
font-size: 16px;
}
.testimonials-box span{
	float:right;
	
}


.copyright_info a {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    text-align: right;
}



.fold-box{
	background-image:url(../../images/others/fold-box.png);
	background-repeat:no-repeat;
	max-width:100%;
	min-height:271px;
	
	webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:100%;
padding-top:20px;
position:relative;
left:70px;
	
}
.fold-box img{
	float: left;
padding: 18px;
padding-left: 10px;
padding-right: 10px;
}


.fold-box-2{
	background-image:url(../../images/others/fold-box-2.png);
	background-repeat:no-repeat;
	max-width:100%;
	min-height:271px;
	padding-top:20px;
	webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:100%;
position:relative;
right:70px;
	
}
.caption-1{
z-index: 6;
font-size:40px;
font-weight:600;
text-transform:capitalize!important;
color:#000;
}
.caption-2{
font-size:30px;
color:#faed0e;
}
.caption-3{
font-size:25px; font-weight:200; color:#000;
}
.twitter_feed .fa-twitter {
color:#999;
}
.contact-txt{
text-align:right;
}
.fold-box h3{
text-transform:uppercase;
color:#fff;
font-weight: 300;
float:left;font-family: Merriweather;
}
.fold-box-2 img{
	float: right;
padding: 18px;
padding-left: 10px;
padding-right: 10px;
}
.fold-box P{
	text-align:left;
	font-size:14px;
	
}
.retail-banner{
	 background-image:url(../../images/others/retail-banner.jpg);
 background-repeat:no-repeat;
}
.industries-bg-ban h2{
	text-transform:uppercase;
	color:#fff;
	 text-shadow: 2px 2px #3a3a3a;
	 font-weight:600;
	 text-align:center;
	 margin-top:100px;
	 margin-top:0px;
}


.jumbotron ul li > a .data-in-bound {
	background-image:url(../../images/others/inbound-and-outbound-salesforce-integration.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .data-in-bound {
	background-image:url(../../images/others/inbound-and-outbound-salesforce-integration-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .data-api {
	background-image:url(../../images/others/data-and-api-integration.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .data-api {
	background-image:url(../../images/others/data-and-api-integration-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .data-t-party {
	background-image:url(../../images/others/3rd-party-integration-with-salesforce-crm.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .data-t-party {
	background-image:url(../../images/others/3rd-party-integration-with-salesforce-crm-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .data-mobile {
	background-image:url(../../images/others/data-mobile.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .data-mobile {
	background-image:url(../../images/others/data-mobile-hover.png);
	background-repeat:no-repeat;

}



.jumbotron ul li > a .ser-24-img {
	background-image:url(../../images/others/24-7-support-for-salesforce.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .ser-24-img {
	background-image:url(../../images/others/ser-24-img-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .ser-ench-img {
	background-image:url(../../images/others/enhanced-salesforce-experience.png);
	background-repeat:no-repeat;
	height:33px;
	width:17%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .ser-ench-img {
	background-image:url(../../images/others/ser-blub-img-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .ser-con-img {
	background-image:url(../../images/others/ser-con-img.png);
	background-repeat:no-repeat;
	height:33px;
	width:16%;
	margin:0 auto;
	display:block;
}
.jumbotron ul .active > a .ser-con-img {
	background-image:url(../../images/others/salesforce-consulting.png);
	background-repeat:no-repeat;

}



.jumbotron ul li > a .case-img {
	background-image:url(../../images/others/case-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width:100%;
	float:left;
	
}
.jumbotron ul .active > a .case-img {
	background-image:url(../../images/others/case-icon-hover.png);
	background-repeat:no-repeat;

}



.jumbotron ul li > a .lead-img {
	background-image:url(../../images/others/lead-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width:100%;
	float:left;
	
}
.jumbotron ul .active > a .lead-img {
	background-image:url(../../images/others/lead-icon-hover.png);
	background-repeat:no-repeat;

}

.jumbotron ul li > a .cam-img {
	background-image:url(../../images/others/campaign-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width:100%;
	float:left;
	margin-left:10px;
}
.jumbotron ul .active > a .cam-img {
		background-image:url(../../images/others/campaign-icon-hover.png);
	background-repeat:no-repeat;
	height:33px;
	width:100%;
	float:left;
	
}

.jumbotron ul li > a .opp-img {
	background-image:url(../../images/others/opprtunity-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width: 47%;
display: block;
margin: 0 auto;
}
.jumbotron ul .active > a .opp-img {
	background-image:url(../../images/others/opprtunity-icon-hover.png);
	background-repeat:no-repeat;
	
	
}

.jumbotron ul li > a .tr-img {
	background-image:url(../../images/others/territory-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width: 50%;
display: block;
margin: 0 auto;
}
.jumbotron ul .active > a .tr-img {
	background-image:url(../../images/others/territory-icon-hover.png);
	background-repeat:no-repeat;
	
	
}

.jumbotron ul li > a .sales-man-img {
	background-image:url(../../images/others/sales-man-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width: 36%;
display: block;
margin: 0 auto;
}
.jumbotron ul .active > a .sales-man-img {
	background-image:url(../../images/others/sales-man-icon-hover.png);
	background-repeat:no-repeat;
	
	
}



.jumbotron ul li > a .sales-img {
	background-image:url(../../images/others/sales-icon.png);
	background-repeat:no-repeat;
	height:33px;
	width: 46%;
display: block;
margin: 0 auto;
}
.jumbotron ul .active > a .sales-img {
	background-image:url(../../images/others/sales-icon-hover.png);
	background-repeat:no-repeat;

}
.ind-banner-heading{
width:70%;
margin:0 auto;
position:relative;
 top:30px;
 text-align:center;
 
}

.ind-banner-heading-2{
width:70%;
margin:0 auto;
position:relative;
 top:200px;
 text-align:center;
 
}
.ind-banner-heading-2 h2{
color:#232526;
}

.sucess-st-page li{
margin: 0px;

/*margin-right: 1px;*/
	
}
/*@media screen and (-webkit-min-device-pixel-ratio:0){
.sucess-st-page li{
margin-right: 5.2px;
}
}*/
 

.sucess-st-page li a{
font-size: 14px;
color: #fff !important;
text-transform: uppercase;
font-weight: 500;
border: none !important;
float: left;
line-height: 23px;
letter-spacing: 1px;
 font-family: Merriweather;
 width:187.8px;

}


.number-txt{
font-size: 60px;
font-weight: 900;
color: #fff;
float: right;
opacity: 0.1;
position: relative;
top: 8px;
left: 35px;font-family: Merriweather;
}

.sucess-st-page .pad{
	background-image:url(../../images/others/pad.png);
	background-repeat:no-repeat;
	height:168px;
	background-position:50%;
}
.sucess-st-page .pad-txt{
  font-size: 60px;
font-weight: bold;font-family: Merriweather;
opacity: 0.1;
position: relative;
top: 40px;
left: 98px;
}

.white{
	color:#fff;
}



.mt-20{
	margin-top:20px;
}
.sucess-st-page .content-bg-01{
	background: #536d7e;
/*padding: 30px;*/
float: left;
width: 100%;
}

.sucess-st-page .content-bg-02{
	background: #a0c75a;
/*padding: 30px;*/
float: left;
width: 100%;
}

.sucess-st-page .content-bg-03{
	background: #64befb;
/*padding: 30px;*/
float: left;
width: 100%;
}

.sucess-st-page .content-bg-04{
	background: #edcb45;
/*padding: 30px;*/
float: left;
width: 100%;
}


.sucess-st-page .content-bg-05{
	background: #b361c3;
/*padding: 30px;*/
float: left;
width: 100%;
}

.sucess-arrows{
	list-style-type:none;

}
.sucess-arrows #next{
	position:absolute;
	cursor:pointer;
	right:0;
	top:170px;
	font-size:20px;
	color:#383838;
}
.service-box-container .tab-content{
	clear:both;
	min-height:450px;
}
.sucess-arrows #prev{
	position:absolute;
	cursor:pointer;
	top:170px;
	font-size:20px;
	color:#383838;
	left:0;

}

.case h4{
	color:#373636;
}
.mt-30{
	margin-top:30px;
}
.case img{
	float:left;
}

.sucess-st-page h3{
	margin:0px;
	margin-top:18px;
	padding-bottom:8px;
}

.sucess-st-page .tab-content{
/*	width:100%;*/
	float:left;

}

.sucess-st-page .nav li{
/*	width:20%;*/
	
}

/*.next-previ-btn{
	float:left;
}*/
.next-previ-btn li{
	width:30%!important;
	text-align:center;
}

.sucess-st-page .nav .active a{
background: transparent;
border:none;
}


.sucess-st-page li.active > a:focus{
background: transparent!important;
border:none!important;
}
.sucess-st-page .nav-tabs > li > a:hover{
background: transparent!important;
border:none!important;
}

.sucess-st-page .nav-tabs{
	border-bottom:none!important;
		
}
.sucess-st-page .bg-01{
	background:#536d7e;
	border-radius: 4px 4px 0 0;
}

.sucess-st-page .bg-02{
	background:#a0c75a;
	border-radius: 4px 4px 0 0;
}

.sucess-st-page .bg-03{
	background:#64befb;
	border-radius: 4px 4px 0 0;
}

.sucess-st-page .bg-04{
	background:#edcb45;
	border-radius: 4px 4px 0 0;
}

.sucess-st-page .bg-05{
	background:#b361c3;
	border-radius: 4px 4px 0 0;
}

.ind-banner-heading h2{
	color:#fff;
  text-shadow: 2px 2px #444;
  font-weight:600;
}
.story-tabs .nav{
	/*padding-top:10px;
	padding-left:45px;*/
	margin-top:-30px;
}
.story-tabs .scrtabs-tabs-movable-container{
	width:100%!important;
}
#industries{
	clear:both;
	width:100%;
	padding:30px 0px;
	margin-top:0px;

background-image:url(../../images/others/sucess-story-bg.jpg);
background-repeat:no-repeat;
min-height:300px;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
float:left;
	
}

.service-txt-new{
text-align:justify!important;
/*padding-left:10px;*/
color:#545454;
padding:0px 10px;
}
.cloud-body{
 margin:0 auto;
}
#technologies{
	background-color: #f8f8f8;
	float:left;
	width:100%;
	/* background-image: url("../../images/others/amogus-technolgies-background.png");*/
    background-repeat: no-repeat;
 
 background-size:cover;
padding:50px;
 color:#545454;
 /*border-top:2px solid #19b4f2;
  padding-top:150px;
 padding-bottom:230px;*/
 position:relative;
 margin:50px 0px;
}
.apps-box{
	/*background:rgba(255, 255, 255, 0.3);
	float:left;
	padding:19px;
	 box-shadow: 2px 2px 5px #888888;*/
	 margin-bottom:100px;
}
.lightning-apps-box{
	/*background:rgba(255, 255, 255, 0.3);
	float:left;
	padding:19px;
	 box-shadow: 2px 2px 5px #888888;*/
	 margin-bottom:114px;
}

.triangle_bg_abs {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.apps-box img{
	padding-bottom:10px;
}
.tech-inner-box{
	position:absolute;top:370px;right:0;
}

#certifed-team{
	width:100%;
	float:left;
	background-image:url(../../images/others/certified-bg.png);
	background-repeat:repeat-x;
	padding:80px;
	
}
#contact-box{
	width:100%;
	float:left;
	background:#0580bb;
	color:#fff;
	padding:10px;
}
.contact-bottom-btn a{
	text-transform:uppercase;
	font-size:17px;
	font-weight:600;
	border-radius:5px;
	border:1px solid #fff;
	padding:6px;
	float:left;
	color:#fff;
}
.contact-bottom-btn a:hover{
color:#faef56;
border:1px solid #faef56;
}
.know-more{
	font-size:25px;
	font-style:italic;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	float:right;
	line-height:30px;
}

#services{
padding:10px 0 ;
float:left;
width:100%;
}
#in-su{
	width:100%;
	background:#f29e33;
	float:left;
	padding:60px 0;
	position:relative;
	margin:50px 0px;
}
.in-text{
	color:#fff;
	font-size:27px;
	font-weight:300;
	font-style:italic;
	text-align:center;
	float:left;
	line-height:31px;
	width:100%;
}
.company-txt p{
	color:#000;
	font-size:20px;
	font-weight:400;
	font-style:italic;
	text-align:center;
	float:left;
	line-height:30px;
	
}
.arrow{
	
	position:absolute;
	bottom:0;
	top:-145px;
}

#consulting-banner{

float:left;
width:100%;
background:#fff;
font-size:15px;
color:#545454;
text-align:center;
margin-top:-200px;
/*line-height:30px;*/
}

.consulting-txt{
    padding: 50px 0px;
    font-size: 19px;
    line-height: 31px;

	
}
/*.consulting-txt:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    margin-right:10px; 
}

.consulting-txt:after {
    content: "\f10e";
    font-family: 'Fontawesome';
	margin-left:10px;
  
   
}*/

#testimonials{
float:left;
 min-height:500px;
width:100%;
background:#f8f8f8;

}
#services h2{
font-size: 19px;
color: #fff;
text-align: left;
/*margin: 10px 0px 15px 0px;*/
margin:0px;
background:#f29e33;
padding: 10px 0px;
text-align: center;
}
#services h3{
font-size: 16px;
color: #1fb6f2;
text-align: left;
/*margin: 10px 0px 15px 0px;*/
margin:0px;
}
#sucess-st{
/*padding-top:50px;
margin-top:20px;*/
float:left;
width:100%;
	
}
.innerpage-headings{
font-size: 2.428em;
line-height: 1em;
letter-spacing: 0.1em;
font-weight: 700;

}
.banner-bottom-box{
	margin-top:58px;
	
}
.story-tabs .scrtabs-tab-scroll-arrow {
	display:none!important;
}
.story-tabs .scrtabs-tabs-fixed-container{
	width:100%!important;
}
.story-tabs .scrtabs-tabs-movable-container{
	left:0px!important;
	
}
.story-tabs .tab-content{
	padding:20px;
	padding-top:50px;

	float:left;
	min-height: 354px;
}
.sucess-btns{
	position: absolute;
bottom: 0;
left: 20%;
}
.ind-bottom-tabs li.active a {
	background:#f29e33!important;
	color:#fff!important;
	border:1px solid #c97d1d!important;
	
}
.heading{
color:#333!important;	
}

.ind-bottom-tabs li{
	margin-bottom:0px;
}
.ind-bottom-tabs li a{
color:#010609;
font-size:14px;
font-weight:600;
text-align:center;
border-radius:0px;
padding:10px 50px;
text-transform: capitalize;
border-right:1px solid #b9b9ba;
margin-top:10px;

}



.ind-bottom-tabs li a .sales-btn-img{
background-image:url(../../images/others/sales-icon-img.png);
background-repeat: no-repeat;
height: 42px;
width: 33%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .sales-btn-img{
background-image:url(../../images/others/salesforce-sales-cloud-icon.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .services-btn-img{
background-image:url(../../images/others/salesforce-service-cloud-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 33%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .services-btn-img{
background-image:url(../../images/others/service-icon-img-hover.png);
background-repeat: no-repeat;
height: 42px;

}


.ind-bottom-tabs li a .marketing-btn-img{
background-image:url(../../images/others/marketing-icon-img.png);
background-repeat: no-repeat;
height: 42px;
width: 33%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .marketing-btn-img{
background-image:url(../../images/others/salesforce-marketing-cloud-icon.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .comm-btn-img{
background-image:url(../../images/others/community-icon-img.png);
background-repeat: no-repeat;
height: 42px;
width: 33%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .comm-btn-img{
background-image:url(../../images/others/community-icon-img-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .data-ana-img{
background-image:url(../../images/others/analytics-icon-img.png);
background-repeat: no-repeat;
height: 42px;
width: 33%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .data-ana-img{
background-image:url(../../images/others/salesforce-analytics-cloud-icon.png);
background-repeat: no-repeat;
height: 42px;

}


.ind-bottom-tabs li a .data-app-img{
background-image:url(../../images/others/app-icon-img.png);
background-repeat: no-repeat;
height: 42px;
width: 46%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .data-app-img{
background-image:url(../../images/others/salesforce-app-cloud-icon.png);
background-repeat: no-repeat;
height: 42px;

}







.ind-bottom-tabs li a .consumer-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-food-and-beverages-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 56%;
display:block;
margin:0 auto;
}
.ind-bottom-tabs .active a .consumer-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-food-and-beverages-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs .active a .energy-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-energy-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .energy-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-energy-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 82%;
display:block;
margin:0 auto;
}



.ind-bottom-tabs li a .finance-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-finance-and-insurance-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 27%;
display:block;
margin:0 auto;
}


.ind-bottom-tabs  .active a .finance-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-finance-and-insurance-icon-hover.png);
background-repeat: no-repeat;
height: 42px;
width: 27%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .retail-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-retail-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .retail-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-retail-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 100%;
display:block;
margin:0 auto;
}

/* .ind-bottom-tabs .active a .retail-btn-img{
background-image:url(../../images/others/retail-btn-hover.png);
background-repeat: no-repeat;
height: 42px;

}*/

.ind-bottom-tabs li a .public-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-public-sector-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 46%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .public-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-public-sector-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .tech-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-tech-services-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 46%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .tech-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-tech-services-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.sucess-btns .scrtabs-tab-scroll-arrow{
	display:none!important;
}
.sucess-btns .scrtabs-tabs-fixed-container{
	width:100%!important;

}
.ind-bottom-tabs li a .pr-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-public-relations-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 35%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .pr-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-public-relations-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .tr-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-transportation-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 35%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .tr-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-transportation-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .health-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-healthy-and-life-sciences-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 35%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .health-btn-img{
background-image:url(../../images/others/salesforce-implementation-in-healthy-and-life-sciences-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}


.ind-bottom-tabs li a .campaign-img{
background-image:url(../../images/others/successful-salesforce-campaign-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 65%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .campaign-img{
background-image:url(../../images/others/successful-salesforce-campaign-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}



.ind-bottom-tabs li a .lead-img{
background-image:url(../../images/others/lead-generation-with-salesforce-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 119%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .lead-img{
background-image:url(../../images/others/lead-generation-with-salesforce-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .opp-img{
background-image:url(../../images/others/opportunity-management-in-salesforc-crm-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 52%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .opp-img{
background-image:url(../../images/others/opportunity-management-in-salesforc-crm-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .contract-img{
background-image:url(../../images/others/manage-contracts-in-salesforce-crm-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 52%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .contract-img{
background-image:url(../../images/others/manage-contracts-in-salesforce-crm-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .cpq-img{
background-image:url(../../images/others/configure-price-quote-in-salesforce-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 110%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .cpq-img{
background-image:url(../../images/others/configure-price-quote-in-salesforce-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}


.ind-bottom-tabs li a .case-img{
background-image:url(../../images/others/manage-cases-swiftly-in-salesforce-crm-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 110%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .case-img{
background-image:url(../../images/others/manage-cases-swiftly-in-salesforce-crm-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .billing-img{
background-image:url(../../images/others/in-de-bill.png);
background-repeat: no-repeat;
height: 42px;
width: 110%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .billing-img{
background-image:url(../../images/others/in-de-bill-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .analytics-img{
background-image:url(../../images/others/in-de-an.png);
background-repeat: no-repeat;
height: 42px;
width: 60%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .analytics-img{
background-image:url(../../images/others/in-de-an-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .account-img{
background-image:url(../../images/others/enhance-accounts-in-salesforce-crm-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 60%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .account-img{
background-image:url(../../images/others/enhance-accounts-in-salesforce-crm-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

.ind-bottom-tabs li a .territory-img{
background-image:url(../../images/others/aligned-sales-territories-in-salesforce-crm-icon.png);
background-repeat: no-repeat;
height: 42px;
width: 60%;
display:block;
margin:0 auto;
}

.ind-bottom-tabs .active a .territory-img{
background-image:url(../../images/others/aligned-sales-territories-in-salesforce-crm-icon-hover.png);
background-repeat: no-repeat;
height: 42px;

}

















.ind-bottom-tabs .active a:after{
/*content: '';
position: absolute;
left: 44%;
margin-top: -10px;
border-left: 0;
border-bottom: 10px solid transparent;
border-top: 13px solid #13b2f2;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom:-20px;*/
}

.ind-bottom-tabs li a {
/* background-image:url(../../images/others/ind-bottom-btn-bg.jpg);
 background-repeat:repeat-x;
 height:auto;*/
}
.red-su-btn{
background: #19b4f2;
border: 1px solid #1b4d69;
color: #fff;
padding:0px 15px 0px 15px;
font-size: 12px;
font-weight: 600;
float:right;
margin-bottom:10px;
text-transform:capitalize;
}
.red-su-btn:hover{
	background:#1b4d69;
	color:#fff;
}

.s-red-su-btn{
background: #fff;
border: 1px solid #000;
color: #000;
padding:0 5px;
font-size: 12px;
font-weight: 600;
float:right;
text-transform:capitalize;
}
.s-red-su-btn:hover{
	background:#616161;
	color:#fff;
}

#industries-footer-txt{
	background:#2e749c;
	padding:50px 25px 50px 25px;
	margin-top:50px;
}
#industries-footer-txt h2{
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 54px;

}




.footer-red-btn a {
	background-color:#38b0dc;
 font-family: Merriweather;
	font-size:15px;
	text-decoration:none;
	font-weight:400;
	color:#000!important;
	position:relative;
	padding:10px 17px;
	border-left:solid 1px #38b0dc;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #0d4b61, 0px 5px 0px 0px #0d4b61, 0px 5px 5px #0d4b61;
	-moz-box-shadow:inset 0px 1px 0px #0d4b61, 0px 5px 0px 0px #0d4b61, 0px 5px 5px #0d4b61;
	-o-box-shadow:inset 0px 1px 0px #0d4b61, 0px 5px 0px 0px #0d4b61, 0px 5px 5px #0d4b61;
	box-shadow:inset 0px 1px 0px #0d4b61, 0px 5px 0px 0px #0d4b61, 0px 5px 5px #0d4b61;
	
}

.footer-red-btn a:hover {
	color:#fff!important;
}

.footer-red-btn a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	-moz-box-shadow:  inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	-o-box-shadow:  inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	box-shadow:   inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	
}
.footer-red-btn{
	text-align:center;
	margin:30px 0px 30px 0px;
}
.footer-red-btn a::before {
	background-color:#0c759b;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:38px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:6px;
	padding-left:13px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	border-right:solid 1px #38b0dc;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	-moz-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	-o-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	border:1px solid #07526e;
	
	
}

.footer-red-btn a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-moz-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-o-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	
}





.ind-b-txt{
	color: #3078a2;
font-size: 22px;
font-weight: 400;
text-align: center;
line-height: 36px;
text-transform:  capitalize;
}


.jumbotron{
	background:#f3f4f7;
	padding:0!important;
}

.jumbotron ul{
	background:#fff;
}
.jumbotron ul li{
	padding:6px;
	margin-right: 79px;
}
.services-section .jumbotron ul li{
	padding:6px;
	margin-right: 85px;
}
.jumbotron .retail-tab li{
	margin-right:10px;
}



.jumbotron .tech-tab li{
	margin-right:5px!important;
}

.who-we-txt {
    margin: 0px;
}
/*#servicess:target{
border:2px solid red;
margin-top:200px;
}*/


.who-we-txt li {
    list-style-type: none;
    line-height: 38px;
    list-style-image:url(../../images/others/tick.png);
}

#managed-services .jumbotron ul li {
    padding: 6px;
    margin: 0 auto;

    display: block;
}

.integration-services li {
    padding: 6px;
    margin: 0 auto;
   /* width: 24%;*/
    display: block;
}
#managed-services .story-tabs .nav{
	margin-top:0px!important;
}

#dataservices .jumbotron ul li {
    padding: 6px;
    margin: 0 auto;
    width: 24%;
    display: block;
}
#dataservices{
	clear:both;
	margin-top:0px;
	margin-bottom:200px;
}

.jumbotron ul li.active{
	border:1px solid #c97d1d!important;
	background:#f29e33;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
#dataservices .jumbotron ul li > a{
	font-size:15px!important;
	text-transform:capitalize;
	font-weight:500;
	color:#707172;
	letter-spacing: 1px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	border:none!important;
	text-align:center;

}
#integration{
clear:both;
background:#f0f0f0;
width: 100%;
padding:100px;
}


#integration .tabbable {
    margin-top: 0px;
}


#integration .story-tabs .nav {
    margin-top: 0px !important;
}

#integration .jumbotron ul li {
    padding: 6px;
    margin: 0 auto;
    width: 25%;
    display: block;
}

#integration .jumbotron ul li > a {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    color: #707172;
    letter-spacing: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none !important;
    text-align: center;
}

#managed-services .jumbotron ul li > a{
	font-size:15px;
	text-transform:capitalize;
	font-weight:500;
	color:#707172;
	letter-spacing: 1px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	padding-bottom:5px;
	border:none!important;
	text-align:center;
	

}

#managed-services{
clear:both;
background:#f0f0f0;
width: 100%;
padding:100px 0px;
}

#services-blocks{
clear:both;
width: 100%;
/*padding:50px;*/
}

#Integration-services{
clear:both;
background:#f0f0f0;
width: 100%;
padding:100px 0px;
}



.jumbotron ul li > a{
	font-size:15px;
	text-transform:capitalize;
	font-weight:500;
	color:#707172;
	letter-spacing: 1px;
	padding-left:30px;
	padding-right:30px;
	padding-top:15px;
	padding-bottom:15px;
	border:none!important;
	
	
}
.jumbotron ul li > a:hover{
	background-color: rgba(255, 0, 0, 0.0)!important;
	border:none!important;
	color:#000!important;
}
.jumbotron ul li.active > a{
	background:#f29e33!important;
	border:1px solid #8bcefc!important;
	border-radius:0px;
	font-size:15px;
	text-transform:capitalize;
	letter-spacing: 1px;
	color:#000!important;
	
}
.jumbotron ul li.active > a:after{
  content: '';
  position: absolute;
  left: 44%;
  top: 123%;
  margin-top: -13px;
  border-left: 0;
 border-bottom: 10px solid transparent;
border-top: 13px solid #f29e33;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
 
}
  
.jumbotron ul li.active > a:hover{
	
	border:none1px solid #8bcefc !important;
}
.tabbable{
	z-index: 10;
background-color: #fff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #ddd;
margin-top: 20px;
-webkit-box-shadow:5px 2px 12px  rgba(0,0,0,.175);
box-shadow:5px 2px 12px  rgba(0,0,0,.175);
-moz-box-shadow:5px 2px 12px  rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
float:left;
}
.industries-bg-ban{
position: absolute;
z-index: -9;
width: 100%;
height: 550px;
margin-left: 0px;
margin-top: 0px;
}
.services-bg-ban{
width: 100%;
background:#f2f2f2;
}
.managed-services-ban{
background:#f0f0f0;
width: 100%;
}

#managed-services .tabbable{
	margin-top:0px;
}
.fold-box-2 h3{
text-transform:uppercase;
color:#fff;
font-weight: 300;
text-align:right;font-family: Merriweather;
}
.fold-box-2 p{
	text-align:right;
	font-size:14px;
}
.sucess-story-inner #quote-carousel{
	padding-top:180px;
}
.sucess-story-inner .clients-says-carousel .controls{
	top:-100px;
	z-index:99;
}
.no-padding{
	padding:0px;
}

.click-icon {
position: absolute;
left: 46%;
z-index: 9;
top: 42%;
}


.sucess-story-inner .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%)!important;
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,.0001)))!important;
    background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)!important;
    background-repeat: repeat-x!important;
}

.sucess-story-inner .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
#sucess-st .content{
/*	margin-top:150px;*/
padding-top:100px;
}

.sucess-story-inner{
background-image:url(../../images/others/sucess-story-bg.jpg);
background-repeat:no-repeat;
max-width:100%;
	min-height:300px;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
float:left;
}
.testimonials-box p{
background:rgba(0,0,0,0.0);
float:left;
/*border:1px solid #818181;*/
padding:20px;
font-weight:500;
color:#ddd;
font-size:14px;
text-align:justify;
padding-left:0;
line-height:30px;
}

#solutions #quote-carousel .carousel-indicators 
{
  right: 50%;
  top: 100%;
  bottom: 0px;
  margin-right: -19px;
}

#solutions small{
	font-size: 15px;
color: white;
font-weight: 400;
}
.managed-icon{
	background-image:url(../../images/others/managed-icon.png);
	background-repeat:no-repeat;
	width:57px;
	height:57px;
	float:left;
	margin-left:40px;
	width:100%;
	
}
.services-txt{
font-size:14px;
color:#111111;
text-transform:capitalize;
/*font-weight:300;*/

}
.margin-bttom-20{
	margin-bottom:20px;
}
.bhoechie-tab-content .col-md-4{
	border-right:1px dotted #ccc;
	margin-top:20px;
}
.bhoechie-tab-content h2{
margin-top: 0;
color:#64befb;
text-transform:uppercase;
font-size:16px;
font-weight:500;
letter-spacing:1px;	
margin-top:10px;
}

.red-more-btn a{
	background: #f29e33;
padding: 3px 10px;
border: 1px solid #c97d1d;
color: #fff;
font-size: 13px;font-family: Merriweather;
font-size:13px;
}
.bhoechie-tab-content .red-more-btn{
	margin-top:20px;
}
.red-more-btn a:hover{
	background:#ff0000;
	color:#fff;
	border:1px solid #ff0000;

}




.active .managed-icon{
	background-image:url(../../images/others/managed-icon-hover.png);
	background-repeat:no-repeat;
	float:left;
	
}

.impl-icon{
	background-image:url(../../images/others/implementation-icon.png);
	background-repeat:no-repeat;
	width:57px;
	height:57px;
	float:left;
	margin-left:50px;
	width:100%;
}

.active .impl-icon{
	background-image:url(../../images/others/implementation-icon-hover.png);
	background-repeat:no-repeat;
	float:left;
}

.integration-icon{
	background-image:url(../../images/others/integration-icon.png);
	background-repeat:no-repeat;
	width:57px;
	height:57px;
	float:left;
	margin-left:40px;
	width:100%;
}

.active .integration-icon{
	background-image:url(../../images/others/integration-cion-hover.png);
	background-repeat:no-repeat;
	float:left;
}


.data-icon{
	background-image:url(../../images/others/data-services-icon.png);
	background-repeat:no-repeat;
	width:100%;
	height:57px;
	float:left;
	margin-left:40px;
	
}

.active .data-icon{
	background-image:url(../../images/others/data-services-icon-hover.png);
	background-repeat:no-repeat;
	float:left;
}




div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu ul.list-group{
  margin-bottom: 0;
  list-style:none;
}
div.bhoechie-tab-menu ul.list-group>a{
  margin-bottom: 0;
  text-align:center;
  padding:27px;
  padding-top: 35px;
padding-bottom: 35px;
}
div.bhoechie-tab-menu ul.list-group>a .glyphicon,
div.bhoechie-tab-menu ul.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu ul.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu ul.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu ul.list-group>  a.active,
div.bhoechie-tab-menu ul.list-group>a.active .glyphicon,
div.bhoechie-tab-menu ul.list-group>a.active .fa{
  background-color: #19b4f2;
 

}
.list-group a{
	font-size:15px;
	color:#787a7d;
}
.list-group .active{
	color:#000!important;
}
div.bhoechie-tab-menu ul.list-group>  a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #19b4f2;
  color:red;
}
.margin-bttom-40{
	margin-bottom:40px;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; 
  padding-left: 20px;
  padding-top: 10px;*/
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}









.red-btn{
	float:right;
}

#suoer a{
	line-height:17px;
}

/*consumer starts*/
.consumer a {
	background-color:#f13222;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #f13222;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #b10f0a, 0px 5px 0px 0px #b10f0a, 0px 5px 5px #b10f0a;
	-moz-box-shadow: inset 0px 1px 0px #b10f0a, 0px 5px 0px 0px #b10f0a, 0px 5px 5px #b10f0a;
	-o-box-shadow:inset 0px 1px 0px #b10f0a, 0px 5px 0px 0px #b10f0a, 0px 5px 5px #b10f0a;
	box-shadow: inset 0px 1px 0px #b10f0a, 0px 5px 0px 0px #b10f0a, 0px 5px 5px #b10f0a;
	
}

.consumer a:hover {
	color:#fff!important;
}

.consumer a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #b10f0a, 0px 2px 0px 0px #b10f0a, 0px 0px 0px #b10f0a;
	-moz-box-shadow:  inset 0px 1px 0px #b10f0a, 0px 2px 0px 0px #b10f0a, 0px 0px 0px #b10f0a;
	-o-box-shadow:   inset 0px 1px 0px #b10f0a, 0px 2px 0px 0px #b10f0a, 0px 0px 0px #b10f0a;
	box-shadow:  inset 0px 1px 0px #b10f0a, 0px 2px 0px 0px #b10f0a, 0px 0px 0px #b10f0a;
	
}

.consumer a::before {
	background-color:#e92318;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0px #f76a51;
	border-right:solid 1px #e92318;
	
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 0px 5px 0px #69100a;
	-moz-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 0px 5px 0px #69100a;
	-o-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 0px 5px 0px #69100a;
	box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 0px 5px 0px #69100a;
}

.consumer a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 1px 1px 0px 0px #69100a, 2px 2px 0px 0px #69100a, 2px 5px 0px 0px #69100a, 6px 4px 2px #69100a, 0px 10px 5px #69100a ;
	-moz-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 1px 1px 0px 0px #69100a, 2px 2px 0px 0px #69100a, 2px 5px 0px 0px #69100a, 6px 4px 2px #69100a, 0px 10px 5px #69100a ;
	-o-box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 1px 1px 0px 0px #69100a, 2px 2px 0px 0px #69100a, 2px 5px 0px 0px #69100a, 6px 4px 2px #69100a, 0px 10px 5px #69100a ;
	box-shadow:inset 0px 1px 0px #69100a, 0px 5px 0px 0px #69100a, 1px 1px 0px 0px #69100a, 2px 2px 0px 0px #69100a, 2px 5px 0px 0px #69100a, 6px 4px 2px #69100a, 0px 10px 5px #69100a ;
	
}

.consumer .title-box{
	background:#f23f2c;
	border-bottom:1px solid #d00503;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .consumer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*consumer ends*/




/*energy starts*/
.energy a {
	background-color:#76a935;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #76a935;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #48811a, 0px 5px 0px 0px #48811a, 0px 5px 5px #48811a;
	-moz-box-shadow:inset 0px 1px 0px #48811a, 0px 5px 0px 0px #48811a, 0px 5px 5px #48811a;
	-o-box-shadow:inset 0px 1px 0px #48811a, 0px 5px 0px 0px #48811a, 0px 5px 5px #48811a;
	box-shadow: inset 0px 1px 0px #48811a, 0px 5px 0px 0px #48811a, 0px 5px 5px #48811a;
	
}

.energy a:hover {
	color:#fff!important;
}

.energy a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #48811a, 0px 2px 0px 0px #48811a, 0px 0px 0px #48811a;
	-moz-box-shadow:inset 0px 1px 0px #48811a, 0px 2px 0px 0px #48811a, 0px 0px 0px #48811a;
	-o-box-shadow:inset 0px 1px 0px #48811a, 0px 2px 0px 0px #48811a, 0px 0px 0px #48811a;
	box-shadow:inset 0px 1px 0px #48811a, 0px 2px 0px 0px #48811a, 0px 0px 0px #48811a;
	
}

.energy a::before {
	background-color:#48811a;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0px #48811a;
	border-right:solid 1px #345f12;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 0px 5px 0px #26460c;
	-moz-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 0px 5px 0px #26460c;
	-o-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 0px 5px 0px #26460c;
	box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 0px 5px 0px #26460c;
}

.energy a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 1px 1px 0px 0px #26460c, 2px 2px 0px 0px #26460c, 2px 5px 0px 0px #26460c, 6px 4px 2px #26460c, 0px 10px 5px #26460c ;
	-moz-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 1px 1px 0px 0px #26460c, 2px 2px 0px 0px #26460c, 2px 5px 0px 0px #26460c, 6px 4px 2px #26460c, 0px 10px 5px #26460c ;
	-o-box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 1px 1px 0px 0px #26460c, 2px 2px 0px 0px #26460c, 2px 5px 0px 0px #26460c, 6px 4px 2px #26460c, 0px 10px 5px #26460c ;
	box-shadow:inset 0px 1px 0px #26460c, 0px 5px 0px 0px #26460c, 1px 1px 0px 0px #26460c, 2px 2px 0px 0px #26460c, 2px 5px 0px 0px #26460c, 6px 4px 2px #26460c, 0px 10px 5px #26460c ;
	
}

.energy .title-box{
	background:#76a935;
	border-bottom:1px solid #48811a;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .energy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a0c75a!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*enrgy ends*/


/*finance starts*/
.finance a {
	background-color:#dd9333;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #dd9333;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #af5b15, 0px 5px 0px 0px #af5b15, 0px 5px 5px #af5b15;
	-moz-box-shadow:inset 0px 1px 0px #af5b15, 0px 5px 0px 0px #af5b15, 0px 5px 5px #af5b15;
	-o-box-shadow:inset 0px 1px 0px #af5b15, 0px 5px 0px 0px #af5b15, 0px 5px 5px #af5b15;
	box-shadow:inset 0px 1px 0px #af5b15, 0px 5px 0px 0px #af5b15, 0px 5px 5px #af5b15;
	
}

.finance a:hover {
	color:#fff!important;
}

.finance a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #cc6c1d, 0px 2px 0px 0px #cc6c1d, 0px 0px 0px #cc6c1d;
	-moz-box-shadow: inset 0px 1px 0px #cc6c1d, 0px 2px 0px 0px #cc6c1d, 0px 0px 0px #cc6c1d;
	-o-box-shadow: inset 0px 1px 0px #cc6c1d, 0px 2px 0px 0px #cc6c1d, 0px 0px 0px #cc6c1d;
	box-shadow: inset 0px 1px 0px #cc6c1d, 0px 2px 0px 0px #cc6c1d, 0px 0px 0px #cc6c1d;
	
}

.finance a::before {
	background-color:#cc6a1d;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0px #cc6a1d;
	border-right:solid 1px #b24310;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 0px 5px 0px #b24310;
	-moz-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 0px 5px 0px #b24310;
	-o-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 0px 5px 0px #b24310;
	box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 0px 5px 0px #b24310;
}

.finance a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 1px 1px 0px 0px #b24310, 2px 2px 0px 0px #b24310, 2px 5px 0px 0px #b24310, 6px 4px 2px #b24310, 0px 10px 5px #b24310 ;
	-moz-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 1px 1px 0px 0px #b24310, 2px 2px 0px 0px #b24310, 2px 5px 0px 0px #b24310, 6px 4px 2px #b24310, 0px 10px 5px #b24310 ;
	-o-box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 1px 1px 0px 0px #b24310, 2px 2px 0px 0px #b24310, 2px 5px 0px 0px #b24310, 6px 4px 2px #b24310, 0px 10px 5px #b24310 ;
	box-shadow:inset 0px 1px 0px #b24310, 0px 5px 0px 0px #b24310, 1px 1px 0px 0px #b24310, 2px 2px 0px 0px #b24310, 2px 5px 0px 0px #b24310, 6px 4px 2px #b24310, 0px 10px 5px #b24310 ;
	
}

.finance .title-box{
	background:#dd9333;
	border-bottom:1px solid #d27824;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .finance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e6ac49!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*finance ends*/


.retail a {
	background-color:#da9816;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #da9816;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #b37b0e, 0px 5px 0px 0px #725408, 0px 10px 5px #725408;
	-moz-box-shadow: inset 0px 1px 0px #b37b0e, 0px 5px 0px 0px #725408, 0px 10px 5px #725408;
	-o-box-shadow: inset 0px 1px 0px #b37b0e, 0px 5px 0px 0px #725408, 0px 5px 5px #725408;
	box-shadow: inset 0px 1px 0px #b37b0e, 0px 5px 0px 0px #725408, 0px 5px 5px #725408;
	
	
	
}

.retail a:hover {
	color:#fff!important;
}

.retail a:active {
	top:3px;
	color:#fff;
	
	-webkit-box-shadow:   inset 0px 1px 0px #b37b0e, 0px 2px 0px 0px #725408, 0px 0px 0px #725408;
	-moz-box-shadow:  inset 0px 1px 0px #b37b0e, 0px 2px 0px 0px #725408, 0px 0px 0px #725408;
	-o-box-shadow:   inset 0px 1px 0px #b37b0e, 0px 2px 0px 0px #725408, 0px 0px 0px #725408;
	box-shadow:  inset 0px 1px 0px #b37b0e, 0px 2px 0px 0px #725408, 0px 0px 0px #725408;
	
}

.retail a::before {
	background-color:#906b0c;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0px #613f06;
	border-right:solid 1px #613f06;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #674407, 0px 5px 0px 0px #674407, 0px 5px 5px #674407 ;
	-moz-box-shadow:inset 0px 1px 0px #674407, 0px 5px 0px 0px #674407, 0px 5px 5px #674407;
	-o-box-shadow:inset 0px 1px 0px #674407, 0px 5px 0px 0px #674407, 0px 5px 5px #674407 ;
	box-shadow:inset 0px 1px 0px #674407, 0px 5px 0px 0px #674407, 0px 5px 5px #674407 ;
	
	
	
}

.retail a:active::before {
	top:-3px;
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #613f06, 0px 5px 0px 0px #613f06, 1px 1px 0px 0px #613f06, 2px 2px 0px 0px #613f06, 2px 5px 0px 0px #613f06, 6px 4px 2px #613f06, 0px 10px 5px #613f06 ;
	-moz-box-shadow:inset 0px 1px 0px #613f06, 0px 5px 0px 0px #613f06, 1px 1px 0px 0px #613f06, 2px 2px 0px 0px #613f06, 2px 5px 0px 0px #613f06, 6px 4px 2px #613f06, 0px 10px 5px #613f06 ;;
	-o-box-shadow:inset 0px 1px 0px #613f06, 0px 5px 0px 0px #613f06, 1px 1px 0px 0px #613f06, 2px 2px 0px 0px #613f06, 2px 5px 0px 0px #613f06, 6px 4px 2px #613f06, 0px 10px 5px #613f06 ;;
	box-shadow:inset 0px 1px 0px #613f06, 0px 5px 0px 0px #613f06, 1px 1px 0px 0px #613f06, 2px 2px 0px 0px #613f06, 2px 5px 0px 0px #613f06, 6px 4px 2px #613f06, 0px 10px 5px #613f06 ;;
	
}

.retail .title-box{
	background:#da9816;
	border-bottom:1px solid #906b0c;
	outline-bottom: 2px #fff solid;
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .retail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 203, 69, 0.9)!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}



/*public starts*/
.public a {
	background-color:#38b0dc;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #38b0dc;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #156785, 0px 5px 0px 0px #156785, 0px 5px 5px #156785;
	-moz-box-shadow:inset 0px 1px 0px #156785, 0px 5px 0px 0px #156785, 0px 5px 5px #156785;
	-o-box-shadow:inset 0px 1px 0px #156785, 0px 5px 0px 0px #156785, 0px 5px 5px #156785;
	box-shadow:inset 0px 1px 0px #156785, 0px 5px 0px 0px #156785, 0px 5px 5px #156785;
	
}

.public a:hover {
	color:#fff!important;
}

.public a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	-moz-box-shadow:  inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	-o-box-shadow:  inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	box-shadow:   inset 0px 1px 0px #156785, 0px 2px 0px 0px #156785, 0px 0px 0px #156785;
	
}

.public a::before {
	background-color:#0c759b;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #38b0dc;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	-moz-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	-o-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 0px 5px 0px #032b3a;
	
	
}

.public a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-moz-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-o-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	
}

.public .title-box{
	background:#32a8d3;
	border-bottom:1px solid #0a6282;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .public {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #64befb!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*public ends*/








/*tech starts*/
.tech a {
	background-color:#405767;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #405767;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2e414f, 0px 5px 0px 0px #2e414f, 0px 5px 5px #2e414f;
	-moz-box-shadow:inset 0px 1px 0px #2e414f, 0px 5px 0px 0px #2e414f, 0px 5px 5px #2e414f;
	-o-box-shadow:inset 0px 1px 0px #2e414f, 0px 5px 0px 0px #2e414f, 0px 5px 5px #2e414f;
	box-shadow:inset 0px 1px 0px #2e414f, 0px 5px 0px 0px #2e414f, 0px 5px 5px #2e414f;
	
}

.tech a:hover {
	color:#fff!important;
}

.tech a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #2e414f, 0px 2px 0px 0px #2e414f, 0px 0px 0px #2e414f;
	-moz-box-shadow:  inset 0px 1px 0px #2e414f, 0px 2px 0px 0px #2e414f, 0px 0px 0px #2e414f;
	-o-box-shadow:   inset 0px 1px 0px #2e414f, 0px 2px 0px 0px #2e414f, 0px 0px 0px #2e414f;
	box-shadow:   inset 0px 1px 0px #2e414f, 0px 2px 0px 0px #2e414f, 0px 0px 0px #2e414f;
	
}

.tech a::before {
	background-color:#2e4150;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #22313d;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #22313d, 0px 5px 0px 0px #22313d, 0px 5px 0px #22313d;
	-moz-box-shadow:inset 0px 1px 0px #22313d, 0px 5px 0px 0px #22313d, 0px 5px 0px #22313d;
	-o-box-shadow:inset 0px 1px 0px #22313d, 0px 5px 0px 0px #22313d, 0px 5px 0px #22313d;
	box-shadow:inset 0px 1px 0px #22313d, 0px 5px 0px 0px #22313d, 0px 5px 0px #22313d;
	
	
}

.tech a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-moz-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	-o-box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	box-shadow:inset 0px 1px 0px #032b3a, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #032b3a, 2px 2px 0px 0px #032b3a, 2px 5px 0px 0px #032b3a, 6px 4px 2px #032b3a, 0px 10px 5px #032b3a ;
	
}

.tech .title-box{
	background:#395062;
	border-bottom:1px solid #16232d;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #536d7e!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*tech ends*/



/*property starts*/
.property a {
	background-color:#a652b8;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #a652b8;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	-moz-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	-o-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	
}

.property a:hover {
	color:#fff!important;
}

.property a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	-moz-box-shadow: inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	-o-box-shadow:  inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	box-shadow:    inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	
}

.property a::before {
	background-color:#8f3ea4;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #a652b8;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	-moz-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	-o-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	
	
}

.property a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	-moz-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	-o-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	
}

.property .title-box{
	background:#a652b8;
	border-bottom:1px solid #8f3ea4;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .property {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b361c3!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*property ends*/


/*transport starts*/
.transport a {
	background-color:#b1a7ff;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #a652b8;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	-moz-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	-o-box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	box-shadow:inset 0px 1px 0px #78328a, 0px 5px 0px 0px #78328a, 0px 5px 5px #78328a;
	
}

.transport a:hover {
	color:#fff!important;
}

.transport a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	-moz-box-shadow: inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	-o-box-shadow:  inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	box-shadow:    inset 0px 1px 0px #78328a, 0px 2px 0px 0px #78328a, 0px 0px 0px #78328a;
	
}

.transport a::before {
	background-color:#5f53bc;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #413888;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	-moz-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	-o-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 0px 5px 0px #3a1145;
	
	
}

.transport a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	-moz-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	-o-box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	box-shadow:inset 0px 1px 0px #3a1145, 0px 5px 0px 0px #3a1145, 1px 1px 0px 0px #3a1145, 2px 2px 0px 0px #3a1145, 2px 5px 0px 0px #3a1145, 6px 4px 2px #3a1145, 0px 10px 5px #3a1145 ;
	
}

.transport .title-box{
	background:#a652b8;
	border-bottom:1px solid #8f3ea4;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .transport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b1a7ff!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*transport ends*/



/*health starts*/
.health a {
	background-color:#ff6b38;
 font-family: Merriweather;
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#000!important;
	position:relative;
	padding:5px 10px;
	border-left:solid 1px #ff6b38;
	margin-left:35px;
	text-transform:uppercase;

	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #df401b, 0px 5px 0px 0px #df401b, 0px 5px 5px #df401b;
	-moz-box-shadow:inset 0px 1px 0px #df401b, 0px 5px 0px 0px #df401b, 0px 5px 5px #df401b;
	-o-box-shadow:inset 0px 1px 0px #df401b, 0px 5px 0px 0px #df401b, 0px 5px 5px #df401b;
	box-shadow:inset 0px 1px 0px #df401b, 0px 5px 0px 0px #df401b, 0px 5px 5px #df401b;
	
}

.health a:hover {
	color:#fff!important;
}

.health a:active {
	top:3px;
	color:#fff;
	
-webkit-box-shadow:   inset 0px 1px 0px #df401b, 0px 2px 0px 0px #df401b, 0px 0px 0px #df401b;
	-moz-box-shadow: inset 0px 1px 0px #df401b, 0px 2px 0px 0px #df401b, 0px 0px 0px #df401b;
	-o-box-shadow: inset 0px 1px 0px #df401b, 0px 2px 0px 0px #df401b, 0px 0px 0px #df401b;
	box-shadow:  inset 0px 1px 0px #df401b, 0px 2px 0px 0px #df401b, 0px 0px 0px #df401b;
	
}

.health a::before {
	background-color:#df401b;
	content:"\f054";
	font-family:'FontAwesome';
	width:35px;
	max-height:28px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:5px;
	top:0px;
	left:-36px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	border-right:solid 1px #ff6b38;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 0px 5px 0px #97250b;
	-moz-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 0px 5px 0px #97250b;
	-o-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 0px 5px 0px #97250b;
	box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 0px 5px 0px #97250b;
	
	
}

.health a:active::before {
	top:-3px; 
	color:#fff;
	-webkit-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 1px 1px 0px 0px #97250b, 2px 2px 0px 0px #97250b, 2px 5px 0px 0px #97250b, 6px 4px 2px #97250b, 0px 10px 5px #97250b ;
	-moz-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 1px 1px 0px 0px #97250b, 2px 2px 0px 0px #97250b, 2px 5px 0px 0px #97250b, 6px 4px 2px #97250b, 0px 10px 5px #97250b ;
	-o-box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 1px 1px 0px 0px #97250b, 2px 2px 0px 0px #97250b, 2px 5px 0px 0px #97250b, 6px 4px 2px #97250b, 0px 10px 5px #97250b ;
	box-shadow:inset 0px 1px 0px #97250b, 0px 5px 0px 0px #97250b, 1px 1px 0px 0px #97250b, 2px 2px 0px 0px #97250b, 2px 5px 0px 0px #97250b, 6px 4px 2px #97250b, 0px 10px 5px #97250b ;
	
}

.health .title-box{
	background:#ff6b38;
	border-bottom:1px solid #ff5028;
	
	padding:10px;
text-transform:capitalize;
text-align:center;
font-weight:600;
 font-family: Merriweather;
 font-size:20px;
}

.masonry-grid > .grid-item > .content > .health {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff7f47!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}

/*health ends*/





<!--buttonends-->

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000;font-family: Merriweather;
  font-size: 13px;
  letter-spacing: 0.020em;
  line-height: 30px;
  font-weight: 300;
  padding-top: 60px;
  /*padding-left: 40px;
  padding-right: 40px;*/
  word-wrap: break-word;
}

.consumer-box{
	background:#fff;
	text-transform:uppercase;
	color:#111;
	font-size:15px;
	text-align:center;
	padding-top:28px;font-family: Merriweather;
	 font-weight:400;
	 line-height:70px;
}





.energy-box{
	background:#a0c75a;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}

.finance-box{
	background:#e6ac49;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}

.retail-box{
	background:#edcb45;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}

.public-box{
	background:#64befb;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}

.tech-box{
	background:#536d7e;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}


.management-box{
	background:#b361c3;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}

.transport-box{
	background:#b1a7ff;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}
.service-sub-heading{
 font-family: Merriweather;
 color:#373636;
 font-size: 2.428em;
line-height: 1em;
font-weight:500;
text-align:center;
float:left;
}

.sucess-box h2{
	margin-top:200px;
}
.sucess-boxs_story h1{
margin-top:100px;
font-size:25px;
}

.sucess-boxs h1{
margin-top:60px;
font-size:25px;
}
.know-pb-120{
	padding-bottom:120px;
}

.suscess-btn{
float:left;
}
.border-dotted-right{
	border-right:1px  dotted #c0c0c0;
	 font-family: Merriweather;
	
}

.health-box{
	background:#ff7f47;
	text-transform:uppercase;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:28px;
	 font-family: Merriweather;
	 font-weight:bold;
	 	 line-height:70px;
}


.tp-leftarrow.default	{									
z-index:100;
cursor:pointer;
position:relative;
width:39px;
height:46px;
background-image:url(../../images/others/large_left.png);
background-repeat:no-repeat;
}														
.tp-rightarrow.default{
z-index:100;
cursor:pointer;
position:relative;	
background:url(../../images/others/large_right.png) no-Repeat 0 0;	
width:39px;	
height:46px;										
}
														
.about-content{
	margin-top:25px!important;
}
#revslider-826{
	border:5px solid red!important;
	float:left;
}


.tp-leftarrow:hover,
.tp-rightarrow:hover {	
background-position:bottom left;
}									 



.consulting{
	float: right;
margin-right: 10px;
margin-top:8px;
}
.vlocity {
 float: right;
margin-top:8px;

}
.background-video-section H2{
	text-align:center;
	 font-family: Merriweather;
	 font-weight:600;
	 font-size:21px;
   text-shadow:2px 2px #444;
   color:#fff;
	
}
#indu{
	cursor:pointer;
	width:1051px;
	margin:0 auto;
}
#sucess-box{
	position:absolute;
	width:100%;
	z-index:-9;
	margin:0px!important;
}
.tabs-navs{
	
	width:946px; margin:0 auto; 
}
#indu-hover{
	cursor:pointer;
	width:1051px;
	margin:0 auto;
}
.product-txt-box{
	border:1px solid #ddd;
	padding:20px;
	font-size:14px;
	float:right;
	font-weight:600;
}

.panel-heading{
	cursor:pointer;
}
.active{
	 /*color: #ff0000 !important;*/
    /*font-weight: 500 !important;*/
}
.pagination{
	width:100%;
}
.pages li{
	cursor:pointer;
	list-style-type:none;
	display:inline;
	background:#64befb;
	padding:5px;
	color:#000;
	font-weight:500;
	margin:5px;
	border:1px solid #1b4d69;
	float:right;
	}
	

.pages li:hover{
		background:#1b4d69;
		color:#fff;
	}
.panel-heading:before {
    font-family: 'FontAwesome';
  content: "\f054"; 

    float: right;
}
.panel .collapsed:before{    
     content: "\f078"; 
}
/*.sucess-page-box{
 background: #e5e6e6 none repeat scroll 0 0;
    border: 1px solid #cbcfcf;
    float: left;
    padding: 10px;
    width: 100%;
	margin-top:30px;
}*/

.sucess-page{
	padding-bottom:100px;
}

.sucess-page-title{
	color:#2e749c;
	/*text-transform:uppercase;*/
	font-size:17px;
	 margin-bottom: 10px;
    margin-top: 10px;
}

.separation{
background-image:url(../../images/others/dotted.png);
background-repeat:repeat-x;
height:1px;
width:100%;
float:left;
 margin: 10px 0;

}

#page-outer {
  overflow-x: hidden;
}

#page-outer.animated-version > section {
  position: relative;
  overflow: hidden;
}

[data-spy="scroll"] {
  position: relative;
}

a {
  color: #e54242;
  transition: all 0.15s ease-in-out;
}

a:hover,
a:focus {
/*  color: #d61e1e;*/
  outline-color: transparent;
  text-decoration: none;
}

.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.transparent-section,
.transparent {
  color: #FFF;
}

.special-text {
  font-size: 1.428em;
  font-weight: 700;
  letter-spacing: 0.10em;
  line-height: 1.5em;
}

.special-text span {
  color: #e54242;
}

[data-swiper="next"]:hover,
[data-swiper="prev"]:hover {
  cursor: pointer;
}

.alt-color {
  color: #e54242;
}

.highlited {
  background-color: #e54242;
  color: #FFF;
}

[data-bg-image] {
  background-size: cover;
}

.full-screen {
  height: 100vh;
    top:26px;
}

.full-screen > .overlay {
  height: 100vh;
}

.background-video-section {
  position: relative;
  top:30px;
}

.background-video-section > .overlay {
  position: relative;
  z-index: 2;
}

.background-video-section > .background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.swiper-slide [data-animate] {
  opacity: 0;
  transition: opacity 0.2s;
}

.swiper-slide.swiper-slide-active [data-animate] {
  opacity: 1;
  transition-delay: 0.5s;
}

.footer-blank {
  position: fixed;
  height: 40px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #F1F1F1;
  z-index: 20;
}

input,
textarea {
  border: 1px solid #e4e4e4;
  background-color: #FFF;
  padding: 10px 20px;
  transition: all 0.15s ease-in-out;
}

input:focus,
textarea:focus {
 
}

.action-btn {
  display: inline-block;
  background-color: #e54242;
  color: #FFF;
  border: 2px solid transparent;
  text-transform: uppercase;
  padding: 15px 40px;
  font-weight: 400;
  font-size: 0.857em;
  line-height: 1em;
}

.action-btn:hover {
  background-color: transparent;
  color: #e54242;
  border-color: #e54242;
}

/*==================================== */
/* =          2. Decent Icons         = */
/* ====================================*/
@font-face {
  font-family: "dt-icons";
  src: url("../fonts/dt-icons.eot");
  src: url("../fonts/dt-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/dt-icons.woff") format("woff"), url("../fonts/dt-icons.ttf") format("truetype"), url("../fonts/dt-icons.svg#dt-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "dt-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="dti-"]:before,
[class*=" dti-"]:before {
  font-family: "dt-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dti-load-anticlockwise-dashed:before {
  content: "\e000";
}

.dti-move-bottom:before {
  content: "\e001";
}

.dti-button-down:before {
  content: "\e002";
}

.dti-button-off:before {
  content: "\e003";
}

.dti-button-on:before {
  content: "\e004";
}

.dti-button-up:before {
  content: "\e005";
}

.dti-check:before {
  content: "\e006";
}

.dti-circle-check:before {
  content: "\e007";
}

.dti-circle-angle-down:before {
  content: "\e008";
}

.dti-circle-angle-down-left:before {
  content: "\e009";
}

.dti-circle-angle-down-right:before {
  content: "\e00a";
}

.dti-circle-angle-right:before {
  content: "\e00b";
}

.dti-circle-minus:before {
  content: "\e00c";
}

.dti-circle-plus:before {
  content: "\e00d";
}

.dti-circle-remove:before {
  content: "\e00e";
}

.dti-circle-left:before {
  content: "\e00f";
}

.dti-circle-up:before {
  content: "\e010";
}

.dti-circle-up-left:before {
  content: "\e011";
}

.dti-circle-angle-up-right:before {
  content: "\e012";
}

.dti-load-clockwise:before {
  content: "\e013";
}

.dti-load-clockwise-dashed:before {
  content: "\e014";
}

.dti-compress:before {
  content: "\e015";
}

.dti-deny:before {
  content: "\e016";
}

.dti-diagonal:before {
  content: "\e017";
}

.dti-diagonal2:before {
  content: "\e018";
}

.dti-angle-down:before {
  content: "\e019";
}

.dti-angle-down-double:before {
  content: "\e01a";
}

.dti-angle-down-left:before {
  content: "\e01b";
}

.dti-angle-down-right:before {
  content: "\e01c";
}

.dti-drag-down:before {
  content: "\e01d";
}

.dti-drag-down-dashed:before {
  content: "\e01e";
}

.dti-drag-horiz:before {
  content: "\e01f";
}

.dti-drag-left:before {
  content: "\e020";
}

.dti-drag-left-dashed:before {
  content: "\e021";
}

.dti-drag-right:before {
  content: "\e022";
}

.dti-drag-right-dashed:before {
  content: "\e023";
}

.dti-drag-up:before {
  content: "\e024";
}

.dti-drag-up-dashed:before {
  content: "\e025";
}

.dti-drag-vert:before {
  content: "\e026";
}

.dti-circle-exclamation:before {
  content: "\e027";
}

.dti-expand:before {
  content: "\e028";
}

.dti-expand-diagonal:before {
  content: "\e029";
}

.dti-expand-horizontal:before {
  content: "\e02a";
}

.dti-expand-vertical:before {
  content: "\e02b";
}

.dti-fit-horizontal:before {
  content: "\e02c";
}

.dti-fit-vertical:before {
  content: "\e02d";
}

.dti-glide:before {
  content: "\e02e";
}

.dti-glide-horizontal:before {
  content: "\e02f";
}

.dti-glide-vertical:before {
  content: "\e030";
}

.dti-hamburger:before {
  content: "\e031";
}

.dti-hamburger2:before {
  content: "\e032";
}

.dti-horizontal:before {
  content: "\e033";
}

.dti-circle-info:before {
  content: "\e034";
}

.dti-square-keyboard-alt:before {
  content: "\e035";
}

.dti-square-keyboard-cmd:before {
  content: "\e036";
}

.dti-square-keyboard-delete:before {
  content: "\e037";
}

.dti-square-keyboard-down:before {
  content: "\e038";
}

.dti-square-keyboard-left:before {
  content: "\e039";
}

.dti-square-keyboard-return:before {
  content: "\e03a";
}

.dti-square-keyboard-right:before {
  content: "\e03b";
}

.dti-square-keyboard-shift:before {
  content: "\e03c";
}

.dti-square-keyboard-tab:before {
  content: "\e03d";
}

.dti-square-keyboard-up:before {
  content: "\e03e";
}

.dti-angle-left:before {
  content: "\e03f";
}

.dti-angle-left-double:before {
  content: "\e040";
}

.dti-minus:before {
  content: "\e041";
}

.dti-move:before {
  content: "\e042";
}

.dti-move2:before {
  content: "\e043";
}

.dti-load-anticlockwise:before {
  content: "\e044";
}

.dti-move-left:before {
  content: "\e045";
}

.dti-move-right:before {
  content: "\e046";
}

.dti-move-top:before {
  content: "\e047";
}

.dti-plus:before {
  content: "\e048";
}

.dti-circle-question:before {
  content: "\e049";
}

.dti-remove:before {
  content: "\e04a";
}

.dti-angle-right:before {
  content: "\e04b";
}

.dti-angle-right-double:before {
  content: "\e04c";
}

.dti-rotate:before {
  content: "\e04d";
}

.dti-rotate-anti:before {
  content: "\e04e";
}

.dti-rotate-anti-dashed:before {
  content: "\e04f";
}

.dti-rotate-dashed:before {
  content: "\e050";
}

.dti-shrink:before {
  content: "\e051";
}

.dti-shrink-diagonal:before {
  content: "\e052";
}

.dti-shrink-diagonal2:before {
  content: "\e053";
}

.dti-shrink-horizonal:before {
  content: "\e054";
}

.dti-shrink-horizonal2:before {
  content: "\e055";
}

.dti-shrink-vertical2:before {
  content: "\e056";
}

.dti-shrink-vertical:before {
  content: "\e057";
}

.dti-sign-down:before {
  content: "\e058";
}

.dti-sign-left:before {
  content: "\e059";
}

.dti-sign-right:before {
  content: "\e05a";
}

.dti-sign-up:before {
  content: "\e05b";
}

.dti-slide-down:before {
  content: "\e05c";
}

.dti-slide-down2:before {
  content: "\e05d";
}

.dti-slide-left:before {
  content: "\e05e";
}

.dti-slide-left2:before {
  content: "\e05f";
}

.dti-slide-right:before {
  content: "\e060";
}

.dti-slide-right2:before {
  content: "\e061";
}

.dti-slide-top:before {
  content: "\e062";
}

.dti-slide-top2:before {
  content: "\e063";
}

.dti-slim-down:before {
  content: "\e064";
}

.dti-slim-down-dashed:before {
  content: "\e065";
}

.dti-slim-left:before {
  /*content: "\e066";*/
}

.dti-slim-left-dashed:before {
  content: "\e067";
}

.dti-slim-right:before {
 /* content: "\e068";*/
}

.dti-slim-right-dashed:before {
  content: "\e069";
}

.dti-slim-top:before {
  content: "\e06a";
}

.dti-slim-top-dashed:before {
  content: "\e06b";
}

.dti-square-check:before {
  content: "\e06c";
}

.dti-square-angle-down:before {
  content: "\e06d";
}

.dti-square-angle-down-left:before {
  content: "\e06e";
}

.dti-square-angle-down-right:before {
  content: "\e06f";
}

.dti-square-angle-left:before {
  content: "\e070";
}

.dti-square-minus:before {
  content: "\e071";
}

.dti-square-plus:before {
  content: "\e072";
}

.dti-square-remove:before {
  content: "\e073";
}

.dti-square-angle-right:before {
  content: "\e074";
}

.dti-square-angle-top:before {
  content: "\e075";
}

.dti-square-angle-top-left:before {
  content: "\e076";
}

.dti-square-angle-top-right:before {
  content: "\e077";
}

.dti-squares:before {
  content: "\e078";
}

.dti-stretch-diagonal:before {
  content: "\e079";
}

.dti-stretch-diagonal2:before {
  content: "\e07a";
}

.dti-stretch-diagonal3:before {
  content: "\e07b";
}

.dti-stretch-diagonal4:before {
  content: "\e07c";
}

.dti-stretch-horizontal:before {
  content: "\e07d";
}

.dti-stretch-horizontal2:before {
  content: "\e07e";
}

.dti-stretch-vertical:before {
  content: "\e07f";
}

.dti-stretch-vertical2:before {
  content: "\e080";
}

.dti-switch-horizontal:before {
  content: "\e081";
}

.dti-switch-vertical:before {
  content: "\e082";
}

.dti-angle-up:before {
  content: "\e083";
}

.dti-angle-up-double:before {
  content: "\e084";
}

.dti-angle-up-left:before {
  content: "\e085";
}

.dti-angle-up-right:before {
  content: "\e086";
}

.dti-vertical:before {
  content: "\e087";
}

.dti-alarm:before {
  content: "\e088";
}

.dti-envelope:before {
  content: "\e089";
}

.dti-anchor:before {
  content: "\e08a";
}

.dti-anticlockwise:before {
  content: "\e08b";
}

.dti-archive:before {
  content: "\e08c";
}

.dti-archive-full:before {
  content: "\e08d";
}

.dti-ban:before {
  content: "\e08e";
}

.dti-battery-charge:before {
  content: "\e08f";
}

.dti-battery-empty:before {
  content: "\e090";
}

.dti-battery-full:before {
  content: "\e091";
}

.dti-battery-half:before {
  content: "\e092";
}

.dti-bolt:before {
  content: "\e093";
}

.dti-book:before {
  content: "\e094";
}

.dti-book-pen:before {
  content: "\e095";
}

.dti-book-pencil:before {
  content: "\e096";
}

.dti-bookmark:before {
  content: "\e097";
}

.dti-calculator:before {
  content: "\e098";
}

.dti-calendar:before {
  content: "\e099";
}

.dti-cards-diamonds:before {
  content: "\e09a";
}

.dti-cards-hearts:before {
  content: "\e09b";
}

.dti-case:before {
  content: "\e09c";
}

.dti-chronometer:before {
  content: "\e09d";
}

.dti-clessidre:before {
  content: "\e09e";
}

.dti-clock:before {
  content: "\e09f";
}

.dti-clockwise:before {
  content: "\e0a0";
}

.dti-cloud:before {
  content: "\e0a1";
}

.dti-clubs:before {
  content: "\e0a2";
}

.dti-compass:before {
  content: "\e0a3";
}

.dti-cup:before {
  content: "\e0a4";
}

.dti-diamonds:before {
  content: "\e0a5";
}

.dti-display:before {
  content: "\e0a6";
}

.dti-download:before {
  content: "\e0a7";
}

.dti-eye:before {
  content: "\e0a9";
}

.dti-eye-closed:before {
  content: "\e0aa";
}

.dti-female:before {
  content: "\e0ab";
}

.dti-flag:before {
  content: "\e0ac";
}

.dti-flag2:before {
  content: "\e0ad";
}

.dti-floppy-disk:before {
  content: "\e0ae";
}

.dti-folder:before {
  content: "\e0af";
}

.dti-folders:before {
  content: "\e0b0";
}

.dti-gear:before {
  content: "\e0b1";
}

.dti-geolocalize:before {
  content: "\e0b2";
}

.dti-geolocalize2:before {
  content: "\e0b3";
}

.dti-globe:before {
  content: "\e0b4";
}

.dti-gunsight:before {
  content: "\e0b5";
}

.dti-hammer:before {
  content: "\e0b6";
}

.dti-headset:before {
  content: "\e0b7";
}

.dti-heart:before {
  content: "\e0b8";
}

.dti-heart-broken:before {
  content: "\e0b9";
}

.dti-helm:before {
  content: "\e0ba";
}

.dti-home:before {
  content: "\e0bb";
}

.dti-ipod:before {
  content: "\e0bd";
}

.dti-joypad:before {
  content: "\e0be";
}

.dti-key:before {
  content: "\e0bf";
}

.dti-keyboard:before {
  content: "\e0c0";
}

.dti-laptop:before {
  content: "\e0c1";
}

.dti-life-buoy:before {
  content: "\e0c2";
}

.dti-lightbulb:before {
  content: "\e0c3";
}

.dti-link:before {
  content: "\e0c4";
}

.dti-lock:before {
  content: "\e0c5";
}

.dti-lock-open:before {
  content: "\e0c6";
}

.dti-magic-mouse:before {
  content: "\e0c7";
}

.dti-magnifier:before {
  content: "\e0c8";
}

.dti-magnifier-minus:before {
  content: "\e0c9";
}

.dti-magnifier-plus:before {
  content: "\e0ca";
}

.dti-accelerator:before {
  content: "\e0cb";
}

.dti-mails:before {
  content: "\e0cc";
}

.dti-mail-open:before {
  content: "\e0cd";
}

.dti-mail-open-text:before {
  content: "\e0ce";
}

.dti-male:before {
  content: "\e0cf";
}

.dti-map:before {
  content: "\e0d0";
}

.dti-message:before {
  content: "\e0d1";
}

.dti-messages:before {
  content: "\e0d2";
}

.dti-message-text:before {
  content: "\e0d3";
}

.dti-mixer:before {
  content: "\e0d4";
}

.dti-mouse:before {
  content: "\e0d5";
}

.dti-notebook:before {
  content: "\e0d6";
}

.dti-notebook-pen:before {
  content: "\e0d7";
}

.dti-notebook-pencil:before {
  content: "\e0d8";
}

.dti-paper-plane:before {
  content: "\e0d9";
}

.dti-pencil-ruler:before {
  content: "\e0da";
}

.dti-pencil-ruler-pen:before {
  content: "\e0db";
}

.dti-photo:before {
  content: "\e0dc";
}

.dti-picture:before {
  content: "\e0dd";
}

.dti-pictures:before {
  content: "\e0de";
}

.dti-pin:before {
  content: "\e0df";
}

.dti-pin2:before {
  content: "\e0e0";
}

.dti-postcard:before {
  content: "\e0e1";
}

.dti-postcards:before {
  content: "\e0e2";
}

.dti-printer:before {
  content: "\e0e3";
}

.dti-rss:before {
  content: "\e0e5";
}

.dti-server:before {
  content: "\e0e6";
}

.dti-server2:before {
  content: "\e0e7";
}

.dti-server-cloud:before {
  content: "\e0e8";
}

.dti-server-download:before {
  content: "\e0e9";
}

.dti-server-upload:before {
  content: "\e0ea";
}

.dti-settings:before {
  content: "\e0eb";
}

.dti-share:before {
  content: "\e0ec";
}

.dti-sheet:before {
  content: "\e0ed";
}

.dti-sheets:before {
  content: "\e0ee";
}

.dti-sheet-pen:before {
  content: "\e0ef";
}

.dti-sheet-pencil:before {
  content: "\e0f0";
}

.dti-sheet-text:before {
  content: "\e0f1";
}

.dti-signs:before {
  content: "\e0f2";
}

.dti-smartphone:before {
  content: "\e0f3";
}

.dti-spades:before {
  content: "\e0f4";
}

.dti-spread:before {
  content: "\e0f5";
}

.dti-spread-book:before {
  content: "\e0f6";
}

.dti-spread-text:before {
  content: "\e0f7";
}

.dti-spread-text-book:before {
  content: "\e0f8";
}

.dti-star:before {
  content: "\e0f9";
}

.dti-tablet:before {
  content: "\e0fa";
}

.dti-target:before {
  content: "\e0fb";
}

.dti-todo:before {
  content: "\e0fc";
}

.dti-todo-pen:before {
  content: "\e0fd";
}

.dti-todo-pencil:before {
  content: "\e0fe";
}

.dti-todo-text:before {
  content: "\e0ff";
}

.dti-todo-text-pen:before {
  content: "\e100";
}

.dti-todo-text-pencil:before {
  content: "\e101";
}

.dti-trashcan:before {
  content: "\e102";
}

.dti-trashcan-full:before {
  content: "\e103";
}

.dti-trashcan-refresh:before {
  content: "\e104";
}

.dti-trashcan-remove:before {
  content: "\e105";
}

.dti-upload:before {
  content: "\e106";
}

.dti-usb:before {
  content: "\e107";
}

.dti-video:before {
  content: "\e108";
}

.dti-watch:before {
  content: "\e109";
}

.dti-webpage:before {
  content: "\e10a";
}

.dti-webpage-image-text:before {
  content: "\e10b";
}

.dti-webpages:before {
  content: "\e10c";
}

.dti-webpage-text:before {
  content: "\e10d";
}

.dti-world:before {
  content: "\e10e";
}

.dti-layout-sidebar-left:before {
  content: "\e10f";
}

.dti-add-vectorpoint:before {
  content: "\e110";
}

.dti-box-polygon:before {
  content: "\e111";
}

.dti-box-rectangle:before {
  content: "\e112";
}

.dti-box-rounded-rectangle:before {
  content: "\e113";
}

.dti-character:before {
  content: "\e114";
}

.dti-crop:before {
  content: "\e115";
}

.dti-eyedropper:before {
  content: "\e116";
}

.dti-font-allcaps:before {
  content: "\e117";
}

.dti-font-baseline-shift:before {
  content: "\e118";
}

.dti-font-horizontal-scale:before {
  content: "\e119";
}

.dti-font-kerning:before {
  content: "\e11a";
}

.dti-font-leading:before {
  content: "\e11b";
}

.dti-font-size:before {
  content: "\e11c";
}

.dti-font-smallcapital:before {
  content: "\e11d";
}

.dti-font-smallcaps:before {
  content: "\e11e";
}

.dti-font-strikethrough:before {
  content: "\e11f";
}

.dti-font-tracking:before {
  content: "\e120";
}

.dti-font-underline:before {
  content: "\e121";
}

.dti-font-vertical-scale:before {
  content: "\e122";
}

.dti-horizontal-align-center:before {
  content: "\e123";
}

.dti-horizontal-align-left:before {
  content: "\e124";
}

.dti-horizontal-align-right:before {
  content: "\e125";
}

.dti-horizontal-distribute-center:before {
  content: "\e126";
}

.dti-horizontal-distribute-left:before {
  content: "\e127";
}

.dti-horizontal-distribute-right:before {
  content: "\e128";
}

.dti-indent-firstline:before {
  content: "\e129";
}

.dti-indent-left:before {
  content: "\e12a";
}

.dti-indent-right:before {
  content: "\e12b";
}

.dti-lasso:before {
  content: "\e12c";
}

.dti-layers:before {
  content: "\e12d";
}

.dti-layers2:before {
  content: "\e12e";
}

.dti-layout:before {
  content: "\e12f";
}

.dti-layout-2columns:before {
  content: "\e130";
}

.dti-layout-3columns:before {
  content: "\e131";
}

.dti-layout-4boxes:before {
  content: "\e132";
}

.dti-layout-4columns:before {
  content: "\e133";
}

.dti-layout-4lines:before {
  content: "\e134";
}

.dti-layout-8boxes:before {
  content: "\e135";
}

.dti-layout-header:before {
  content: "\e136";
}

.dti-layout-header-2columns:before {
  content: "\e137";
}

.dti-layout-header-3columns:before {
  content: "\e138";
}

.dti-layout-header-4boxes:before {
  content: "\e139";
}

.dti-layout-header-4columns:before {
  content: "\e13a";
}

.dti-layout-header-complex:before {
  content: "\e13b";
}

.dti-layout-header-complex2:before {
  content: "\e13c";
}

.dti-layout-header-complex3:before {
  content: "\e13d";
}

.dti-layout-header-complex4:before {
  content: "\e13e";
}

.dti-layout-header-sideleft:before {
  content: "\e13f";
}

.dti-layout-header-sideright:before {
  content: "\e140";
}

.dti-box-oval:before {
  content: "\e141";
}

.dti-layout-sidebar-right:before {
  content: "\e142";
}

.dti-magnete:before {
  content: "\e143";
}

.dti-pages:before {
  content: "\e144";
}

.dti-paint-brush:before {
  content: "\e145";
}

.dti-paint-bucket:before {
  content: "\e146";
}

.dti-paint-roller:before {
  content: "\e147";
}

.dti-paragraph:before {
  content: "\e148";
}

.dti-paragraph-align-left:before {
  content: "\e149";
}

.dti-paragraph-align-right:before {
  content: "\e14a";
}

.dti-paragraph-align-center:before {
  content: "\e14b";
}

.dti-paragraph-justify-all:before {
  content: "\e14c";
}

.dti-paragraph-justify-center:before {
  content: "\e14d";
}

.dti-paragraph-justify-left:before {
  content: "\e14e";
}

.dti-paragraph-justify-right:before {
  content: "\e14f";
}

.dti-paragraph-space-after:before {
  content: "\e150";
}

.dti-paragraph-space-before:before {
  content: "\e151";
}

.dti-pathfinder-exclude:before {
  content: "\e152";
}

.dti-pathfinder-intersect:before {
  content: "\e153";
}

.dti-pathfinder-subtract:before {
  content: "\e154";
}

.dti-pathfinder-unite:before {
  content: "\e155";
}

.dti-pen:before {
  content: "\e156";
}

.dti-pen-add:before {
  content: "\e157";
}

.dti-pen-minus:before {
  content: "\e158";
}

.dti-pencil:before {
  content: "\e159";
}

.dti-polygona:before {
  content: "\e15a";
}

.dti-reflect-horizontal:before {
  content: "\e15b";
}

.dti-reflect-vertical:before {
  content: "\e15c";
}

.dti-remove-vectorpoint:before {
  content: "\e15d";
}

.dti-scale-expand:before {
  content: "\e15e";
}

.dti-scale-reduce:before {
  content: "\e15f";
}

.dti-selection-oval:before {
  content: "\e160";
}

.dti-selection-polygon:before {
  content: "\e161";
}

.dti-selection-rectangle:before {
  content: "\e162";
}

.dti-selection-rounded-rectangleselection-rounded-rectangle:before {
  content: "\e163";
}

.dti-shape-oval:before {
  content: "\e164";
}

.dti-shape-polygon:before {
  content: "\e165";
}

.dti-shape-rectangle:before {
  content: "\e166";
}

.dti-shape-rounded-rectangle:before {
  content: "\e167";
}

.dti-slice:before {
  content: "\e168";
}

.dti-transform-bezier:before {
  content: "\e169";
}

.dti-vector-box:before {
  content: "\e16a";
}

.dti-vector-composite:before {
  content: "\e16b";
}

.dti-vector-line:before {
  content: "\e16c";
}

.dti-vertical-align-bottom:before {
  content: "\e16d";
}

.dti-vertical-align-center:before {
  content: "\e16e";
}

.dti-vertical-align-top:before {
  content: "\e16f";
}

.dti-vertical-distribute-bottom:before {
  content: "\e170";
}

.dti-vertical-distribute-center:before {
  content: "\e171";
}

.dti-vertical-distribute-top:before {
  content: "\e172";
}

.dti-rain-sun:before {
  content: "\e173";
}

.dti-aquarius:before {
  content: "\e174";
}

.dti-cancer:before {
  content: "\e175";
}

.dti-capricorn:before {
  content: "\e176";
}

.dti-cloud-drop:before {
  content: "\e178";
}

.dti-cloud-lightning:before {
  content: "\e179";
}

.dti-cloud-snowflake:before {
  content: "\e17a";
}

.dti-downpour-full-moon:before {
  content: "\e17b";
}

.dti-downpour-half-moon:before {
  content: "\e17c";
}

.dti-downpour-sun:before {
  content: "\e17d";
}

.dti-drop:before {
  content: "\e17e";
}

.dti-first-quarter:before {
  content: "\e17f";
}

.dti-fog:before {
  content: "\e180";
}

.dti-fog-full-moon:before {
  content: "\e181";
}

.dti-fog-half-moon:before {
  content: "\e182";
}

.dti-fog-sun:before {
  content: "\e183";
}

.dti-full-moon:before {
  content: "\e184";
}

.dti-gemini:before {
  content: "\e185";
}

.dti-hail:before {
  content: "\e186";
}

.dti-hail-full-moon:before {
  content: "\e187";
}

.dti-hail-half-moon:before {
  content: "\e188";
}

.dti-hail-sun:before {
  content: "\e189";
}

.dti-last-quarter:before {
  content: "\e18a";
}

.dti-leo:before {
  content: "\e18b";
}

.dti-libra:before {
  content: "\e18c";
}

.dti-lightning:before {
  content: "\e18d";
}

.dti-misty-rain:before {
  content: "\e18e";
}

.dti-misty-rain-full-moon:before {
  content: "\e18f";
}

.dti-misty-rain-half-moon:before {
  content: "\e190";
}

.dti-misty-rain-sun:before {
  content: "\e191";
}

.dti-moon:before {
  content: "\e192";
}

.dti-moondown-full:before {
  content: "\e193";
}

.dti-moondown-half:before {
  content: "\e194";
}

.dti-moonset-full:before {
  content: "\e195";
}

.dti-moonset-half:before {
  content: "\e196";
}

.dti-newmoon:before {
  content: "\e198";
}

.dti-pisces:before {
  content: "\e199";
}

.dti-rain:before {
  content: "\e19a";
}

.dti-rain-full-moon:before {
  content: "\e19b";
}

.dti-rain-half-moon:before {
  content: "\e19c";
}

.dti-aries:before {
  content: "\e19d";
}

.dti-sagittarius:before {
  content: "\e19e";
}

.dti-scorpio:before {
  content: "\e19f";
}

.dti-snow:before {
  content: "\e1a0";
}

.dti-snow-full-moon:before {
  content: "\e1a1";
}

.dti-snow-half-moon:before {
  content: "\e1a2";
}

.dti-snow-sun:before {
  content: "\e1a3";
}

.dti-snow-flake:before {
  content: "\e1a4";
}

.dti-star2:before {
  content: "\e1a5";
}

.dti-storm:before {
  content: "\e1a6";
}

.dti-storm2:before {
  content: "\e1a7";
}

.dti-storm-full-moon:before {
  content: "\e1a8";
}

.dti-storm-half-moon:before {
  content: "\e1a9";
}

.dti-storm-sun:before {
  content: "\e1aa";
}

.dti-sun:before {
  content: "\e1ab";
}

.dti-sundown:before {
  content: "\e1ac";
}

.dti-sunset:before {
  content: "\e1ad";
}

.dti-taurus:before {
  content: "\e1ae";
}

.dti-tempest:before {
  content: "\e1af";
}

.dti-tempest-full-moon:before {
  content: "\e1b0";
}

.dti-tempest-half-moon:before {
  content: "\e1b1";
}

.dti-tempest-sun:before {
  content: "\e1b2";
}

.dti-variable-full-moon:before {
  content: "\e1b3";
}

.dti-variable-half-moon:before {
  content: "\e1b4";
}

.dti-variable-sun:before {
  content: "\e1b5";
}

.dti-virgo:before {
  content: "\e1b6";
}

.dti-waning-cresent:before {
  content: "\e1b7";
}

.dti-waning-gibbous:before {
  content: "\e1b8";
}

.dti-waxing-cresent:before {
  content: "\e1b9";
}

.dti-waxing-gibbous:before {
  content: "\e1ba";
}

.dti-wind:before {
  content: "\e1bb";
}

.dti-circle-wind-e:before {
  content: "\e1bc";
}

.dti-wind-full-moon:before {
  content: "\e1bd";
}

.dti-wind-half-moon:before {
  content: "\e1be";
}

.dti-circle-wind-n:before {
  content: "\e1bf";
}

.dti-circle-wind-ne:before {
  content: "\e1c0";
}

.dti-circle-wind-nw:before {
  content: "\e1c1";
}

.dti-circle-wind-s:before {
  content: "\e1c2";
}

.dti-circle-wind-se:before {
  content: "\e1c3";
}

.dti-wind-sun:before {
  content: "\e1c4";
}

.dti-circle-wind-sw:before {
  content: "\e1c5";
}

.dti-circle-wind-w:before {
  content: "\e1c6";
}

.dti-weather-windgust:before {
  content: "\e1c7";
}

.dti-graph:before {
  content: "\e259";
}

.dti-bag:before {
  content: "\e25a";
}

.dti-bag-cloud:before {
  content: "\e25b";
}

.dti-bag-download:before {
  content: "\e25c";
}

.dti-bag-minus:before {
  content: "\e25d";
}

.dti-bag-plus:before {
  content: "\e25e";
}

.dti-bag-refresh:before {
  content: "\e25f";
}

.dti-bag-remove:before {
  content: "\e260";
}

.dti-bag-search:before {
  content: "\e261";
}

.dti-bag-upload:before {
  content: "\e262";
}

.dti-banknote:before {
  content: "\e263";
}

.dti-banknotes:before {
  content: "\e264";
}

.dti-basket:before {
  content: "\e265";
}

.dti-basket-check:before {
  content: "\e266";
}

.dti-basket-cloud:before {
  content: "\e267";
}

.dti-basket-download:before {
  content: "\e268";
}

.dti-basket-minus:before {
  content: "\e269";
}

.dti-basket-plus:before {
  content: "\e26a";
}

.dti-basket-refresh:before {
  content: "\e26b";
}

.dti-basket-remove:before {
  content: "\e26c";
}

.dti-basket-search:before {
  content: "\e26d";
}

.dti-basket-upload:before {
  content: "\e26e";
}

.dti-circle-bath:before {
  content: "\e26f";
}

.dti-cart:before {
  content: "\e270";
}

.dti-cart-check:before {
  content: "\e271";
}

.dti-cart-cloud:before {
  content: "\e272";
}

.dti-cart-content:before {
  content: "\e273";
}

.dti-cart-download:before {
  content: "\e274";
}

.dti-cart-minus:before {
  content: "\e275";
}

.dti-cart-plus:before {
  content: "\e276";
}

.dti-cart-refresh:before {
  content: "\e277";
}

.dti-cart-remove:before {
  content: "\e278";
}

.dti-cart-search:before {
  content: "\e279";
}

.dti-cart-upload:before {
  content: "\e27a";
}

.dti-circle-cent:before {
  content: "\e27b";
}

.dti-circle-colon:before {
  content: "\e27c";
}

.dti-credit-card:before {
  content: "\e27d";
}

.dti-diamond:before {
  content: "\e27e";
}

.dti-circle-doller:before {
  content: "\e27f";
}

.dti-circle-euro:before {
  content: "\e280";
}

.dti-circle-franc:before {
  content: "\e281";
}

.dti-gift:before {
  content: "\e282";
}

.dti-bag-check:before {
  content: "\e283";
}

.dti-graph2:before {
  content: "\e284";
}

.dti-graph3:before {
  content: "\e285";
}

.dti-graph-decrease:before {
  content: "\e286";
}

.dti-graph-increase:before {
  content: "\e287";
}

.dti-circle-guarani:before {
  content: "\e288";
}

.dti-circle-kips:before {
  content: "\e289";
}

.dti-circle-lira:before {
  content: "\e28a";
}

.dti-megaphone:before {
  content: "\e28b";
}

.dti-money:before {
  content: "\e28c";
}

.dti-circle-naira:before {
  content: "\e28d";
}

.dti-circle-pesos:before {
  content: "\e28e";
}

.dti-circle-pound:before {
  content: "\e28f";
}

.dti-receipt:before {
  content: "\e290";
}

.dti-receipt-bath:before {
  content: "\e291";
}

.dti-receipt-cent:before {
  content: "\e292";
}

.dti-receipt-dollar:before {
  content: "\e293";
}

.dti-receipt-euro:before {
  content: "\e294";
}

.dti-receipt-franc:before {
  content: "\e295";
}

.dti-receipt-guarani:before {
  content: "\e296";
}

.dti-receipt-kips:before {
  content: "\e297";
}

.dti-receipt-lira:before {
  content: "\e298";
}

.dti-receipt-naira:before {
  content: "\e299";
}

.dti-receipt-pesos:before {
  content: "\e29a";
}

.dti-receipt-pound:before {
  content: "\e29b";
}

.dti-receipt-rublo:before {
  content: "\e29c";
}

.dti-receipt-rupee:before {
  content: "\e29d";
}

.dti-receipt-tugrik:before {
  content: "\e29e";
}

.dti-receipt-won:before {
  content: "\e29f";
}

.dti-receipt-yen:before {
  content: "\e2a0";
}

.dti-receipt-yen2:before {
  content: "\e2a1";
}

.dti-receipt-colon:before {
  content: "\e2a2";
}

.dti-circle-rublo:before {
  content: "\e2a3";
}

.dti-circle-rupee:before {
  content: "\e2a4";
}

.dti-safe:before {
  content: "\e2a5";
}

.dti-sale:before {
  content: "\e2a6";
}

.dti-sales:before {
  content: "\e2a7";
}

.dti-ticket:before {
  content: "\e2a8";
}

.dti-circle-tugriks:before {
  content: "\e2a9";
}

.dti-wallet:before {
  content: "\e2aa";
}

.dti-circle-won:before {
  content: "\e2ab";
}

.dti-circle-yen:before {
  content: "\e2ac";
}

.dti-circle-yen2:before {
  content: "\e2ad";
}

.dti-music-note-single:before {
  content: "\e2ae";
}

.dti-circle-beginning:before {
  content: "\e2af";
}

.dti-cd:before {
  content: "\e2b0";
}

.dti-diapason:before {
  content: "\e2b1";
}

.dti-circle-eject:before {
  content: "\e2b2";
}

.dti-circle-end:before {
  content: "\e2b3";
}

.dti-circle-fast-forward:before {
  content: "\e2b4";
}

.dti-headphone:before {
  content: "\e2b5";
}

.dti-loudspeaker:before {
  content: "\e2b7";
}

.dti-microphone:before {
  content: "\e2b8";
}

.dti-microphone-old:before {
  content: "\e2b9";
}

.dti-mixer-square:before {
  content: "\e2ba";
}

.dti-mute:before {
  content: "\e2bb";
}

.dti-music-note-multiple:before {
  content: "\e2bc";
}

.dti-bell:before {
  content: "\e2bd";
}

.dti-circle-pause:before {
  content: "\e2be";
}

.dti-circle-play:before {
  content: "\e2bf";
}

.dti-playlist:before {
  content: "\e2c0";
}

.dti-radio:before {
  content: "\e2c1";
}

.dti-radio-portable:before {
  content: "\e2c2";
}

.dti-record:before {
  content: "\e2c3";
}

.dti-record-player:before {
  content: "\e2c4";
}

.dti-repeat-button:before {
  content: "\e2c5";
}

.dti-circle-rewind:before {
  content: "\e2c6";
}

.dti-shuffle-button:before {
  content: "\e2c7";
}

.dti-circle-stop:before {
  content: "\e2c8";
}

.dti-tape:before {
  content: "\e2c9";
}

.dti-volume-down:before {
  content: "\e2ca";
}

.dti-volume-up:before {
  content: "\e2cb";
}

.dti-folder-flagged:before {
  content: "\e177";
}

.dti-bookmark-check:before {
  content: "\e197";
}

.dti-bookmark-plus:before {
  content: "\e1c8";
}

.dti-bookmark-remove:before {
  content: "\e1c9";
}

.dti-briefcase-check:before {
  content: "\e1ca";
}

.dti-briefcase-download:before {
  content: "\e1cb";
}

.dti-briefcase-flagged:before {
  content: "\e1cc";
}

.dti-briefcase-minus:before {
  content: "\e1cd";
}

.dti-briefcase-plus:before {
  content: "\e1ce";
}

.dti-briefcase-refresh:before {
  content: "\e1cf";
}

.dti-briefcase-remove:before {
  content: "\e1d0";
}

.dti-briefcase-search:before {
  content: "\e1d1";
}

.dti-briefcase-star:before {
  content: "\e1d2";
}

.dti-briefcase-upload:before {
  content: "\e1d3";
}

.dti-browser-check:before {
  content: "\e1d4";
}

.dti-browser-download:before {
  content: "\e1d5";
}

.dti-browser-minus:before {
  content: "\e1d6";
}

.dti-browser-plus:before {
  content: "\e1d7";
}

.dti-browser-refresh:before {
  content: "\e1d8";
}

.dti-browser-remove:before {
  content: "\e1d9";
}

.dti-browser-search:before {
  content: "\e1da";
}

.dti-browser-star:before {
  content: "\e1db";
}

.dti-browser-upload:before {
  content: "\e1dc";
}

.dti-calendar-check:before {
  content: "\e1dd";
}

.dti-calendar-cloud:before {
  content: "\e1de";
}

.dti-calendar-download:before {
  content: "\e1df";
}

.dti-calendar-empty:before {
  content: "\e1e0";
}

.dti-calendar-flagged:before {
  content: "\e1e1";
}

.dti-calendar-heart:before {
  content: "\e1e2";
}

.dti-calendar-minus:before {
  content: "\e1e3";
}

.dti-calendar-next:before {
  content: "\e1e4";
}

.dti-calendar-disable:before {
  content: "\e1e5";
}

.dti-calendar-pencil:before {
  content: "\e1e6";
}

.dti-calendar-plus:before {
  content: "\e1e7";
}

.dti-calendar-prev:before {
  content: "\e1e8";
}

.dti-calendar-refresh:before {
  content: "\e1e9";
}

.dti-calendar-remove:before {
  content: "\e1ea";
}

.dti-calendar-search:before {
  content: "\e1eb";
}

.dti-calendar-star:before {
  content: "\e1ec";
}

.dti-calendar-upload:before {
  content: "\e1ed";
}

.dti-cloud-check:before {
  content: "\e1ee";
}

.dti-cloud-download:before {
  content: "\e1ef";
}

.dti-cloud-minus:before {
  content: "\e1f0";
}

.dti-cloud-disable:before {
  content: "\e1f1";
}

.dti-cloud-plus:before {
  content: "\e1f2";
}

.dti-cloud-refresh:before {
  content: "\e1f3";
}

.dti-cloud-remove:before {
  content: "\e1f4";
}

.dti-cloud-search:before {
  content: "\e1f5";
}

.dti-cloud-upload:before {
  content: "\e1f6";
}

.dti-document-check:before {
  content: "\e1f7";
}

.dti-document-cloud:before {
  content: "\e1f8";
}

.dti-document-download:before {
  content: "\e1f9";
}

.dti-document-flagged:before {
  content: "\e1fa";
}

.dti-document-graph:before {
  content: "\e1fb";
}

.dti-document-heart:before {
  content: "\e1fc";
}

.dti-document-minus:before {
  content: "\e1fd";
}

.dti-document-next:before {
  content: "\e1fe";
}

.dti-document-disable:before {
  content: "\e1ff";
}

.dti-document-music:before {
  content: "\e200";
}

.dti-document-pencil:before {
  content: "\e201";
}

.dti-document-picture:before {
  content: "\e202";
}

.dti-document-plus:before {
  content: "\e203";
}

.dti-document-prev:before {
  content: "\e204";
}

.dti-document-refresh:before {
  content: "\e205";
}

.dti-document-remove:before {
  content: "\e206";
}

.dti-document-search:before {
  content: "\e207";
}

.dti-document-star:before {
  content: "\e208";
}

.dti-document-upload:before {
  content: "\e209";
}

.dti-folder-check:before {
  content: "\e20a";
}

.dti-folder-cloud:before {
  content: "\e20b";
}

.dti-folder-document:before {
  content: "\e20c";
}

.dti-folder-download:before {
  content: "\e20d";
}

.dti-bookmark-minus:before {
  content: "\e20e";
}

.dti-folder-graph:before {
  content: "\e20f";
}

.dti-folder-heart:before {
  content: "\e210";
}

.dti-folder-minus:before {
  content: "\e211";
}

.dti-folder-next:before {
  content: "\e212";
}

.dti-folder-disable:before {
  content: "\e213";
}

.dti-folder-music:before {
  content: "\e214";
}

.dti-folder-pencil:before {
  content: "\e215";
}

.dti-folder-picture:before {
  content: "\e216";
}

.dti-folder-plus:before {
  content: "\e217";
}

.dti-folder-prev:before {
  content: "\e218";
}

.dti-folder-refresh:before {
  content: "\e219";
}

.dti-folder-remove:before {
  content: "\e21a";
}

.dti-folder-search:before {
  content: "\e21b";
}

.dti-folder-star:before {
  content: "\e21c";
}

.dti-folder-upload:before {
  content: "\e21d";
}

.dti-mail-check:before {
  content: "\e21e";
}

.dti-mail-cloud:before {
  content: "\e21f";
}

.dti-mail-document:before {
  content: "\e220";
}

.dti-mail-download:before {
  content: "\e221";
}

.dti-mail-flagged:before {
  content: "\e222";
}

.dti-mail-heart:before {
  content: "\e223";
}

.dti-mail-next:before {
  content: "\e224";
}

.dti-mail-disable:before {
  content: "\e225";
}

.dti-mail-music:before {
  content: "\e226";
}

.dti-mail-pencil:before {
  content: "\e227";
}

.dti-mail-picture:before {
  content: "\e228";
}

.dti-mail-prev:before {
  content: "\e229";
}

.dti-mail-refresh:before {
  content: "\e22a";
}

.dti-mail-remove:before {
  content: "\e22b";
}

.dti-mail-search:before {
  content: "\e22c";
}

.dti-mail-star:before {
  content: "\e22d";
}

.dti-mail-upload:before {
  content: "\e22e";
}

.dti-message-check:before {
  content: "\e22f";
}

.dti-message-dots:before {
  content: "\e230";
}

.dti-message-smile:before {
  content: "\e231";
}

.dti-message-heart:before {
  content: "\e232";
}

.dti-message-minus:before {
  content: "\e233";
}

.dti-message-music:before {
  content: "\e234";
}

.dti-message-plus:before {
  content: "\e235";
}

.dti-message-refresh:before {
  content: "\e236";
}

.dti-message-remove:before {
  content: "\e237";
}

.dti-message-sad:before {
  content: "\e238";
}

.dti-smartphone-cloud:before {
  content: "\e239";
}

.dti-smartphone-heart:before {
  content: "\e23a";
}

.dti-smartphone-disable:before {
  content: "\e23b";
}

.dti-smartphone-music:before {
  content: "\e23c";
}

.dti-smartphone-pencil:before {
  content: "\e23d";
}

.dti-smartphone-picture:before {
  content: "\e23e";
}

.dti-smartphone-refresh:before {
  content: "\e23f";
}

.dti-smartphone-search:before {
  content: "\e240";
}

.dti-tablet-cloud:before {
  content: "\e241";
}

.dti-tablet-heart:before {
  content: "\e242";
}

.dti-tablet-disable:before {
  content: "\e243";
}

.dti-tablet-music:before {
  content: "\e244";
}

.dti-tablet-pencil:before {
  content: "\e245";
}

.dti-tablet-picture:before {
  content: "\e246";
}

.dti-tablet-refresh:before {
  content: "\e247";
}

.dti-tablet-search:before {
  content: "\e248";
}

.dti-todolist:before {
  content: "\e249";
}

.dti-todolist-check:before {
  content: "\e24a";
}

.dti-todolist-cloud:before {
  content: "\e24b";
}

.dti-todolist-download:before {
  content: "\e24c";
}

.dti-todolist-flagged:before {
  content: "\e24d";
}

.dti-todolist-minus:before {
  content: "\e24e";
}

.dti-todolist-disable:before {
  content: "\e24f";
}

.dti-todolist-pencil:before {
  content: "\e250";
}

.dti-todolist-plus:before {
  content: "\e251";
}

.dti-todolist-refresh:before {
  content: "\e252";
}

.dti-todolist-remove:before {
  content: "\e253";
}

.dti-todolist-search:before {
  content: "\e254";
}

.dti-todolist-star:before {
  content: "\e255";
}

.dti-todolist-upload:before {
  content: "\e256";
}

/*==================================== */
/* =           3. Elements           = */
/* ====================================*/
/* 3.1 Side Menu */
.side-menu {
  position: fixed;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 500;
}

.side-menu > ul {
  margin: 0;
  padding: 0;
}

.side-menu > ul > li {
  list-style: none;
  margin-bottom: 30px;
}

.side-menu > ul > li > a {
  display: inline-block;
  font-size: 1.8em;
  line-height: 0.8em;
  padding: 3px 0;
  color: #000;
  position: relative;
}

.side-menu > ul > li > a:before {
  content: '';
  position: absolute;
  height: 0px;
  width: 2px;
  top: 0;
  left: -10px;
  background-color: #e54242;
  transition: all 0.15s ease-in-out;
}

.side-menu > ul > li > a:hover {
  color: #e54242;
}

.side-menu > ul > li > a:hover:before {
  height: 100%;
}

.side-menu > ul > li > a:hover,
.side-menu > ul > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}

.side-menu > ul > li.active a {
  color: #e54242;
}

.side-menu > ul > li.active a:before {
  height: 100%;
}

/* 3.2 Social Icons */
.social-icons {
  margin: 0;
  padding: 0;
}

.social-icons > li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.social-icons > li > a {
  color: #000;
}

.social-icons > li > a:hover {
  color: #e54242;
}

.social-icons.rounded > li > a {
  display: block;
  background: #000000;
  color: #333333;
  border: 1px solid #333333;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: relative;
}

.social-icons.rounded > li > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.social-icons.rounded > li > a:hover {
  border-color: #e54242;
  background-color: #e54242;
  color: #FFF;
}

.social-icons.rounded.rounded > li > a {
  width: 42px;
  height: 42px;
  font-size: 1.142em;
}

/* 3.3 Triangle Button */
.triangle-area {
  position: relative;
}

.triangle {
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
  z-index: 20;
  height: 100px;
  width: 220px;
}

.triangle:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 110px 110px 110px;
  border-color: transparent;
  border-bottom-color: #000!important;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: all 0.15s ease-in-out;
}

.triangle:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: transparent;
  border-top-color: #FFF;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20px;
  transition: all 0.15s ease-in-out;
}

.triangle > span {
  display: inline-block;
  color: #000000;
  position: absolute;
  font-size: 0.857em;
  font-weight: 400;
  text-transform: uppercase;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 25px;
  z-index: 5;
  transition: all 0.15s ease-in-out;
}

/* 3.4 Heading */
.section-header {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  padding: 0 15px;
}

.section-header > .heading-effect {
  position: relative;
  display: inline-block;
  height: 63px;
  width: 80px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
}

.section-header > .heading-effect:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0px;
  border-right: 2px dashed rgba(0, 0, 0, 0.2);
  bottom: 0px;
  z-index: 21;
}

.section-header > .heading-effect.outside {
  height: 63px;
}

.section-header > .heading-effect.outside:before {
  /*height: 230px;*/
}

.section-header > .sub-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.section-header > .heading {
  font-size: 2.428em;
  line-height: 1em;
/*  letter-spacing: 0.1em;*/
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
   font-family: Merriweather;
   color:#373636;
}
.service-box-container{
	background:#fff;
	-webkit-box-shadow:2px 1px 15px rgba(0,0,0,.175);
box-shadow:2px 1px 15px rgba(0,0,0,.175);
-moz-box-shadow:2px 1px 15px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
width:100%;
float:left;
}
.know-box-container{
background:#fff;
	-webkit-box-shadow:2px 1px 15px rgba(0,0,0,.175);
box-shadow:2px 1px 15px rgba(0,0,0,.175);
-moz-box-shadow:2px 1px 15px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
float:left;
}

.section-header > .heading > span {
  font-weight: 300;
}

.section-header > .description {
  margin-top: 50px;
  font-size: 1.142em;
  line-height: 2em;
  letter-spacing: 0.020em;
}

.transparent-section .section-header > .heading-effect {
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.transparent-section .section-header > .heading-effect:before {
  border-right-color: rgba(255, 255, 255, 0.35);
}

/* 3.5 Iconic Box */
.iconic-box {
  position: relative;
  margin-bottom: 90px;
}

.iconic-box > .icon {
  margin-top: 6px;
  margin-bottom: 31px;
}

.iconic-box > .content-area {
  position: relative;
}

.iconic-box > .content-area > .title {
  font-size: 1.428em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0;
  margin-bottom: 30px;
}

.iconic-box > .content-area > .back-icon {
  position: absolute;
  right: 15px;
  opacity: 0.05;
  top: 0;
}

.iconic-box > .content-area > .back-icon > i {
  font-size: 125px;
  transition: all 0.15s ease-in-out;
}

.iconic-box > .content-area > .content {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 2;
}

.iconic-box:hover > .icon > i {
  background-color: #e54242;
}

.iconic-box:hover > .content-area > .back-icon {
  opacity: 0.20;
}

.iconic-box:hover > .content-area > .back-icon i {
  color: #e54242;
}

.glass-icon > i {
  display: inline-block;
  position: relative;
  width: 78px;
  height: 78px;
  background-color: #000;
  color: #FFF;
  font-size: 25px;
  border-radius: 25px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-image: url(../img/iconalt.svg);
  background-position: center center;
  background-size: 100% 100%;
  transition: all 0.15s ease-in-out;
}

.glass-icon > i:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

/* 3.6 Box Items */
.box-item {
  position: relative;
  padding-left: 60px;
  margin-bottom: 35px;
}

.box-item > .icon {
  position: absolute;
  width: 40px;
  left: 0;
  top: 0;
}

.box-item > .icon > i {
  font-size: 40px;
}

.box-item .title {
  font-size: 1.285em;
  margin-top: 0;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.050em;
}

.box-item .content {
  font-size: 1em;
  line-height: 1.714em;
  font-family: 'Open Sans', sans-serif;
}

/* 3.7 Featured Circle */
/* 3.8 Service Box */
.service-box {
  position: relative;
  margin-bottom: 90px;
}

.service-box > .icon {
  transition: all 0.15s ease-in-out;
}

.service-box > .icon > i {
  font-size: 4.571em;
  margin-bottom: 30px;
}

.service-box > .details {
  position: relative;
  transition: all 0.15s ease-in-out;
  overflow: hidden;
}

.service-box > .details > i {
  position: absolute;
  right: -15px;
  top: 50%;
  font-size: 7em;
  z-index: 1;
  color: #e54242;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  transition-delay: 0.15s;
}

.service-box > .details > .title {
  position: relative;
  font-size: 1.428em;
  font-weigh: 700;
  text-transform: uppercase;
  letter-spacing: 0.060em;
  margin: 0;
  margin-bottom: 25px;
  z-index: 5;
}

.service-box > .details > .content,
.service-box > .details > .full {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.714em;
  z-index: 5;
  transition: all 0.15s ease-in-out;
}

.service-box > .details > .full {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition-delay: 0.1s;
  opacity: 0;
}

.service-box:hover > .icon {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

.service-box:hover > .details {
  overflow: visible;
  -webkit-transform: translateY(-65px);
          transform: translateY(-65px);
}

.service-box:hover > .details > i {
  opacity: 0.1;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}

.service-box:hover > .details > .content {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.service-box:hover > .details > .full {
  opacity: 1;
  bottom: 0;
  -webkit-transform: translateY(45px);
          transform: translateY(45px);
}

/* 3.9 Pricing Table */
.pricing-table {
  background-color: #FFF;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 70px;
  position: relative;
  transition: all 0.15s ease-in-out;
}

.pricing-table > .pricing-header {
  margin-bottom: 50px;
}

.pricing-table > .pricing-header > .name {
  font-size: 0.857em;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  margin-bottom: 25px;
}

.pricing-table > .pricing-header > .price {
  font-size: 5em;
  line-height: 0.8em;
  font-weight: 700;
}

.pricing-table > .pricing-header > .price small {
  font-size: 0.485em;
}

.pricing-table > .pricing-header > .cycle {
  font-size: 0.857em;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 700;
}

.pricing-table > .pricing-features {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  list-style: none;
  line-height: 2.142em;
  letter-spacing: 0.050em;
  margin-bottom: 65px;
}

.pricing-table > .pricing-features ul {
  padding: 0;
  list-style: none;
}

.pricing-table .buy-link {
  position: relative;
  display: inline-block;
  font-size: 0.857em;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  z-index: 1;
}

.pricing-table .buy-link:after {
  content: '';
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: transparent;
  border-top-color: #f2f2f2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
  z-index: -1;
}

.pricing-table .buy-link:hover {
  color: #FFF;
}

.pricing-table .buy-link:hover:after {
  border-top-color: #e54242;
}

.pricing-table.active {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  z-index: 5;
}

.pricing-table.active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  top: 0;
  left: 0;
  background-color: #e54242;
}

/* 3.10 Action Area */
.mock-action > h3 {
  margin: 0;
  font-size: 1.428em;
  letter-spacing: 0.10em;
  font-weight: 700;
}

/* 3.11 Special Testimonials */
.special-testimonial {
  position: relative;
  overflow: hidden;
  padding: 95px 55px;
  text-align: center;
  width: 740px;
  margin: 0 auto;
  border-top: 15px solid #FFF;
  border-left: 15px solid #FFF;
}

.special-testimonial:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 190px;
  width: 15px;
  height: 100%;
  background-color: #fff;
}

.special-testimonial:after {
  content: '';
  position: absolute;
  right: 190px;
  bottom: 0;
  height: 15px;
  width: 100%;
  background-color: #fff;
}

.special-testimonial > .more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #FFF;
  width: 150px;
  height: 150px;
  border-style: solid;
  border-width: 0 0 150px 150px;
  border-color: transparent transparent #e54242 transparent;
}

.special-testimonial > .more > i {
  position: absolute;
  top: 85px;
  left: -65px;
  font-size: 50px;
  color: #FFF;
  z-index: 55;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.special-testimonial > .title {
  position: relative;
  font-size: 3.428em;
  letter-spacing: 0.020em;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 65px;
}

.special-testimonial > .title > span {
  font-weight: 700;
  color: #e54242;
}

.special-testimonial > .title:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 30%;
  height: 1px;
  background-color: #FFF;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.special-testimonial > .content {
  font-size: 1.142em;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 40px;
}

.special-testimonial > .name {
  font-size: 1.285em;
  letter-spacing: 0.100em;
}

/* 3.12 Buttons */
.dt-btn {
  border: 1px solid #e54242;
  display: inline-block;
  padding: 10px 15px;
  color: #e54242;
  font-size: 0.857em;
  line-height: 1em;
  font-weight: 400;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
}

.dt-btn:hover,
.dt-btn:focus {
  background-color: #e54242;
  color: #FFF;
  text-decoration: none;
  outline-color: transparent;
}

.dt-btn.medium {
  padding: 15px 25px;
}

/* 3.13 Page Navigation */
.dti-pager {
  padding: 40px 0;
  text-align: center;
}

.dti-pager:before,
.dti-pager:after {
  content: "";
  display: table;
}

.dti-pager:after {
  clear: both;
}

.dti-pager > li {
  display: inline;
}

.dti-pager > li.previous {
  float: left;
}

.dti-pager > li.previous a:hover i {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.dti-pager > li.next {
  float: right;
}

.dti-pager > li.next a:hover i {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.dti-pager > li > a {
  display: block;
  border: 1px solid #e54242;
  color: #e54242;
  font-size: 1.071em;
  letter-spacing: 0.050em;
  font-weight: 400;
  padding: 10px 25px;
}

.dti-pager > li > a > i {
  display: inline-block;
  height: 16px;
  overflow: hidden;
  position: relative;
  padding: 0 5px;
  transition: all 0.15s;
}

.dti-pager > li > a > i:before {
  font-size: 32px;
  line-height: 0.7em;
}

/* 3.14 Skills Bars */
.dt-progress {
  background-color: #c8c8c8;
  height: 10px;
  position: relative;
  margin-bottom: 25px;
}

.dt-progress > span {
  position: absolute;
  top: 50%;
  left: 5px;
  height: 2px;
  background-color: #e54242;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dt-progress > span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #e54242;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.dt-progress > span:after {
  content: attr(data-amount);
  position: absolute;
  top: 6px;
  right: 12px;
  padding: 2px 10px;
  background-color: #e54242;
  color: #FFF;
  -webkit-transform: skew(-30deg);
          transform: skew(-30deg);
  font-size: 1.1em;
  font-weight: 400;
}

/* 3.15 Post Share */
.post-share {
  padding-left: 0;
}

.post-share > li {
  display: inline-block;
}

.post-share > li.share-title {
  margin-right: 15px;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

.post-share > li.item {
  margin: 0 5px;
}

.post-share > li.item > a {
  display: block;
  width: 38px;
  height: 38px;
  color: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 50%;
  position: relative;
}

.post-share > li.item > a:hover {
  color: #e54242;
  border-color: #e54242;
}

.post-share > li.item > a > i {
  font-size: 1.142em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 3.16 Comment Form */
.comment-respond .comment-reply-title {
  font-size: 1.142em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 70px;
}

.comment-respond .comment-form input,
.comment-respond .comment-form textarea {
  display: block;
  width: 100%;
}

.comment-respond .comment-form input[type="submit"],
.comment-respond .comment-form textarea[type="submit"] {
  display: table;
  width: auto;
  margin: 0 auto;
  background-color: #e54242;
  color: #FFF;
  border-color: #e54242;
  font-weight: 400;
  padding: 12px 30px;
}

.comment-respond .comment-form input[type="submit"]:hover,
.comment-respond .comment-form textarea[type="submit"]:hover {
  background-color: transparent;
  color: #e54242;
}

.comment-respond .comment-form textarea {
  margin-bottom: 30px;
}

.comment-respond .comment-form .input-fields {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.comment-respond .comment-form .input-fields .field-half {
  width: 50%;
  float: left;
  padding: 0 15px;
}

/* 3.17 Blockquote */
blockquote {
  border-left-color: #e54242;
  font-size: 1.142em;
  font-weight: 400;
}

blockquote > .info {
  font-size: 0.875em;
  font-weight: 300;
  padding-top: 15px;
}

blockquote > .info > span {
  color: #999999;
}

/* 3.18 Back to top */
#back-to-top {
 bottom: 1px;
    color: #fff;
    height: 70px;
    opacity: 0;
    position: fixed;
    right: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 70px;
    z-index: 1000;
}

#back-to-top.show {
  opacity: 1;
}

#back-to-top:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 70px;
  border-color: transparent transparent #ff0000 transparent;
  z-index: 1;
  transition: all 0.15s ease-in-out;
}

#back-to-top > span {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  right: 6px;
  font-size: 0.857em;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}

#back-to-top:hover {
  cursor: pointer;
}

#back-to-top:hover:before {
  border-color: transparent transparent #1b4d69 transparent;
}

/* 3.19 Footer Contact */
.footer-contact-box {
  margin-bottom: 50px;
}

.footer-contact-box > i {
  font-size: 30px;
  color: #7b7b7b;
  margin-bottom: 15px;
}

.footer-contact-box > .heading {
  font-size: 1em;
  font-weight: 600;
}

.footer-contact-box > .content {
  color: #ccc;
  font-weight: 400;
}

.footer-contact {
  padding: 0;
}

.footer-contact > li {
  display: inline-block;
  color: #CCC;
  text-transform: uppercase;
  padding-right: 50px;
}

.footer-contact > li > i {
  color: #7b7b7b;
  margin-right: 10px;
  font-size: 1.142em;
}

/* 3.20 Feature Box */
.feature-box {
  background-color: #f2f4f6;
  border-left: 4px solid #e54242;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
  padding: 20px 25px;
}

.feature-box > .icon {
  width: 240px;
  height: 190px;
  text-align: center;
  float: left;
  overflow: hidden;
  margin-right: 20px;
}

.feature-box > .icon > img {
  width: auto;
  height: 100%;
}

.feature-box > .content h3 {font-family: Merriweather;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 25px;
}
.sub-content{
color: #3078a2;
font-size: 13px;
font-family: Merriweather;
line-height: 20px;
letter-spacing: 0;
/*text-transform: capitalize;*/
margin-top: 9px;
min-height:70px;

}

.suscess-btn-camp a{
background:#98bacc;
	border:1px solid #799aab;
	color:#000;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}



.suscess-btn-camp a:hover{
	background:#799aab;
}

.suscess-btn-lead a{
	background:#1f4c6b;
	border:1px solid #799aab;
	color:#fff;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}

.suscess-btn-lead a:hover{
	background:#0d2535;
}


.sub-content-opp a{
	background:#d1e6e8;
	border:1px solid #799aab;
	color:#000;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}
.sub-content-opp a:hover{
	background:#799aab;
}

.sub-content-opps{
	float:left;
}
.sub-content-opps a{
	background:#d1e6e8;
	border:1px solid #799aab;
	color:#000;
	font-size:13px;
	
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}
.sub-content-opps a:hover{
	background:#799aab;
}


.suscess-btn-account a{
	background:#6b8ea5;
	border:1px solid #799aab;
	color:#fff;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}

.suscess-btn-account a:hover{
	background:#799aab;
}

.suscess-btn-accounts{
	float:left;
}
.suscess-btn-accounts a{
	background:#6b8ea5;
	border:1px solid #799aab;
	color:#fff;
	font-size:13px;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
}

.suscess-btn-accounts a:hover{
	background:#799aab;
}



.suscess-btn a{
	background:#19b4f2;
	border:1px solid #196ea8;
	color:#fff;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
	
}

.contact-btn a button{
	background:#19b4f2;
	border:1px solid #21526d;
	color:#fff;
	font-size:13px;
	float:left;
	line-height:20px;
	padding:5px 10px 5px 10px;font-family: Merriweather;
	
}

.contact-btn a button:hover{
 background:#21526d;
}

.suscess-btn a:hover{
background:#136aa6;
}
.more-link a{
font-size:12px;
color:#000;
float:right;font-family: Merriweather;

}
.more-link a:hover{
text-decoration:underline;
}
.pb-60{
	padding-bottom:60px;
}

.feature-box:before,
.feature-box:after {
  content: "";
  display: table;
}

.feature-box:after {
  clear: both;
}

/* 3.21 Gallery */
.kingma-gallery {
  position: relative;
}

.kingma-gallery .full-sized-image {
  margin-bottom: 10px;
}

.kingma-gallery .full-sized-image .swiper-slide > img {
  width: 100%;
  height: auto;
}

.kingma-gallery .thumbnails-sized-image .swiper-slide > img {
  width: 100%;
  height: auto;
}

.kingma-gallery .gallery-navigation[data-swiper="prev"] {
  position: absolute;
  z-index: 100;
  top: 50%;
  z-index: 222;
  -webkit-transform: translate(-80%, -175px);
          transform: translate(-80%, -175px);
}

.kingma-gallery .gallery-navigation[data-swiper="prev"]:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 50px 0;
  border-color: transparent #e54242 transparent transparent;
  transition: all 0.15s ease-in-out;
}

.kingma-gallery .gallery-navigation[data-swiper="prev"] > i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(80%, -50%);
          transform: translate(80%, -50%);
  color: #FFF;
}

.kingma-gallery .gallery-navigation[data-swiper="prev"]:hover:before {
  border-color: transparent #FFF transparent transparent;
}

.kingma-gallery .gallery-navigation[data-swiper="prev"]:hover > i {
  color: #e54242;
}

.kingma-gallery .gallery-navigation[data-swiper="next"] {
  position: absolute;
  z-index: 100;
  top: 50%;
  right: 0;
  z-index: 222;
  -webkit-transform: translate(80%, -175px);
          transform: translate(80%, -175px);
}

.kingma-gallery .gallery-navigation[data-swiper="next"]:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 50px;
  border-color: transparent transparent transparent #e54242;
  transition: all 0.15s ease-in-out;
}

.kingma-gallery .gallery-navigation[data-swiper="next"] > i {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
  color: #FFF;
}

.kingma-gallery .gallery-navigation[data-swiper="next"]:hover:before {
  border-color: transparent transparent transparent #FFF;
}

.kingma-gallery .gallery-navigation[data-swiper="next"]:hover > i {
  color: #e54242;
}

/*==================================== */
/* =            4. Widgets           = */
/* ====================================*/
.widget {
  margin-bottom: 100px;
}

.widget > .widget-title {
  font-size: 1.142em;
  line-height: 1.25em;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 45px;
  text-transform: uppercase;
}

.widget select {
  width: 100%;
  padding: 10px;
  border: 1px solid #e4e4e4;
}

.widget select:focus {
  outline-color: transparent;
  border-color: #e54242;
}

.widget > ul,
.widget ul.menu {
  padding-left: 0;
}

.widget > ul > li,
.widget ul.menu > li {
  list-style: none;
}

.widget > ul > li > a,
.widget ul.menu > li > a {
  display: block;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
  font-size: 1.142em;
  letter-spacing: 0.050em;
  color: #000;
  position: relative;
}

.widget > ul > li > a:hover,
.widget ul.menu > li > a:hover {
  color: #e54242;
  text-decoration: none;
}

.widget > ul > li > a:before,
.widget ul.menu > li > a:before {
  content: "\f101";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.widget > ul > li:first-child > a,
.widget ul.menu > li:first-child > a {
  padding-top: 0;
}

.widget > ul > li:last-child > a,
.widget ul.menu > li:last-child > a {
  border-bottom: none;
  padding-bottom: 0;
}

.widget > ul > li ul,
.widget ul.menu > li ul {
  list-style: none;
  padding-left: 10px;
  padding-top: 10px;
}

.widget > ul > li ul > li,
.widget ul.menu > li ul > li {
  border-bottom: 1px solid #dcdcdc;
}

.widget > ul > li ul > li > a,
.widget ul.menu > li ul > li > a {
  display: block;
  color: #000;
  padding: 5px 0;
  position: relative;
}

.widget > ul > li ul > li > a:hover,
.widget ul.menu > li ul > li > a:hover {
  color: #e54242;
}

.widget > ul > li ul > li > a:before,
.widget ul.menu > li ul > li > a:before {
  content: "\f101";
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.widget > ul > li.recentcomments,
.widget ul.menu > li.recentcomments {
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0;
}

.widget > ul > li.recentcomments a,
.widget ul.menu > li.recentcomments a {
  color: #000;
  display: inline;
  border-bottom: none;
}

.widget > ul > li.recentcomments a:hover,
.widget ul.menu > li.recentcomments a:hover {
  color: #e54242;
}

.widget > ul > li.recentcomments a:before,
.widget ul.menu > li.recentcomments a:before {
  display: none;
}

.widget img {
  max-width: 100%;
  height: auto;
}

/* 4.1 Search */
form.search-form {
  position: relative;
}

form.search-form input.search-field {
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #e54242;
  background-color: transparent;
  font-weight: 400;
  color: #e54242;
  padding: 5px 0;
}

form.search-form input.search-field:active,
form.search-form input.search-field:focus {
  outline-color: transparent;
}

form.search-form button.search-submit {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border-color: transparent;
}

/* 4.2 Recent Posts */
.widget_kingma_recent_posts > .popular-posts {
  padding-left: 0;
}

.widget_kingma_recent_posts > .popular-posts > li {
  list-style: none;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}

.widget_kingma_recent_posts > .popular-posts > li:last-child {
  border-bottom: none;
}

.widget_kingma_recent_posts > .popular-posts > li > .thumb {
  width: 90px;
  height: 90px;
  float: left;
}

.widget_kingma_recent_posts > .popular-posts > li > .thumb > img {
  max-width: 100%;
  height: auto;
}

.widget_kingma_recent_posts > .popular-posts > li > .content {
  padding-left: 110px;
  font-family: 'Open Sans', sans-serif;
}

.widget_kingma_recent_posts > .popular-posts > li > .content .title {
  margin-top: 0;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.571em;
  margin-bottom: 10px;
}

.widget_kingma_recent_posts > .popular-posts > li > .content .title > a {
  color: #000;
}

.widget_kingma_recent_posts > .popular-posts > li > .content .title > a:hover {
  color: #e54242;
}

.widget_kingma_recent_posts > .popular-posts > li > .content .meta {
  color: #999999;
  font-weight: 0.928em;
  letter-spacing: 0.050em;
}

/* 4.3 Categories */
/* 4.4 Newsletter */
.widget_newsletter > form > input {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 10px 20px;
  margin-bottom: 25px;
  transition: all 0.15s ease-in-out;
}

.widget_newsletter > form > input:focus {
  border-color: #e54242;
  outline-color: transparent;
}

.widget_newsletter > form > button {
  border: 1px solid #e54242;
  background-color: #e54242;
  color: #FFF;
  font-size: 0.857em;
  line-height: 1em;
  font-weight: 400;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.15s ease-in-out;
}

.widget_newsletter > form > button:hover {
  background-color: transparent;
  color: #000;
}

/* 4.5 Tags */
.widget_tag_cloud > .tagcloud {
  margin-left: -5px;
  margin-right: -5px;
}

.widget_tag_cloud > .tagcloud > a {
  display: inline-block;
  padding: 10px 25px;
  color: #000;
  border: 1px solid #d3d3d3;
  font-size: 1.142em !important;
  letter-spacing: 0.050em;
  margin: 5px;
}

.widget_tag_cloud > .tagcloud > a:hover {
  color: #e54242;
  border-color: #e54242;
}

/* 4.6 Archives */
/* 4.7 Calendar */
.widget_calendar {
  float: left;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: right;
  font-weight: 400;
}

#wp-calendar thead {
  font-size: 10px;
}

#wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #FFF;
  border: 1px solid #f5f5f5;
  text-align: center;
  padding: 8px;
  font-weight: 400;
  transition: all 0.15s ease-in-out;
}

#wp-calendar tbody td a {
  color: #e54242;
}

#wp-calendar tbody td a:hover {
  color: #FFF;
}

#wp-calendar tbody td:hover {
  background: #e54242;
  color: #FFF;
}

#wp-calendar tbody td:hover a {
  color: #FFF;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next,
#wp-calendar tfoot #prev {
  padding-top: 10px;
}

#wp-calendar tfoot #next a,
#wp-calendar tfoot #prev a {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
}

#wp-calendar tfoot #next a:hover,
#wp-calendar tfoot #prev a:hover {
  color: #e54242;
}

#wp-calendar tfoot #next {
  text-align: right;
}

/*==================================== */
/* =            5. Sections          = */
/* ====================================*/
/* 5.1 Header */
#logo {
  width: 155px;
  float: left;
    margin-left: 30px;  
}

#logo > a {
  color: #000;
  font-size: 1.5em;
  font-weight: 800;
  text-transform: uppercase;
}

#logo > a > img {
  width: 100%;
  height: auto;
}

#logo > a > img.transparent-logo {
  display: none;
}

.site-header {
  min-height: 40px;
  /*padding: 0px 40px;*/
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 500;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.7);
}

.site-header.scrolled {
  min-height: 40px;
  padding-top: 14px;
  padding-bottom: 0px;
  background: #fff;

}
.more-bts a{
    color:#fff!important;
}
.more-bts{
float: right;
background: #f29e33;
color: #fff;
padding: 4px 8px;
margin-top: 10px;
font-size: 14px;
position:absolute;
right:0;
bottom:0;
}

.app-bts{
float:left;
margin-top:10px;
position:absolute;
left:0;
bottom:0;
}

#top-social {
  margin-top: 5px;
  float: right;
  margin-right: 40px;
}

#top-social > .social-icons {
  text-align: right;
}

#top-menu {
/*  margin-top: 22px;*/
margin-top: 5px;
float: right;
position: relative;
padding-right: 70px;
min-width: 100px;
margin-right: 15px;
}

#top-menu .nav-trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
}

#top-menu .nav-trigger > .icon-bar {
  display: inline-block;
  width: 25px;
  height: 16px;
  position: relative;
}

#top-menu .nav-trigger > .icon-bar > span {
  display: block;
  width: 100%;
  border-bottom: 2px solid #000;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 0;
}

#top-menu .nav-trigger > .icon-bar > span:first-child {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 0px;
}

#top-menu .nav-trigger > .icon-bar > span:nth-child(2) {
  top: 7px;
  left: 0;
}

#top-menu .nav-trigger > .icon-bar > span:last-child {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  bottom: 0;
}

#top-menu .nav-trigger > .text {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 10px;
  width: 45px;
  height: 16px;
  position: relative;
}

#top-menu .nav-trigger > .text > span {
  font-size: 0.857em;
  font-weight: 400;
  letter-spacing: 0.10em;
  position: absolute;
  top: 50%;
  right: -50%;
  transition: all 0.3s ease-in-out;
}

#top-menu .nav-trigger > .text > span:first-child {
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

#top-menu .nav-trigger > .text > span:last-child {
  left: -50%;
  right: inherit;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#top-menu .nav-trigger:hover {
  cursor: pointer;
}

#top-menu .menu-items {
  margin: 0;
  padding: 0;
  margin-right: 85px;
  display: none;
}

#top-menu .menu-items > li {
  display: inline-block;
  opacity: 0;
  position: relative;
  top: -5px;
  transition: top 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
}

#top-menu .menu-items > li:nth-child(2n) {
  transition: top 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

#top-menu .menu-items > li:nth-child(3n) {
  transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
}

#top-menu .menu-items > li:nth-child(4n) {
  transition: top 0.3s ease 0.4s, opacity 0.3s ease 0.4s;
}

#top-menu .menu-items > li:nth-child(5n) {
  transition: top 0.3s ease 0.5s, opacity 0.3s ease 0.5s;
}

#top-menu .menu-items > li:nth-child(6n) {
  transition: top 0.3s ease 0.6s, opacity 0.3s ease 0.6s;
}

#top-menu .menu-items > li:nth-child(7n) {
  transition: top 0.3s ease 0.7s, opacity 0.3s ease 0.7s;
}

#top-menu .menu-items > li:nth-child(8n) {
  transition: top 0.3s ease 0.8s, opacity 0.3s ease 0.8s;
}

#top-menu .menu-items > li:nth-child(9n) {
  transition: top 0.3s ease 0.9s, opacity 0.3s ease 0.9s;
}

#top-menu .menu-items > li:nth-child(10n) {
  transition: top 0.3s ease 1s, opacity 0.3s ease 1s;
}

#top-menu .menu-items > li > a {
 text-transform: uppercase;
color: #111;
margin-right: 25px;
font-size: 1em;
font-weight: 700;
letter-spacing: 0.10em;
padding: 17px 0px 0px 0px;
}
.header-2 #top-menu .menu-items > li > a {
	text-transform:capitalize;
	font-size:14px;
	}

#top-menu .menu-items > li.button-styles > a {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
  color: #e54242;
}

#top-menu .menu-items > li.button-styles > a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 160%;
  border: 2px solid #e54242;
  top: 50%;
  left: 50%;
  z-index: -1;
  transition: all 0.15s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#top-menu .menu-items > li.button-styles > a:hover {
  color: #FFF;
}

#top-menu .menu-items > li.button-styles > a:hover:after {
  background-color: #e54242;
}

#top-menu .menu-items > li.logo-yes {
  display: none;
}

#top-menu .menu-items > li.active > a,
#top-menu .menu-items > li > a:hover,
#top-menu .menu-items > li > a:focus {
  color: #ff0000;
  text-decoration: none;
  background-color: transparent;
 
 
}

#top-menu .menu-items > li:last-child > a {
  margin-right: 0;
}

#top-menu .menu-items > li.menu-item-has-children {
  margin-right: 5px;
}

#top-menu .menu-items > li.menu-item-has-children:after {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 10px;
}

#top-menu .menu-items > li.menu-item-has-children > .sub-menu {
  position: absolute;
  padding: 20px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  top: 35px;
  display: none;
}

#top-menu .menu-items > li.menu-item-has-children > .sub-menu > li {
  list-style: none;
}

#top-menu .menu-items > li.menu-item-has-children > .sub-menu > li > a {
  padding: 10px 15px;
  color: #000;
  display: block;
}

#top-menu .menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
  color: #FFF;
  background-color: #000;
}

#top-menu .menu-items > li.menu-item-has-children > .sub-menu.visible {
  display: block;
}

#top-menu.active .nav-trigger > .icon-bar {
  position: relative;
}

#top-menu.active .nav-trigger > .icon-bar > span {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: inherit;
}

#top-menu.active .nav-trigger > .icon-bar > span:nth-child(2) {
  opacity: 0;
  display: none;
}

#top-menu.active .nav-trigger > .icon-bar > span:first-child {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

#top-menu.active .nav-trigger > .icon-bar > span:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

#top-menu.active .nav-trigger > .text > span:first-child {
  right: 0%;
  opacity: 0;
}

#top-menu.active .nav-trigger > .text > span:last-child {
  top: 50%;
  left: 50%;
  right: inherit;
  opacity: 1;
}

#top-menu.active .menu-items {
  display: block;
}

#top-menu.active .menu-items.nav-visible > li {
  opacity: 1;
  top: 0;
}

.transparent-menu {
  padding-top: 40px;
}

.transparent-menu .site-header {
  background-color: transparent;
  padding-top: 60px;
}

.transparent-menu .site-header #logo > a > img {
  display: none;
}

.transparent-menu .site-header #logo > a > img.transparent-logo {
  display: block;
}

.transparent-menu .site-header #top-menu .menu-items > li > a {
  color: #FFF;
}

.transparent-menu .site-header #top-menu .menu-items > li > a:hover {
  color: #e54242;
}

.transparent-menu .site-header #top-menu .menu-items > li.active > a {
  color: #e54242;
}

.transparent-menu .site-header .social-icons > li > a {
  color: #FFF;
}

.transparent-menu .site-header .social-icons > li > a:hover {
  color: #e54242;
}

.transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
  border-bottom-color: #FFF;
}

.transparent-menu .site-header #top-menu .nav-trigger > .text {
  color: #FFF;
}

.transparent-menu .site-header.scrolled {
  padding-top: 10px;
  background-color: #FFF;
}

.transparent-menu .site-header.scrolled #logo > a > img {
  display: block;
}

.transparent-menu .site-header.scrolled #logo > a > img.transparent-logo {
  display: none;
}

.transparent-menu .site-header.scrolled #top-menu .menu-items > li > a {
  color: inherit;
}

.transparent-menu .site-header.scrolled #top-menu .menu-items > li > a:hover {
  color: #e54242;
}

.transparent-menu .site-header.scrolled #top-menu .menu-items > li.active > a {
  color: #e54242;
}

.transparent-menu .site-header.scrolled .social-icons > li > a {
  color: #000;
}

.transparent-menu .site-header.scrolled .social-icons > li > a:hover {
  color: #e54242;
}

.transparent-menu .site-header.scrolled #top-menu .nav-trigger > .icon-bar > span {
  border-bottom-color: #000;
}

.transparent-menu .site-header.scrolled #top-menu .nav-trigger > .text {
  color: #000;
}

@media (min-width: 992px) {
  .menu-open-always #top-menu,
  .center-menu-with-logo #top-menu {
    padding-right: 0;
  }
  .menu-open-always #top-menu .menu-items,
  .center-menu-with-logo #top-menu .menu-items {
    display: block;
    margin-right: 0;
  }
  .menu-open-always #top-menu .menu-items > li,
  .center-menu-with-logo #top-menu .menu-items > li {
    opacity: 1;
    top: 0;
  }
  .menu-open-always #nav-trigger,
  .center-menu-with-logo #nav-trigger {
    display: none;
  }
}

@media (min-width: 992px) {
  .vertical-menu {
    padding-top: 40px;
  }
  .vertical-menu .site-header {
    background-color: transparent;
    border-bottom: none;
    width: 240px;
    left: 40px;
    top: 40px;
    padding: 30px;
  }
  .vertical-menu .site-header > .container-fluid {
    padding: 0;
  }
  .vertical-menu .site-header.scrolled {
    top: 0;
  }
  .vertical-menu #logo,
  .vertical-menu #top-menu,
  .vertical-menu #top-social {
    float: none;
    margin: 0;
  }
  .vertical-menu #logo {
    margin: 0 auto;
  }
  .vertical-menu #top-menu {
    padding-right: 0;
    margin-top: 40px;
  }
  .vertical-menu #top-menu > .menu-items {
    margin: 0;
    display: none;
    opacity: 0;
  }
  .vertical-menu #top-menu > .menu-items > li {
    display: block;
    opacity: 1;
    top: 0;
  }
  .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu {
    position: relative;
    top: auto;
    padding: 0;
    padding-left: 10px;
    margin: 5px 0;
    background-color: transparent;
    box-shadow: none;
  }
  .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li {
    border-bottom: 1px solid #E6E6E6;
  }
  .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li:last-child {
    border-bottom: none;
  }
  .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li > a {
    padding: 0;
    margin-right: 25px;
    font-size: 0.857em;
    font-weight: 400;
    letter-spacing: 0.10em;
    text-transform: uppercase;
  }
  .vertical-menu #top-menu > .menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
    background-color: transparent;
    color: #e54242;
  }
  .vertical-menu #top-social {
    margin-top: 65px;
    display: none;
    opacity: 0;
  }
  .vertical-menu #top-social > .social-icons {
    text-align: center;
  }
  .vertical-menu #nav-trigger {
    width: 135px;
    height: 75px;
    color: #FFF;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    left: -45px;
    top: 10px;
    transition: all 0.25s ease-in-out;
  }
  .vertical-menu #nav-trigger:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 75px 67.5px 0 67.5px;
    border-color: #e54242 transparent transparent transparent;
  }
  .vertical-menu #nav-trigger > .icon-bar,
  .vertical-menu #nav-trigger > .text {
    display: block;
    margin: 0 auto;
    top: 8px;
  }
  .vertical-menu #nav-trigger > .icon-bar > span,
  .vertical-menu #nav-trigger > .text > span {
    border-color: #FFF;
  }
  .vertical-menu #nav-trigger > .text {
    top: 15px;
  }
  .vertical-menu.v-menu-active .site-header {
    background-color: #e7e7e7;
  }
  .vertical-menu.v-menu-active #top-menu > .menu-items {
    display: block;
    opacity: 1;
  }
  .vertical-menu.v-menu-active #top-social {
    display: block;
    opacity: 1;
  }
  .vertical-menu.v-menu-active #nav-trigger {
    left: 180px;
  }
  .vertical-menu.menu-open-always #nav-trigger {
    display: block;
  }
}

@media (min-width: 992px) {
  .center-menu-with-logo #logo {
    display: none;
  }
  .center-menu-with-logo #top-menu {
    float: none;
    text-align: center;
  }
  .center-menu-with-logo #top-menu .menu-items > .logo-yes {
    display: inline-block;
    padding-right: 50px;
    padding-left: 35px;
  }
  .center-menu-with-logo #top-menu .menu-items > .logo-yes > a {
    display: block;
    background-image: url("../img/logo.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 160px;
    height: 30px;
    margin-right: 0px;
    text-indent: -9999px;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .center-menu-with-logo #top-social {
    float: none;
    margin-top: 30px;
  }
  .center-menu-with-logo #top-social > .social-icons {
    text-align: center;
  }
}

/* 5.2 Banner */
#banner {
  position: relative;
  overflow: hidden;
 /* top:20px;*/

}

 .slide-caption {
  position: relative;
  top:70%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #000;
  font-weight:600;
   font-family: Merriweather;
   right:220px;
}

/*.slide-caption-1{
position: absolute;
top: 70%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
font-weight: 600;
font-family: Merriweather;
right: 0;
left: -5%;
}

.slide-caption-2{
 position: absolute;
top: 70%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
font-weight: 600;
font-family: Merriweather;
right: 340px;
left: 0;
}

.slide-caption-3{
 position: absolute;
top: 60%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
font-weight: 600;
font*/-family: "Raleway",sans-serif;
right: 0;
left: 48%;
}

/*.slide-caption-1, .slide-caption-2, .slide-caption-3, h4 {
font-size: 30px;
margin: 0;
line-height: 1em;
margin-bottom: 35px;
font-weight: 400;
text-transform:capitalize;
}

.slide-caption-1, .slide-caption-2, .slide-caption-3, h2  {
    font-size: 25px margin: 0;
    line-height: 1em;
    margin-bottom: 25px;
    font-weight: 300;
	text-transform:capitalize;
}*/




.main-slider .slide-item .slide-caption .slide-mini-title {
 font-size: 30px;
margin: 0;
line-height: 1em;
margin-bottom: 35px;
font-weight: 400;
}

.main-slider .slide-item .slide-caption .slider-huge-title {
  font-size:25px
  margin: 0;
  line-height: 1em;
  margin-bottom: 25px;
  font-weight: 300;
}

.main-slider .slide-item .slide-caption .slider-huge-title > span {
  color: #e54242;
  font-weight: 700;


}

.main-slider .slide-item .slide-caption .slide-tag {
  position: relative;
  font-weight: 600;
  margin-bottom: 35px;
}

.main-slider .slide-item .slide-caption .slide-tag span {
  display: inline-block;
  position: relative;
  padding: 0 5px;
}

.main-slider .slide-item .slide-caption .slide-tag span:first-child:before,
.main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 1px;
  background-color: #FFF;
  right: 100%;
  margin-right: 20px;
  top: 50%;
}

.main-slider .slide-item .slide-caption .slide-tag span:last-child:before {
  right: inherit;
  margin-right: inherit;
  left: 100%;
  margin-left: 20px;
}

.main-slider .slide-item .slide-caption .slide-description {
  font-weight: 600;
}

.main-slider .slide-item .slide-caption .slide-action > a {
  color: #FFF;
}

.main-slider .slide-button {
  position: absolute;
  z-index: 25;
  top: 50%;
  margin-top: -20px;
  color: #aaaaaa;
  font-size: 40px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.main-slider .slide-button:hover {
  cursor: pointer;
}

.main-slider .slide-button.prev {
  left: -60px;
  width: 39px;
height: 46px;
background-image: url(../../images/others/large_left.png);
}

.main-slider .slide-button.next {
  right: -60px;
background: url(../../images/others/large_right.png) no-Repeat 0 0;
width: 39px;
height: 46px;
}

.main-slider:hover .slide-button.prev {
  opacity: 1;
  left: 0px;
}

.main-slider:hover .slide-button.next {
  opacity: 1;
  right: 0px;
}


.about-us-content {
  margin-bottom: 50px;
}

.about-us-content > .title {
  margin: 0;
  margin-bottom: 55px;
  font-size: 2.142em;
  font-weight: 700;
}

.about-us-content > .title > span {
  font-weight: 300;
}

.about-us-content > .info-content {
  font-size: 1.142em;
  letter-spacing: 0.02em;
  line-height: 1.6em;
}

.skill-items > .item {
  margin-bottom: 65px;
}

.skill-items > .item > .name {
  font-size: 1.142em;
  letter-spacing: 0.020em;
}

.skills-title {
  font-size: 1.428em;
  letter-spacing: 0.060em;
  font-weight: 700;
}

/* 5.4 Why Choose Us */
.circle-iconic-box > .box-item {
  position: absolute;
  padding-left: 0;
  width: 200px;
}

.circle-iconic-box > .box-item > .icon {
  display: none;
}

.circle-iconic-box.left-side > .box-item:nth-of-type(1) {
  top: -20px;
  left: 45px;
}

.circle-iconic-box.left-side > .box-item:nth-of-type(2) {
  top: 235px;
  left: 0px;
}

.circle-iconic-box.left-side > .box-item:nth-of-type(3) {
  top: 485px;
  left: 110px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(1) {
  top: -65px;
  left: 50px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(2) {
  top: 145px;
  left: 120px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(3) {
  top: 320px;
  left: 65px;
}

.circle-iconic-box.right-side > .box-item:nth-of-type(4) {
  top: 575px;
  left: -35px;
}

.features-circle {
  position: relative;
}

.features-circle .middle-circle {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  border: 2px solid #000;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.features-circle .middle-circle > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.features-circle .middle-circle > .icon {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #000;
  background: #f3f2f2;
}

.features-circle .middle-circle > .icon > span {
  position: absolute;
}

.features-circle .middle-circle > .icon > i {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.features-circle .middle-circle > .icon.size-xxl {
  width: 210px;
  height: 210px;
}

.features-circle .middle-circle > .icon.size-xxl > i {
  font-size: 40px;
}

.features-circle .middle-circle > .icon.size-m {
  width: 120px;
  height: 120px;
}

.features-circle .middle-circle > .icon.size-m > i {
  font-size: 24px;
}

.features-circle .middle-circle > .icon.size-l {
  width: 140px;
  height: 140px;
}

.features-circle .middle-circle > .icon.size-l > i {
  font-size: 36px;
}

.features-circle .middle-circle > .icon.size-xl {
  width: 170px;
  height: 170px;
}

.features-circle .middle-circle > .icon.size-xl > i {
  font-size: 38px;
}

.features-circle .middle-circle > .icon:nth-of-type(1) {
  top: -52px;
  left: 27px;
}

.features-circle .middle-circle > .icon:nth-of-type(1) > span {
  width: 65px;
  height: 11px;
  background-image: url(../img/d-left-1.png);
  background-repeat: no-repeat;
  top: 70px;
  left: -100px;
}

.features-circle .middle-circle > .icon:nth-of-type(2) {
  top: 219px;
  left: -58px;
}

.features-circle .middle-circle > .icon:nth-of-type(2) > span {
  width: 35px;
  height: 11px;
  background-image: url(../img/d-left-2.png);
  background-repeat: no-repeat;
  top: 65px;
  left: -75px;
}

.features-circle .middle-circle > .icon:nth-of-type(3) {
  top: 395px;
  left: 54px;
}

.features-circle .middle-circle > .icon:nth-of-type(3) > span {
  width: 56px;
  height: 28px;
  background-image: url(../img/d-left-3.png);
  background-repeat: no-repeat;
  top: 85px;
  left: -75px;
}

.features-circle .middle-circle > .icon:nth-of-type(4) {
  top: 0px;
  right: 96px;
}

.features-circle .middle-circle > .icon:nth-of-type(4) > span {
  width: 146px;
  height: 33px;
  background-image: url(../img/d-right-1.png);
  background-repeat: no-repeat;
  top: -35px;
  left: 85px;
}

.features-circle .middle-circle > .icon:nth-of-type(5) {
  top: 102px;
  right: -68px;
}

.features-circle .middle-circle > .icon:nth-of-type(5) > span {
  width: 44px;
  height: 11px;
  background-image: url(../img/d-right-2.png);
  background-repeat: no-repeat;
  top: 45px;
  left: 160px;
}

.features-circle .middle-circle > .icon:nth-of-type(6) {
  top: 323px;
  right: -5px;
}

.features-circle .middle-circle > .icon:nth-of-type(6) > span {
  width: 44px;
  height: 11px;
  background-image: url(../img/d-right-3.png);
  background-repeat: no-repeat;
  top: 35px;
  left: 100px;
}

.features-circle .middle-circle > .icon:nth-of-type(7) {
  top: 392px;
  right: 115px;
}

.features-circle .middle-circle > .icon:nth-of-type(7) > span {
  width: 86px;
  height: 28px;
  background-image: url(../img/d-right-4.png);
  background-repeat: no-repeat;
  top: 170px;
  left: 165px;
}

/* 5.5 Site Stats */
.stats-item {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

.stats-item .glass-icon {
  margin-bottom: 25px;
}

.stats-item > i {
  font-size: 5em;
  margin-bottom: 25px;
}

.stats-item > .stat-info {
  position: relative;
  font-size: 2.571em;
  font-weight: 400;
}

.stats-item > .stat-info > .back-amount {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 90px;
  opacity: 0.03;
  z-index: 1;
}

.stats-item > .stat-info > .amount {
  position: relative;
  z-index: 2;
  letter-spacing: 0.060em;
}

.stats-item > .stat-info > .type {
  text-transform: uppercase;
  font-size: .335em;
  color: #e54242;
}

/* 5.6 Team */
.team-peoples-carousel {
  position: relative;
  overflow: hidden;
}

.team-peoples-carousel .team-peoples {
  padding: 25px 0;
}

.team-peoples-carousel .team-peoples .people {
  position: relative;
}

.team-peoples-carousel .team-peoples .people > .people-img {
  margin-bottom: 40px;
  opacity: .25;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
}

.team-peoples-carousel .team-peoples .people > .people-img > img {
  width: 100%;
  height: auto;
}

.team-peoples-carousel .team-peoples .people > .people-profile {
  position: relative;
  text-align: center;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  opacity: 0;
  z-index: 1;
}

.team-peoples-carousel .team-peoples .people > .people-profile > .name-job {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name {
  font-size: 1.285em;
  font-weight: 400;
  color: #e54242;
  text-transform: uppercase;
  letter-spacing: 0.10em;
}

.team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
  content: attr(data-name);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.5em;
  line-height: 1em;
  color: #000;
  text-align: center;
  width: 130%;
  opacity: 0.03;
}

.team-peoples-carousel .team-peoples .people.swiper-slide-active {
  z-index: 5;
}

.team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-img {
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.team-peoples-carousel .team-peoples .people.swiper-slide-active > .people-profile {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

.team-peoples-carousel > [data-swiper="next"],
.team-peoples-carousel > [data-swiper="prev"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  font-size: 45px;
  z-index: 25;
  color: #e54242;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.team-peoples-carousel [data-swiper="prev"] {
  left: 0;
}

.team-peoples-carousel [data-swiper="next"] {
  right: 0;
}

.team-peoples-carousel:hover [data-swiper="prev"] {
  left: 60px;
  opacity: 1;
}

.team-peoples-carousel:hover [data-swiper="next"] {
  right: 60px;
  opacity: 1;
}

/* 5.7 Portfolio */
.filter-btns {
  text-align: center;
  margin-bottom: 50px;
}

.filter-btns > button {
  border: 0;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.filter-btns > button.active, .filter-btns > button:hover {
  color: #e54242;
}

.filter-btns > button:active, .filter-btns > button:focus {
  outline-color: transparent;
}

.masonry-grid {
  max-width: 1800px;
  margin: 0 auto;
}

.masonry-grid > .grid-sizer {
  width: 20%;
}

.masonry-grid > .grid-item {
  float: left;
  height: 200px;
  padding: 0px;
  width: 20%;
}

.masonry-grid > .grid-item > .content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.masonry-grid > .grid-item > .content > img {
  width: 100%;
  height: auto;
}

.masonry-grid > .grid-item > .content .item-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: all 0.15s ease-in-out;
}

/*.masonry-grid > .grid-item > .content > .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 203, 69, 0.9)!important;
  opacity: 0;
  transition: all 0.15s ease-in-out;
  cursor:pointer;
}*/

.masonry-grid > .grid-item > .content > .overlay-content .info {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width:90%;
}

.masonry-grid > .grid-item > .content > .overlay-content .info > .title {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 15px;
  text-transform: capitalize;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transition-delay: 0.20s;
  line-height:25px;
  color:#160404;
  padding-top:50px;
}

.masonry-grid > .grid-item > .content > .overlay-content .info > .categories {
  font-weight: 400;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transition-delay: 0.30s;
}

.masonry-grid > .grid-item > .content > .overlay-content > .action {
  position: absolute;
  bottom: 35px;
  right: 35px;
}

.masonry-grid > .grid-item > .content > .overlay-content > .action > a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #FFF;
  color: #000;
  border-radius: 50%;
  position: relative;
  margin: 5px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: all 0.2s ease-in-out;
  transition-delay: 0.40s;
}

.masonry-grid > .grid-item > .content > .overlay-content > .action > a:last-child {
  transition-delay: 0.45s;
}

.masonry-grid > .grid-item > .content > .overlay-content > .action > a > i {
  position: absolute;
  font-size: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.masonry-grid > .grid-item > .content:hover > .item-img {
  -webkit-transform: scale(1.05) rotate(2deg);
          transform: scale(1.05) rotate(2deg);
		  opacity: 0;
}

.masonry-grid > .grid-item > .content:hover > .overlay-content {
  opacity: 1;
}

.masonry-grid > .grid-item > .content:hover > .overlay-content .info > .title,
.masonry-grid > .grid-item > .content:hover > .overlay-content .info > .categories {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.masonry-grid > .grid-item > .content:hover > .overlay-content .action a {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.masonry-grid > .grid-item.width2 {
  width: 40%;
}

.masonry-grid > .grid-item.width3 {
  width: 26.666666667%;
}

.masonry-grid > .grid-item.width4 {
  width: 33.333333333%;
}

.masonry-grid > .grid-item.width5 {
  width: 46.666666667%;
}

.masonry-grid > .grid-item.width6 {
  width: 50%;
}

.masonry-grid > .grid-item.height2 {
  height: 780px;
}

/* 5.8 Process Flow */
.process-flow-nav {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 85px;
}

.process-flow-nav > li {
  list-style: none;
  display: inline-block;
  margin: 0 40px;
}

.process-flow-nav > li > a {
  display: inline-block;
  color: inherit;
}

.process-flow-nav > li > a:hover,
.process-flow-nav > li > a:focus,
.process-flow-nav > li > a:active {
  text-decoration: none;
}

.process-flow-nav > li > a > i {
  display: block;
  width: 145px;
  height: 145px;
  font-size: 2.571em;
  border: 2px solid #DDD;
  border-radius: 50px;
  transition: all 0.15s ease-in-out;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-bottom: 35px;
  position: relative;
}

.process-flow-nav > li > a > i:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.process-flow-nav > li > a > i:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 1px;
  background-color: #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: -20px;
  bottom: -10px;
}

.process-flow-nav > li > a > i:hover {
  background-color: #e54242;
  background-image: url(../img/iconalt.svg);
  background-position: center center;
  background-size: 100% 100%;
  color: #FFF;
}

.process-flow-nav > li > a > span {
  display: block;
  font-size: 1.071em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.10em;
}

.process-flow-nav > li.active > a > i {
  background-color: #e54242;
  background-image: url(../img/iconalt.svg);
  background-position: center center;
  background-size: 100% 100%;
  color: #FFF;
}

.process-flow-nav > li:last-child > a > i:after {
  display: none;
}

.process-flow-content {
  position: relative;
  margin-bottom: 50px;
}

.process-flow-content .flow-title {
  display: inline-block;
  font-size: 1.285em;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-top: 0;
  border-bottom: 2px solid #e54242;
  padding-bottom: 7px;
  margin-bottom: 25px;
}

.process-flow-content .flow-content {
  font-size: 1.142em;
  line-height: 1.5em;
}

/* 5.9 Client Says */
.clients-says-carousel .clients-says-items {
  margin-bottom: 90px;
}

.clients-says-carousel .clients-says-items > .item > .info {
  margin-bottom: 50px;
}

.clients-says-carousel .clients-says-items > .item > .info > .photo {
  width: 180px;
  height: 180px;
  border-radius: 60px;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 15px auto;
  margin-bottom: 35px;
  position: relative;
}

.clients-says-carousel .clients-says-items > .item > .info > .photo > img {
  width: 100%;
  height: auto;
  -webkit-transform: rotate(-45deg) scale(1.2);
          transform: rotate(-45deg) scale(1.2);
}

.clients-says-carousel .clients-says-items > .item > .info > .name-job {
  text-align: center;
}

.clients-says-carousel .clients-says-items > .item > .info > .name-job > .name {
  font-size: 1.285em;
  margin: 0;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

.clients-says-carousel .clients-says-items > .item > .info > .name-job > .job {
  font-style: italic;
}

.clients-says-carousel .clients-says-items > .item > .content {
  text-align: center;
  font-size: 1.142em;
}

.clients-says-carousel .clients-says-items > .item:hover {
  cursor: -webkit-grab;
}

.clients-says-carousel .controls {
  position: relative;
  text-align: center;

}

.clients-says-carousel .controls [data-swiper="next"],
.clients-says-carousel .controls [data-swiper="prev"] {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: #616160;
  border-radius: 10px;
  color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 10px;
  transition: all 0.15s ease-in-out;
}

.clients-says-carousel .controls [data-swiper="next"] > i,
.clients-says-carousel .controls [data-swiper="prev"] > i {
  font-size: 1.5em;
  text-align: center;
  line-height: 1.8em;
}

.clients-says-carousel .controls [data-swiper="next"]:hover,
.clients-says-carousel .controls [data-swiper="prev"]:hover {
  background-color: #5ebcea;
  color: #FFF;
}

/* 5.10 Awesome clients */
.clients-logo .logo-item {
  height: 310px;
  position: relative;
}

.clients-logo .logo-item > a {
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.clients-logo .logo-item > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.30;
  transition: all 0.15s ease-in-out;
}

.clients-logo .logo-item > a:hover > img {
  opacity: 1;
}

.clients-logo div:nth-child(3) .logo-item > a {
  border-right: none;
}

.clients-logo div:nth-child(6) .logo-item > a {
  border-right: none;
}

.clients-logo div:nth-child(9) .logo-item > a {
  border-right: none;
}

.clients-logo div:nth-of-type(n+7) .logo-item > a {
  border-bottom: none;
}

/* 5.11 Special */
.special-vertical-carousel .swiper-container {
  height: 100px;
  overflow: hidden;
}

.special-vertical-carousel .swiper-container .swiper-slide > h3 {
  font-size: 0.928em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}

.special-vertical-carousel .swiper-container .swiper-slide > h2 {
  font-size: 2.142em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.special-vertical-carousel .swiper-container .swiper-pagination > span {
  height: 20px;
  background-color: #6b6b6b;
  border-radius: 25px;
  opacity: 1;
  width: 4px;
  margin: 10px 0;
}

.special-vertical-carousel .swiper-container .swiper-pagination > span.swiper-pagination-bullet-active {
  background-color: #e54242;
}

/* 5.12 Contact */
.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 15px 30px;
  margin-bottom: 25px;
  transition: all 0.15s ease-in-out;
}

.contact-form input textarea,
.contact-form textarea textarea {
  margin-bottom: 50px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline-color: transparent;
  border-color: #e54242;
}

.contact-form .dt-ajax-response {
  margin-top: 50px;
  padding: 5px 10px;
  border: 1px solid #e54242;
  text-align: center;
  display: none;
}

.contact-form input[type="submit"] {
  border: 1px solid #e54242;
  display: inline-block;
  padding: 10px 15px;
  color: #e54242;
  font-size: 0.857em;
  line-height: 1em;
  font-weight: 400;
  width: auto;
  background-color: transparent;
  transition: all 0.15s ease-in-out;
}

.contact-form input[type="submit"]:hover,
.contact-form input[type="submit"]:focus {
  background-color: #e54242;
  color: #FFF;
  text-decoration: none;
  outline-color: transparent;
}

.contact-form input[type="submit"].medium {
  padding: 15px 25px;
}

/* 5.13 Map */
.gmap3-section {
  height: 150px;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition: all 0.5s ease-in-out;
}

.gmap3-section.full {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  height: 500px;
}

.gmap3-section .gmap3-area {
  height: 500px;
}

[data-toogle="map"]:hover {
  cursor: pointer;
}

/* 5.14 Footer */
.footer-description {
  font-size: 1.142em;
  line-height: 1.5em;
  letter-spacing: 0.020em;
}

.contact-address {
  font-weight: 400;
  letter-spacing: 0.050em;
}

.contact-address > li {
  margin-bottom: 15px;
}

.copyright {
  background-color: #000;
  padding: 40px 0;
  margin-bottom: 40px;
  font-size: 0.857em;
  font-weight: 400;
  letter-spacing: 0.10em;
  color: #FFF;
}

.copyright a {
  color: #e54242;
}

.copyright a:hover {
  color: #d61e1e;
}

.copyright .social-icons > li {
  margin: 0 20px;
}

.copyright .social-icons > li > a {
  color: #333333;
  font-size: 1.142em;
}

.copyright .social-icons > li > a:hover {
  color: #d61e1e;
}

.footer-column {
  border-top: 1px solid #7b7b7b;
  padding-top: 100px;
  padding-bottom: 25px;
}

#footer-menu {
  border-bottom: 1px solid #7b7b7b;
  padding-bottom: 50px;
  padding-top: 20px;
  margin-bottom: 30px;
}

#footer-menu .menu-items {
  text-align: center;
}

#footer-menu .menu-items > li {
  position: relative;
  line-height: 1em;
  margin-left: 15px;
  display: inline-block;
}

#footer-menu .menu-items > li:before {
  content: '';
  height: 100%;
  width: 1px;
  background-color: #b2b2b2;
  position: absolute;
  top: 0;
  left: -10px;
}

#footer-menu .menu-items > li:first-child {
  margin-left: 0;
}

#footer-menu .menu-items > li:first-child:before {
  display: none;
}

#footer-menu .menu-items > li > a {
  text-transform: uppercase;
  color: #b2b2b2;
}

#footer-menu .menu-items > li > a:hover {
  color: #e54242;
}

/* 5.15 Single Portfolio */
.portfolio-description {
  padding-top: 40px;
  margin-bottom: 100px;
}

.portfolio-description .title {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 40px;
}

.portfolio-description p {
  margin-bottom: 50px;
}

.portfolio-description .portfolio-meta h4 {
  font-weight: 700;
  margin-top: 0;
}

.portfolio-description .portfolio-meta p {
  margin-bottom: 35px;
}

/*==================================== */
/* =            6. Blog              = */
/* ====================================*/
/* 6.1 Banner Static */
.static-banner {
  position: relative;
  margin-bottom: 20px;
}

.static-banner .banner-content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.static-banner .banner-content > h1 {
  font-size: 5.714em;
  letter-spacing: 0.020em;
  font-weight: 100;
  margin: 0;
  margin-bottom: 40px;
}

.static-banner .banner-content > h1.size2 {
  font-size: 4em;
}

.static-banner .banner-content > h1 > span {
  font-weight: 400;
  color: #e54242;
}

.static-banner .banner-content > h1.huge > span {
  font-weight: 700;
}

.static-banner .banner-content > p {
  font-size: 1.142em;
  letter-spacing: 0.020em;
  line-height: 1.5em;
}

.static-banner .banner-content .date {
  font-size: 1.428em;
  letter-spacing: 0.050em;
  color: #e54242;
  text-decoration: underline;
  margin-bottom: 25px;
}

.static-banner .banner-content .cats {
  font-style: italic;
}

.static-banner .banner-content .cats > span {
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #FFF;
}

.static-banner .banner-content .cats > span:last-child {
  padding-right: none;
  border: none;
}

/* 6.2 Blog */
.blog-container {
  background-color: #f2f4f6;
  padding-top: 100px;
  padding-bottom: 150px;
}

.blog-posts article.hentry {
  margin-bottom: 60px;
  border-bottom: 1px dashed #c7c7c7;
}

.blog-posts article.hentry .entry-featured {
  margin-bottom: 40px;
}

.blog-posts article.hentry .entry-featured > img {
  max-width: 100%;
  height: auto;
}

.blog-posts article.hentry .entry-featured.qoute blockquote {
  position: relative;
  padding: 100px 80px;
  font-size: 1.142em;
  line-height: 1.75em;
  font-weight: 400;
  letter-spacing: 0.050em;
  font-style: italic;
}

.blog-posts article.hentry .entry-featured.qoute blockquote:before,
.blog-posts article.hentry .entry-featured.qoute blockquote:after {
  position: absolute;
  color: #e54242;
  font-size: 30px;
  font-family: FontAwesome;
  font-style: normal;
}

.blog-posts article.hentry .entry-featured.qoute blockquote:before {
  content: "\f10d";
  top: 80px;
  left: 50px;
}

.blog-posts article.hentry .entry-featured.qoute blockquote:after {
  content: "\f10e";
  bottom: 80px;
  right: 50px;
}

.blog-posts article.hentry .entry-featured.carousel .item img {
  max-width: 100%;
  height: auto;
}

.blog-posts article.hentry .entry-featured.carousel .dt-carousel-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFF;
  font-size: 40px;
  line-height: 0.75em;
  text-decoration: none;
}

.blog-posts article.hentry .entry-featured.carousel .dt-carousel-control:hover {
  text-decoration: none;
  background-color: rgba(229, 66, 66, 0.5);
}

.blog-posts article.hentry .entry-featured.carousel .dt-carousel-control.left {
  left: 50px;
}

.blog-posts article.hentry .entry-featured.carousel .dt-carousel-control.right {
  right: 50px;
}

.blog-posts article.hentry .entry-featured.video .mejs-video {
  max-width: 100%;
}

.blog-posts article.hentry .entry-featured.video .mejs-video video {
  max-width: 100%;
}

.blog-posts article.hentry .entry-inside {
  padding: 0 50px;
}

.blog-posts article.hentry .entry-inside > .entry-title {
  font-size: 1.428em;
  line-height: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.060em;
  margin-top: 0;
  margin-bottom: 30px;
}

.blog-posts article.hentry .entry-inside > .entry-title > a {
  color: #000;
}

.blog-posts article.hentry .entry-inside > .entry-title > a:hover {
  color: #e54242;
}

.blog-posts article.hentry .entry-inside > .entry-excerpt {
  margin-bottom: 40px;
  letter-spacing: 0.020em;
  font-family: 'Open Sans', sans-serif;
}

.blog-posts article.hentry .entry-inside > .entry-meta {
  margin: 0;
  padding: 0;
}

.blog-posts article.hentry .entry-inside > .entry-meta > li {
  display: inline-block;
  color: #999999;
  margin-right: 25px;
}

.blog-posts article.hentry .entry-inside > .entry-meta > li > i {
  margin-right: 10px;
}

.blog-posts article.hentry .entry-inside > .entry-meta > li > a {
  color: #999999;
}

.blog-posts article.hentry .entry-inside > .entry-meta > li > a:hover {
  color: #e54242;
}

.blog-posts article.hentry .entry-readmore {
  font-size: 4em;
  line-height: 0.3em;
  color: #000;
}

.blog-posts article.hentry .entry-readmore > i {
  line-height: 1em;
}

.blog-posts article.hentry .entry-readmore:hover {
  color: #e54242;
}

.blog-posts article.hentry:before,
.blog-posts article.hentry:after {
  content: "";
  display: table;
}

.blog-posts article.hentry:after {
  clear: both;
}

.blog-posts article.hentry.format-standard .entry-featured {
  text-align: center;
}

.blog-posts article.hentry.format-audio .entry-featured > iframe {
  width: 100%;
  height: 200px;
}

.blog-posts article.hentry.format-video .entry-featured > iframe {
  width: 100%;
  height: 420px;
}

/* 6.3 Blog Single */
.single-post article.post .entry-inside > .entry-meta {
  margin-bottom: 30px;
}

.single-post article.post .entry-inside .entry-content p {
  margin-bottom: 65px;
}

.single-post .post-share {
  margin-bottom: 50px;
}

.single-post .dti-pager {
  border-bottom: 1px dashed #c7c7c7;
  padding-bottom: 60px;
  margin-bottom: 100px;
}

.single-post .comments-area {
  margin-bottom: 100px;
}

/* 6.4 Comments */
.comments-area .comments-title {
  font-size: 1.142em;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 70px;
}

.comment-list {
  padding-left: 0;
}

.comment-list li.comment {
  list-style: none;
  margin-bottom: 50px;
  border-bottom: 1px dashed #c7c7c7;
}

.comment-list li.comment .comment-body {
  padding-bottom: 45px;
}

.comment-list li.comment .comment-body > .avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  float: left;
}

.comment-list li.comment .comment-body .comment-meta {
  overflow: hidden;
  margin-bottom: 20px;
}

.comment-list li.comment .comment-body .comment-meta > .comment-author {
  float: left;
}

.comment-list li.comment .comment-body .comment-meta > .comment-author > .fn {
  font-weight: 700;
  text-transform: uppercase;
}

.comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a {
  color: #000;
}

.comment-list li.comment .comment-body .comment-meta > .comment-author > .fn > a:hover {
  color: #e54242;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata {
  float: right;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date {
  color: #999999;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-date:hover {
  color: #e54242;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata > span {
  padding: 0 5px;
  font-weight: bold;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link {
  color: #000;
}

.comment-list li.comment .comment-body .comment-meta > .comment-metadata .comment-reply-link:hover {
  color: #e54242;
}

.comment-list li.comment .comment-body .comment-meta:before,
.comment-list li.comment .comment-body .comment-meta:after {
  content: "";
  display: table;
}

.comment-list li.comment .comment-body .comment-meta:after {
  clear: both;
}

.comment-list li.comment .comment-body .comment-content {
  padding-left: 100px;
}

.comment-list li.comment .comment-body:before,
.comment-list li.comment .comment-body:after {
  content: "";
  display: table;
}

.comment-list li.comment .comment-body:after {
  clear: both;
}

.comment-list li.comment > .children .comment {
  border-bottom: none;
}

.comment-list li.comment > .children .comment:last-child {
  margin-bottom: 0;
}

.comment-list li.comment:last-child {
  margin-bottom: 0;
}

/*==================================== */
/* =            7. Layout            = */
/* ====================================*/
/* 7.1 Dark Layout */
.dark-layout {
  background-color: #000;
  color: #bfbfbf;
}

.dark-layout input, .dark-layout textarea {
  background-color: #000;
  border-color: #1a1a1a;
}

.dark-layout .site-header {
  background-color: #000;
}

.dark-layout .site-header.scrolled {
  background-color: #000;
  border-bottom-color: #1a1a1a;
}

.dark-layout .site-header #logo > a > img {
  display: none;
}

.dark-layout .site-header #logo > a > img.transparent-logo {
  display: block;
}

.dark-layout .site-header .social-icons > li > a {
  color: #bfbfbf;
}

.dark-layout .site-header .social-icons > li > a:hover {
  color: #e54242;
}

.dark-layout .site-header #top-menu .menu-items > li > a {
  color: #bfbfbf;
}

.dark-layout .site-header #top-menu .menu-items > li > a:hover {
  color: #e54242;
}

.dark-layout .site-header #top-menu .nav-trigger > .icon-bar > span {
  border-bottom-color: #bfbfbf;
}

.dark-layout .site-header #top-menu .nav-trigger > .text {
  color: #FFF;
}

.dark-layout.vertical-menu .site-header {
  background-color: transparent;
}

.dark-layout.v-menu-active .site-header {
  background-color: #000;
}

.dark-layout.v-menu-active .site-header #top-menu .menu-items > li a {
  color: #bfbfbf;
}

.dark-layout.v-menu-active .site-header #top-menu .menu-items > li a:hover {
  color: #e54242;
}

.dark-layout.transparent-menu .site-header {
  background-color: transparent;
}

.dark-layout.transparent-menu .site-header.scrolled {
  background-color: #000;
  border-bottom-color: #1a1a1a;
}

.dark-layout.transparent-menu .site-header .social-icons > li > a {
  color: #bfbfbf;
}

.dark-layout.transparent-menu .site-header .social-icons > li > a:hover {
  color: #e54242;
}

.dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a {
  color: #bfbfbf;
}

.dark-layout.transparent-menu .site-header #top-menu .menu-items > li > a:hover {
  color: #e54242;
}

.dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .icon-bar > span {
  border-bottom-color: #bfbfbf;
}

.dark-layout.transparent-menu .site-header #top-menu .nav-trigger > .text {
  color: #FFF;
}

.dark-layout.transparent-menu .site-header #logo > a > img {
  display: none;
}

.dark-layout.transparent-menu .site-header #logo > a > img.transparent-logo {
  display: block;
}

.dark-layout .side-menu > ul > li > a {
  color: #bfbfbf;
}

.dark-layout .side-menu > ul > li > a:hover {
  color: #e54242;
}

.dark-layout .side-menu > ul > li.active a {
  color: #e54242;
}

.dark-layout .glass-icon > i {
  background-color: #404040;
}

.dark-layout .features-circle .middle-circle {
  border-color: #bfbfbf;
}

.dark-layout .features-circle .middle-circle > .icon {
  background-color: #404040;
  border-color: #bfbfbf;
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(1) > span {
  background-image: url(../img/d-left-1-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(2) > span {
  background-image: url(../img/d-left-2-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(3) > span {
  background-image: url(../img/d-left-3-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(4) > span {
  background-image: url(../img/d-right-1-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(5) > span {
  background-image: url(../img/d-right-2-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(6) > span {
  background-image: url(../img/d-right-3-gray.png);
}

.dark-layout .features-circle .middle-circle > .icon:nth-of-type(7) > span {
  background-image: url(../img/d-right-4-gray.png);
}

.dark-layout .triangle > span {
  color: #000;
}

.dark-layout .footer-blank {
  background-color: #000;
  border-top-color: #1a1a1a;
}

.dark-layout .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
  color: #FFF;
}

.dark-layout .pricing-table {
  background-color: #000;
}

.dark-layout .pricing-table.active {
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.25);
}

.dark-layout .clients-logo .logo-item > a {
  border-right: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
}

.dark-layout .section-header > .heading-effect {
  border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
}

.dark-layout .section-header > .heading-effect:before {
  border-right: 2px dashed rgba(255, 255, 255, 0.2);
}

/* 7.2 Responsive */
@media (max-width: 1024px) {
  .circle-iconic-box > .box-item {
    width: 200px;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
    top: -20px;
    left: 100px;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
    top: 100px;
    left: 70px;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
    top: 220px;
    left: 110px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
    top: -50px;
    left: -20px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
    top: 80px;
    left: 0px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
    top: 200px;
    left: -20px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
    top: 325px;
    left: -90px;
  }
  .features-circle {
    position: relative;
  }
  .features-circle .middle-circle {
    width: 250px;
    height: 250px;
  }
  .features-circle .middle-circle > .icon.size-xxl {
    width: 100px;
    height: 100px;
  }
  .features-circle .middle-circle > .icon.size-xxl > i {
    font-size: 26px;
  }
  .features-circle .middle-circle > .icon.size-m {
    width: 50px;
    height: 50px;
  }
  .features-circle .middle-circle > .icon.size-m > i {
    font-size: 14px;
  }
  .features-circle .middle-circle > .icon.size-l {
    width: 75px;
    height: 75px;
  }
  .features-circle .middle-circle > .icon.size-l > i {
    font-size: 18px;
  }
  .features-circle .middle-circle > .icon.size-xl {
    width: 85px;
    height: 85px;
  }
  .features-circle .middle-circle > .icon.size-xl > i {
    font-size: 20px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(1) {
    top: -40px;
    left: 0px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(1) > span {
    width: 40px;
    height: 11px;
    top: 20px;
    left: -50px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(2) {
    top: 75px;
    left: -25px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(2) > span {
    width: 20px;
    height: 11px;
    top: 20px;
    left: -30px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(3) {
    top: 150px;
    left: -20px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(3) > span {
    width: 40px;
    height: 28px;
    top: 50px;
    left: -40px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(4) {
    top: -30px;
    right: 50px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(4) > span {
    width: 120px;
    height: 33px;
    background-position-x: -30px;
    top: -10px;
    left: 70px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(5) {
    top: 40px;
    right: -20px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(5) > span {
    width: 40px;
    height: 11px;
    background-position-x: -5px;
    top: 35px;
    left: 80px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(6) {
    top: 160px;
    right: -5px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(6) > span {
    width: 45px;
    height: 11px;
    top: 40px;
    left: 80px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(7) {
    top: 200px;
    right: 90px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(7) > span {
    width: 86px;
    height: 28px;
    top: 110px;
    left: 75px;
  }
  .team-peoples-carousel .team-peoples .people > .people-profile > .name-job > .name:before {
    font-size: 1.7em;
  }
  .masonry-grid > .grid-sizer {
    width: 33.33333333333333%;
  }
  .masonry-grid > .grid-item {
    height: 250px;
  }
  .masonry-grid > .grid-item.height2 {
    height: 500px;
  }
}

@media (max-width: 992px) {
  #header
#logo {
    float: none;
  }
  #top-menu {
    float: none;
    position: inherit;
    padding: 0;
  }
  #top-menu ul.menu-items {
    margin-top: 35px;
    margin-right: 0;
  }
  #top-menu ul.menu-items > li {
    display: block;
    border-bottom: 1px solid #E6E6E6;
  }
  #top-menu ul.menu-items > li:last-child {
    border-bottom: none;
  }
  #top-menu ul.menu-items > li > a {
    display: block;
  }
  #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu {
    position: relative;
    top: auto;
    padding: 0;
    padding-left: 10px;
    margin: 5px 0;
    background-color: transparent;
    box-shadow: none;
  }
  #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li {
    border-bottom: 1px solid #E6E6E6;
  }
  #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li:last-child {
    border-bottom: none;
  }
  #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li > a {
    padding: 0;
    margin-right: 25px;
    font-size: 0.857em;
    font-weight: 400;
    letter-spacing: 0.10em;
    text-transform: uppercase;
  }
  #top-menu ul.menu-items > li.menu-item-has-children > .sub-menu > li > a:hover {
    background-color: transparent;
    color: #e54242;
  }
  #top-menu .nav-trigger {
    top: 45px;
    right: 40px;
  }
  #top-social {
    float: none;
    position: absolute;
    top: 35px;
    right: 155px;
  }
  .site-header.scrolled #top-social {
    top: 10px;
  }
  .site-header.scrolled #top-menu .nav-trigger {
    top: 15px;
  }
  .transparent-menu .site-header {
    padding-top: 15px;
  }
  .transparent-menu .site-header #top-social {
    float: none;
    position: absolute;
    top: 10px;
    right: 155px;
  }
  .transparent-menu .site-header #top-menu .nav-trigger {
    top: 15px;
    right: 40px;
  }
}

@media (max-width: 768px) {
  body,
  .transparent-menu {
    padding: 0;
  }
  .side-menu,
  .footer-blank,
  #top-social {
    display: none;
  }
  #back-to-top {
    bottom: 0;
    right: 0;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(1) {
    top: -20px;
    left: 0px;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(2) {
    top: 100px;
    left: 20px;
  }
  .circle-iconic-box.left-side > .box-item:nth-of-type(3) {
    top: 220px;
    left: 0px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(1) {
    top: -50px;
    left: -20px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(2) {
    top: 80px;
    left: 0px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(3) {
    top: 200px;
    left: -20px;
  }
  .circle-iconic-box.right-side > .box-item:nth-of-type(4) {
    top: 325px;
    left: -30px;
  }
  .features-circle {
    position: relative;
  }
  .features-circle .middle-circle > .icon:nth-of-type(4) {
    top: -30px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(4) > span {
    width: 70px;
    background-position-x: -75px;
    top: 0px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(5) > span {
    background-position-x: -15px;
  }
  .features-circle .middle-circle > .icon:nth-of-type(6) > span {
    width: 30px;
    background-position-x: -20px;
  }
  .masonry-grid > .grid-sizer {
    width: 49.9%;
  }
  .masonry-grid > .grid-item {
    width: 49.9%;
    height: 300px;
  }
  .masonry-grid > .grid-item.width2 {
    width: 49.9%;
  }
  .masonry-grid > .grid-item.width3 {
    width: 49.9%;
  }
  .masonry-grid > .grid-item.width4 {
    width: 49.9%;
  }
  .masonry-grid > .grid-item.width5 {
    width: 49.9%;
  }
  .masonry-grid > .grid-item.height2 {
    height: 300px;
  }
  .process-flow-nav > li > a > i {
    width: 75px;
    height: 75px;
    border-radius: 25px;
    font-size: 1.8em;
  }
  .pricing-table {
    margin: 0 50px 50px;
  }
  .main-slider .slide-item .slide-caption .slide-mini-title {
    margin-bottom: 20px;
  }
  .main-slider .slide-item .slide-caption .slider-huge-title {
    font-size: 4em;
    margin-bottom: 20px;
  }
  .main-slider .slide-item .slide-caption .slide-tag {
    margin-bottom: 20px;
  }
  .main-slider .triangle {
    display: none;
  }
  .special-testimonial {
    padding: 95px 55px;
    width: 90%;
    border-top: 10px solid #FFF;
    border-left: 10px solid #FFF;
  }
  .special-testimonial:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 140px;
    width: 10px;
    height: 100%;
    background-color: #fff;
  }
  .special-testimonial:after {
    content: '';
    position: absolute;
    right: 140px;
    bottom: 0;
    height: 10px;
    width: 100%;
    background-color: #fff;
  }
  .special-testimonial > .more {
    width: 100px;
    height: 100px;
    border-width: 0 0 100px 100px;
  }
  .special-testimonial > .more > i {
    top: 45px;
    left: -50px;
    font-size: 40px;
  }
  .special-testimonial > .title {
    font-size: 2em;
    margin-bottom: 40px;
  }
  .special-testimonial > .content {
    font-size: 1em;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .masonry-grid > .grid-sizer {
    width: 100%;
  }
  .masonry-grid > .grid-item {
    width: 100%;
    height: 300px;
  }
  .masonry-grid > .grid-item.width2 {
    width: 100%;
  }
  .masonry-grid > .grid-item.width3 {
    width: 100%;
  }
  .masonry-grid > .grid-item.width4 {
    width: 100%;
  }
  .masonry-grid > .grid-item.width5 {
    width: 100%;
  }
  .masonry-grid > .grid-item.height2 {
    height: 300px;
  }
  .clients-logo .logo-item {
    margin-bottom: 25px;
  }
  .clients-logo .logo-item > a {
    border: 1px solid #e5e5e5 !important;
  }
}

/*==================================== */
/* =            8. Extras            = */
/* ====================================*/
.color-switcher {
  width: 250px;
  position: fixed;
  left: -250px;
  top: 200px;
  z-index: 555;
  padding: 0px;
  transition: all 0.5s ease-in-out;
}

.color-switcher.active {
  left: 0;
}

.color-switcher p {
  font-size: 1.42em;
}

.color-switcher ul {
  list-style: none;
  padding: 0;
}

.color-switcher ul > li {
  margin: 3px;
  display: inline-block;
}

.color-switcher ul > li > a {
  display: block;
  width: 40px;
  height: 40px;
}

.color-switcher ul > li > a.blue {
  background: #428bca;
}

.color-switcher ul > li > a.green {
  background: #88c136;
}

.color-switcher ul > li > a.red {
  background: #e54242;
}

.color-switcher ul > li > a.yellow {
  background: #ff9c00;
}

.color-switcher ul > li > a.brown {
  background: #987654;
}

.color-switcher ul > li > a.cyan {
  background: #1ABC9C;
}

.color-switcher ul > li > a.purple {
  background: #c74a73;
}

.color-switcher ul > li > a.sky-blue {
  background: #00cdcd;
}

.color-switcher .theme-colors {
  display: table;
  text-align: left;
  padding-top: 0px;
  width: 100%;
  padding: 18px;
  background: #F5F5F5;
  padding-top: 0px;
}

.color-switcher p {
  font-size: 14px;
  margin-top: 25px;
}

#picker-toggle {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -60px;
  top: 0px;
  z-index: -1;
  text-align: center;
  background: #F5F5F5;
  color: #e54242;
}

#picker-toggle > i {
  font-size: 30px;
  line-height: 60px;
}

@media (max-width: 768px) {
  .color-switcher {
    display: none;
  }
}

.demo-gallery .demo-item {
  text-align: center;
  margin-bottom: 100px;
}

.demo-gallery .demo-item > .demo-img {
  display: block;
  margin-bottom: 25px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease-in-out;
}

.demo-gallery .demo-item > .demo-img > img {
  width: 100%;
  height: auto;
}

.demo-gallery .demo-item > .demo-img:hover {
  box-shadow: 0px 0px 13.3px 0.7px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.demo-gallery .demo-item > .demo-link {
  display: inline-block;
  background-color: #e54242;
  color: #FFF;
  padding: 12px 45px;
  text-transform: uppercase;
  line-height: 1em;
  border: 2px solid transparent;
}

.demo-gallery .demo-item > .demo-link:hover {
  color: #e54242;
  background-color: transparent;
  border-color: #e54242;
}

.demo-grid {
  text-align: center;
}

.demo-grid > img {
  margin-bottom: 20px;
}

.demo-grid > p {
  font-weight: bold;
  text-transform: uppercase;
}

.scrollToSection {
	position:relative;
}
.scrollToSection .scrollToId {
    display: block;
    position: absolute;
    top: -92px;
    left: 0;
}




/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 767px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
}

  
/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

  
.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:63px;
  
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  
}
  
 

  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  .navbar .dropdown-menu {
    
    background-color: rgba(255, 255, 255, 0.7);
  }

}