/*
Theme Name: Rossmore Management Group
Theme URI:
Author: Converted from Traditional PHP Site
Author URI:
Description: Custom WordPress theme converted from traditional PHP site for Rossmore Management Group - hospitality management company specializing in Southeast properties.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rossmore-management
*/

/* =================reset css starts here================= */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul{ list-style:none; }
a:focus, input:focus, textarea:focus, *:focus { outline:0 !important; box-shadow:none !important; }
.nobg { background:transparent !important; }
/* =================reset css ends here================= */
@font-face {
    font-family: 'AvenirNextLTW01Regular';
    src: url('fonts/avenir-next-regular.eot');
    src: url('fonts/avenir-next-regular.eot') format('embedded-opentype'),
         url('fonts/avenir-next-regular.woff') format('woff'),
         url('fonts/avenir-next-regular.ttf') format('truetype'),
         url('fonts/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
}
@font-face {
  font-family: 'AvenirNext-DemiBold';
  src: url('fonts/AvenirNext-DemiBold.eot');
    src: url('fonts/AvenirNext-DemiBold.eot') format('embedded-opentype'),
         url('fonts/AvenirNext-DemiBold.woff') format('woff'),
         url('fonts/AvenirNext-DemiBold.ttf') format('truetype'),
         url('fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
}
@font-face {
    font-family: 'AvenirNextLTW01Bold';
    src: url('fonts/avenir-next-bold.eot');
    src: url('fonts/avenir-next-bold.eot') format('embedded-opentype'),
         url('fonts/avenir-next-bold.woff') format('woff'),
         url('fonts/avenir-next-bold.ttf') format('truetype'),
         url('fonts/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
}
@font-face {
    font-family: 'AvenirNextMedium';
    src: url('fonts/AvenirNextMedium.eot');
    src: url('fonts/AvenirNextMedium.eot') format('embedded-opentype'),
         url('fonts/AvenirNextMedium.woff2') format('woff2'),
         url('fonts/AvenirNextMedium.woff') format('woff'),
         url('fonts/AvenirNextMedium.ttf') format('truetype'),
         url('fonts/AvenirNextMedium.svg#AvenirNextMedium') format('svg');
}
html, body{height: 100%;}
body { padding-top: 185px; font-size:18px; line-height:25px; font-weight:normal; font-family:'AvenirNextLTW01Regular'; color:#95989A; background:#fff;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.container { width:100%; max-width:1520px;}
a, input, button { display: inline-block; text-decoration:none; color: inherit; outline:none; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in;   }
a img { border: 0px none; }
a:hover { outline: none; color:#7f9dae; text-decoration: none;}
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color:inherit; }
.form-control::-webkit-input-placeholder {color:#7A9CB7; opacity: 1;}
.form-control::-moz-placeholder {color:#7A9CB7; opacity: 1;}
.form-control:-moz-placeholder {color:#7A9CB7; opacity: 1;}
.form-control:-ms-input-placeholder {color:#7A9CB7; opacity: 1;}
img { max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; margin-bottom:18px; line-height:1.2; font-family: 'AvenirNextMedium'; font-weight:normal; color:#7F9DAE; }
h1 {font-size: 40px;}
h2 {font-size: 35px;}
h3 {font-size: 30px;}
h4 {font-size: 24px;}
h5 {font-size: 21px;}
h6 {font-size: 18px;}
p { margin:0px; padding:0px; margin-bottom:24px; }
strong{ font-family: 'AvenirNextLTW01Bold'; font-weight: normal;}
b{ font-family: 'AvenirNext-DemiBold'; font-weight: normal;}
p:last-child { margin-bottom:0; }
.mar-40{margin-bottom:50px !important;}
.mar-50{margin-bottom:40px !important;}
.mar-30{margin-bottom:30px !important;}
.mar-20{margin-bottom:20px !important;}
.no-mar{margin:0 !important;}
.btn{border-radius:0;font-weight:normal; padding: 10px 30px;font-family: 'AvenirNext-DemiBold';font-size: 17px;line-height:30px;box-shadow:none;border: 0; min-width: 150px;}
.btn-default, .btn-default:focus {color: #fff; background:#7A9CB7;  }
.btn-default:hover, .btn-default:active{ color:#fff !important ; background:#404e54 !important;}
.btn.btn-lg{padding:18px 40px !important;}
.btn + .btn{margin-left:10px;}
ul:not([class]){padding-left:20px; text-align: left;}
ul:not([class]) li{list-style:disc; margin-bottom:10px;}
.dark-color{color: #404e54;}
.light-color{color: #7f9dae;}
/* LOADING */
#loading{background-color: #f6f6f6; height: 100%; width: 100%; position: fixed; z-index: 9999999; margin-top: 0px; top: 0px;}
#loading-center{width: 100%;height: 100%;position: relative;}
#loading-center-absolute { position: absolute; left: 50%; top: 43%; height: 110px; width: 110px; margin-top: -55px; margin-left: -55px;}
.object{width: 20px; height: 20px; background-color: #222; float: left; margin-right: 15px; margin-top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; }
#object_one {    -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; }
#object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s;  animation-delay: 0.25s; }
#object_three {  -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
@-webkit-keyframes object_one {75% { -webkit-transform: scale(0); }}
@keyframes object_one {75% {transform: scale(0);-webkit-transform: scale(0);}}
@-webkit-keyframes object_two {75% { -webkit-transform: scale(0); }}
@keyframes object_two {75% { transform: scale(0); -webkit-transform:  scale(0);}}
@-webkit-keyframes object_three {75% { -webkit-transform: scale(0); }}
@keyframes object_three { 75% {  transform: scale(0); -webkit-transform: scale(0);}}

/* ================= Header start ================= */
header{position: fixed;left: 0;top: 0;right: 0; z-index: 99999;  }
.navbar-brand{height: auto; padding: 30px 15px; display: inline-block; vertical-align: top; position: relative; z-index: 999999;}
.navbar-brand img{width: 55px;}
.navbar-brand.lg{margin-left: 30px;}
.navbar-brand.sm{display: none;}
.navbar-default{ height: 103px; background: #404e54;color: #fff;border:0;margin:0;box-shadow:none; z-index:10;color: #fff;border-radius: 0;min-height:  0px;}
.navbar-nav{display: inline-block;vertical-align: top;float: none;}
.navbar-default .navbar-nav > li > a{color:inherit;padding: 0px 15px;line-height: 103px; height: 103px; font-size: 20px; position: relative;}
.navbar-default .navbar-nav > li:hover > a{color: #fff;background:#7f9dae;  }
.navbar-default .navbar-nav > li > a:focus{color:inherit;}
.navbar-nav > li{padding: 0px; margin-right: 1px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#fff; background:#7f9dae;}
.navbar-header .navbar-toggle {width: 30px;height: 50px;border-radius: 0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin: 0; margin-top: 8px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:transparent; }
.navbar-toggle:not([class="collapsed"]), .navbar-toggle:not([class="collapsed"]):focus, .navbar-toggle:not([class="collapsed"]):hover{background: transparent;}
.navbar-toggle.collapsed, .navbar-toggle.collapsed:focus, .navbar-toggle.collapsed:hover{background: transparent;}
.navbar-toggle .icon-bar {position:relative;display:inline-block;width: 27px;height: 3px;color:#243238;text-indent:-55px;margin-top: 0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;vertical-align:middle;float: left;}
.navbar-toggle .icon-bar:before, .navbar-toggle .icon-bar:after {content:'';width: 30px;height: 3px;background:#333;position:absolute;left:0;transition:all .2s ease-out;}
.navbar-toggle.collapsed .icon-bar { background:#333!important; }
.navbar-toggle.collapsed .icon-bar:before, .navbar-toggle.collapsed .icon-bar:after { background:#333; }
.navbar-toggle.collapsed .icon-bar:before {top: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggle .icon-bar:before { top:0; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.navbar-toggle.collapsed .icon-bar:after {bottom: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggle .icon-bar:after { bottom:0; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }
.navbar-nav > li .dropdown-menu{ color: #fff;background: #197ca6;border:0;border-radius:0;box-shadow:none;font-size:16px; padding:0;margin:0;display:block !important;top: 100% !important; opacity:0; visibility:hidden; margin-top: 20px; opacity:1; visibility:visible; margin-top: 0px; transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in; }
.caret{display: none;}
.sub-navbar{background: #ebeded;height: 82px;border-top:solid 1px #fff;display: inline-block;width: 100%;vertical-align:top; position: relative;}
.sub-navbar.add-grey{background: transparent;}
.sub-navbar.add-grey:before{content: '';width: 50%;height: 100%;float: left;background: #ebeded;position: absolute;top: 0;left: 0;}
ul.sub-menu{display: inline-block;vertical-align: top;width: 100%;padding-right:  40%;}
ul.sub-menu li{float: left;}
ul.sub-menu li a{float: left;font-size: 20px;line-height: 83px;color: #7f9dae;padding: 0 15px;margin-right:  10px;}
ul.sub-menu li:last-child a{margin-right: 0;}
ul.sub-menu li a:focus{color: #7f9dae;}
ul.sub-menu li a:hover, ul.sub-menu li.active a{color: #404e54;}
.home{padding: 0; overflow: hidden; background:#404e54; }
.home header{top: auto; bottom: 0;}
.home header .container{max-width: 90%;}
.dropdown{display: none;}
.large-logo{width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px; display: none;}
.large-logo img{width: 100%; max-width: 225px; }
/* ================= Header end ================= */
.hero-container{height:100%; background: #333; display: table; width: 100%; background-size: cover; background-position: center;}
.hero-middle{display: table-cell; vertical-align: middle; text-align: center; background: rgba(75,87,95,0.29);}
.hero-heading{padding: 30px 20%;}
.hero-heading img{width: 100%; max-width: 1260px;}
.main-container{position: relative; min-height: calc(100vh - 185px); overflow: hidden;}
.main-content{padding:40px 50px 40px 15px;}
.main-container-right{width: 40%;position: fixed;top: 103px;right: 0;bottom: 0;left: 60%;background-color: #fff;background-position: center;background-size: cover;z-index: 999999; text-align: center;}
.type2 .main-container-right{width: 45%; left: 55%;}
.success-driven .main-container{overflow: visible;}
.hero-outer{color: #fff; position: relative; }
.hero-outer, .hero-slide{height: Calc(100vh - 80px); overflow: hidden;}
.hero-slide{width: 100%; display: table !important; overflow: hidden; vertical-align: top; position: relative; background-size: cover; background-position: center top;}
.label-text{position:absolute; top:25px; right:25px; z-index:9999; text-transform: uppercase; background:#404e54; color: #fff; font-size: 9px; line-height: 20px; padding: 10px 20px; font-family: 'AvenirNext-DemiBold';}


.hero-outer2{color: #fff;position: relative;padding-left: Calc(30% + 30px);}
.hero-outer2, .hero-slide2{height: Calc(100vh - 80px); overflow: hidden;}
.hero-slide2{width: 100%; display: table !important; overflow: hidden; vertical-align: top; position: relative; background-size: cover; background-position: center top;}
.hero-nav-outer{width: 30%;position: absolute;left: 15px;top: 0;bottom: 0;}
.hero-nav{height: 100%;padding: 7px 0;}
.nav-slide{height: Calc(25% - 14px) !important;background-size: cover;background-position: center;cursor: pointer;margin: 7px 0;border:0 !important;display: inline-block;vertical-align: top;width: 100%;}
.nav-slide.slick-slide{opacity: 0.5;}
.nav-slide.slick-slide.slick-center{opacity: 1;}
.hero-icon{position: absolute; right:0; bottom: 80px; width: 168px !important;}
/* ================= Team page start ================= */
.team-list{width: Calc(100% + 190px);display: inline-block;vertical-align: top;margin-top: 23px;}
.team-list li{width: 100%;float: left;margin-bottom: 55px;}
.member-box{width: 100%; display: inline-block; vertical-align: top; padding-right: 180px; position: relative;}
.member-box h3{margin-bottom: 0px;  }
.member-box .position{display: block;font-size: 18px;text-transform: uppercase;font-family: 'AvenirNextMedium';margin-bottom: 14px;line-height: 1.2;}
.member-img{width: 175px; padding:6px 10px; float: left; position: absolute; top: 0; right: 0;}
.member-img:before{content:'';width: 27px;height: 100%;float: left;position: absolute;top: 0;right: 0;background: #80a4bf;z-index: 1;}
.member-img img{position: relative; width: 100%; z-index: 9;}
.team-list li:nth-child(even) .member-img:before{left: 0; right: auto;}
.main-content h6{font-size: 18px;line-height: 1.4;text-transform: uppercase;margin-bottom: 0;margin-top: 15px;color: #95989A;clear: both;display: inline-block;width: 100%;  font-family: 'AvenirNext-DemiBold';}
/* ================= Team page end ================= */
/* ================= Contact page start ================= */
.contact-page{padding-top: 102px;}
.contact-form-container{width: 100%; display: inline-block; vertical-align: top; max-width: 540px;}
.form-group{margin-bottom: 15px; width: 100%; display: inline-block; vertical-align: top;  position: relative;}
.form-group.last{margin-top: 15px;}
.form-control, .form-control:focus{ background:#fff; border:solid 2px #7A9CB7;  height:54px;   font-size:18px; -webkit-appearance:none;  color:#000;  border-radius:0px; box-shadow:none !important; }
textarea.form-control, .textarea.form-control:focus{height:160px !important; resize:none;}
/* ================= Contact page end ================= */

/* ================= Investment page start ================= */
.signature{width: 100%; display: inline-block; vertical-align: top;  padding: 15px 0 0;}
.signature span{display: block; margin-bottom: 5px;}
.signature span img{width: 100px;}
.media-box{width:100%; display: inline-block; vertical-align: top; position: relative; }
.media-box img{width: 100%;}
.investment-container{padding: 0 15px; width:100%; display: inline-block; vertical-align: top; position: relative;}
.investment-left{width: 30%; float: left; padding: 50px 0;}
.investment-left h1{white-space: nowrap;}
.investment-right{width: 70%; float: left; padding-left: 50px; position: relative; padding-bottom: 75px;}

.strategy-container{width: 100%;display: inline-block;vertical-align: top;position: relative;padding-right: 200px;padding-top: 230px;}
ul.strategy-list{width: 100%; display: inline-block; vertical-align: top; position: relative;  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 30px;}
ul.strategy-list:before{content:''; width: 100%; height: 1px; position: absolute; left: 0; top: 45px; right: 0; background:rgba(0,0,0,0.1); z-index: 1;}
ul.strategy-list li{width: 30%;text-align: center;float: left;padding: 10px;margin-bottom: 0px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: column;align-items: center; position: relative;}

ul.strategy-list li:before{content:'';width: 24px;height: 24px;border-radius: 50%;background: #dedee0;position: absolute;top: 34px;right: 0;z-index: 99;}
ul.strategy-list li:after{content:'';width: 0;height: 0;position: absolute;top: 40px;right: 8px;z-index: 99;border-left: solid 6px #fff;border-top: solid 6px transparent;border-bottom: solid 6px transparent;}


.strategy-box{width: 100%; display: inline-block; vertical-align: top; padding: 0; position: relative; max-width: 200px;}
.strategy-icon{display: inline-block; vertical-align: top; position: relative; z-index: 9; margin-bottom: 15px; }
.strategy-icon img{width: auto;display: inline-block;vertical-align: top; height: 75px;}
.image-box{height: 200px;float: left;position: absolute;top: -35px;left: 32%;background-size: cover;background-position: center center;right: 220px; }
.strategy-box h5{font-size: 16px; margin-bottom: 5px; font-family: 'AvenirNextLTW01Bold'; color: #323e48;}
.strategy-box p{font-size: 13px; line-height: 1.4;}
.strategy-list.list-one li:last-child, .strategy-list.list-two li:last-child{width: 40%;}
.strategy-list.list-three{width: calc(100% + 200px);padding-right: 200px;}
.strategy-list.list-three li:nth-child(3){width: 40%; padding-bottom: 30px;}
.strategy-list.list-three li:last-child{position: absolute; top: 0; right: 0; width: 200px; min-height:100%;}

.strategy-list.list-three li:nth-child(3) img, .strategy-list.list-three li:last-child img{background: #EEEDEE;}
.stat-box{width: 200px; position: absolute;top: -35px;right: 0;background: #83a4be;color: #fff;text-align: center;padding: 30px 10px;}
.stat-box h6{color: #fff; font-size: 15px; font-family: 'AvenirNextLTW01Bold'; margin: 0;}
.stat-box span{display: block; font-size: 11px; line-height: 15px;}
ul.stat-list{width: 100%; display: inline-block; vertical-align: top; padding: 15px 0;}
ul.stat-list li{width: 100%; display: inline-block; vertical-align: top; color: #fff; padding: 15px 0;}
ul.stat-list li h3{font-size: 80px; color: #fff;  font-family: 'AvenirNextLTW01Regular'; line-height: 1; margin: 0;}
ul.stat-list li  b{font-size: 9px; line-height: 1.4; display: block; margin:0; font-family: 'AvenirNextMedium'; text-transform: uppercase;}

.strategy-bottom-row{padding-top: 70px;position: relative;}
.strategy-bottom-row:before{content:'';background: #eeedee;width: calc(40% + 185px);height: 100%;float: left;position: absolute;top: 0;right: -200px;}
.strategy-bottom-text{position: absolute;width: calc(40% + 185px);top: 0;right: -200px;z-index: 999;float: left;text-align: center;font-size: 14px;line-height: 1.4;min-height: 70px;padding: 0 15px;padding-top: 20px;}

.strategy-bottom-row ul.strategy-list:before{width: calc(100% - 100px);}
.strategy-list.list-three li:last-child:before, .strategy-list.list-three li:last-child:after{display: none;}

/* ================= Investment page end ================= */

@media only screen and (max-width: 1600px){
body{font-size: 17px; line-height: 24px;}
.navbar-brand.lg{display: none;}
.navbar-brand.sm{display: block; margin-right: 15px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0;}
.navbar-default .navbar-nav > li > a, ul.sub-menu li a{font-size: 18px;}

.team-list{width: calc(100% + 120px);}
.hero-icon{ width: 130px !important;}


ul.sub-menu{padding-left: 87px;}
.main-content{padding-left: 100px;}
}

@media only screen and (max-width: 1400px) {
body{font-size: 16px;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 19px;}
h6 {font-size: 16px;}
.navbar-default .navbar-nav > li > a, .main-content h6, .member-box .position, .form-control, .form-control:focus{font-size: 16px;}
.contact-page{padding-top: 80px;}
ul.sub-menu li a{font-size: 15px; margin-right: 0px; }
.hero-heading{padding: 25px 10%;}
/* ============= header height change start ================ */
body{padding-top: 140px;}
.navbar-default{height: 80px;}
.navbar-brand{padding: 20px 15px 17px 15px;}
.navbar-default .navbar-nav > li > a{height: 80px; line-height: 80px;}
.sub-navbar{height: 60px;}
ul.sub-menu li a{line-height: 60px;}
.main-container-right{top: 80px;}
.strategy-box h5{font-size: 14px;}
ul.stat-list li{padding: 10px 0;}
/* ============= header height change end ================ */
}

/* ============================= */
/* ! Layout for 1150px */
/* ============================= */
@media only screen and (max-width: 1150px) {
ul.sub-menu{padding-left: 0px;}
.main-content{padding-left: 15px;}
.home header .container{max-width: 100%;}
}


/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1048px) {
.investment-left{width: 100%;padding: 0;padding-right:  330px;margin-bottom:  30px; position: relative; min-height: 230px;}
.investment-right{width: 100%; padding-left: 0; padding-bottom: 0;}
.sub-navbar.add-grey:before{width: 100%;}

.investment-container{padding: 30px 0;}
.investment-left .media-box{position: absolute; top: 0; right: 0; width: 300px;}
.investment-left h1 br{display: none;}
.image-box{top: 0; left: 0;}
.stat-box{top: 0;}



}

/*=============================
! Layout for ipad portrait
============================= */
@media only screen and (max-width: 991px) {
.main-container-right{width: 100%; min-height: 400px;  position: relative; left: auto; top: auto; right: auto; z-index: 1;}
.main-container-right img{width:100%; max-width: 500px;}
ul.sub-menu{padding-right: 0; text-align: center;}
ul.sub-menu li{float: none;display: inline-block;}
.navbar-nav{float: right;}
.team-list{width: 100%;}
.mobile-img{width: 100%; max-width: 100% !important;}
.hero-outer, .hero-slide{height: 400px;}
.hero-outer2, .hero-slide2{margin-bottom: 120px; overflow: visible; height: auto}
.type2 .main-container-right{width: 100%; left: 0;}
.hero-outer2{padding-left: 0;}
.hero-nav-outer{width: 100%;  position: absolute;left: 0;top: 100%;bottom: auto;}
.nav-slide{margin:15px 7px;height:90px !important; width: Calc(25% - 14px); float: left; }
.hero-nav{width: 100%; display: inline-block; vertical-align: top; padding: 0 7px;}
.investment-left h1{white-space:normal;}
}

/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
 body{padding-top: 80px !important;}
 h1 {font-size: 30px;}
.main-container-right{min-height: 290px;}
.hero-outer, .hero-slide{height: 290px;}
.sub-navbar{display: none;}
.main-content{padding: 50px 15px 40px;}
.member-box{padding: 0; text-align: center;}
.member-img{position: relative; top: auto; right: auto; display: inline-block; vertical-align: top; margin-bottom: 20px; float: none;}
.back-link{position: absolute; top: 15px; right: 30px;}
.home header{bottom: auto; top: 0;}
.hero-heading{padding: 0 30px;}

.navbar-header .navbar-toggle {width: 30px;height: 50px;border-radius: 0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin: 15px; z-index: 99999999; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:transparent; }
.navbar-toggle:not([class="collapsed"]), .navbar-toggle:not([class="collapsed"]):focus, .navbar-toggle:not([class="collapsed"]):hover{background: transparent;}
.navbar-toggle.collapsed, .navbar-toggle.collapsed:focus, .navbar-toggle.collapsed:hover{background: transparent;}
.navbar-toggle .icon-bar {position:relative;display:inline-block;width: 27px;height: 3px;color:#243238;text-indent:-55px;margin-top: 0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;vertical-align:middle;float: left;}
.navbar-toggle .icon-bar:before, .navbar-toggle .icon-bar:after {content:'';width: 27px;height: 3px;background:#7F9DAE;position:absolute;left:0;transition:all .2s ease-out;}
.navbar-toggle.collapsed .icon-bar { background:#7F9DAE!important; }
.navbar-toggle.collapsed .icon-bar:before, .navbar-toggle.collapsed .icon-bar:after { background:#7F9DAE; }
.navbar-toggle.collapsed .icon-bar:before {top: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggle .icon-bar:before { top:0; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.navbar-toggle.collapsed .icon-bar:after {bottom: -8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggle .icon-bar:after { bottom:0; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }

.navbar-nav > li > .dropdown-menu{display:none !important; opacity:1; visibility:visible; margin-top:0 !important;}
.dropdown.open > .dropdown-menu{display:block !important;  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#fff !important;background: transparent!important;box-shadow: none !important;}

.navbar-default .navbar-nav > li{padding:0;}
.navbar-default .navbar-nav > li > a{text-align: center;padding: 5px 15px;line-height: 1;height: auto;font-size: 30px;}
.dropdown.open > a, .dropdown.open > a:hover, .dropdown.open > a:focus{background:rgba(255,255,255,0.25) !important;}
.caret{display: block;}

.navbar-nav{margin-top:0; margin-bottom:0; display: block;}
.navbar-nav .open .dropdown-menu{background:#a266a7;}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 15px;text-align: center;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff; background:transparent !important;}
.dropdown-menu > li > a{font-size: 16px;line-height: 20px !important;}
.navbar-nav{float: none;padding: 40px 0;}

.navbar-header{background: #404e54; position: relative; z-index: 99999;}
.navbar-default .navbar-collapse{height: Calc(100% - 80px) !important;position: fixed;background:#7F9DAE;width: 100%;bottom: auto;margin: 0;overflow-y: auto;left: auto;right: 0;z-index:999;border: 0;box-shadow: none;top: -100%;display: block !important;visibility: visible; transition:all 0.1s ease-out;}
.navbar-default .navbar-collapse.in{top: 80px;}
.dropdown{width: 100%;display: inline-block;vertical-align: top;margin-bottom:  20px;}
.dropdown li{width: 100%; float: left;}
.dropdown li a{color: #E4E4E4; font-size: 12px; line-height: 22px; width: 100%; float: left; text-align: center;}
.large-logo{display: inline-block;}
.hero-icon{ width: 80px !important;}


.hero-outer2{margin-bottom: 90px;}
.nav-slide{height: 70px !important;}
.hero-nav{height: 100%;padding: 0 7px;display: inline-block;vertical-align: top;width: 100%;}

.stat-box{width: 100%; position: relative; top:auto; right: auto;}
.image-box{width: 100%; position: relative; top: auto; left: auto; right: auto;}
.strategy-container{padding: 40px 0;}
ul.strategy-list li{width: 100% !important;}

.investment-left{padding: 0;}
.investment-left .media-box{position: relative; top: auto; right: auto; width: 100%;}
.strategy-list.list-three li:last-child{position: relative; top: auto; right: auto;}
.strategy-bottom-text{position: relative;width: 100%;top: auto;right: auto; min-height: auto; padding: 15px;  }
.strategy-box{max-width: 300px;}
.strategy-bottom-row{padding-top: 0;}
ul.strategy-list{padding: 0;}
ul.strategy-list li{padding: 15px !important;}
.strategy-list.list-three{width: 100%; padding: 0;}
ul.strategy-list:before, .strategy-bottom-row:before{display: none;}
.strategy-list.list-three li:nth-child(3) img, .strategy-list.list-three li:last-child img{background: transparent;}
ul.strategy-list li:before, ul.strategy-list li:after{display: none;}
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {

}

/****** CSS By Coder *******/
label.error {
	display: none !important;
}

input.error {
	border: 1px solid red;
}

textarea.error {
	border: 1px solid red;
}

.sweet-alert .sa-confirm-button-container .btn-primary {
	background-color: #404E54 !important;
}

/* Fix animsition elements being hidden on page load */
.main-container-right.animsition,
.main-content.animsition {
    opacity: 1;
    -webkit-animation: fade-in-right 1s ease;
    animation: fade-in-right 1s ease;
}

.main-content.animsition {
    -webkit-animation: fade-in-left-sm 1s ease;
    animation: fade-in-left-sm 1s ease;
}

/* Override Bootstrap defaults */
body,
html body,
body.page,
body.page-template {
    font-family: 'AvenirNextLTW01Regular', sans-serif !important;
}

nav.navbar.navbar-default {
    height: 103px !important;
    min-height: 103px !important;
}

nav.navbar.navbar-default .navbar-nav > li > a {
    line-height: 103px !important;
    height: 103px !important;
}

/* Ensure proper spacing for fixed header */
body {
    padding-top: 185px !important;
}

.sub-navbar {
    height: 82px !important;
}

.main-container-right {
    top: 103px !important;
}

/* Ensure slick slider elements have proper height */
.hero-outer .slick-slider,
.hero-outer .slick-list,
.hero-outer .slick-track {
    height: 100%;
}

.main-container-right .hero-outer {
    height: 100%;
}