/*
Theme Name: Ayro
Theme URI: http://ayro.select-themes.com
Description: A Fresh Theme for Tech & Digital Businesses
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 2.0
Text Domain: ayro
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


body{font-family: 'TTNorms-Regular';}

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

@font-face {
  font-family: 'TTNorms-Medium';
  src: url('assets/css/fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/TTNorms-Medium.otf')  format('opentype'),
	     url('assets/css/fonts/TTNorms-Medium.woff') format('woff'), url('assets/css/fonts/TTNorms-Medium.ttf')  format('truetype'), url('assets/css/fonts/TTNorms-Medium.svg#TTNorms-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TTNorms-Light';
  src: url('assets/css/fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/TTNorms-Light.otf')  format('opentype'),
	     url('assets/css/fonts/TTNorms-Light.woff') format('woff'), url('assets/css/fonts/TTNorms-Light.ttf')  format('truetype'), url('assets/css/fonts/TTNorms-Light.svg#TTNorms-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NoeDisplay-Bold';
  src: url('assets/css/fonts/NoeDisplay-Bold.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/NoeDisplay-Bold.otf')  format('opentype'),
	     url('assets/css/fonts/NoeDisplay-Bold.woff') format('woff'), url('assets/css/fonts/NoeDisplay-Bold.ttf')  format('truetype'), url('assets/css/fonts/NoeDisplay-Bold.svg#NoeDisplay-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TTNorms-Regular';
  src: url('assets/css/fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/TTNorms-Regular.otf')  format('opentype'),
	     url('assets/css/fonts/TTNorms-Regular.woff') format('woff'), url('assets/css/fonts/TTNorms-Regular.ttf')  format('truetype'), url('assets/css/fonts/TTNorms-Regular.svg#TTNorms-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TTNorms-Bold';
  src: url('assets/css/fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),  url('assets/css/fonts/TTNorms-Bold.otf')  format('opentype'),
	     url('assets/css/fonts/TTNorms-Bold.woff') format('woff'), url('assets/css/fonts/TTNorms-Bold.ttf')  format('truetype'), url('assets/css/fonts/TTNorms-Bold.svg#TTNorms-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


.qodef-search-opener, .qodef-side-menu-button-opener{ display: none !important; }
.qodef-logo-wrapper a{ height: 64px !important; }
.welcome-text{ text-align: center !important; }
.welcome-text h2{ font-size: 28px; color: #20194e; }
.welcome-text p{ color: #20194e; font-size: 22px; display: inline-block; max-width: 815px; }
.commit-row h2{ color: white; font-size: 45px; font-weight: normal; }
.commit-row p, .commit-row p a{ color: white; font-size: 22px; }

.project-title{ padding: 30px 0; }
a.qodef-btn.qodef-btn-solid.project-button, .button-row a.qodef-btn.qodef-btn-solid, .qodef-post-content a.qodef-btn, .contact-form .wpcf7-submit{ font-size: 18px; font-family: 'TTNorms-Regular'; text-transform: none; font-weight: normal; background: none; border: 2px solid #1f174d; color: #20194e; }
a.qodef-btn.qodef-btn-solid.project-button:hover, .button-row a.qodef-btn.qodef-btn-solid:hover, .contact-form .wpcf7-submit:hover, .qodef-post-content a.qodef-btn:hover{background:#fc673d !important;  color:white !important; }

.project-listing .wpb_wrapper h2{ font-size: 28px; color: #20194e; }
.project-listing .wpb_wrapper p{ font-size: 22px; font-weight: 300; color: #20194e; }
.view-all-projects{ background: #1f174d; }
.view-all-bar p{ font-size: 34px; font-weight: bold; color: white; position: relative;; }
.view-all-bar p a{ float: right; position: absolute; right: 0; top: -14px; display: inline-block; background: #b3b0c2; border-radius: 100px;  padding: 0 39px; line-height: 58px; font-size: 20px; color: #20194e; font-weight: normal;}
.view-all-bar p a:hover{background:#fc673d !important;  color:white;}
.button-row h2{ font-size: 53px; color: #20194e; max-width: 654px; display: inline-block; margin-bottom: 45px !important;}
.ft-left-head{ font-size: 40px; color: #1f174d; }
footer .qodef-footer-top-holder{ background: white !important; }
.ft-p{ font-size: 24px; color: #1f174d; line-height: 30px; margin: 35px 0; }

footer .widget h4.qodef-footer-widget-title{ color: #1f174d; font-size: 28px; }
footer ul li a{ font-size: 22px; color: #1f174d; line-height: 45px; }
footer ul li a:hover{color: #1f174d; text-decoration: underline;}
footer .qodef-footer-bottom-holder{ background: #1f174d !important; text-align: left; height: 72px; }
.textwidget.custom-html-widget { text-align: left;}

footer #qodef-back-to-top{ position: absolute ; width: 26px; height: 147px; background: url(assets/css/img/footer-arrow.png) no-repeat center; top: 106px;}
footer #qodef-back-to-top > span{ display: none; }

.qodef-next-nav{ width: 146px !important; height: 26px !important; background: url(assets/css/img/banner-right-arrow.png) no-repeat center !important; right: 55px !important; }
.qodef-prev-nav{ width: 146px !important; height: 26px !important; background: url(assets/css/img/banner-left-arrow.png) no-repeat center !important; left: 55px !important;}
.qodef-next-nav > span, .qodef-prev-nav > span{ display: none !important; }
.carousel .carousel-indicators{ left: auto !important; right: 0 !important }

.carousel .carousel-inner .item .qodef-slider-elements-container .qodef-slide-element, .commit-row h2{font-family: 'NoeDisplay-Regular' !important;}

.welcome-text h2, .project-listing .wpb_wrapper h2{font-family: 'TTNorms-Medium';}
.welcome-text p, .commit-row p, .project-listing .wpb_wrapper p{font-family: 'TTNorms-Light';}

.project-listing  .project-title .wpb_wrapper h2, .button-row h2{font-family: 'NoeDisplay-Bold';}
.project-listing .wpb_wrapper h4, .ft-p, footer ul li a{ font-size: 22px; color: #20194e; font-family: 'TTNorms-Light'; }

.view-all-bar p, .ft-left-head, footer .widget h4.qodef-footer-widget-title{font-family: 'TTNorms-Bold';}
.view-all-bar a{ font-family: 'TTNorms-Regular'; }
.textwidget.custom-html-widget{ font-size: 18px; font-family: 'TTNorms-Light'; color: white; }
.qodef-title .qodef-title-holder h1{ font-size: 98px; font-family: 'NoeDisplay-Regular'; font-weight: normal; }
.qodef-main-menu>ul>li>a{ text-transform: none !important; font-size:  }
.contact-slider .flexslider{ box-shadow: none; }
.flex-direction-nav a{width: 146px !important; height: 26px !important; text-indent: -200px; text-align: left !important}
.flex-direction-nav .flex-next{background: url(assets/css/img/contact-right-arrow.png) no-repeat center !important;}
.flex-direction-nav .flex-prev{background: url(assets/css/img/contact-left-arrow.png) no-repeat center !important;}
.wpb_gallery .wpb_flexslider .flex-direction-nav a:before{ display: none; }
.wpb_gallery.contact-slider .wpb_flexslider .flex-control-nav{ bottom: 11px; top: auto; text-align: right; padding-right: 26px; box-sizing: border-box; }
.wpb_gallery.contact-slider .wpb_flexslider .flex-control-nav li{ text-align: left; }

.wpb_gallery.contact-slider .wpb_flexslider .flex-control-paging li a{ background: #ffffff; border: 1px solid #adb0b1; box-shadow: none; }
.wpb_gallery.contact-slider .wpb_flexslider .flex-control-paging li a.flex-active{ background: none;  border-color:white !important; }

.contact-form .wpcf7-form-control.wpcf7-text, .contact-form .wpcf7-form-control.wpcf7-textarea{ border: 2px solid #1f174d; margin-bottom: 8px; }
.contact-form .wpcf7-form-control.wpcf7-textarea{}
.contact-label{ font-size: 18px; color: #272054; }
.contact-form .wpcf7-submit{ background: none !important;line-height: 55px !important;letter-spacing: .5px;outline: 0;border-radius: 100px;color: #20194e !important;font-size: 18px !important; height: auto !important;padding: 0 34px !important;
    border-width: 2px !important;}
.contact-address{ background: rgba(18,18,18,0.6); padding: 200px 0 200px 140px !important; }
.contact-address h2{ font-size: 45px; font-family: 'TTNorms-Bold' !important; }
.vc_custom_1502430892145{ background-size: cover !important; }
.about-block h2{ font-size: 75px; line-height: 75px; }
.about-block p{ max-width: 570px; line-height: 30px; }
.about-text-box{ text-align: center !important; }
.about-text-box p{ max-width: 1100px; color: #20194e; font-size: 45px; font-family: 'NoeDisplay-Regular' !important; line-height: normal; display: inline-block; }
.page-template-blog-standard .qodef-content, .single-post .qodef-content{ border-top: 1px solid #5a3858; }
.page-template-blog-standard .qodef-content:before, .single-post .qodef-content:before{ width: 100%; content: ""; display: inline-block; border-top: 1px solid #ba5c49; position: absolute; top: 0; z-index: 999 }
.page-template-blog-standard footer, .single-post footer { border-top: 1px solid #1f174d; }
.textwidget{ color: #20194e; font-size: 18px; }
.qodef-search-slide-header-bottom{ display: none; }
aside.qodef-sidebar .widget h4{ border: 0; font-size: 28px; font-family: 'TTNorms-Medium'; color: #20194e }
aside.qodef-sidebar .widget.widget_tag_cloud a{ background: #2d2658; border-radius: 0; }
aside.qodef-sidebar .widget.widget_tag_cloud a:hover{ background: #fc673d; }
.qodef-blog-holder article .qodef-post-date-inner div{ display: none !important; }
.qodef-post-content a.qodef-btn{ width: 184px; height: 56px; line-height: 48px; text-align: center; margin-left: -30px; }
.qodef-post-content a.qodef-btn .arrow_carrot-right{ display: none !important; }
.qodef-post-content a.qodef-btn span.qodef-btn-text:after { content: " »";}
.qodef-post-content a.qodef-btn.qodef-btn-transparent:not(.qodef-btn-custom-hover-color):hover{ color: white !important; }
.qodef-post-info-author{ float: left; }
.qodef-post-info-date{ display: none !important ; }

.qodef-post-title{ font-size: 30px; color: #20194e; font-family: 'NoeDisplay-Regular'; }
.qodef-blog-holder article .qodef-post-info>div:after{ content: "|" !important }
.qodef-post-info div.qodef-post-info-category:after{ display: none !important; }
.qodef-blog-holder article .qodef-post-info>div{ font-family: 'TTNorms-Light'; font-size: 21px; color: #20194e !important }
.qodef-blog-holder article .qodef-post-info>div a{ font-size: 21px; color: #20194e !important; font-weight: normal !important; }
.qodef-blog-holder.qodef-blog-type-standard article .qodef-post-excerpt, .qodef-post-text-inner p{ font-size: 21px; color: #20194e !important; font-family: 'TTNorms-Light'; }
.post{ background: #e8e8e7; padding: 50px 0 !important; }
.post.has-post-thumbnail{ background: none !important; padding: 0 !important }
div.qodef-blog-holder.qodef-blog-type-standard article{ margin-bottom: 120px; }
div.qodef-blog-holder.qodef-blog-type-standard article .qodef-post-excerpt{ margin-bottom:75px; }
div.qodef-related-posts-holder{ display: none; }
.single-post .qodef-title{ display: none !important; }
.qodef-blog-holder.qodef-blog-single article{ border: 0 !important }
.orrange-row{ background: #fc673d;     padding-top: 119px;  padding-bottom: 76px ; }
.orrange-row.view-all-projects a{ background: #fecbbd; color: #20194e; border: 2px solid white;}
.orrange-row.view-all-projects a:hover{ background: white;  }
.qodef-social-share-holder.qodef-dropdown{ border: 2px solid #1f174d !important; width: 184px; height: 56px; line-height: 56px; font-size: 18px !important; text-align: center; }
.qodef-social-share-holder.qodef-dropdown .social_share{ color: #fc673d; margin-left: 20px; }
.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener .qodef-social-share-title, .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener i{font-size: 18px !important; text-transform: none !important;}
.qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown{ left: 55px !important; top: 14% !important }
.projects-head{ padding: 75px 30px; color: white; }
.projects-head h3{ color: white; font-size: 28px; font-family: 'TTNorms-Medium'; font-weight: normal; }
.projects-head p{ max-width: 744px; font-size: 22px; font-family: 'TTNorms-Light'; display: inline-block; }
.projects-head{ text-align: center !important; }
.project-list-one{ margin-bottom: 127px; text-align: center; }
.project-commit.commit-row h2, .project-commit.commit-row p{ color: #20194e; }
.border-bottom{ border-bottom: 1px solid #1f174d; }
.project-details-head h2{font-family: 'NoeDisplay-Regular';  color: white; font-size: 100px; padding: 175px 30px; font-weight: normal;}
.projects-slide{ max-width: 940px; display: inline-block; }
.project-top-section{ text-align: center !important; }
.project-top-section .flexslider{ box-shadow: none; border: 0; background: none; margin:0 !important; }
.p-projects p{ max-width: 940px !important; }
.location-left{ padding-top: 60px; }
.location-left h2{ font-size: 45px;font-family: 'NoeDisplay-Regular'; color: #1f174d; }
.location-left p{ font-size: 22px; color: #1f174d; line-height: 28px;font-family: 'TTNorms-Light'; }
.p-button{ margin-top: 60px; font-size: 20px !important; color: #20194e !important; background:rgba(255,255,255,0.66) !important; font-weight: normal !important; text-transform: none !important;}
.visionaries-button{ color: white !important; background: #ea6426 !important; border: 2px solid #1f174d !important; margin-top: 55px;}
.visionaries-button:hover{ background: #1f174d !important; }
.bottom-head h2{ font-size: 28px; color: #20194e; font-family: 'TTNorms-Medium'; font-weight: normal; }
.view-all-bar p em{ font-style: normal !important; }
.project-title h2{font-family: 'NoeDisplay-Bold';}

.content-page{ text-align: left; color:#1f174d; font-size: 16px; }
.content-page strong {font-size: 18px;}
.content-page h2{ font-size: 28px;color: #20194e; text-align: left;}


@media(max-width: 1400px){

	.view-all-bar p{ font-size: 29px; }
	.qodef-slide-element{ font-size: 69px !important }
	.about-text-box p{ font-size: 40px; padding: 0 35px; }
	div.vc_custom_1502442569680{ padding: 100px 30px !important }
	.button-row h2{ font-size: 40px; }
	div.vc_custom_1502346873487{ padding: 65px 30px !important; }
}
@media(max-width: 1200px){

.view-all-bar p{ font-size: 24px; }
.ft-left-head{ font-size: 38px; }
.contact-address{ padding:100px 0 !important; text-align: center;  }
.qodef-blog-holder article .qodef-post-date-inner{ display: none !important; }
.qodef-post-content a.qodef-btn{ margin: 0; }
.about-block p{ max-width: 100%; }
.qodef-mobile-header .qodef-mobile-menu-opener{ z-index: 9999 !important }
.qodef-position-right{ display: none !important;}
.vc_col-sm-5{ width: 100%; }
.qodef-next-nav, .qodef-prev-nav{ display: none !important; }



}

@media(max-width: 1024px){

.qodef-mobile-header .qodef-mobile-menu-opener{ width: 86px; position: absolute !important; right: -40px; background: #1f174d; text-align: center;  }
header .qodef-grid{ width: 100%; padding: 0 40px;}
.qodef-vertical-align-containers .qodef-position-center{ text-align: left !important; }
.qodef-mobile-header .qodef-mobile-menu-opener a{ font-size: 32px; display: inline-block; color: #ea6426 !important; width:100% }
.qodef-mobile-header .qodef-grid{ box-sizing: border-box; }
nav.qodef-mobile-nav { background: #1f174d !important; text-align: center; padding: 25px 0 220px 0;}
.contact-address{ padding: 25px !important; }
.contact-address h2{ font-size: 32px; }
div.vc_col-sm-5{ width: 100% !important; }

header.qodef-mobile-header .qodef-mobile-nav a{ border: 0; padding: 32px 0; font-family: 'TTNorms-Medium'; font-size: 23px; color: white; }
header.qodef-mobile-header .qodef-mobile-nav a:hover{ color: #ea6426 !important }

.view-all-bar p a{position: static; margin-top: 35px; position: static; float: none;}
.view-all-projects{ padding: 30px 0 !important; }
.button-row h2{ font-size: 30px !important; }
a.qodef-btn.qodef-btn-solid.project-button{ margin-bottom: 30px; }

.carousel .carousel-indicators{ left: 50% !important }
div.vc_custom_1502439409412{ padding: 35px 0 !important; }
div.qodef-section-inner{ width: 100% !important; padding: 0 45px !important; box-sizing: border-box; }
.about-block p, .about-block h2{ text-align: center; }
div.wpb_content_element{ padding: 0 !important }
.view-all-bar p{ text-align: center !important }
.about-text-box p{ font-size: 32px !important; }
.vc_custom_1502343871763 .vc_empty_space{ display: none; }
div.vc_custom_1502343871763{ padding: 35px 0 !important }
.project-listing .wpb_wrapper h2, .project-title h2{ margin:20px 0; }
a.qodef-btn.qodef-btn-solid.project-button{ margin-top:20px;  font-size: 16px;padding: 0px 26px; }

.qodef-container-inner{ position:static !important;}



}

@media (max-width: 992px){
footer #qodef-back-to-top{ top: auto;  bottom: 32px; right: 15px;}
  
}

@media (max-width: 767px){

div.vc_custom_1502338669313 { padding-top: 9px !important;padding-bottom: 33px !important;}
div.vc_custom_1502343402057 {padding-top: 20px !important; padding-bottom: 20px !important;}

#nav_menu-2{ display: none; }
.ft-left-head, .ft-p, .commit-row h2, .commit-row p{ text-align: center; }
footer .textwidget{ text-align: center; }
footer .qodef-footer-top:not(.qodef-footer-top-full) div.qodef-container-inner{padding: 52px 0 9px;}
.textwidget.custom-html-widget{ text-align: center; margin-bottom: 10px; }
div.vc_custom_1502359909017 { padding-top: 53px !important;padding-bottom: 14px !important;}
.project-list-one{ margin-bottom: 35px; }
.qodef-mobile-header .qodef-mobile-nav li.qodef-active-item a{ color: #ea6426 !important }
div.vc_custom_1502957520040 {padding-top: 40px !important; padding-bottom: 32px !important;}
.wpb_content_element.location-left{ margin-bottom: 45px !important; text-align: center; }
.project-details-head h2{ font-size: 45px; }
div.vc_custom_1502959594378{ text-align: center; padding: 50px 0 !important }
.text-center{ text-align: center; }
.visionaries-button{ margin-bottom: 45px !important; margin-top: 0 !important }
div.vc_custom_1502961841222{ padding-top: 65px !important }
.flex-direction-nav .flex-next{background: url(assets/css/img/contact-right-arrow-mobile.png) no-repeat center !important;}
.flex-direction-nav .flex-prev{background: url(assets/css/img/contact-left-arrow-mobile.png) no-repeat center !important;}
.flex-direction-nav a{ width: 59px !important }
.about-block h2{ font-size: 40px;line-height: 56px; }
.about-text-box p{ padding:0; }
div.vc_custom_1503015791440, div.vc_custom_1503015770477, div.vc_custom_1503015729832, div.vc_custom_1502442569680, div.vc_custom_1503015682347, div.vc_custom_1503014872201, div.vc_custom_1503015809990, div.vc_custom_1503016533121 { padding-top: 55px !important; padding-bottom: 55px !important;}



.qodef-slide-element { font-size: 45px !important;}


}



@media(min-width: 480px) and (max-width: 767px){
.view-all-bar p a { position: static; margin-top: 35px; position: absolute; float: none;padding: 0px 19px; background: white;font-size: 19px;top: -28px;}

.view-all-bar p em { width: 50%; float: left; text-align: left; font-size: 19px;}

}

@media (max-width: 560px){

}