/*
Theme Name: STH Consultants
Description: STH Consultants offers a value based proposition to our clients, seeking to deliver flexible loan options, competitive prices and a high degree of quality customer service.
Author: Diggity Solutions
Author URI: http://diggity.us
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: STH Consultants
*/
@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Montserrat:400,700');
/*font-family: 'Karla', sans-serif;
font-family: 'Montserrat', sans-serif;*/
body{font-family: 'Karla', sans-serif; font-weight:400; font-size:18px; line-height:24px; color:#000; margin:0; padding:0; overflow-x:hidden;}
a,a:active{color:#76559a; text-decoration:none;}
a:hover{color:#211d4b; text-decoration:none;}
button:focus, a:focus, input:focus{outline:none;}
h2,h3,h4,h5{letter-spacing:1px;}
h1{font-weight:700; font-size:55px; letter-spacing:-2px; line-height:55px;}
strong{font-weight:700;}

a,input.btn-blue,.menu-item-has-children span,.snav i{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

.entry-content h2{letter-spacing:normal; font-weight:700; color:#191154; margin-bottom:15px;}

.home .header{background:none; position:absolute; }
.header{position:relative; top:0; left:0; width:100%; z-index:11; background:#191154;}
.logo{max-width:250px; display:block; margin:10px 0;}

.header.clone {position:fixed; top:-140px; left: 0; right: 0; background:#201d4e; z-index:999; transition:0.4s top cubic-bezier(.3,.73,.3,.74);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);}
body.down .header.clone {top:0;}
.header.clone .logo{max-width: 200px; margin:10px 0;}
.top-right{position:relative; top:-5px; max-height:37px;}
.top-right img{max-height:36px;}
.top-right a{font-size:20px; color:#fff; letter-spacing:1px;}
.top-right a:hover{font-size:20px; color:#b17ef9; letter-spacing:1px;}
.top-right a+a{margin-left:50px;}

/* =Menu
-------------------------------------------------------------- */
.access {display:inline-block; vertical-align:middle;}
.access ul, div.menu ul {list-style: none; margin: 0; padding: 0;}
.access li, div.menu li {display: inline-block; margin: 0; line-height: 40px; position:relative;}
.access a {font-size: 14px; color: #fff; padding: 0; margin: 0 0 0 20px; display: block; text-decoration: none; text-transform: uppercase; font-weight: 400;}
.access ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 40px; left: 0; float: left; min-width: 200px; z-index: 99999;}
.access ul ul li {display:block; line-height:normal; text-align:left;}
.access ul ul ul {left: 100%; top: 0;}
.access ul ul a {background: #201d4e; padding: 10px 20px; height: auto; margin:0;}
.access li:hover > a,
.access ul ul :hover > a {color: #b17ef9;}
@media (min-width: 768px) {
.access ul li:hover > ul {display: block;}
}
.access ul li.current_page_item > a,
.access ul li.current_page_ancestor > a,
.access ul li.current-menu-ancestor > a,
.access ul li.current-menu-item > a,
.access ul li.current-menu-parent > a {color: #b17ef9;}
* html .access ul li.current_page_item a,
* html .access ul li.current_page_ancestor a,
* html .access ul li.current-menu-ancestor a,
* html .access ul li.current-menu-item a,
* html .access ul li.current-menu-parent a,
* html .access ul li a:hover {color: #b17ef9;}

.social{display:inline-block; vertical-align:middle; margin-left:50px;}
.social a{display:inline-block; vertical-align:middle; width:28px; height:28px; border-radius:100%; background:#fff; text-align:center;}
.social a img{width:20px;}
.social a+a{margin-left:10px;}
.social a:hover{background:#b17ef9;}

.social.bottom{margin-left:0;}
.social.bottom a{width:35px; height:35px; line-height:35px;}
.social.bottom a img{width:25px;}
.social.bottom a+a{margin-left:15px;}

.home .banner{background:#191154;}
.home .banner img{opacity:0.32;}
.banner{position:relative;overflow: hidden;}
.banner img{     position: relative;
    left: 50%;
    transform: translate(-50%,0);
	width:100%;	
}
.banner .container{position:absolute; left:0; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); right:0; font-weight:700; color:#fff; font-size:14px;}
.banner h1{font-size:65px; font-weight:700; margin-bottom:20px; line-height:65px;}
.banner p{max-width:460px;}
.btn-white{letter-spacing:1px; background:#fff; display:inline-block; padding:12px 30px; border-radius:30px; color:#201a53;}
.btn-white:hover{background:#b17ef9;}

.inner-tilte{background:#191154; max-width:500px; padding:50px;}
.inner-tilte h1{margin:0;}
.inner-tilte h2{font-size:37px; font-weight:700; margin:0; line-height:45px;}

.sec1 img{border:3px solid #191154; border-radius:100%; background:#fff;}
.sec1 h5{font-family: 'Montserrat', sans-serif; font-weight:700;}
.sec1 .row p{max-width:200px; margin-left:auto; margin-right:auto;}
.btn-blue{letter-spacing:1px; background:#191154; display:inline-block; padding:12px 30px; border-radius:30px; color:#fff; font-size:14px;}
.btn-blue:hover{background:#b17ef9;}

.c-width{max-width:500px; padding-left:90px;}
.c-width.rp{padding-left:0; padding-right:50px;}

.contact-sec{background:#76559a; padding:90px 0; color:#fff;}
.inner-box{max-width:650px; margin:auto;}
.form-control{height:50px; border:none; background:rgba(255,255,255,.15); resize:none; color:#fff;}
.form-control:focus{border:none; background:rgba(255,255,255,.3); box-shadow:none; color:#fff;}
.form-group{margin-bottom:10px;}
textarea.form-control{height:160px;}
input.btn-blue{border:none; cursor:pointer;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #fff;}
.form-control:-ms-input-placeholder { /* IE 10+ */color: #fff;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #fff;}

.inner-bottom{background:#76559a; padding:50px 0; color:#fff;}

.footer{background:#211d4b; padding:40px 0 10px; color:#fff; font-size:14px; line-height:normal;}
#menu-site-map{margin:0; padding:0; list-style:none;}
#menu-site-map li{float:left; width:50%; margin-bottom:20px;}
hr{border-top: 1px solid rgba(255, 255, 255, 0.15);}
.footer a{color:#fff;}
.footer a:hover{color:#b17ef9;}


@media (min-width: 1200px) {
.container {max-width: 1210px;}
.banner{max-height:600px;}
}
@media (max-width: 1199px) {
h1,.banner h1{font-size:45px;}	
.access a{margin: 0 0 0 10px;}
.social{margin-left: 20px;}
.c-width.rp{padding-left:50px;}
}
@media (max-width: 991px) {
h1,.banner h1{font-size:35px; line-height:normal;}
.inner-tilte{max-width:300px; padding:30px;}
.inner-tilte h1{margin:0;}	
.logo,.header.clone .logo{max-width: 160px;}
.top-right img{max-width:25px;}
.top-right a + a{margin-left:10px;}
.c-width{padding:0 20px 0 30px;}
.access a{margin: 0 0 0 5px; font-size:11px;}
}
@media (max-width: 767px) {
.banner h1{margin-bottom:10px;}
.inner-tilte{max-width:300px; padding:20px;}
.inner-tilte h1{margin:0;}
.banner .container{top:60%;}
.logo,.header.clone .logo{max-width: 140px;}	
.top-right,.snav{vertical-align:middle; display:inline-block;}	
.snav{background:none; border:none; padding:0; margin:0 0 0 10px; line-height:0; width:25px; cursor:pointer;}
.snav i{display:block; background:#fff; height:3px;}
.snav i+i{margin-top:4px;}
.snav.openbtn i:nth-child(1){
-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
-o-transform: rotate(45deg) translateX(5px) translateY(5px);
-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
transform: rotate(45deg) translateX(5px) translateY(5px);
}
.snav.openbtn i:nth-child(2){opacity:0;}
.snav.openbtn i:nth-child(3){
-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
transform: rotate(-45deg) translateX(5px) translateY(-5px);
}

.access{display:none; position:absolute; right:15px; top: 48px; min-width:260px; width:100%; background:#201d4e; z-index:999;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);}
.access li, div.menu li{display:block; border-bottom: 1px solid #ffffff;}
.access li, div.menu li, .access ul ul{font-size:12px; float:none; margin:0; position:relative; top:0; box-shadow: none;}
.access a,.access ul ul a{display:block; line-height:normal; padding: 12px 30px 12px 15px; color:#fff; margin:0; font-size:16px; text-align:left;}
.access ul ul li a{background: #000; font-size:12px; padding-right:15px;}
.menu-item-has-children span{position: absolute; display: block; right: 0; top: 0; cursor: pointer; padding: 2px 10px; font-size: 20px; color: #fff;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);}
.menu-item-has-children span.open{-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
.sec1 .row p{max-width:100%;}
.c-width,.c-width.rp{padding:20px 15px;}
.contact-sec,.inner-bottom{padding: 30px 0;}
.footer{text-align:center;}
#menu-site-map{margin-bottom:15px;}
#menu-site-map li{float: none; width: auto; display: inline-block; margin-bottom:5px; padding:0 5px;}
}
@media (max-width: 575px) {
.home .banner img{display:none;}
.home .banner .container{padding:90px 20px 15px;}
.banner .container{position:relative; transform:none; top:0; padding:0; -moz-transform:none; -ms-transform:none; -webkit-transform:none;}
.inner-tilte{max-width:100%; padding:10px 20px;}
.inner-tilte h1{margin:0;}
h2, .inner-tilte h2{font-size:24px; line-height:normal;}
}