.clear{clear:both;}

/*home slider*/
.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
  margin-top: 0;
}
.sl-slider {margin-top: 12px;}
#slider-container {width: 100%; background: #f5faff; overflow: hidden; position: relative;}
#slider-container:before, #slider-container:after {content: ''; display: block; width: 100%; height: 5px; background: #fff;}
#slider-container:before { margin-bottom: 22px;border-bottom: 2px solid #cbeee6;}
#slider-container:after {border-bottom:2px solid #cbeee6; margin-top: 33px;}
#slider-hm .slide {position: relative; width: 600px; display:inline-block; background: #fff; border: 12px solid #f5faff;vertical-align: top;}
#slider-hm .slide.slick-active {border: 12px solid #fff; overflow: hidden;}
#slider-hm .slide .featured-image {opacity: .2;}
#slider-hm .slide .featured-image img {max-width: none; height: auto;}
#slider-hm .slide.slick-active .featured-image {opacity: 1;}
#slider-hm .featured-content-container {display: table; position: absolute; width: 260px; height: 152px; top: 50%; left:50%;right:0; margin-left: -124px; border: 3px solid #cbeee6; padding: 15px 10px; background: rgba(255, 255, 255, 0.7); opacity: 0;transform:translate(0px, -50%);-webkit-transform:translate(0px, -50%);-moz-transform:translate(0px, -50%);}
#slider-hm .slide.slick-active .featured-content-container {opacity: 1;}
#slider-hm .featured-content {display: table-cell; vertical-align: middle; text-align: center;}
#slider-hm .featured-content .category {display: block; font: 10px "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: .2em; color: #55669c; margin-bottom: 20px;}
#slider-hm .featured-content .featured-post-title {font-size: 17px; line-height: 1em; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px;}
#slider-hm .featured-content .featured-post-title a {color: #000;}
#slider-hm .featured-content .featured-post-title a:hover {color: #55669c;}
#slider-hm .featured-content .read-more {display: inline-block; margin: 0 auto; padding: 8px 20px; background: #cbeee6; color: #434343; font: 12px 'Playfair Display', serif; font-style: italic; font-weight: normal; text-transform: lowercase; letter-spacing: .05em; color: #434343;}
#slider-nav-container {width: 100%; position: absolute; top: 50%;}
#slider-nav {width: 600px; margin: -10px auto 0 auto;}
.slick-prev { float: left; margin-left: 20px;}

.slick-prev, .slick-next { background: url('http://compassandtwine.com/wp-content/uploads/2016/07/arrows-sliders.png') no-repeat; border: medium none;  color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: medium none; padding: 0; width: 20px;}

.slick-next { float: right;margin-right: 20px;background-position:-20px 0;}
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus{background-color:transparent;}
.slick-dots { display: block;list-style: outside none none;margin: 0;padding: 0;position: absolute;text-align: center;width: 100%;}
.slick-dots li {cursor: pointer;display: inline-block;height: 20px;margin: 0 2px; padding: 0; position: relative; width: 20px;}

