/*

Theme Name: Volantis

Theme URI: http://udisystem.com/

Description: A clean and highly functional WordPress theme for personal portfolios, agency and business websites.  

Author: UDISystem

Author URI: http://udisystem.com/

Version: 1.0.1

Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready


License: GPLv2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/ 

/* Theme css files */



@import url('layout/css/base.css');

@import url('layout/css/grid.css');

@import url('layout/css/elements.css');

@import url('layout/css/layout.css');

@import url('layout/js/bxslider/jquery.bxslider.css');

@import url('layout/js/magnificpopup/magnific-popup.css');




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font-family: 'Hind Guntur', sans-serif;

}




#footer a { font-size: 13px!important; }
.ewf_widget_contact_info li { font-size: 13px!important; }
.ewf-row .widget-title{ font-size: 18px!important; }
.textwidget center{font-size: 12px!important; }
.textwidget {font-size: 12px!important; }
#footer .ewf_widget_social_media a {
    font-size: 17px !important;
}

.sf-menu > li.current-menu-ancestor > a, .sf-menu > li.current-menu-parent > a, .sf-menu > li.current-page-parent > a, .sf-menu > li.current > a{ background-color: #d5e9f3 important; }

#content .ewf-span12 h1{
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 28px;
    font-family: 'Hind Guntur', sans-serif;
}

/* Plugin css files */


.wrapper {
  max-width: 1200px!important;
  margin: 0 auto!important;
  padding: 0 15px!important;
  width: 100%;
  display: block;
  float: none;
  }
.row [class*="span"]{

  position: relative;
  float:left;
  width:100%;
  min-height:30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 15px;
}
.row [class*="span"]:first-child {
    margin-left: 0;
}
.row .span12 {
  width: 100%;
}
.row  .span11 {
  width: 91.66666667%;
}
.row .span10 {
  width: 83.33333333%;
}
.row .span9 {
  width: 75%;
}
.row .span8 {
  width: 66.66666667%;
}
.row .span7 {
  width: 58.33333333%;
}
.row .span6 {
  width: 50%;
}
.row .span5 {
  width: 41.66666667%;
}
.row .span4 {
  width: 33.33333333%;
}
.row .span3 {
  width: 25%;
}
.row .span2 {
  width: 16.66666667%;
}
.row .span1 {
  width: 8.33333333%;
}
@media (max-width: 767px)
{
  .row{
        width: 100%;
    }
  .row .span12 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span11 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span10 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span9 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span8 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span7 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span6 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span5 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span4 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span3 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span2 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
  .row .span1 {
  	width:100%;
  	float:left;
  	margin:0;
  	}
}

/************************footer-new **************************/

footer.footer-upper-new{
	    position: relative;
    padding: 120px 0px 70px;
	overflow:hidden;
	background:#fff;
}
	
 footer.footer-upper-new .footer-column {
    position: relative;
    margin-bottom: 30px;
}

.footer-upper-new .about-widget {
    max-width: 290px;
}
.footer-upper-new .about-widget .logo {
       position: relative;
    margin: 0 0 20px;
}

.footer-upper-new .about-widget .text {
    position: relative;
    font-size: 16px;
    margin-bottom: 30px;
}

.footer-upper-new  .social-links {
    position: relative;
}

.footer-upper-new .social-links li {
    position: relative;
    float: left;
    margin-right: 10px;
}
.footer-upper-new  .social-links li a {
    position: relative;
    display: block;
    color: #006AA3;
    width: 32px;
    height: 32px;
    font-size: 14px;
    border: 1px solid #006AA3;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.footer-upper-new  h3 {
        position: relative;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 10px;
}


.footer-upper-new .links {
    position: relative;
}
.footer-upper-new .links li {
    position: relative;
    margin-bottom: 5px;
}
.footer-upper-new .links li a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    color: #666666;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.footer-upper-new .info-widget li {
    position: relative;
    color: #666666;
    margin-bottom: 10px;
    line-height: 24px;
}
.footer-upper-new .info-widget li strong {
       position: relative;
    float: left;
    width: 100%;
    font-weight: 600;
    padding-right: 15px;
}
.footer-upper-new .info-widget li .txt {
    position: relative;
    float: left;
    width: 100%;
}
.footer-upper-new .footer-widget {
    position: relative;
}
footer ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.footer-upper-new .links li a:hover {
    color: #007aff;
}

.footer-bottom-new{
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    margin: 0 auto;
    background: #006da5;
}

.footer-bottom-new p {
text-align: center;
    margin: 4px auto 0;
    font-size: 14px!important;
    color: #fff;
}


.industry-hero{
    padding: 150px 0 100px;
    text-align: center;
    margin: 0 auto;
    position: relative!Important;
    max-width: 100%;
	z-index:1;
}

.industry-hero:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #006ea56e;
    z-index: -1;
}

.industry-hero h1 {
color: #fff!important;
    font-size: 80px!important;
    font-weight: 700;
    line-height: 1.3!important;

}

.about-hero{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/architect-businesswoman-composition-313691.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}

.industry-hero-telecom{
    background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/woman-690036_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}


.service-hero-image{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/bench-accounting-49025-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}

.mobility-hero{
    background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/achievement-actor-adult-327533-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}

.work-hero{
    background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/student-849825_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}



.ecommerce-hero{
    background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/dai-ke-32162-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}

.industry-hero-retail{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/credit-card-1730085_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;
}

.industry-hero-manufacturing{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/quino-al-185185-unsplash-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;	
}

.industry-hero-healthcare{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/medic-563425_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;	
}

.industry-hero-banking{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/money-2724241_1920-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;	
}

