/***********************************************/
/* Theme Name: Crush The Rankings              */
/* Theme URI: http://wwww.crushtherankings.com */
/* Author: Kondor with a K                     */
/* Author URI: http://www.kondorwithak.com     */
/* Description: For Crush The Rankings         */
/* Version: 1.0                                */
/***********************************************/

/**********************/
/* Custom Stylesheet  */
/**********************/
/* - Reset            */
/* - Formatting       */
/* - Header           */
/* - Slider           */
/* - Banner           */
/* - Content          */
/* - Sidebar          */
/* - Footer           */
/* - FontAwesome      */
/* - Link Transitions */
/* - Responsive       */
/**********************/

/*********/
/* Reset */
/*********/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}script{display:none!important}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;color:#000;margin:0 30px 20px}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both;height:0;display:block;margin:0!important;line-height:0!important}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}.entry-content img,.comment-content img,.widget img{max-width:100%}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{height:auto}img.size-full,img.size-large,img.header-image,img.wp-post-image{max-width:100%;height:auto}embed,iframe,object,video{max-width:100%}.alignleft{float:left;margin:10px 10px 10px 0}.alignright{float:right;margin:10px 0 10px 10px}.aligncenter{display:block;margin-left:auto;margin-right:auto}

/**************/
/* Formatting */
/**************/
/* Body */
body {font-family: 'Catamaran', sans-serif !important; font-size: 17px; color: #231f20; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; display: block !important;}
.hide-site {display: none !important;}
.clear {clear: both; height: 0; margin: 0; padding: 0;}

/* Forms */
input, 
select,
textarea {border: 1px solid #e6e6e6; background: #fff; width: 100%; padding: 11px 15px; outline: none !important; font-size: 17px; line-height: 17px; font-weight: 300; color: #777; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s;}
input, 
button, 
select, 
textarea {font-family: 'Catamaran', sans-serif;}

/* Alignment */
.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

/* Headlines */
h1, h2, h3, h4, h5, h6 {position:relative; color: #07559d; margin: 0 0 15px 0; background:none; line-height: 1.6em; font-family: 'Catamaran', sans-serif; font-weight: normal;}
h1 {font-size: 50px; line-height: 60px;}
h2 {font-size: 30px; line-height: 40px;}
h3 {font-size: 24px; line-height: 34px;}
h4 {font-size: 20px; line-height: 24px;}
h5 {font-size: 18px; line-height: 22px;}
h6 {font-size: 16px; line-height: 20px;}

/* Paragraphs */
p {position: relative; line-height: 1.9em; margin-bottom: 15px;}

/* Links */
a {text-decoration: none; cursor: pointer; color: #07559d;}
p a {font-weight: 500;}
a:hover,
a:focus {text-decoration: none; outline: none; color: #fc706f;}

/* Lists */
ol, 
ul {list-style: none; padding: 0; margin: 0;}

/* Buttons */
button:focus {outline: none;}
.grey {background-color: #f2f2f2;}
.accent-btn {margin-top: 20px;}
a.accent-btn,
.accent-btn a, 
.contact-form button, 
.comment-form button,
.contact-form input[type="submit"] {font-size: 12px; text-transform: uppercase; font-weight: 700; color: #000000; display: inline-block; padding: 11px 20px; border: 1px solid #07559d; background-color: #07559d; border-radius: 3px; letter-spacing: 0.5px;}
.single-service ul + .accent-btn,
.single-service p + .accent-btn {margin-top: 0;}
a.accent-btn:hover,
.accent-btn a:hover {border-color: #ffffff; background-color: transparent; color: #ffffff;}
.single-service .accent-btn:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/* Containers */
.site-container {position: relative; padding-top: 100px;}
body.home .site-container {padding-top: 0;}
body.admin-bar .site-container {margin-top: 32px;}
.container {width: 100% !important; max-width: 1170px;}
section {padding: 50px 0;}

/* Animation */
.animated {opacity: 1 !important;}

/* Images */
img {max-width: 100%; height: auto;}

/**********/
/* Header */
/**********/
.header {position: fixed; left: 0; right: 0; top: 0; z-index: 999; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; height: 100px;}
body.home .header {opacity: 0;}
body.admin-bar .header {top: 32px;}
.header.search-open {height: 150px;}

/* Search field */
.header .search-field {display: none; width: 100%; height: 50px; background-color: #fc706f;}
.header .search-field form {width: 100%;}
.header .search-field form fieldset {padding: 0; margin: 0; border: none;}
.header .search-field form input {color: #ffffff; font-size: 22px; background: transparent; border: none; padding: 0; margin: 0; margin: 7px 0 0 0; box-shadow: none;}
.header .search-field form input::-webkit-input-placeholder {color: #ffffff;}
.header .search-field form input:-moz-placeholder {color: #ffffff; opacity: 1;}
.header .search-field form input::-moz-placeholder {color: #ffffff; opacity: 1;}
.header .search-field form input:-ms-input-placeholder {color: #ffffff;}
.header .search-field .search-button {float: right; width: 32px; height: 32px; display: block; line-height: 42px; text-align: center; padding: 2px 0 0;}
.header .search-field .search-button {height: 42px; width: 42px;}
.header .search-field .search-button i {color: #ffffff; font-size: 22px;}
.header .search-field .search-hide {display: block;}

/* Bottom header */
.header .header-bottom {background-color: #07559d; height: 100px; box-shadow: 0 4px 9px rgba(0,0,0,0.2);}

/* Logo */
.header .logo {float: left; margin: 13px 10px 0 0;}
.header .logo img {height: 74px; width: auto;}

/* Menu */
.header .navbar {float: right;}
.header .header-menu {position: relative; left: 0px; top: 0px; width: 100%; background: #30344d; z-index: 5;}
.header .nav-outer {position: relative;}
.header .navbar-default {background: transparent; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0; display: inline-block;}
.header .navbar-collapse {padding: 0;}
.header .navbar-nav {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.header .navbar-nav > li {padding: 20px 5px 0;}
.header .navbar-nav > li > a {color: #ffffff !important; font-size: 16px; text-transform: uppercase; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-weight: bold; padding: 20px 2px 36px; border-bottom: 4px solid #07559d;}
.header .navbar-nav > li:hover > a {border-color: #2db0fe; color: #2db0fe !important;}
.header .navbar-nav li.drop {position: relative;}
.header .navbar-nav li.drop:hover a {}
.header .navbar-nav li.drop ul.dropdown {margin: 0; padding: 0; position: absolute; top: 100%; left: 0; background: #f5f5f5; padding: 0; opacity: 0; visibility: hidden; z-index: 999; box-shadow: none; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; right: 0; min-width: 144px;}
.header .navbar-nav li.drop.menu-item-3782 ul.dropdown {min-width: 170px;}
.header .navbar-nav li.drop.menu-item-4374 ul.dropdown {min-width: 190px;}
.header .navbar-nav li.drop ul.dropdown li {display: block; white-space: nowrap;}
.header .navbar-nav li.drop ul.dropdown li a {display: inline-block; text-decoration: none; display: block; color: #231f20; font-size: 16px; padding: 7px 15px; background-color: #f5f5f5; font-weight: 500;}
.header .navbar-nav li.drop ul.dropdown li a:hover {background-color: #07559d; color: #ffffff;}
.header .navbar-nav li.drop:hover ul.dropdown {opacity: 1; visibility: visible;}

/* Menu button */
.header .navbar-header {float: right;}
.header .navbar-header .menu-btn {color: #ffffff; font-size: 19px; text-transform: uppercase; padding: 13px; font-weight: 700; margin: 20px 0 0; border: none;}

/* Mobile menu */
.pushy {overflow-y: auto;}
.pushy ul li {}
.pushy ul li.menu-item-816 {display: none;}
.pushy a:focus {color: #ffffff;}
.pushy ul li a,
.pushy ul li button {font-size: 20px; padding: 10px 30px;}
.pushy-submenu > a::after,
.pushy-submenu > button::after {content: "\f105"; background: none; height: auto; width: auto;}
.pushy-submenu-open ul {max-height: initial;}
body.pushy-open-right {overflow: hidden; height: 100%; -webkit-overflow-scrolling: touch; margin-right: 17px !important;}
body.pushy-open-right .header {padding-right: 17px;}

/**********/
/* Slider */
/**********/
.slick-prev, 
.slick-next {position: absolute; width: 70px; height: 70px; background: transparent; margin: 0 !important; text-align: center; line-height: 70px; border: 1px solid #E2E6E7; top: 43%; font-size: 24px; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; color: transparent;}
.slick-prev:before,
.slick-next:before {font-size: 50px; color: #ffffff;}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.slick-page {display: inline-block; padding: 6px 2px; position: relative;}
.slick-theme .slick-controls .slick-page span {width: 8px; height: 8px; display: block; position: relative; margin: 5px 3px; z-index: 1000 !important; background: rgba(0, 0, 0, .5); border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.slick-page:hover span {background: rgba(0, 0, 0, .5);}
.slick-page.active span {background: #07559d !important; border: 1px solid #07559d !important; -webkit-transform: scale(1.3333333); -moz-transform: scale(1.3333333); -o-transform: scale(1.3333333); -ms-transform: scale(1.3333333); transform: scale(1.3333333);}

/************/
/* Homepage */
/************/
/* Slider */
.slider-section {background-color: #07559d; position: relative; opacity: 0; padding: 0;}
.slider-section:focus {outline: none;}
.slider-section .item {height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; position: relative; min-height: 450px;}
body.admin-bar .slider-section .item {height: calc(100vh - 32px);}
.slider-section .item .text-area {padding: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center;}
.slider-section .item .text-area p {color: #ffffff; opacity: 0; display: block;}
.slider-section .item .text-area p.headline {font-size: 90px; text-transform: uppercase; line-height: 80px; margin: 0 0 20px; font-weight: 900;}
.slider-section .item .text-area p.subheadline {font-size: 30px; line-height: 35px; font-weight: 500; margin: 0 0 50px;}
.slider-section .item .text-area a.button {background-color: #ffffff; color: #07559d; display: inline-block; font-size: 25px; text-transform: uppercase; padding: 20px 40px; line-height: 25px; font-weight: bold; opacity: 0;}
.slider-section .item .text-area a.button i {margin-right: 4px;}
.slider-section .item .text-area a.button:hover {background-color: #07559d; color: #ffffff;}

/* Side dots */
.slider-section .slick-dots {bottom: 15px; left: 0; right: 0; width: auto; opacity: 0;}
.slider-section .slick-dots li {display: block; margin: 3px 0;}
.slider-section .slick-dots button:before {border: 2px solid #ffffff; border-radius: 50%; opacity: 1; font-size: 20px; color: transparent; line-height: 17px;}
.slider-section .slick-dots li:hover button:before,
.slider-section .slick-dots li.slick-active button:before {color: #ffffff; opacity: 1;}

/* Introduction */
.intro-section {padding: 80px 0 90px; position: relative; text-align: center;}
body.home .intro-section {opacity: 0;}
.intro-section .container {max-width: 1600px;}
.intro-section .intro-area {max-width: 800px; margin: 0 auto 50px;}
.intro-section .intro-area h1 {font-size: 70px; line-height: 80px; margin-bottom: 40px; color: #231f20; font-weight: normal;}
.intro-section .intro-area p {color: #231f20; font-size: 18px; line-height: 26px;}
.intro-section .intro-area p:last-child {margin-bottom: 0;}

.intro-section .icon-area {}
.intro-section .icon-area a {display: block; background-color: #ffffff; padding: 20px;}
.intro-section .icon-area .image-box img {margin: 0 auto 40px; display: block; max-height: 122px; width: auto; height: auto;}
.intro-section .icon-area h2 {font-size: 24px; line-height: 32px; margin-bottom: 5px; color: #231f20; font-weight: bold;}
.intro-section .icon-area a:hover h2 {color: #2db0fe;}
.intro-section .icon-area p {color: #231f20; font-size: 18px; line-height: 26px; margin-bottom: 0;}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-5ths {width: 20%; float: left;}
@media (min-width: 768px) {
    .col-sm-5ths {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-5ths {width: 20%; float: left;}
}
@media (min-width: 1200px) {
    .col-lg-5ths {width: 20%; float: left;}
}

/* Websites */
.clients-section {background-color: #f8f8f8; padding: 80px 0 70px; text-align: center;}
body.home .clients-section {opacity: 0;}
.clients-section .container {max-width: 100%;}
.clients-section h2 {font-size: 70px; line-height: 80px; margin-bottom: 40px; color: #231f20; font-weight: normal;}
.clients-section .client-area {position: relative; height: 130px; max-width: 100%; margin: 0 auto;}
.clients-section .client-area .logo-image,
.clients-section .client-area .logo-image img {max-width: 250px; max-height: 130px; margin: 0 auto; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: auto; height: auto;}
.clients-section  a.button {border: 2px solid #07559d; background-color: #ffffff; color: #07559d; display: inline-block; font-size: 25px; text-transform: uppercase; padding: 20px 40px; line-height: 25px; font-weight: bold; margin: 90px 0 0;}
.clients-section  a.button i {margin-right: 4px;}
.clients-section  a.button:hover {background-color: #07559d; color: #ffffff;}

/* Process */
.process-section {padding: 30px 0; text-align: center;}
body.home .process-section {opacity: 0;}
.process-section .process-area {max-width: 800px; margin: 50px auto;}
.process-section .process-area a.popup-video:hover img {opacity: 0.8;}
.process-section .process-area h2 {font-size: 70px; line-height: 80px; margin-bottom: 40px; color: #231f20; font-weight: normal;}
.process-section .process-area h3 {font-size: 40px; color: #231f20; margin-bottom: 30px;}
.process-section .process-area p {color: #231f20; font-size: 18px; line-height: 26px;}
.process-section .process-area p:last-child {margin-bottom: 0;}
.process-section img {max-width: 100%; margin: 0 auto; display: block; width: auto; height: auto;}

/* Testimonials */
.testimonials-section {background-color: #f8f8f8; padding: 80px 0 90px; position: relative; text-align: center;}
body.home .testimonials-section {opacity: 0;}
.testimonials-section .slick-prev:hover:before, 
.testimonials-section .slick-next:hover:before {color: #df8a54;}
.testimonials-section .testimonial-area h2 {font-size: 70px; line-height: 80px; margin-bottom: 40px; color: #231f20; font-weight: normal;}
.testimonials-section .testimonial-area p {color: #231f20; font-size: 18px; line-height: 26px;}
.testimonials-section .testimonial-area p:last-child {margin-bottom: 0;}
.testimonials-section .item p {margin: 0; font-size: 20px; line-height: 30px; font-weight: normal; text-align: center; max-width: 850px; margin: 0 auto;}
.testimonials-section .item p .fa-star {color: #e7711b;}
.testimonials-section .item p.author {color: #231f20; margin-top: 30px; font-size: 22px; font-weight: bold;}
.testimonials-section .slick-next {right: -80px;}
.testimonials-section .slick-prev {left: -80px;}
.testimonials-section .slick-prev,
.testimonials-section .slick-next {top: -20px; border: 0;}
.testimonials-section .slick-prev:before,
.testimonials-section .slick-next:before {color: #617983; font-size: 120px;}

/* News */
.news-section {padding: 0; opacity: 0;}
.news-section .container {max-width: 100%; position: relative;}
.news-section .item {overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: top center; text-align: center;}
.news-section .item a {display: block; min-height: 300px; background-color: rgba(0,0,0,0.5); position: relative;}
.news-section .item img {max-width: 120%; margin-left: -10%; min-height: 250px;}
.news-section .item h3 {color: #ffffff; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; left: 30px; right: 30px; text-align: center;}
.news-section .item a:hover {background-color: rgba(0,0,0,0.8);}

/***********/
/* Content */
/***********/
.content-section {padding: 70px 0 80px;}
.content-section .content-area {padding-right: 60px;}

/* Banner */
.page-heading {text-align: center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 0; background-position: center top;}
.page-heading img {width: 100%;}
.page-heading .container {position: absolute; right: 0; top: 50%; transform: translateY(-50%); left: 0;}
.page-heading h1,
.page-heading span {font-size: 90px; text-transform: uppercase; line-height: 80px; margin: 0 0 20px; font-weight: 900; text-align: center; color: #ffffff;}
.page-heading a.button {display: block; max-width: 450px; border: 1px solid #ffffff; padding: 20px 45px; text-align: center; margin: 15px 0 0; text-transform: uppercase; font-size: 37px; font-weight: bold; color: #ffffff; clear: both; float: right;}
.page-heading a.button:hover {background-color: #ffffff; color: #07559d;}

/* Breadcrumb */
.content-section .content-area ul.breadcrumb {margin-left: 0;}
.content-section .content-area ul.breadcrumb li:before {margin-left: 7px; content: "/\00a0";}
.content-section .content-area ul.breadcrumb li.home:before {display: none;}

/* Text */
.content-section .content-area h1,
.content-section .content-area h2,
.content-section .content-area h3,
.content-section .content-area h4 {margin-bottom: 20px; font-weight: bold; color: #231f20;}
.content-section .content-area h1,
.content-section .content-area h2 {font-size: 40px; line-height: 48px;}
.content-section .content-area h1 + h2,
.content-section .content-area h3 {font-size: 30px; line-height: 38px;}
.content-section .content-area h4 {font-size: 20px; line-height: 28px;}
.content-section .content-area p {font-size: 18px; line-height: 26px; margin: 0 0 20px; font-weight: normal;}
.content-section .content-area p a {color: #fc706f;}
.content-section .content-area p a.more:after {content: "\f0da"; margin-left: 5px; top: 1px; position: relative; font-size: 17px;}
.content-section .content-area p a:hover {color: #2db0fe;}
.content-section .content-area a.button {display: inline-block; max-width: 600px; border: 1px solid #231f20; padding: 25px 50px; text-align: center; font-size: 24px; font-weight: bold; color: #231f20;}
.content-section .content-area a.button:hover {background-color: #2db0fe; border-color: #2db0fe; color: #ffffff;}
.content-section .content-area hr {margin: 30px 0;}
.content-section .content-area hr:last-child {display: none;}
.content-section .content-area blockquote p:last-child {margin-bottom: 0;}

/* Testimonials */
body.page-id-2245 .content-area h3:before {content: "\f005\f005\f005\f005\f005"; color: #e7711b; margin-right: 5px; font-size: 20px; display: block !important; margin-bottom: 3px;}
.content-section .content-area p .fa-star {color: #e7711b;}

/* Lists */
.content-section .content-area ol {list-style: decimal;}
.content-section .content-area ol,
.content-section .content-area ul {margin: 0 0 25px 40px;}
.content-section .content-area h2 + ul,
.content-section .content-area h3 + ul,
.content-section .content-area h4 + ul,
.content-section .content-area h2 + ol,
.content-section .content-area h3 + ol,
.content-section .content-area h4 + ol {margin-top: 15px;}
.content-section .content-area ol li ol,
.content-section .content-area ul li ul {margin: 20px 0 20px 40px;}
.content-section .content-area ol li,
.content-section .content-area ul li {position: relative; line-height: 26px; font-size: 18px; margin-bottom: 15px; font-weight: normal;}
.content-section .content-area ul li:before {content: "\f105"; margin-right: -10px; top: 2px; position: relative; font-size: 18px; color: #231f20; left: -19px;}
.content-section .content-area ol li a,
.content-section .content-area ul li a {color: #fc706f;}
.content-section .content-area ol li.page_item a,
.content-section .content-area ul li.page_item a {color: #2db0fe;}
.content-section .content-area ol li a:hover,
.content-section .content-area ul li a:hover {color: #2db0fe;}
.content-section .content-area ol li.page_item a:hover,
.content-section .content-area ul li.page_item a:hover {color: #fc706f;}
.content-section .content-area ol li:last-child,
.content-section .content-area ul li:last-child {margin-bottom: 0;}

/* Images */
.content-section .content-area img {max-width: 100%; height: auto; margin: 0 auto 40px; display: block;}
.content-section .content-area a img {border: none; padding: 0; background: none;}
.content-section .content-area img.full-width {width: 100%;}
.content-section .content-area a:hover img {opacity: 0.8;}

/* Alignment */
.content-section .content-area .align-center {text-align: center;}
.content-section .content-area .align-left {text-align: left;}
.content-section .content-area .align-right {text-align: right;}
.content-section .content-area .alignright {float: right; margin: 0 0 9px 15px;}
.content-section .content-area .alignleft {float: left; margin: 0 15px 9px 0;}
.content-section .content-area .aligncenter {display: block; margin: 0 auto 15px;}
.content-section .content-area table.alignright {float: right; position: relative; z-index: 2; margin: 0 0 10px 10px;}
.content-section .content-area table.alignright ul {list-style: none !important;}

/* Team landing */
.team-section {padding: 80px 0 60px;}
.team-section .team-area {margin-bottom: 50px; text-align: center;}
.team-section .team-area h2 {margin: 0 0 15px; text-transform: uppercase; font-size: 50px; line-height: 60px;}
.team-section .team-area p {font-size: 24px; margin: 0 0 80px; line-height: 28px; font-weight: 500;}

.team-section .team-box {text-align: center; background-color: #f5f5f5; padding-bottom: 20px; min-height: 420px; max-width: 360px; margin: 0 auto 50px;}
.team-section .team-box a {display: block;}
.team-section .team-box .image-box {position: relative; width: 100%; max-height: 360px; max-width: 360px; margin: 0 auto 15px; overflow: hidden;}
.team-section .team-box .image-box img {width: 100%;}
.team-section .team-box h3 {margin-bottom: 0; font-weight: bold; font-size: 26px; line-height: 34px;  color: #000000;}
.team-section .team-box a:hover h3 {color: #2db0fe;}
.team-section .team-box p {font-size: 20px; line-height: 28px; color: #000000;}
.team-section .team-box .social-area ul {margin: 0; padding: 0;}
.team-section .team-box .social-area ul li {margin: 0 10px; display: inline-block;}
.team-section .team-box .social-area ul li a {border-radius: 50%; background-color: #07559d; color: #ffffff; height: 40px; width: 40px; display: block; line-height: 45px; font-size: 24px;}
.team-section .team-box .social-area ul li a:hover {background-color: #ffffff; color: #07559d;}
.team-section .col-lg-4 + .col-lg-3 {clear: both;}

/* Blog landing */
.blog-section .news-box {position: relative; margin-bottom: 30px;}
.blog-section .news-box img {max-width: 100%;}
.blog-section .news-box a:hover img {opacity: 0.9;}
.blog-section .news-box .news-content {background-color: #ffffff; padding: 30px; min-height: 220px; border: 3px solid #f2f2f2; border-top: none;}
body.single-post .blog-section .news-box {padding: 30px 60px 0 0; border: none;}
body.single-post .blog-section .news-box .news-content {padding: 30px 0 0; border: none;}
.blog-section .news-box .news-content h2 {font-weight: bold; color: #231f20; font-size: 40px; line-height: 48px;}

.blog-section .news-box h1,
.blog-section .news-box h2,
.blog-section .news-box h3,
.blog-section .news-box h4 {margin-bottom: 20px; font-weight: bold; color: #231f20;}
.blog-section .news-box h1,
.blog-section .news-box h2 {font-size: 40px; line-height: 48px;}
.blog-section .news-box h3 {font-size: 30px; line-height: 38px;}
.blog-section .news-box h4 {font-size: 20px; line-height: 28px;}

.blog-section .news-box .news-content p.info {background-color: #eeeeee; padding: 5px 12px; margin-bottom: 30px;}
.blog-section .news-box .news-content p.info a {color: #07559d;}

.blog-section .news-box .news-content .post-info ul {padding: 0; margin: 0; list-style: none;}
.blog-section .news-box .news-content .post-info ul li {display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: 700; color: #888888; margin-right: 10px; padding-right: 10px; line-height: 24px;}
.blog-section .news-box .news-content .post-info ul li:last-child {margin-right: 0px; padding-right: 0px; float: right;}
.blog-section .news-box .news-content .post-info ul li a {color: #222222;}
.blog-section .news-box .news-content .post-info ul li a:hover {color: #2db0fe;}
.blog-section .news-box .news-content .post-info ul li a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
.blog-section .news-box .share-area {float: right;}
.blog-section .news-box .news-content .post-info ul li em {font-style: normal; color: #373636;}
.blog-section .col-md-6:nth-child(3n) {clear: both;}

/* Pagination */
.wp-pagenavi {margin: 20px 0 0; text-align: center;}
.wp-pagenavi a,
.wp-pagenavi .current {color: #000000; display: inline-block; padding: 8px 16px; text-decoration: none;}
.wp-pagenavi .current {background-color: #2db0fe; color: #ffffff;}
.wp-pagenavi a.previouspostslink .fa {margin-right: 3px;}
.wp-pagenavi a.nextpostslink .fa {margin-left: 3px;}
.wp-pagenavi a:hover:not(.active) {background-color: #ddd;}

/* Blog detail */
.content-section .content-area.post-area h1 {margin-bottom: 5px;}
.content-section .content-area.post-area p.date-author {text-align: center; font-size: 24px; margin-bottom: 30px; font-weight: normal;}
.content-section .content-area.post-area p.date-author a {color: #231f20;}
.content-section .content-area.post-area p.date-author a:hover {color: #2db0fe;}

/* Search results */
body.search-results .content-area h4 {text-transform: none; margin: 30px 0 5px;}
body.search-results .content-area a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
body.search-results .content-area a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
body.search-results .content-area a:hover h4,
body.search-results .content-area a.more:hover {color: #2db0fe;}

/* Portfolio */
.portfolio-row {}
.portfolio-row .col-lg-6:nth-child(2n+1) {clear: both;}
.portfolio-box {text-align: center; margin-bottom: 50px;}
.portfolio-box a {display: block;}
.portfolio-box img {display: block; margin: 0 auto 10px; max-width: 100%;}
.portfolio-box h3 {color: #231f20; text-transform: uppercase; font-size: 26px; line-height: 30px; margin: 0; font-weight: bold;}
.portfolio-box a:hover h3 {color: #fc706f;}
.portfolio-box p {margin: 0; color: #231f20; line-height: 26px;}
.portfolio-box p a.link:after {content: "\f0da"; margin-left: 7px;}

/* Contact form */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="search"] {margin-bottom: 25px;}
.contact-form textarea {height: 165px; resize:none;}
.contact-form button,
.contact-form input[type="submit"] {margin-top: 20px;}
.contact-form button:hover,
.contact-form input[type="submit"]:hover {border-color: #30344d; background-color: transparent; color: #30344d;}
.contact-form input:focus,
.contact-form textarea:focus {border: 1px solid #30344d;}

/* Contact page */
.contact-us .contact-info {text-align: center; margin-top: 15px; background-color: #fc706f; padding: 38px 5px;}
.contact-us .contact-info:nth-child(2) {background-color: #36b729; padding: 0;}
.contact-us .contact-info:nth-child(3) {background-color: #fff852;}
.contact-us .contact-info:after {content: ""; display: block; clear: both;}
.contact-us .contact-info .info-half {width: 50%; float: left; border-right: 7.5px solid #ffffff; padding: 38px 5px;}
.contact-us .contact-info .info-half:last-child {border-left: 7.5px solid #ffffff; border-right: none;}
.contact-us .contact-info i {color: #231f20; font-size: 40px; line-height: 40px; display: inline-block; margin-bottom: 12px;}
.contact-us .contact-info p {display: block; color: #231f20; font-size: 20px; font-weight: 600; line-height: 28px; margin: 0;}
.contact-form input.error, 
.contact-form textarea.error {border: 1px solid rgba(255,0,0,.3); background: rgba(255,0,0,.05);}
.contact-form label.error, 
.contact-form label.screen-reader-text {display: none !important;}

/* Map */
.map-section {text-align: right; padding: 40px 0;}
.map-section .map-area img {max-width: 100%; margin: 20px auto 0;}
.map-section .event-area h3 {text-transform: uppercase; color: #617983;}
.map-section .event-area p {text-transform: uppercase; color: #939598; line-height: 24px; font-weight: 500; font-size: 20px;}
.map-section .event-area p strong {text-transform: none; color: #231f20;}

/* 404 Search */
.contact-form input[type="text"],
.contact-form input[type="search"] {width: 79%; float: left; margin-right: 1%;}
.contact-form input[type="submit"] {color: #000000 !important; background: #07559d; font-weight: 700; border-radius: 3px; font-size: 16px; text-transform: uppercase; width: 20%; display: block; border: 1px solid #07559d; color: #ffffff; padding: 13px 0; float: left; margin-top: 0;}
.contact-form input[type="submit"]:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/* Accordion */ 
.accordion {width: 95%; margin-top: 20px;}
.accordion > dt {margin-bottom: 10px; font-size: 12px; font-weight: 400; text-transform: capitalize;}
.accordion > dt > a {display: block; position: relative; color: #000000; text-decoration: none; padding: 14px 20px; border: 1px solid #E2E6E7; text-transform: capitalize; font-size: 16px; font-weight: 700;} 
.accordion > dt > a i {margin-right: 5px;}
.accordion > dt > a:hover,
.accordion > dt > a.active {color: #07559d; border-color: #000000; background-color: #000000;}
.accordion > dt > a:after {content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #000000; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {content: "\f106"; color: #07559d;}
.accordion > dt > a:hover:after {color: #07559d;}
.accordion > dd {margin-bottom: 10px; padding: 20px; font-size: 15px; font-weight: 400; line-height: 25px;}
.accordion > dd a.more {display: inline-block; text-transform: uppercase; color: #222222; font-size: 13px; font-weight: 700;}
.accordion > dd a.more:after {content: "\f0da"; margin-left: 5px; top: 2px; position: relative; font-size: 17px;}
.accordion > dd a.more:hover {color: #07559d;}

/***********/
/* Sidebar */
/***********/
.sidebar {}
body.page-template-template-contact .sidebar {background-color: #e8e8e8; padding: 30px; margin-top: 15px;}
.sidebar h3 {color: #231f20; font-weight: 600; text-align: center;}

/* Menu */
.sidebar .vertical-menu ul {padding: 0; margin: 0; list-style: none;}
.sidebar .vertical-menu ul li {display: block; margin: 0; font-weight: 500; border-bottom: 2px solid #ffffff; background: #07559d; text-align: center;}
.sidebar .vertical-menu ul li a {font-size: 18px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 15px; display: block;}
.sidebar .vertical-menu ul li a i {float: right; font-size: 16px; color: #AAA;}
.sidebar .vertical-menu li.current_page_item a,
.sidebar .vertical-menu li a:hover {background-color: #2db0fe; color: #ffffff !important;}

/* Brochures */
.widget.widget-brochures a {color: #fff; border-color: #30344d; background: #30344d; font-weight: 700; border-radius: 3px; font-size: 12px; text-transform: uppercase;}
.button-brochures {width: 100%; display: block; border: 1px solid #e9e9e9; margin-bottom: 8px; font-size: 12px; text-transform: uppercase; color: #727272; padding: 14px 25px;}
.widget-brochures ul li {margin-bottom: 0!important;}
.button-brochures i {margin-right: 15px; vertical-align: middle; font-size: 19px; height: 19px; line-height: 19px; color: #a5d4ce;}
.widget.widget-brochures a:hover {background: #a5d4ce; border-color: #a5d4ce; color: #30344d!important;}
.widget.widget-brochures a:hover.button-brochures i {color: #30344d!important;}

/* Widgets */
.widget {position: relative; margin-bottom: 40px;}
.widget:last-child {margin-bottom: 0;}
.widget.no-margin {margin-bottom: 0;}
.widget-title {position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.widget-title h4 {text-transform: uppercase; color: #000000; font-size: 30px; margin: 0; line-height: 35px;}
.widget ul {margin: 0; padding: 0; list-style: none;}
.widget ul li {list-style: none; margin-bottom: 20px;}
.widget a {text-decoration: none; color: #333333;}
.widget a:hover {color: #07559d !important;}

/* Logo */
.sidebar img.sidebar-m {margin: 0 auto; width: 40%; display: block;}

/* Contact */
.widget.widget-text button.submit {color: #ffffff !important; background: #07559d; font-weight: 700; border-radius: 3px; font-size: 16px; text-transform: uppercase; width: 100%; display: block; border: 1px solid #07559d; margin-bottom: 8px; color: #ffffff; padding: 14px 25px;}
.widget.widget-text button.submit:hover {background: #000000; border-color: #000000; color: #ffffff !important;}

/* Search */
.search-form button {background: #ffffff; border: none; float: right; margin-top: -32px; margin-right: 15px; position: relative; z-index: 2;}

/* Tags */
.tagcloud ul li {display: inline-block; margin: 0px 7px 7px 0px !important;}
.tagcloud a {display: inline-block; color: #777; border: 1px solid #888; font-size: 12px; text-transform: uppercase; text-align: center; padding: 10px 12px;}
.footer-widget .tagcloud a {color: #ACACAD;}

/* Post list */
.sidebar .post-list {overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
.sidebar .post-list img {max-width: 100%; float: left; margin-right: 15px;}
.sidebar .post-list h6 {margin-top: 4px; font-size: 13px;}
.sidebar .post-list span.date {color: #AAA; font-size: 13px; margin-top: 5px; display: block;}

/* Team photo */
.sidebar .widget.team-box {margin-bottom: 0;}

/* Social */
.sidebar .widget.social-area {text-align: center; background-color: #f5f5f5; padding: 20px 15px;}
.sidebar .widget.social-area ul {margin: 0; padding: 0;}
.sidebar .widget.social-area ul li {margin: 0 10px; display: inline-block;}
.sidebar .widget.social-area ul li a {border-radius: 50%; background-color: #07559d; color: #ffffff; height: 40px; width: 40px; display: block; line-height: 45px; font-size: 24px; text-align: center;}
.sidebar .widget.social-area ul li a:hover {background-color: #ffffff; color: #07559d;}

/* Free Quote */
.quote-section {background-color: #fc706f; padding: 50px 0; text-align: center;}
body.home .quote-section {opacity: 0;}
.quote-section a.button {border: 5px solid #ffffff; background: transparent; color: #ffffff; display: inline-block; font-size: 40px; text-transform: uppercase; padding: 15px 60px; line-height: 40px; font-weight: 900;}
.quote-section a.button i {margin-right: 4px;}
.quote-section a.button:hover {background-color: #ffffff; color: #07559d;}

/**********/
/* Footer */
/**********/
.footer {background-color: #333333; padding: 80px 0 50px; text-align: center;}
body.home .footer {opacity: 0;}
.footer h3 {color: #ffffff; font-size: 24px; line-height: 32px; font-weight: bold; margin-bottom: 5px;}
.footer p {color: #ffffff; font-size: 18px; line-height: 26px; margin: 0;}

/* Links */
.footer .footer-widget {text-align: center; margin: 0 auto 25px;}
.footer .footer-widget p {max-width: 480px; margin: 0 auto 10px; font-style: italic;}
.footer .footer-widget p:last-child {margin-bottom: 0;}
.footer .footer-widget ul {padding: 0; margin: 0;}
.footer .footer-widget ul li {font-size: 18px; line-height: 26px; margin: 0 15px; color: #ffffff; display: inline-block;}
.footer .footer-widget ul li:last-child {margin-bottom: 0;}
.footer .footer-widget ul li a {color: #ffffff; display: block;}
.footer .footer-widget ul li a:hover {color: #07559d;}
.footer .footer-widget ul li .fa {text-align: center; font-size: 30px; min-width: 30px; margin-right: 5px; vertical-align: middle;}
.footer .footer-widget ul li .fa.fa-envelope-o,
.footer .footer-widget ul li .fa.fa-map-marker {margin-top: -3px;}
.footer .footer-widget ul li span {display: inline-block;}

/* Social */
.footer .social-area ul {margin: 0 0 30px; padding: 0;}
.footer .social-area ul li {margin: 0 10px; display: inline-block;}
.footer .social-area ul li a {border-radius: 50%; background-color: #07559d; color: #ffffff; height: 40px; width: 40px; display: block; line-height: 45px; font-size: 24px;}
.footer .social-area ul li a:hover {background-color: #ffffff; color: #07559d;}

/* Logos */
.footer .logo-area {margin-bottom: 35px;}
.footer .logo-area {width: 100%; height: 130px; position: relative;}
.footer .logo-area img {max-width: 100%; max-height: 130px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; display: block; height: auto; width: auto;}

/* Copyright */
.footer .copyright-area {padding: 0;}
.footer .copyright-area p {color: #ffffff; line-height: 26px; font-size: 18px;}
.footer .copyright-area p a {color: #ffffff;}
.footer .copyright-area p a:hover {color: #07559d;}

/* scroll to top */
.scrollToTop {position: fixed; display: none; cursor: pointer; padding: 8px 15px; border-radius: 2px; background: #c2c6cd; right: 30px; bottom: 30px; z-index: 999; text-align: center;}
.scrollToTop i {color: #000000; font-size: 15px;}
.scrollToTop:hover {background-color: #000000;}
.scrollToTop:hover i {color: #ffffff;}

/* Audit popup */
.white-popup {position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto;}
.audit-popup .ssa-leadgen-widget {border: none;}
.audit-popup input[type="checkbox"] {width: auto;}

/* Audit button */
.analysis-area {position: fixed; top: 52%; transform: translateY(-50%); right: -350px; width: 350px; z-index: 9999;}
.analysis-area a.button {float: left; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: left top 0; display: block; width: 220px; position: absolute; left: 0; top: 0; font-size: 20px; padding: 9px 15px; background-color: #07559d; color: #ffffff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.5px;}
.analysis-area a.button .fa {margin-right: 10px;}
.analysis-area a.button:focus,
.analysis-area a.button:hover {background-color: #fc706f;}

/***************/
/* FontAwesome */
/***************/
.pushy-submenu > a::after,
.pushy-submenu > button::after,
.team .team-box .team-info a.more:after,
.content-area ul li:before,
.accordion > dd a.more:after,
.accordion > dt > a:after,
.portfolio-box p a.link:after,
body.page-id-2245 .content-area h3:before,
.content-section .content-area a.more:after,
.blog-section .news-box .news-content .post-info ul li a.more:after,
body.search-results .content-area a.more:after,
.blog-section .blog-posts .blog-post ul li:before {font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block;}

/********************/
/* Link Transitions */
/********************/
/* Background color, font color, border color */
a,
.header,
.slick-prev,
.slick-next,
.slick-prev:hover:before, 
.slick-next:hover:before,
form input[type="submit"],
form button,
.header .header-bottom,
.intro-section .icon-area h2,
.intro-section .icon-area p,
.portfolio-box h3,
.team-section .team-box h3,
.study-section .study-area h4,
.news-section .item h4 {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}

/* Opacity */
.websites-section .site-area .hover-box,
.clients-section .item img,
.process-section .process-area a.popup-video img {-webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}

/**************/
/* Responsive */
/**************/
@media (max-width: 1200px) {
	.header .logo {margin-top: 18px;}
	.header .logo img {height: 64px;}
	.header .navbar-nav > li {padding-left: 3px; padding-right: 3px;}
	.header .navbar-nav > li > a {font-size: 15px; font-weight: 600;}

	.slider-section .item .text-area p.headline {font-size: 80px; line-height: 70px;}
}

@media (max-width: 1050px) {
	.header .navbar-nav > li > a {font-size: 14px;}
}

@media (max-width: 991px) {
	.navbar-toggle {display: block;}

	.slider-section .item .text-area p.headline {font-size: 70px; line-height: 60px;}
	.slider-section .item .text-area p.subheadline {margin-bottom: 30px;}
	.slider-section .item .text-area a.button {padding: 15px 25px; font-size: 23px;}

	.page-heading h1, 
	.page-heading span {font-size: 70px; line-height: 70px;}

	.team-section .col-lg-4 + .col-lg-3 {clear: initial;}
	.team-section .col-sm-6:nth-child(2n+1) {clear: both;}
}

@media (max-width: 850px) {
	.slider-section .item .text-area p.headline {font-size: 60px; line-height: 60px;}
	.slider-section .item .text-area p.subheadline {margin-bottom: 10px;}

	.intro-section .intro-area h1 {font-size: 60px; line-height: 70px;}

	.clients-section h2 {font-size: 60px; line-height: 70px;}

	.process-section .process-area h2 {font-size: 60px; line-height: 70px;}

	.testimonials-section .testimonial-area h2 {font-size: 60px; line-height: 70px;}
}

@media (max-width: 782px) {
	#wpadminbar {display: none;}
	body.admin-bar .site-container {margin-top: 0;}
	body.admin-bar .header {top: 0;}
    body.admin-bar .slider-section .item {height: 100vh;}
}

@media (max-width: 767px) {
	.pushy ul li.menu-item-4012 {display: none;}

	.slider-section,
	.slider-section .text-area p,
	.slider-section .item .text-area a.button,
	.header,
	.intro-section,
	.clients-section,
	.process-section,
	.testimonials-section,
	.news-section,
	.quote-section,
	.footer {opacity: 1 !important;}

    .slider-section .item,
    body.admin-bar .slider-section .item {height: 100vh; min-height: auto; background-size: auto; background-position: center top;}
	.slider-section .item .text-area {padding: 100px 0;}
	.slider-section .item .text-area p.headline {font-size: 50px; line-height: 50px; margin-bottom: 15px;}
	.slider-section .item .text-area p.subheadline {font-size: 24px; line-height: 28px;}

	.intro-section .intro-area h1 {font-size: 40px; line-height: 50px;}

	.clients-section {padding: 50px 0;}
	.clients-section h2 {font-size: 60px; line-height: 70px;}
	.clients-section .client-area p.headline {font-size: 50px; line-height: 60px;}

	.process-section .process-area h2 {font-size: 60px; line-height: 70px;}

	.testimonials-section {padding-top: 50px;}
	.testimonials-section:before {display: none;}
	.testimonials-section .testimonial-area h2 {font-size: 60px; line-height: 70px;}
	.testimonials-section .testimonial-area p {text-align: center;}
	.testimonials-section .testimonial-area p.headline {font-size: 50px; line-height: 60px;}

	.news-section .item img {max-width: 100%; margin-left: 0; min-height: auto;}
	
	.page-heading {background-size: auto; background-position: center top;}
	.page-heading .container {top: 50%; transform: translateY(-50%); bottom: auto;}
	.page-heading h1,
	.page-heading span {font-size: 60px; line-height: 60px; text-align: center; max-width: 100%; float: none;}

	.content-section .content-area {padding-right: 0;}

	.team-section {padding: 50px 0;}
	.team-section .team-box img {margin-bottom: 20px;}
	.team-section .team-area h2 {font-size: 50px; line-height: 54px;}
	.team-section .team-area p {margin-bottom: 40px;}
	.team-section .team-box {margin-bottom: 40px;}

	.content-section {padding: 50px 0;}
	.content-section .content-area h1 {margin-bottom: 50px; font-size: 50px; line-height: 54px;}
	body.single-team .content-section .content-area h2 {text-align: center; margin-bottom: 20px;}

	.content-area .team-box {float: none; margin: 0 auto 20px; max-width: 500px; width: 100%;}

	.content-section .content-area.post-area p.date-author {font-size: 22px;}

	.sidebar {margin-top: 40px;}

	.analysis-area a.button {display: none;}

	/* Footer */
	.footer {padding: 50px 0;}	
	.footer .logo-area img {max-height: 100px;}

	.scrollToTop {display: none !important; opacity: 0 !important;}
}

@media (max-width: 540px) {
	.page-heading .container {position: relative; top: auto; transform: none; background-color: #07559d; padding: 20px 0;}
	.page-heading h1, 
	.page-heading span {font-size: 50px; line-height: 50px;}

	.team-section .team-area h2 {font-size: 40px; line-height: 40px;}
}

@media (max-width: 479px) {
	.slider-section .item .text-area p.headline {font-size: 45px; line-height: 55px;}

	.quote-section a.button {font-size: 40px;}

	.testimonials .slick-theme .slick-controls .slick-buttons div {top: 0;}
	.testimonials .slick-prev {left: 70px;}
	.testimonials .slick-next {right: 70px;}
	.our-clients-list li {margin: 0;}
}

@media (max-width: 400px) {
	.header-bottom .col-xs-12 {padding: 0 3px;}
	.header .logo {margin-top: 25px;}
	.header .logo img {height: 54px;}
	.header .navbar-header .menu-btn {padding: 13px 0;}

	.quote-section a.button {font-size: 30px; padding: 10px 15px;}

	.page-heading h1, 
	.page-heading span {font-size: 40px; line-height: 40px;}

	.team-section .team-area h2 {font-size: 30px; line-height: 30px;}
	.team-section .team-box .image-box {max-width: 100%; width: 100%; height: auto; margin-bottom: 15px;}
	.team-section .team-box .image-box img {position: static; margin: 0 auto;}
	.team-section .team-box .image-box img.hover-photo {display: none;}
}

@media (max-width: 300px) {
	.header .logo {margin-top: 30px;}
	.header .logo img {height: 44px;}
	.header .navbar-header .menu-btn {font-size: 16px; padding: 16px 0;}
}

@media (max-width: 280px) {
	.slider-section .item {background-image: none !important; background-color: #97979e;}
	.slider-section .item .text-area p.headline {font-size: 40px; line-height: 50px;}
}

@media print {
	.header {top: 0; border: none; height: auto;}
	a[href]:after {content: none !important;}
	.header .show-for-medium-only,
	.header .show-for-small-only,
	.search-box,
	.top-bar,
	.banner,
	.breadcrumbs,
	.right-bar,
	.sidebar,
	.footer {display: none !important;}
}