/*
Theme Name: Aspira Cloud
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/




/*
#2C3F52


#3596D2
*/





 

body {background:#eee;font-family:"Signika", Arial, sans-serif;color:#666;}




 @media only screen and (min-width : 1200px) {

    .container { max-width: 1300px; } 

}
 
p{margin-bottom:30px;line-height: 25px;font-weight: 300;font-size:18px;}
ul {margin:20px 0 40px;}
ul li {margin-bottom:15px;line-height: 25px;font-size:18px;}
 


p.lead {   font-weight:500;}


a:link,
a:active,
a:visited {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;color:#3596D2;border-bottom:2px dotted #3596D2}

a:hover {color:#999;text-decoration:none;border-color:transparent}


h1 {}
h2 {    margin: 0px 0 40px;font-weight: 500;}
h3 {    margin: 0px 0 40px;font-weight: 500;}
h4 {    margin: 0px 0 40px;font-weight: 500;}
h5 {    margin: 0px 0 40px;font-weight:600;}


	 
.btn-primary {
    color: #fff;
    background-color: #3596D2;
    border-color: #3596D2;    padding: 15px 30px;
	text-transform: uppercase;font-size: 18px;
}
.btn-primary:hover,
.btn-primary:focus {background:#2C3F52}





.brand a {border:0;}
.brand a{width:226px;height:60px;background:url("/wp-content/themes/AspiraCloud/images/aspiracloud-logo.svg") top center no-repeat;display: block;}


nav.navbar {
    padding:20px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

nav.navbar.active {background:#2C3F52;box-shadow: 0 0px 30px rgba(0,0,0,0.5);padding:15px;}
 

nav.navbar .navbar-nav .nav-link {
    margin-left: 15px;
    margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 0;
}

nav.navbar .navbar-nav .nav-link:hover {color:#3597D4}

#navbar > ul.navbar-nav,
#navbar > ul.navbar-nav > li  {margin-bottom:0;margin-top:0;}
#navbar > ul.navbar-nav.w-100.justify-content-end.supporting > li .nav-link { font-size: 14px;color:#3597D4}
#navbar > ul.navbar-nav.w-100.justify-content-end.supporting > li .nav-link:hover {color:#fff;}

 
section {padding-top:150px;padding-bottom: 150px;}   


section#hero {position: relative;padding-bottom:100px;}     


section#hero.page {height:500px;}

.supporting-image img {margin-top:-100px;width:90%;}



#why .supporting-image img {margin-top:-50px;width:100%;}





.grade {     
    background-position: center center;
    background-repeat: no-repeat;    
    background: url(/wp-content/themes/AspiraCloud/images/clouds-big.png) center center no-repeat, -moz-linear-gradient(top, #2d3e50 0%, #3597d4 100%);    
    background: url(/wp-content/themes/AspiraCloud/images/clouds-big.png) center center no-repeat, -webkit-linear-gradient(top, #2d3e50 0%,#3597d4 100%);    
    background: url(/wp-content/themes/AspiraCloud/images/clouds-big.png) center center no-repeat, linear-gradient(to bottom, #2d3e50 0%,#3597d4 100%);
}


.blue-clouds {background:#F0F5F9 url(/wp-content/themes/AspiraCloud/images/clouds-small.png) center center no-repeat;}






.white-clouds {background:#fff url(/wp-content/themes/AspiraCloud/images/clouds-small.png) center center no-repeat;;}



.hero-line-1 {color:#fff;font-size:124px;font-weight: 700;margin-top:75px;margin-bottom:-50px}
.hero-line-2 {color:#fff;font-size:65px;}
.hero-line-3 {color:#fff;margin:10px 0 30px}
.hero-line-3 p {margin:0;color:#fff;width: 93%;font-size: 19px;}

.hero-line-4  a{margin:0 15px 0 0;}


.more-link {text-transform: uppercase;font-size:16px;}
.more-link a:link, .more-link a:active, .more-link a:visited {font-weight:900;}
.more-link.white a{color:#fff;border-color:#fff;}





.sub-header {font-size:35px;color:#2C3E51;position: relative;padding-bottom:20px;margin-bottom:100px;}
.sub-header:before{content:"";position:absolute;width:150px;height:1px;bottom:0;left:50%;margin-left:-75px;border-bottom:3px solid #3596D2;}




#enquire-us .sub-header,
#find-us .sub-header,
#talk-to-us .sub-header,
#page-intro .sub-header{margin-bottom:70px;}

#enquire-us .sub-header:before,
#find-us .sub-header:before,
#talk-to-us .sub-header:before,
#page-intro .sub-header:before{left:0%;margin-left:0px;}




.sub-summmary {padding: 0px 15%;font-size: 18px;margin-top:-50px;margin-bottom:75px;}



#case-study .case-study-box .sub-header,
#case-study .case-study-box .sub-header:before,
.grade .sub-header,
.grade .sub-header:before {color:#fff;border-color: #fff;}


.grade .sub-summmary {color:#fff;border-color: #fff;}


#case-study .case-study-box .sub-header {font-size:30px;}



.sales-strap-title {margin-top:30px;margin-bottom:30px;font-size:23px;color:#2C3F52;font-weight:500}

 



.hero-page-line1 {margin-top:30px;}
.hero-page-line2 {margin-bottom:-10px}
.hero-page-line2 h1,
.hero-page-line2{color:#fff;font-size:82px;font-weight:300;}
.hero-page-line3 {color:#fff;margin:10px 0 30px}
.hero-page-line3 p {margin:0;color:#fff;width: 85%;font-size: 19px;font-weight:300;}
.hero-page-line4 { }





.points {}
.points ul li{font-size:25px;font-weight:500;margin:0px 0 20px;list-style: none;color:#2C3F52}
 
.points ul li:before {  font-family: "Font Awesome 5 Free"; padding-right:20px; font-weight: 900;  content: "\f00c";color:#3596D2}


.page-intro-image img {width:100%;height:auto;}




.client-logo {padding:15px}
.client-logo a {border:0;}


.client-logo img {height:auto;width:100%;}



/* bread crumb */

.breadcrumb-trail {display: inline-block;float:left;width:100%;font-weight:600;font-size:13px;margin:0px}
.breadcrumb-trail ul{display: inline-block;float:left;width:100%;margin:0;padding:0;}
.breadcrumb-trail ul li {color:#fff;display: inline-block;float:left;list-style: none;margin:0 10px 0 0;padding:0;}
.breadcrumb-trail ul li a:link,
.breadcrumb-trail ul li a:visited,
.breadcrumb-trail ul li a:active{color:#fff;opacity:0.5;border:0;}

.breadcrumb-trail ul li a:hover{color:#fff;opacity:1;}

.breadcrumb-trail ul li span.sep{opacity: 0.5}










/* quote */


#quotes .quote{font-size: 32px;color: #333;font-weight: 300;margin-top: 20px;}
#quotes .quote-from{font-size: 20px;color: #666;margin-top: 20px;font-weight: 600;}       
#quotes .sub-header {font-size:25px;}
#quotes .quote-stars {font-size:40px;color:#3596D2}
#quotes .quote-stars i{margin:0 5px;}

.quote-icons {font-size:40px;color:#3596D2;font-family:"Times New Roman"}

.quote-icons.top	{position: absolute;top:0;left:0;}
.quote-icons.bottom	{position: absolute;bottom:0;right:0;}




/* pillar noxes */

.pillar-box {text-align: center;padding:10px 40px;}
.pillar-box-image {}
.pillar-box-image img {width:50%;}
.pillar-box-name {font-size:35px;margin:10px 0;}
.pillar-box-summary p{font-size:16px;}







/* 3 solutions homepage */

.card {background:#FFFFFF;border:0;margin:10px;}
.card .card-inner {padding:40px;}
.card .card-icon{margin-top:-120px;margin-bottom:0px;}
.card .card-title {font-size:35px;color:#2C3F51;font-weight:500}
.card .card-summary {margin-bottom:20px;opacity:0.5}                    
.card .card-links span:before {content: "  -  ";}
.card .card-links span:first-child:before{content:""}        


.card.wrapper .card-inner {padding-left:0;padding-right:0;}


.card.wrapper .card a {border:0;}
.card.wrapper .card .card-title{font-size:20px;}

.card.wrapper .card{margin:0;}


.card .card-icon img {width:50%;}
.card.wrapper .card .card-icon {margin:0;}


.card.wrapper .sub-header {margin-top:-30px;margin-bottom:50px;}

 






.card.wrapper .card-icon{margin-top: -90px;}
.card.wrapper .card-icon img {width:10%;}
.card.wrapper .card-body .card-icon img {width:50%;}











body.page-template-SolutionHome .card {margin-bottom:100px;}


body.page-template-SolutionHome .row:nth-child(2w) div .card{margin-top:0;}



/* why Aspira */


.whybox{text-align: left;margin:30px 0;}
.whybox p {margin-bottom:10px;font-size:17px;line-height: normal;}
.whybox p strong {font-size:20px;}


.whybox p+p{opacity:0.8;margin-bottom:0px;}

.whybox-icon {}
.whybox-icon img {width:100%}
.whybox-summary {width:90%}





.why-sell{margin-top:75px;}
.why-sell .why-sell-strap1 p{font-size:25px;}
.why-sell .why-sell-strap2{}






#why .whybox,
#why .why-sell{color:#fff;}


#why .why-sell a:link,
#why .why-sell a:visited,
#why .why-sell a:active{color:#fff;border-color:#fff;}

#why .why-sell .more-link a:link,
#why .why-sell .more-link a:active,
#why .why-sell .more-link a:visited{color:#fff;border-color:#fff;}






.explore-more-sell,
.case-study-sell{margin-top:125px;}

.explore-more-sell .explore-more-sell-strap1 p,
.case-study-sell .case-study-sell-strap1 p{font-size:25px;}

.explore-more-sell .explore-more-sell-strap2,
.case-study-sell .case-study-sell-strap2{}












    .case-study-box.small {padding:0;height:auto;margin:20px;width:auto;}
    .case-study-box.small .case-study-lead { margin-top: 0px; }
    .case-study-box.small .case-study-content {padding:50px;}
    .case-study-box.small .case-study-box-image {padding: 0px; height: auto;min-width: 0;width:100%;}
    .case-study-box.small .case-study-box-image img {width:100%;height:auto;}
    .case-study-box.small .case-study-lead a{color:#fff;border:0;}
    .case-study-box.small .case-study-summary {margin:20px 0 0 0;  font-size: 17px;    font-weight: 300;}
    
    .case-study-box.small a:link,
    .case-study-box.small a:active,
    .case-study-box.small a:visited{background:#306082;display: inline-block;border:0;}
    .case-study-box.small a:hover {background:#3597D4}
    
    
    .case-study-box.small .case-study-lead {font-size:40px;}
    














    
    .explore-more-box{margin:20px;}
.explore-more-box a{}
    
.explore-more-image{background:#dfdfdf} 
.explore-more-image img{width:100%;}

.explore-more-content{background:#fff;padding:50px;}
    
.explore-more-lead{font-size: 35px;color:#2C3F51;}
.explore-more-summary{color:#2C3F51;opacity: 0.8;  margin:30px 0 30px 0;  font-size: 17px;    font-weight: 300;}



.page-template-About #explore-more .explore-more-image img {  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}




/* mission statement */

.mission-statement {position: relative;padding: 0px 30px 0 30px;}

.mission-statement p {font-size:30px;line-height: normal;margin:0 0 50px 0;;}
.mission-statement-from {}
.mission-statement-from p {margin:0;width:auto;font-size:19px;color:#3596D2;
	font-weight:500;border-top:0px solid #666;padding-top:0px;display:inline-block;}





/* contact us form etc */


.contact-box{margin:0px;padding:0 20px 0 0;}
.contact-title{
    font-size:25px;
    color: #2C3E51;
    padding-bottom:10px;

    
    }
.contact-summary{padding-right:50px;margin:0 0 10px;font-weight:300;font-size:18px;}
    
.contact-method{
    font-size: 18px;
    font-weight: 600;
    }
	
	.contact-summary p {margin:0;}


     .form-row{padding-bottom:30px;}
                    .form-row input {padding:20px;}



textarea.form-control {min-height: 200px;}


select.form-control{min-height: 66px;}




/* sale - at bottom */

section#sale {background:#3E89CA;color:#fff;padding:0;}
section#sale .container{padding-top:75px;padding-bottom:75px}
section#sale p {font-size:25px;margin:0;line-height: normal;}

section#sale .more-link {padding:5px 0;}
section#sale .more-link a:link,
section#sale .more-link a:active,
section#sale .more-link a:visited{border:0;font-size:18px;padding:10px 20px;background:#fff;color:#3E89CA;font-weight: 600;}
section#sale .more-link a:hover {background:#2C3F52;color:#fff;}
    




/* spin - at top */


section#spin {background:#fff;padding:0; text-align: center}
section#spin .container{padding:100px 250px;}
section#spin p {font-size:25px;margin:0 0 50px 0;line-height: normal;}

section#spin .more {padding:5px 0;}
 
    







/* case studies - home */

 
.case-study-box {background:#2D3F51;width:100%;height: 650px;padding:100px;}

section#case-study .container {padding-top: 0px;padding-bottom: 0px;}

.case-study-box-image{    
margin-left: 0px;
flex: 490 1 0%;
min-width: 490px;
margin-top: 0px;
margin-bottom: 0px;
top: 0px;
padding: 80px;
height: 650px;
position: relative;
padding: 0;
overflow: hidden;
}


section#case-study .row div.col-lg-6 {padding:0;}
.case-study-box-image img {height: 650px;width: 685px;}
.case-study-lead {font-size:25px;color:#fff;margin-top:-40px;font-weight:400}
.case-study-summary {font-size:16px;color:#fff;margin:30px 0;font-weight: 100;}

.case-study-box .case-study-lead a:link,
.case-study-box .case-study-lead a:active,
.case-study-box .case-study-lead a:visited{color:#fff;border-color:transparent;}
.case-study-box .case-study-lead a:hover{border-color:#fff}

.case-study-type {font-size:16px;color:#fff;font-weight:600;margin:0 0 10px;opacity: 0.5}


section#case-study .row:nth-child(even)  .case-study-box {background:#3596D2;}





     section#hero.case-study p {color:#fff;}

     .case-study-service,
     .case-study-solutions,
     .case-study-industry{display:inline-block;float:left;width:100%;margin:0 0 50px}
     
     .case-study-service ul,
     .case-study-solutions ul,
     .case-study-industry ul {font-size:18px;}
     

 #page-intro .support-right .sub-header,
    #page-intro .case-study-industry .sub-header,
    #page-intro .case-study-solutions .sub-header,
     #page-intro .case-study-service .sub-header {font-size:20px; margin-bottom: 30px;}


#page-intro .support-right h4 {margin: 80px 0 20px;}
#page-intro .support-right h4:nth-child(2) {margin: 15px 0 20px;}


.download-box-wrapper {display: inline-block;float:left;width:100%;margin:0 0 30px;}
.download-box a:link,
.download-box a:active,
.download-box a:visited{display: inline-block;font-weight:bold;float:left;background:#3E89CA;border:0;padding:20px 40px;color:#fff; text-transform: uppercase}

.download-box a:hover {background:#2C3F52}


.case-study-single-image {display: inline-block;float:left;width:100%;margin:0 0 50px;}
.case-study-single-image img {display: inline-block;float:left;width:100%;}


 





.page-template-Case-Study .hero-page-line2{    font-size: 40px;opacity: 0.5}



.page-template-Case-Study .hero-page-line3 h1 {font-size:55px}




/* key industries homepage */

.card.mini {background:#F0F5F9;background:transparent;border:0;margin:10px 10px 100px 10px;}
.card.mini .card-inner {padding:30px 30px 50px 30px;}
.card.mini .card-icon{margin-top:-90px;margin-bottom:-10px;}
.card.mini .card-icon img {width:70%;}
.card.mini .card-title {font-size:27px;color:#2C3F51;font-weight:500}
.card.mini .card-summary {margin-bottom:20px;opacity:0.7;font-weight:300;    font-size: 15px;}                    



/* accreditation why us */



.accreditation a {border:0;}
.accreditation  {text-align: center}
.accreditation  img {padding:0 10px;width:100%;}

.partner a {border:0;}
.partner  {text-align: center}
.partner  img {padding:20px;width:100%;}





footer {background:#2C3F52;padding:100px 70px;color:#fff;}

footer .footer-nav{font-size:16px;}

footer .footer-nav-title {font-weight:600;font-size:18px;margin:0 0 10px;opaciyt:0.75;}

footer .footer-nav ul {display: inline-block;float:none;padding:0;margin:0;} 
footer .footer-nav li {display: inline-block;margin:0 0 5px 0;width:100%;} 
footer .footer-nav li a {color:#fff;border:0;opacity:0.5;font-size:15px;}

footer .footer-nav p {color:#fff;opacity:0.5;font-size:15px;}


footer .footer-nav li a:hover {color:#fff;opacity:1;}
footer .footer-image{text-align: center;}
footer .site-by{text-align:right;}
    
footer .site-by p {margin:10px 0;font-size:14px;}
footer .site-by a:link,
footer .site-by a:active,
footer .site-by a:visited{color:#ccc;text-decoration: none;border:0;}

footer .site-by a:hover {color:#D94FB2}




footer .brand a {border:0;}
footer .brand a{width:226px;height:60px;background:url("/wp-content/themes/AspiraCloud/images/aspiracloud-logo.svg") top center no-repeat;display: block;}





footer .footer-social ul {display: block;float:none;padding:0;margin:10px 0;} 
footer .footer-social li {display: inline;margin:0 10px;} 
footer .footer-social li a {color:#fff;border:0;padding:10px;font-size:20px;}
footer .footer-social li a:hover {color:#ccc}


.accred-logo {text-align: center}
.accred-logo img {padding:0 30px;width:100%;}


footer .footer-legal {text-align: center}

footer .footer-legal ul {display: block;float:none;padding:0;margin:10px 0;} 
footer .footer-legal li {display: inline;margin:0 10px;} 
footer .footer-legal li a {color:#fff;border:0;padding:10px;font-size:14px;opacity:0.5}
footer .footer-legal li a:hover {color:#fff;opacity:1}






	.job-entry-wrapper{display:inline-block;float:left;width:100%;margin:0 0 30px;padding:0 0 30px;border-bottom:2px #ccc dotted;}
	.job-entry{display:inline-block;float:left;width:100%;background:#eee;padding:40px;border-bottom:5px solid #ddd}
	.job-entry-title{display:inline-block;float:left;width:100%;font-size:25px;color:#333;}
	.job-entry-id{display:inline-block;float:left;width:100%;margin:10px 0;font-weight: bold;color:#999;}
	.job-entry-summary{display:inline-block;float:left;width:100%;}
	.job-entry-summary p{font-size:14px;margin:0 0 25px;}
	.job-entry-summary p:last-child{margin:0;}






/* blog */



.blog-left{display: inline-block;float:left;width:55%;margin-right:15%; text-align: left;}
.blog-right{display: inline-block;float:left;width:20%; text-align: left;}

.blog-right ul {padding-left:15px;}

section.widget {padding-top:0;padding:0px;width:100%;display: inline-block;float:left;margin-bottom:50px;}

section.widget ul li a{color:#666;border-bottom: 1px dotted #666;}
section.widget ul li a:hover {color:#333;}

.blog-left footer {display: none;}


.navigation.pagination {display: inline-block;float:left;width:100%;margin:100px 0 50px 0;}
.navigation.pagination h2 {display:none;}


body .page-numbers a:link,
body .page-numbers a:visited,
body .page-numbers a:active,
body .page-numbers {display: inline-block;padding:5px 15px;background:#eee;border:0;color:#333;}

body .page-numbers.current {background:#3596D2;color:#fff;}


body .page-numbers.dots {background:none;color:#333;}


body a.page-numbers:hover {background:#2C3F52!important;color:#fff!important;}


 #main > nav > div > a > svg,
.navigation.pagination a img,
.navigation.pagination span.meta-nav {display: none;}

 



body a.next.page-numbers,
body a.prev.page-numbers {background:none!important;color:#ccc!important;}


body a.next.page-numbers:hover,
body a.prev.page-numbers:hover {background:none!important;color:#333!important;}






.blog-left .blog-post-title {margin:50px 0 50px;color:#2C3F52;
    display: inline-block;
    float: left;
    width: 100%;
}


.blog-left .blog-featured-image {display: inline-block;margin:0 0 30px 0;float:left;display: inline-block;width:100%;}
.blog-left .blog-featured-image img {width:100%;height:auto;float:left;}


.blog-left blockquote {background:#fefefe;border-left: 3px solid #3596D2;padding:0px 0 0 40px;margin:50px;}
.blog-left blockquote p {font-size:23px;margin:0 0 20px;line-height:30px;color:#333;}
.blog-left blockquote p:last-child{margin-bottom:0;font-size:16px;color:#3596D2}


.blog-left h2 {margin:50px 0;font-size:23px;color:#2C3F52}


.widget-title {font-size:23px;color:#3596D2;}





.navigation.post-navigation {display: none;}




     
.blog-home main#main {    display: flex;
    flex-wrap: wrap;}

        
.blog-home article{display:inline-block;float:left;width:285px;margin:15px}
.blog-home article img {width:130%;height:auto;}
        
        
        .blog-card {display: inline-block;float:left;width:100%;text-align: left;background:#eee;}
        
        .blog-card .blog-featured-image{display: inline-block;float:left;width:100%;overflow: hidden;height:200px;}
        
        .blog-card .blog-title{display: inline-block;float:left;margin-bottom:15px;width:100%;min-height:90px;font-size:18px;color:#2C3F52;line-height: 23px;}
        
        .blog-card .blog-content{display: inline-block;float:left;width:100%;padding:30px;}
        .blog-card .blog-read{display: inline-block;float:left;width:35%;font-size: 15px;font-weight:600;}
        .blog-card .blog-date{display: inline-block;float:left;width:65%;font-size: 15px;text-align: right; font-weight:600;color:#999;}



.blog-header {display: inline-block;float:left;width:100%;position: relative;}

.blog-header .blog-link{display: inline-block;float:left;color:#3596D2;border:0;font-size:18px;font-weight: 500;padding-right:50px;position:relative;}
.blog-header .blog-post-date{display: inline-block;float:left; color:#3596D2;border:0;font-size:18px;font-weight: 500;position:relative;}


.blog-header .blog-link a {color:#999;border:0;}

.blog-left .blog-headerx:before {
content: "";
position: absolute;
width: 100px;
height: 1px;
bottom: 0;
left: 0%;
margin-left:0;
border-bottom: 3px solid #3596D2;
}




.legal p {font-size:12px;opacity: 0.2;
-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;

}
.legal p:hover {opacity:0.5;}

p.human-p {margin:20px 0}

input#use{float: left;    position: absolute;    top: 3px;    left: 0;    width: 19px;    height: 19px;}

label.use{   text-align: center;font-size: 13px;width:100% }
	
	


/*       ipad portrait      */
@media only screen and (max-width : 979px) {
body {background:purplex;margin-topx:10px;}

	
	.navbar-dark .navbar-toggler {    border-color: transparent;    outline: 0;cursor: pointer;}
	
	.hero-wrapper img,
	.case-study-box-image img {height:auto;width:100%;}
	.case-study-box-image{width:100%;min-width: auto;}
	
	
	nav.navbar {		background: #2C3F52;}

	section#hero.page {height: auto;}
	
	.hero-line-1 {    font-size: 80px;}
	
	.supporting-image img {margin-top:0;}
	#navbar > ul.navbar-nav.w-100.justify-content-end.supporting > li .nav-link,
	nav.navbar .navbar-nav .nav-link{padding-top:5px;padding-bottom:5px; text-align: center}
	
	
	section#sale .text-right,
	section#sale .text-left{text-align: center!important;}	
	section#sale p {font-size: 20px;margin: 0 0 40px;}	
	
	
	footer{text-align: center; padding-right:5px;padding-left:5px}
	footer .site-by {text-align: center;}
 
   
	footer .brand a {		margin: 0 auto 50px auto;}
	footer .accred-logo img {padding: 0px 30px 50px 30px;}
	
	footer .accred-logo:last-child img {padding-bottom:0;}
	
	explore-more-lead {font-size: 30px;}
	
	.mission-statement p {    font-size: 20px;	}
	.pillar-box-name {font-size: 28px;}
	
	
	.hero-line-1 {text-align: center;margin-bottom: -25px;}
	
	.hero-line-2 {    font-size: 65px;    text-align: center;    line-height: 60px;}
	
	.hero-page-line2 h1, .hero-page-line2 {font-size: 50px;}
	
	
	.hero-page-line3 p {    width: 100%;    line-height: normal;    font-size: 17px;}
	.hero-line-3 p {    margin: 30px 0 20px;    width: 100%;    text-align: center;    font-size: 15px;}
	
	
	.breadcrumb-trail ul li {font-size: 15px;}
 
	section {    padding-top: 75px;    padding-bottom: 75px;}
	
	
	section#hero{ padding-top:100px;}
	
	
	
	body.home .hero-wrapper img{    margin-top:50px;}
	
	.sub-header {font-size: 30px;margin-bottom: 50px;}
	.client-logo img {    padding: 10px 50px 10px;}
	
	
	
	.card .card-inner {padding:0px 40px 40px 40px;}
	
	
	.card .card-icon { margin-top:0px;}
	
	
	
	.sub-summmary {    padding: 0px;    font-size: 18px;    margin-top:0;    margin-bottom: 50px;}
	.sub-summmary p {font-size: 15px;}
	
	.whybox {text-align: center}
	.whybox-icon img { width: 40%;}
	.whybox-summary {    width: 100%;}
	.card.mini {    margin: 20px 10px 0px 10px;}
	
	
	.case-study-box-image {height: auto;}
	.case-study-box {height: auto;padding: 50px;}
	.case-study-lead {margin-top: 0px;}
	
	.points ul {padding-left:15px;}
	.points ul li {font-size: 18px;}
	
	#quotes .quote-from,
	#quotes .quote {font-size: 18px;}
	 
.blog-left {    width: 100%;    margin-right: 0%;   margin-bottom:50px}
.blog-right {    width: 100%;  }
	
	
	.blog-left .blog-post-title {    margin-top:20px;}
	
	
}



@media only screen and (max-width : 480px) {
body {background:yellowx;margin-topx:10px;}
	
	
}




/*       iphone portrait     */
@media only screen and (max-width : 767px) {
body {background:bluex;margin-topx:0px;}


	
	
	
	
	
	
	
}



@media only screen and (max-width : 320px) {
body {background:redx;margin-topx:10px;}

}














 
 


 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1186px) and (max-width: 1200px) { 

	 body {background:blackx;margin-topx:10px;}
	
	
	
	
	
}