.industry-hero-automotive{
	 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/zach-meaney-249436-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;	
}


.culture-hero{
 background-image: url(http://volantis.a1cos.com/wp-content/uploads/2018/06/rawpixel-648564-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;	
	    background-position: center center;	
}

body .industry-content-section {
	padding:100px 0;
}

body .industry-content-section a img.alignright{
	float: right;
    margin: 0px 0 20px 70px;
}

body .industry-content-section  h3{
         font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 15px;
}

body .industry-content-section ul{
	list-style-type:disc;
	margin-left:18px;
	    margin-bottom: 10px;
}

body .industry-content-section ul li {
    list-style-type: disc;
}
figure.image-box .image {
    min-height: 247px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	transition:0.4s ease;
}
figure.image-box .image:hover {
	opacity:0.5;
	filter:blur(0.8);
}
.nf-form-fields-required {
    display: none;
}
span.ninja-forms-req-symbol {
    display: none;
}
.nf-error-msg.nf-error-field-errors {
    display: none;
}
.nf-error-msg.nf-error-required-error {
    position: absolute;
    font-size: 10px;
    bottom: -24px;
    left: 22px;
}
ul.clients li {
    display: inline-block;
	padding:0 20px;
}
ul.clients {
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 15px;
}
ul.clients img {
    margin: 0!important;
    padding: 0!important;
	width:200px;
	height:auto;

	background:#FFF; 
	
}


.about-us-content{
	position:relative;
	padding:100px 0 0;
	
	
}

.about-us-content .wrapper{
	
    position: static!important;
    max-width: 1000px!important;
    padding: 0 15px!important;
    margin: 0 auto!important;

}

.about-us-content h3{
	    position: relative;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
	
}

.about-us-content h3:before {
    position: absolute;
    z-index: 5;
    content: "";
    left: 0;
    bottom: 0;
    width: auto;
    height: 4px;
    background: #0077BC;
    min-width: 80px;
}


.about-us-content ul {
    margin-left: 20px!Important;
	margin-top:20px;
}

.about-us-content ul li {
    list-style-type: disc;
    padding: 5px 0;
}

.about-padding {
    padding: 0px 0 50px;
}



.grey-bg {
     background: #F2F9FF;;
}

.ps4-tabber-section .tabber-top-list {
    background: #fff;
    border-top: 1px solid #f5f7fa;
}


.ps4-tabber-section .section-padding {
    padding: 120px 0;
}

.ps4-tabber-section .tabber-top-list ul {
     text-align: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.ps4-tabber-section .tabber-top-list h4{
	    font-size: 18px;
    font-weight: 600;
}


.ps4-tabber-section ul, .ps4-tabber-section li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    list-style-type: disc;
}

.ps4-tabber-section ul {
    margin-left: 20px;
}

.ps4-tabber-section .faq-block {
    position: relative;
    margin-bottom: 45px;
}

.ps4-tabber-section h3{
	    font-size: 30px;
    color: #00325d;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 15px;
}

.ps4-tabber-section a img.alignright {
    float: right;
    margin: 0px 0 20px 20px;
    position: relative;
    top: -30px;
}

.ps4-tabber-section .tabber-top-list li {
    display: inline-block;
       padding: 20px 20px;
    cursor: pointer;
}

.ps4-tabber-section .tabber-top-list li.active {
 background: #F2F9FF;
}

body .container-fluid .row-fluid .popup-content.event1 {
    display: block;
}
body .container-fluid .row-fluid .popup-content {
    display: none;
}

.ps4-tabber-section button.btn{
	width:100px;
}

.ps4-tabber-section button.btn:hover , .ps4-tabber-section button.btn:focus{
    color: #fff;
}


.x p {
    display: none;
	padding:20px 0 0;
}



@media(min-width:768px){
	

.equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


body .row-fluid .vertical-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

	
}
.pad-right {
    padding-right: 40px;
}


.ewf-row {
    position: relative;
    width: 100%!important;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  padding:0!important;
}

.about-section .sec-title {
    max-width: 600px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


div#instafeed .inta-img-cont a img {
 display:none;
}

 div#instafeed .inta-img-cont {
    width: 20%;
    height: 300px;
    display: block;
    float: left;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

div#instafeed .inta-img-cont a {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 4s cubic-bezier(0.5,0.51,1,1);
    -webkit-transition: all 4s cubic-bezier(0.5,0.51,1,1);
}

#instafeed{
	opacity:0;
}


/**************team-section************/

.ewf-span12  .team-section ul, ol {
    margin-left: 0;
}


 .nav-outer ul.navbar-right.btn-container {
     position: relative;
    top: 12px;
    display: block;
}


.nav-outer ul.navbar-right.btn-container li {
    display: inline-block;
}


.nav-outer ul.navbar-right.btn-container li a.btn{
      text-align: center;
    padding: 10px 30px 10px;
    line-height: 1;
    background: #F2F9FF!important;
    color: #006ea5;
    font-size: 16px;
    font-weight: 600;
}



.btn-container.sticky-nav-btn {
    left: 0px;
    position: relative;
    top: 11px;
}


.btn-container.sticky-nav-btn a.btn {
    text-align: center;
    padding: 10px 30px 10px;
    line-height: 1;
    color: #F2F9FF!important;
    font-size: 16px;
    font-weight: 600;
    background: #006ea5;
}


.about-cta .btn {
    padding: 10px 25px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #006ea5;
    border-radius: 4px;
	transition:.3s all ease-in-out;
}

.about-cta {
    margin-top: 30px;
}

.about-cta .btn:hover {
    color: #006ea5!important;
    font-weight: 600;
    background: transparent;
}