.slick-dots li button {background: transparent;  border: 0 none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 20px;line-height: 0; outline: medium none; width: 20px;}
.slick-dots li button::before {color: #dcdcdc;content: "•";font-family: "slick"; font-size: 10px; height: 20px;left: 0;line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px;font-size:30px;}

.slick-dots li.slick-active button::before { color: #55669c;}


.slick-slider{position: relative;
display: block;
-moz-box-sizing: border-box;     box-sizing: border-box;
-webkit-user-select: none;   -moz-user-select: none;    -ms-user-select: none;        user-select: none;
-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;    touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;
display: block;overflow: hidden;
margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;
height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

/*home slider*/
.images-sec a {outline: medium none;}
.entry-content img, .erpProContainer img, .bottomImage img {border: 5px solid #fff !important;box-shadow: 0 0 4px #999;}
.blog-sidebar > .textwidget {margin-bottom: 30px;}
.entry-content {padding-left: 10%;padding-right: 10%;}
.infoclass292 .booking-item-img-wrap.st-popup-gallery li {width: 33%;}
.infoclass292 .booking-item-img-wrap.st-popup-gallery {width: 360px !important;}
/*home page new*/
.mega-map-view { left: 0 !important; margin: 0 auto !important;position: absolute !important;right: 0 !important;top:5px !important;}
.mega-map-view .mega-menu-link { color: #accfc7 !important; font-family: Helvetica !important; font-size: 20px !important;text-decoration: underline !important;}
.mega-map-view .mega-menu-link:hover {color: #626262 !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {width: 14.2% !important;}
.mega-destinations > .mega-sub-menu {padding-top: 40px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link:hover{font-weight:bold !important;}

.logo2.mainlogo-mobile {display: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { width: 190px !important;}
#mapID {margin: 0 auto;}
.menu-below-map-container .menu {margin: 5px 0 0;padding:0 10px;}
.menu-below-map-container li {color: #939393;display: inline-block;list-style: outside none disc;background:url("http://compassandtwine.com/wp-content/uploads/2016/10/bullet-shadows.jpg") no-repeat left 9px;padding: 0 3px 0 20px;}
.menu-below-map-container li:first-child {background: none;padding-left: 0;}
.menu-below-map-container { text-align: center;}

.menu-below-map-container li a {color: #939393;font-size: 12px;}
.menu-below-map-container li a:hover {color: #a4c7bf;}
#imgmapID img {display: inline-block;margin: 5px auto; max-width: 220px;}
.hide-sml-logo-mobile #googleMap {margin: 30px auto 0;}
.images-sec.clrprod { clear: both;}
.home-images {margin: 40px 0 0;}
.images-sec {float: left;margin: 0 1.4% 15px;text-align: center;width:30.5%;}
.images-sec img {border: 5px solid #fff;box-shadow:0 0 4px #999;}
.images-sec h3 {font-family: "Julius Sans One",sans-serif;font-size: 16px;line-height: 25px;margin: 8px 0 0;padding: 0 15px;}
.images-sec h2 {font-size: 16px;}
.topImage { background: #d9d9d9;border: 5px solid #fff !important;box-shadow: 0 0 4px #999;color: #000;float: left; font-size: 16px;padding: 18px 3%; position: relative; text-align: center;width: 34%;z-index: 1;min-height: 360px;}
.bottomImage {float: left;margin-right: 3%; position: relative;width: 63%;z-index: 1;}
.bottomImage img {display: block;margin: 0 auto; max-width: 100%;width:auto;}
.home-slider .slides {background: #fff ;  padding: 15px;position: relative;z-index: 9999;}

.topImage h2 {color: #b5e2b5;font-size: 50px;line-height: 44px;margin: 55px 0 36px;font-family: 'akaDora';display:none;}
.topImage h3 {font-size: 22px;line-height: 30px;margin: 0 auto 20px;max-width: 350px;font-family: open sans;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {text-transform: uppercase;font-family: Open Sans;}
.mega-usa-sub > a.mega-menu-link {font-size: 0 !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {line-height: 18px;min-height: 40px;}
.social-navigation .pintrst a::before{content:"\f210";}
.social-navigation .ytb a::before {content: "\f213";transform: matrix(1.2, 0, 0, 1.5, 0, 0);}
.social-navigation .menu-social-links-container li {width: 16%;}
.topImage .read-more {background: rgba(214, 245, 239, 0.54);  border: 4px solid #ffffff;box-shadow: 0 0 2px #333 !important;display: inline-block;font-family: "Julius Sans One"; font-weight: bold;margin: 10px 0;padding: 2px 10px;font-size: 14px;}
.mobile-med-loghide {float: left;margin: 4px 0 0;}
/*end home page new*/


body.home{overflow:hidden;}
body.home .site-main {width: 100%;}
.head-outer {border-bottom: 2px solid #cbeee6; position: relative;padding: 3px 0;z-index:2;}
.site-header #searchform {max-width: 400px;position: absolute;right: 0;width: 100%;top:0;}
#searchform input[type="text"] {padding:0 15px;background: #e2fdfd;border: 1px solid #b3b3b3;position: relative;text-indent: 0;top: 44px;width: 100%;height:37px;font-size:15px;}
#searchform #searchsubmit {display:none;}
.site-content{position:relative;min-height:83vh;}
#searchform .srch-icon {background:url("http://compassandtwine.com/wp-content/uploads/2016/10/search-icon2.png") no-repeat right top;  background-size:16px; border: medium none;display: block;height: 22px;position: absolute;right: 0;text-decoration: none;top: 14px;width: 22px;cursor:pointer;z-index:9;}
.logo2 img {margin: 10px auto 5px;position:relative;}
.widget_nav_menu .sub-menu li {border-bottom: 1px solid #000;display: block;margin: 0;padding: 0;}
.widget_nav_menu .sub-menu li.loginsignup {position: relative;top: 6px;}
.secondary .widget_nav_menu .menu-main-menu-container .menu, .secondary .widget_nav_menu .menu-menu-logout-container .menu {margin: 0;}
.social-navigation a:before {font-size: 19px;}
.mr-blog {clear: both; text-align: center;padding-top:15px;  text-transform: capitalize; position: relative;    z-index: 2;}
.mr-blog a {background: #cbeee6;color: #666666;display: inline-block;font-size: 18px;padding: 5px 25px; text-transform: lowercase;}
.mr-blog a:hover{background:#231F20;color:#fff;}
.hm-slider{/*border-bottom: 2px solid #cbeee6;border-top: 2px solid #cbeee6;*/margin:40px 0 16px;padding: 47px 0 16px;position:relative;background:#e6f7f1;}
.hm-slider-inn {margin: 0 auto;max-width: 1050px;position: relative;}
.home-slider {padding:30px 0;margin:40px 0 16px;position:relative;background:#f1f1f1;z-index:0;}
.home-slider:before{position:absolute;content:"";top:0;background:#f1f1f1;left:100%;width:100%;}
.home-slider:after{position:absolute;content:"";top:0;background:#f1f1f1;right:100%;width:100%;}
.hm-slider .bx-viewport {position: relative;z-index: 1;}
.maso-head {  color: #000;    font-family: Julius Sans One,sans-serif; font-weight: normal;font-size:22px;  margin-bottom: 15px;  text-align: center;  text-transform: uppercase;}

.hm-slider:before, .hm-slider:after, .home-slider:before, .home-slider:after {content: "";position: absolute;bottom:0;top: 0;width: 100%}
.hm-slider:before, .hm-slider:after, .home-slider:before, .home-slider:after{border-top: 2px solid #cbeee6;border-bottom: 2px solid #cbeee6;}
.hm-slider:before, .home-slider:before{left:50%;width:100%;}
.hm-slider:after, .home-slider:after{right:50%;width:100%;}

.img_radius img {border-radius: 50%;  cursor: pointer;  max-width: 100%;  position: relative;height: 300px;width: 300px;margin:0 auto 18px;border:5px solid #FFF;}
.img_radius{overflow:hidden;}
.img_radius .home_slid_text a{display:block;   font-family: open sans;color:#000;line-height: 22px;}
.home_slid_text {text-align: center;color: #000;font-size: 17px;line-height: 20px;padding:5px 10px;}
.home_slid_text h2 {color:#000; font-family: open sans;}
.outside {  left: 0;  margin: 0 auto;  position: absolute;  right: 0;  top: 130px;  width: 87%;
  z-index: 7;}
#slider-prev, #slider-next {overflow: hidden;text-indent: 999px;   width: 24px;    height: 36px;     position: absolute;    cursor: pointer;    z-index: 100;}
#slider-prev a, #slider-next a{ width: 24px;    height: 85px; display:block}
.bx-wrapper {  margin: 0 auto !important;  background:none !important;  border: none !important;  box-shadow: none !important;}
.hm-slider .bx-controls.bx-has-pager {display: none;}

.entry-content .maso-head {color: #949494;font-size: 23px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.mailto a::before {content: none !important;}
.mailto a {background:url(http://compassandtwine.com/wp-content/uploads/2016/10/mailto-icon.jpg) no-repeat left 4px;background-size:17px;}

body.page-template-Blog-new-php .site-main {padding-bottom: 150px !important; padding-top: 5%;width: 100%;}
.blog-sidebar {float:right;font-size:18px;font-weight:bolder; width: 20%;font-family:open sans;position:relative; }
.blog-sidebar.sing-sid-blog{margin-top: 40px;}
.blog-sidebar ul{list-style:none; border-top:1px solid #d2d2d2;margin:5px 0 50px;padding:12px 0 0;}
.blog-sidebar li {  font-size: 13px;  text-transform: inherit;color:#686868;margin: 0 0 13px;}
.blog-sidebar li a{color:#686868;text-transform: inherit;  font-weight: normal;}
.blog-sidebar li a h2{text-transform: inherit;color:#686868;font-family: open sans;}
.blog-sidebar ul:nth-child(2) li{background:url(http://compassandtwine.com/wp-content/uploads/2016/10/Blog_page-li.jpg) no-repeat left center;}
.blog-sidebar ul:nth-child(2) li a{   margin-left: 20px;}
#sb_instagram img {width: 100%;}
.site-footer {padding: 0 10px;}
.social-navigation a {color: #cbeee6;}
.social-navigation a:hover {color: #4C4C4C}
.site-main {float: left;width: 78%;padding:0 0 50px;}
.instagram-sidebar {float: left;margin-top: 125px; width: 20%;}
#sb_instagram {width: 100% !important;}
.single .instagram-sidebar {margin-top: 0;}
.wdpu-3108 .wdpu-msg {max-width: 360px !important;width: 90% !important;position:relative;}
#sb_instagram .sb_instagram_header .sbi_header_text p {font-size: 10px;margin-bottom: 20px !important;}
.single .entry-content p {color: #333;font-size: 16px;font-style:normal;letter-spacing: 0;line-height: 20px;text-align: left;}
.single .erpProContainer .entry-content p span {color: #000000;font-family: open sans;font-size: 18px;font-style: normal;font-weight: 400;margin-top: 20px;display:block;}
.blog-sidebar .form.mc4wp-form {background: #e9faf6;border:2px solid #696868; padding:3px 3px 17px;margin: 50px 0;}
.blog-sidebar .form.mc4wp-form input[type="checkbox"] {left: -10px;position: relative;top: 2px;}
.blog-sidebar .form.mc4wp-form label span {font-size: 14px;}
.blog-sidebar .form.mc4wp-form .signbox {margin-top: -22px !important;width: 100% !important;}
.blog-sidebar .form.mc4wp-form input[type="image"] {top: -20px !important;}
.blog-sidebar .grid-form-1-child p:first-child {font-size: 22px !important;}
.entry-header.hmPostTitle {background: #cbeee6;padding: 0 0 13px;}
.entry-header.hmPostTitle h2 {position: relative;z-index:1;text-align: center;}
.single .entry-header h1.entry-title {background: #cbeee6;color: #696868;font-family: open sans;font-size: 28px;padding:19px 0 0 0;text-transform: uppercase;position:relative;z-index: 1;}
.single .entry-header h1.entry-title:before {background: #cbeee6;content: "";left: 50%;padding:50px 0;position: absolute;top: 0; width: 100%;z-index: -1;}
.single .entry-header h1.entry-title:after {background: #cbeee6;content: "";padding:50px 0;position: absolute;right: 50%; top: 0; width: 100%;z-index: -1;}
.single .content-area .entry-header { display: none;}
body.single{overflow:hidden}
.single .entry-header{margin-bottom:0;}
.single .site-main{padding:0;}
.master-slider-parent {border: 1px solid #ddd;padding: 16px;margin-bottom: 15px;}
#main .master-slider{margin-bottom: 0 !important;}
.page-id-449 .site-main, .page-id-464 .site-main, .page-id-467 .site-main, .page-id-2507 .site-main{float: none;margin: 0 auto;width:95.8%;}
.entry-header.com-bg h1.entry-title {background:#cbeee6;color: #696868;font-family: open sans;font-size: 28px;padding:28px 0 29px;  position: relative;text-transform: uppercase;z-index: 1;}
.entry-header.com-bg h1.entry-title::after {background: #cbeee6;content: "";padding:46px 0 45px;position: absolute;top: 0;width: 100%;z-index: -1;}
.entry-header.com-bg h1.entry-title::before {background:#cbeee6;content: "";right: 50%;padding:46px 0 45px;position: absolute;top: 0;width: 100%;  z-index: -1;}
.site-main.inn-stmn {padding: 10px 0 50px; width:100%;}
.page-id-2507 .entry-header {background:#cbeee6;padding:24px 0; position: relative;}
.page-id-2507 .entry-header h1.entry-title {color: #696868;font-family: open sans;font-size: 28px; position: relative;z-index: 1;}
.page-id-2507 .entry-header::before {background: #cbeee6;content: "";left: 50%;padding: 46px 0;position: absolute;top: 0;width: 100%;}
.page-id-2507 .entry-header::after {background: #cbeee6;  content: "";padding: 46px 0;position: absolute;right: 50%;top: 0;width: 100%;}
.hm-galleries {margin: 0 auto;padding: 0;width: 91%;}
#imgmapID { position: relative;text-align:center;}
.hide-sml-logo-mobile {display: block;}
.travel-img {  float: left;  width: 25%;padding-right:15px;}
.travel-img img{max-width:100%;margin-right:0;}
.service-p {  float: right;  width: 75%;}
.service-p ul li{font-size: 14px; margin-bottom: 8px; font-family: Arial; color: #000;display:inline;}
.service-p ul p{display:none;}
.erpProContainer .erpProTitle {font-family: "Noto Sans",sans-serif; font-size: 30px; margin-bottom: 20px;text-transform: uppercase;}
.erpProContainer .erpProPostLink h2 {font-family: "Julius Sans One",sans-serif;font-size: 15px;}
.single .entry-content .erpProContainer .text-justify span {font-family: open sans !important;font-size: 13px !important;font-weight: normal;line-height: 20px;}
.erpProContainer .erpProPostLink span {color: #696868 !important;display: block;font-family: open sans;font-size: 22px !important;font-weight: 100;margin-bottom: 10px;min-height: 47px;text-transform: uppercase;}
.menu-menu-logout-container ul li, .menu-main-menu-container ul li {margin: 0 !important;padding-left: 13px;padding-right: 10px;background:url(http://compassandtwine.com/wp-content/uploads/2016/10/nav-seprator.png) no-repeat 0 14px;}
.menu-menu-logout-container ul li .sub-menu li, .menu-main-menu-container ul li .sub-menu li{background:none;}
.menu-menu-logout-container ul li.hme-mn, .menu-main-menu-container ul li.hme-mn {background:none;}
.menu-main-menu-container ul li.hme-mn .sub-menu {margin-top: 6px;}

.archive .site-main {width: 100%;position: relative;}
.archive .page-header h1 {border: medium none;color: #696868;font-family: open sans;font-size: 28px;padding: 27px 0;position: relative;z-index: 1;margin-bottom: 50px;}
.archive .page-header {box-shadow: none;padding: 0;text-align: center;background: #cbeee6;}
.archive .page-header::before {background:#cbeee6;content: "";padding: 43px 0 44px;position: absolute;right: 50%;top: 0;width: 100%;}
.archive .page-header::after {background:#cbeee6;content: "";padding: 43px 0 44px;position: absolute;left:16%;top: 0;width: 100%;}
.archive .site {overflow: hidden;}
.archive article {margin-top:40px !important;border: 0 none !important;}
.archive .entry-title::before {
  content: url("http://compassandtwine.com/wp-content/uploads/2016/10/c-t-logo-50round.png");
  margin-right: 10px;
  position: relative;
  top: -12px;
  vertical-align: top;
}
.archive .entry-header {
  padding: 0; margin: 0;
}
.archive .entry-title {
  text-align: left;
}
.archive .entry-content {
  padding: 0;
}
.archive .entry-title {
  font-size: 23px;
}
.archive .entry-title h2 {
  display: inline;
}


.wdpu-3108 .wdpu-close {background: url(http://compassandtwine.com/wp-content/uploads/2016/10/close.png) no-repeat !important;}
.gm-style-iw div {font-weight: bold;}
.booking-item-img-wrap.st-popup-gallery {width: 260px !important;border-top: 2px solid #666;padding-top: 10px;font-weight: normal;}
.booking-item-img-wrap.st-popup-gallery ul {margin:0;}
.booking-item-img-wrap.st-popup-gallery li {float: left;list-style:none;width:50%;}

.nopostCls {color: #b5e2b5;font-family: akadora;font-size: 50px;text-align: center;}


/*For Safari and Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
span.left-Logo:before{top: 18px !important;line-height: 80px;}
.archive .entry-title::before{top: 18px;}
.archive .entry-title{top: -18px;position:relative;line-height:41px;}
.slick-list { padding: 0 98px !important;}

::i-block-chrome, #slider-hm .featured-content-container{height:180px;}
::i-block-chrome, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-weight:normal !important;}

}



body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'Mandali', sans-serif;
	font-size: 17px;
	line-height: 1.6;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 400;
        font-family: 'Julius Sans One', sans-serif;
}

p {
       letter-spacing: 1px;
       font-family: 'Mandali', sans-serif;
       font-weight:300;
	margin-bottom: 1.6em;
}

b,
strong {
	font-weight: 700;
}


dfn,
cite,
em,
i {


	font-style: italic;
}

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}
code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


















.searchbox{
    position:relative;
    min-width:50px;
    width:0%;
    height:50px;
    float:right;
    overflow:hidden;

    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input:focus {
  border:none !important;
  border-bottom: 1px solid rgba(51, 51, 51, 0.3)!important;
}
.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
      background: transparent;
    width:100%;
    height:50px;
    margin:0;
    padding:0px 55px 0px 20px;
    font-size: 18px;
  color: rgb(35, 31, 32);
  border-bottom: 1px solid rgb(200, 184, 184);
  font-style: italic;
  font-family: 'Julius Sans One', sans-serif;

}
.searchbox-input::-webkit-input-placeholder {
    color: rgb(35, 31, 32);
}
.searchbox-input:-moz-placeholder {
    color: rgb(35, 31, 32);
}
.searchbox-input::-moz-placeholder {
    color: rgb(35, 31, 32);
}
.searchbox-input:-ms-input-placeholder {
    color: rgb(35, 31, 32);
}

.searchbox-icon,
.searchbox-submit{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    background:#FFFFFF;
}





.searchbox-open{
    width:95%;
    margin-bottom:70px;
}

.byline{
  position:absolute;
  top:150px;
  left:30%;
  text-align:center;
  font-size:18px;
}
.byline a{
  text-decoration:none;
  color: #d74b4b;
}
.searchbox {
  top: 20px;
}
.contact-info-section-1 {
  position: relative;
  border: 1px solid #e6e6e6;
  display: table;
  margin: 0 auto;
}
.contact-info-section {
  border: 3px solid #FFFFFF;
  background-color: rgba(214, 245, 239, 0.54);
  text-align: center;
  display: inline-table;
  padding: 10px;
}
.ngg-gallery-thumbnail img {
  border: none !important;
}
.ngg-slideshow .ngg-gallery-slideshow-image {
  background-color: transparent !important;
}
.opt-in-email {
  background: #f4f8ff;
  height: 34px !important;
  font-family: Open sans;
  font-size: 11px !important;
  border: none;
  box-shadow: none !important;
  vertical-align: top;
  width: 80% !important;
  display: inline-block;
}
.opt-in-email:focus {
  background: #f4f8ff !important;
}
.submit {
  display: inline-block;
  width: 17%!important;
  font-size: 11px!important ;
  padding: 0 !important;
  height: 34px !important;
  margin-left: -5px;
  background:#75b4ff !important;
}
.submit:hover {
  display: inline-block;
  width: 17%!important;
  font-size: 11px!important ;
  padding: 0 !important;
  height: 34px !important;
  margin-left: -5px;
  background:#75b4ff !important;
}
.menu-social-links-container {
  margin-left: 5%;
}
.masonry_brick_a {
background-color: rgba(30, 30, 30, 0.88) !important;
}
div.cactus_masonry_databox {
  background-color: transparent !important;
}
.grid-1 {
width:48%;
float:left;
margin-right: 2%;
border:2px solid #C2C2C2;
padding:12px;
}
.grid-1-child {
background-color: rgba(214, 245, 239, 0.54);
position:relative;
padding:15px;
min-height: 540px;
}

.mylist li:before {
    content: '?';
    margin:0 5px 0 -15px;
}
@media all and (max-width: 719px) {
.grid-1 {
    width: 100%;
    margin-bottom:20px;
  }
}
.ips_w_1 {
  z-index: 999992;
  position: relative;
  top: 100px;
  left: 0px;
  margin: 0px auto;
  width: 385px !important;
  height: 400px;
  max-width: 100%;
  background: #FFFFFF!important;
  background-position: top center;
  background-repeat: no-repeat;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}
.ips-title {
  padding-top: 6px !important;
}

.grid-full {
  width: 98%;
  float: left;
  margin-right: 2%;
  border: 2px solid #C2C2C2;
  padding: 12px;
}
.grid-full-child {
  background-color: rgba(214, 245, 239, 0.54);
  position: relative;
  height: 100%;
  padding: 15px;
    float: left;
}
 #content div.masonry_post_gallery img.masonry_brick_img {
  border: 2px solid #666;
}
div.cactus_masonry_databox div.cm_title {
  font-size: 1.35em;
  text-align: center;
}



span.left-Logo:before {
  content: url(http://compassandtwine.com/wp-content/uploads/2016/10/c-t-logo-50round.png);
  position: relative;
  margin-right: 10px;
  vertical-align: top;
  top:-12px;
}

.hentry, .page-header, .page-content {
    margin: 0;
}
.hentry, body.home .hentry, .page-id-449 .hentry, .page-id-453 .hentry, .page-id-456 .hentry, .page-id-460 .hentry, .page-id-464 .hentry, .page-id-467 .hentry {
  box-shadow:none;
  margin:0;
  margin-left:1%;
}
@media screen and (min-width: 59.6875em) {
.entry-content, .entry-summary {

}
}
body.home .entry-content, #post-449 .entry-content, #post-453 .entry-content, #post-456 .entry-content, #post-460 .entry-content, #post-464 .entry-content, #post-467 .entry-content {
  padding: 2%;
  padding-top:0%;
}


#post-427 > div > p:nth-child(1){display:none;}

.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
  border-bottom:0px;
}

.post-thumbnail img {display:none;}

.hentry, .hentry.has-post-thumbnail {
  padding-top: 0%;
}


#footer-area{display:none;}

.author-info{display:none; !important;}


div.cm_title
{
    /* The title and excerpt padding must be
    set as the databox will have none */
    padding: 10px;
}

div.cm_exerpt
{
    padding: 0px 10px 10px 10px;
}

div.cactus_masonry_databox
{
    -webkit-transition: max-height 500ms ease-in-out;
    -moz-transition: max-height 500ms ease-in-out;
    -o-transition: max-height 500ms ease-in-out;
    transition: max-height 500ms ease-in-out;
    max-height: 0px;
    padding: 0px !important;
}

.masonry_brick_a:hover div.cactus_masonry_databox
{
    max-height: 1000px;
}



@media screen and (min-width: 59.6875em) {
.secondary a {
  font-family: 'Julius Sans One', sans-serif;
}
}
#contactform {
  width: 50%;
  float: none;
  margin: auto;
}



.postimage {
    width: 100%;
    margin: auto;
    display: block;
    padding: 15px;
    background-color: #fff;


}
.postimage img {
    margin: auto;
    display: block;

}

.post-title {
    background-color: rgb(233, 250, 246);
    padding: 0;
    position: relative;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding-top: 3%;
     border-top: 2px solid rgb(236, 234, 234);
    min-height: 70px;
    padding-left: 5px;
    padding-right: 5px;
}

.list {
  display: flex;

  flex-wrap: wrap;
}
@media all and (min-width: 40em) {
  .list-item {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .list-item {
    width: 33.33%;
  }
}
.list-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
  display: flex;
float:left;
  padding: 0.5em;
  width: 33%;
    list-style: none;
}
.list-content {
    display: flex;
    flex-direction: column;
    background-color: #E9FAF6;
    width: 100%;
    border: 2px solid rgb(236, 234, 234);
    position: relative;
    margin-bottom: 15px;
}
.list-content p {
  flex: 1 0 auto;
}
.entry-title {
    margin-bottom: 0.2308em;
}
.entry-header {
    margin-bottom: 35px;
}
.blog-layout {
    padding: 2%;
}
.cm_title h2 {
   font-size: 23px !important;
   line-height: 1.25;
   margin-top: 5px;
   font-family: 'Julius Sans One', sans-serif;
   margin-bottom: 0;
}
.cm_title {
   margin-top: 0;
   line-height: 1.25;
   margin-top: 0;
   margin-bottom: 1em;
   font-family: 'Julius Sans One', sans-serif;
}
.entry-title {
    text-align: center;
}

.divider {
    background-color: rgba(214, 245, 239, 0.96);
    height: 2px;
    width: 130px;
    margin: auto;
    margin-bottom: 10px;
}
.fature-blog {
    width: 67%;
    float: left;
}
.feature-slider {
    width: 31.606%;
    float: left;
    margin-right: 1%;
    height: 100%;
}
.feature-section {
    background-color: rgba(214, 245, 239, 0.54);
    border: 2px solid #e6e6e6;
    float: left;
    padding: 20px 20px 0px;
    width: 100%;
    height: 100%;
margin-bottom: 20px;

}
.feature-post-title h2 {
    font-size: 24px;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 15px;


    font-weight: 700;
}
.widget input[type="text"] {
    background-color: rgba(214, 245, 239, 0.54);
    border: none;
    padding: 10px;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    width: 85%;
    text-indent: 25px;
}
.widget input[type="image"] {
border: none;
    background-color: transparent;
    position: absolute;
    left: 38px;
    margin-top: 10px;
}
@media screen and (min-width: 38.75em) {
.widget {
    margin-bottom: 7.1111%;
}
}


div.cactus_masonry_databox div.cm_title {
    font-family: 'Julius Sans One', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500  !important;
}
div.cactus_masonry_databox div.cm_title h2 {
    font-family: 'Julius Sans One', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500  !important;
}
@media screen and (min-width: 59.6875em) {
.site-header .secondary .widget {padding: 0; margin: 0;}
.secondary .widget_nav_menu .menu-main-menu-container, .secondary .widget_nav_menu .menu-menu-logout-container{width:auto}
body:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 25%;
    z-index: 0;
}
}
@media screen and (min-width: 59.6875em) {
.site-content {max-width:1200px;float:none;
    display: block;
    margin: 0 auto;
    width: 100%;
}
}
.widget li {
    border: none !important;
}
.widget_nav_menu .sub-menu {position: absolute;border:  none  !important;margin: 0;z-index:1}

@media screen and (min-width: 59.6875em) {

.widget {
    padding: 0 9%;
}
}
@media screen and (min-width: 59.6875em) {
.sidebar {
    width: 25%;
}
}
.secondary a {font-family: open sans;font-size: 11px;text-transform: uppercase;letter-spacing: 1px;color:#3C3C3C;}
.secondary .current-menu-item a {font-weight: bold;}
.secondary .current-menu-item .sub-menu a{font-weight:normal;}
.wdpu-0 .wdpu-text {
    padding: 10px 10px 10px;
    position: relative;
    z-index: 10;
    height: 100%;
    background-color: #F7F7F7;
    border: 2px solid #3A3A3A;
}
@media screen and (min-width: 59.6875em) {
.site-header {max-width: 1200px;position:relative;
    background-color: transparent;
    border-bottom: 0;
    margin:0 auto;
    padding: 0;
    margin-bottom: 0;
}
}


input[type="checkbox"], input[type="radio"] {
    padding: 0;
    position: absolute;
    left: 68px;
    margin-top: 6px;
}
.common-bottom-margin {
 	margin-bottom:20px;
}

.ms-skin-default .ms-nav-prev {
    width: 42px;
    background-position: -84px -18px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 0;
    left: auto;
    background-position: -86px -95px;
	width: 42px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    z-index: 110;

}
.master-slider {
    margin-bottom: 30px !important;
}
.cycloneslider-template-thumbnails {
    position: relative;
    max-height: 176px;
    overflow: hidden;
}
.cycloneslider-template-standard .cycloneslider-slide {
    text-align: center;
    width: 100%;
    display: none;
    background: #E9FAF6;
}
.erpProContainer h2 {
background-image:none !important;
background:none !important;
  padding-left:0px !important;
}
@media all and (max-width: 1450px) {
.home-slider {margin: 0 auto;width: 98%;}
.flexslider .flex-direction-nav .flex-prev{left: -75px;}
.flexslider .flex-direction-nav .flex-next {right: -75px;}
.topImage { padding: 14px 3%;min-height: 353px;}
.bottomImage img {height: 353px !important;}
}

@media all and (max-width: 1350px) {
.home-slider .flex-container{width: 88%;}	
.flexslider .flex-direction-nav .flex-prev { left: -50px;}
.flexslider .flex-direction-nav .flex-next {right: -50px;}
.bottomImage img {height: inherit !important;}
}

@media all and (max-width: 1230px) {
.mega-map-view .mega-menu-link { font-size: 17px !important;}	
#mapID { overflow-x: scroll !important; overflow-y: hidden !important;   width: auto !important;height:auto !important}
#googleMap {height: 730px !important;width: 1200px !important;}
.secondary{width:94%;}
.site-header{width:98%;max-width:none;}
.secondary .widget.widget_nav_menu {  width: 75%;}
.menu-social-links-container {  width: 154px;}
.social-navigation li {  width: 16%;}
.secondary a{font-size:11px !important;}
.blog-sm img {height: 140px;width: 140px;}
.blog-sec{padding-left:15px;}
.blog-sidebar{padding-right:15px;}
.blog-txt {float: left;margin-left: 155px;}
.archive article {margin: 0 auto;padding: 0 25px;}
.topImage h2 { margin: 20px 0;}
.secondary a {font-size: 9px !important;}
}

@media all and (max-width: 1100px) {
.topImage > p {margin-bottom: 5px;}
.topImage h3 {margin: 0 auto 5px;}	
.entry-content {padding-left: 2%;padding-right: 5%;}

.site-branding {  width: 45px;}

.secondary .widget.widget_nav_menu {  width:83%;}
.blog-sm{min-height:270px;}
#sb_instagram .sbi_header_img {width: 30px;}
#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {margin: 0 0 0 35px !important;}
#sb_instagram .sb_instagram_header h3 {font-size: 14px;}
#sb_instagram .sb_instagram_header .sbi_header_text p {font-size: 9px;}
.blog-sidebar .form.mc4wp-form label span {font-size: 12px;}
.social-navigation {right: 30px;}
.menu-social-links-container {float: right;}
.entry-header.com-bg h1.entry-title::after, .entry-header.com-bg h1.entry-title::before {padding:45px 0;}
}

@media all and (max-width: 1024px) {
#googleMap { height: 500px !important;}	
.img_radius img {  height: 194px;  width: 194px;}
.hm-slider .bxslider li{width:235px !important}
.menu-menu-logout-container ul li, .menu-main-menu-container ul li{background-position: 0 8px;}
}

@media all and (max-width: 953px) {
.head-outer{padding-bottom:0;}
.social-navigation {   right: 5px;}
.menu-menu-logout-container ul li, .menu-main-menu-container ul li{background:none;}
.logo2 img {
  left: 0;
}
}

@media all and (max-width: 954px) {
.logged-in .site-header #searchform {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 77px;
}
.logged-in #searchform input[type="text"] {
  display: block !important;
  padding: 0 40px 0 15px;
  position: absolute;
  z-index: 100;
}

.logged-in #searchform #searchsubmit {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  display: block;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 100;
}
	
.topImage {font-size: 16px;}
.home-slider .flexslider .slides p { line-height: 25px;}	
.head-outer .secondary {margin: 0 auto !important;padding: 0;}
.site-header #searchform {margin: 0 auto; position: relative;}
.secondary #searchform input#s {display: block !important;top: 0;}
#searchform #searchsubmit {display: block;}
#searchform .srch-icon {display: none;}
#searchform input[type="text"] {padding: 0 40px 0 15px;}
.secondary #searchform input#searchsubmit { left: auto !important;right: 0;top: 0;background:#e2fdfd;border: 1px solid #b3b3b3;}
.secondary #searchform input#s {width: 100%;}
.secondary .widget_nav_menu .menu li ul.sub-menu {display: block !important;margin-left: 20px; position: relative;top: 0 !important;}
.secondary .widget_nav_menu .menu li ul.sub-menu p {margin: 0;}
.social-navigation {margin-top: 15px !important;margin-bottom: 10px !important;}
.secondary .widget_nav_menu .menu li {padding: 2px 0;}
.instagram-sidebar {margin-top: 85px;}
.blog-sidebar .form.mc4wp-form label span {font-size: 10px;}
.archive .page-header::before, .archive .page-header::after{padding:0;}
.social-mobile-show ul li {float:left;}
.secondary-toggle {display: none;}
.social-navigation {float: right;}
.entry-header.com-bg h1.entry-title::after, .entry-header.com-bg h1.entry-title::before {padding: 46px 0;}

}

@media all and (max-width: 900px) {
.mega-destinations.mega-menu-item{ position: relative !important;}
.mega-map-view .mega-menu-link { font-size: 16px !important; text-align: center !important;}	
.mega-map-view { top: 35px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(2n) {clear: left !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(2n+1) { clear: none !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 { width: 50% !important;}	
.entry-content {padding-left: 2%;padding-right: 2%;}	
.blog-sidebar{float:none;padding:0 15px;  width: 100%;margin-top:30px;}
.blog-sec{float:none;padding:0 15px;  width: 100%; }

.site-main, .instagram-sidebar {width: 100%;float:none;}
.single .blog-sidebar, .instagram-sidebar  {margin-top: 0;}
#sb_instagram .sbi_header_img {width: 50px;}
#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {margin: 0 0 0 60px !important;}
#sb_instagram .sb_instagram_header h3 {font-size: 16px;}
#sb_instagram .sb_instagram_header .sbi_header_text p {font-size: 11px;}
.blog-sidebar .form.mc4wp-form {margin: 50px auto;max-width: 360px;}
.blog-sidebar .form.mc4wp-form label span { font-size: 14px;}
.archive .page-header h1 {margin-bottom:0;}
.archive .page-header::before, .archive .page-header::after{padding:0;}
.site-header .secondary {width: 100%;}
.secondary .main-navigation {margin:40px 0 10px;}
.social-mobile-show ul li a {height: 25px;}
.entry-header.com-bg h1.entry-title { padding: 29px 0;}
}

@media all and (max-width: 780px) {
	.hm-slider .bxslider li {  margin-bottom: 0;  margin-left: 24px;  margin-right: 23px !important;  margin-top: 0;  width: 304px !important;}
	.topImage, .bottomImage {width: 100%;padding: 0;}
	.topImage{padding:20px;margin-top:20px;}
.bottomImage img {height: inherit;}
	
}


@media all and (max-width: 767px) {
.entry-header.com-bg h1.entry-title , .entry-header.com-bg h1.entry-title::after, .entry-header.com-bg h1.entry-title::before { min-height: 94px;}
#slider-hm .slide {width: 430px;}
#slider-hm .featured-content .featured-post-title {font-size: 20px;}	
.topImage h3 { max-width: none;}	
.home-images {margin: 30px 0 0;}	
.flexslider .flex-direction-nav a{background-size: 60px auto;}
.flexslider .flex-direction-nav .flex-prev {background-position: 22px 14px;}
.flexslider .flex-direction-nav .flex-next {background-position: -32px 14px;}
.home-slider { padding: 30px 0 10px;}
.home-slider {width: 95%;}
.blog-sm img {display: block;margin: 0 auto 15px;position: relative;}
.blog-sm {min-height: 360px;}
.blog-txt {float: none;margin-left: 0;}
.grid-full, .grid-full .grid-full-child{height:inherit !important;}
.hm-slider .bxslider li {  margin-bottom: 0;  margin-left: -4px;  margin-right: 0!important;  margin-top: 0;}
.erpProContainer .container-fluid .row h2.erpProTitle {font-size: 22px !important;min-height: auto;}
.erpProContainer .erpProPostLink h2 {min-height: auto;font-size: 15px !important;}
.erpProContainer .col-md-6 h4 span{min-height: auto;font-size:22px !important;}
.blog-txt h2 a, .blog-txt h2{text-align:center;}
}


@media all and (max-width: 640px) {
.images-sec {float: none;margin: 0 auto 40px; max-width: 350px;width: 100%;}
.home-images { padding: 0 10px;}	
.menu-below-map-container .menu {margin: 15px auto 0;max-width: 250px;text-align:left;}
.menu-below-map-container li:first-child {background: url(http://compassandtwine.com/wp-content/uploads/2016/10/bullet-shadows.jpg) no-repeat left 9px;padding-left:20px;}	
}
@media all and (max-width: 600px) {
body.page-template-Blog-new-php .site-main {padding-bottom: 75px !important;}
.blog-pagination {margin: 25px auto;}
.hm-slider .bxslider li {width: 1% !important;}
.blog-sm {margin-bottom: 30px;min-height: inherit;float:none;width:100%;}
.blog-sec  .in-blog-sec {background-image:none;}
.blog-sm img {  max-width: 160px;  }
.blog-sm.sm-right {  margin-left: 0;}
.page-numbers{font-size:11px;height: 30px;    line-height: 30px;    width: 25px;}
.prev.page-numbers{width:70px;}
.service-p ul li{display:block;}
.travel-img, .service-p {width:100%}
.fav-post-section .fav-post {width: 46%;}
.fav-post-section {clear: both;margin: 0 0 0 5%;}
}

@media all and (max-width: 480px) {
#slider-hm .slide {width: 280px; border: 5px solid #f5faff;}
#slider-hm .slide.slick-active {border: 5px solid #fff;}
#slider-hm .featured-content-container {width: 200px; height: 100px; padding: 10px;}
#slider-hm .featured-content .category {display: none;}
#slider-hm .featured-content .featured-post-title {font-size: 18px; margin-bottom: 10px;}
#slider-hm .featured-content-container { left: 0; margin: 0 auto;}
.hm-slider-inn .outside {left: auto;margin: auto;right: -10px; top: -20px !important;width: 55px;}
#slider-prev, #slider-next{background:url(http://compassandtwine.com/wp-content/uploads/2016/10/mob-arrows.png) no-repeat;height:25px ;width:25px;}
#slider-next, #slider-next:hover{background-position:right 0;}
#slider-prev, #slider-prev:hover{background-position:0 0;} 
}

@media all and (max-width: 360px) {
.menu-social-links-container {  width: inherit;}
#slider-hm .featured-content .featured-post-title a {font-size: 14px;}
}