/* Select Box Styles */

.select-style {
background: #fff url(/style/responsive/img/packages/icon-select.png) no-repeat right center;	
border:1px solid #cacaca;
width:95px;
border-radius:3px;
overflow:hidden;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
display:inline-block;
vertical-align:middle;
}
.select-style:hover {border:1px solid #908e8e;transition:border 0.2s ease-in-out 0s;}
.select-style select {
padding: 2px 8px;
width:100%;
border:none;
box-shadow:none;
background:transparent;
background-image:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none; 
color:#666;
font:14px/18px arial;
height:36px;
}
.select-style select::-ms-expand{display:none;}
.select-style select option {background:#fff;padding:5px;border:none;}
.select-style select:focus {outline:none;}

/* MyPortfolio Styles  */

.myportfolio {
background:#e8ebee;
padding:20px 0;
position:relative;
}
section {
margin-right:370px;
min-height:470px;
}
aside {
position:absolute;
top:72px;
right:50px;
width:350px;
}

/* Portfolio Sections */

.portfolio-section {
margin-bottom:20px;
}
.portfolio-section .title {
padding:15px 20px;
border-radius:5px 5px 0 0;
}
.portfolio-section .title h2 {
color:#fff;
text-shadow:1px 1px 3px rgba(0, 0, 0, 0.15); 
}
.portfolio-section .view-all {
background:#fef3dc;
border:solid #c5c5c5;
border-width:0 1px;
padding:15px 20px;
}
.portfolio-section .view-all .mobile {display:none;}
.portfolio-section .view-all a {
background:url(/style/responsive/img/myportfolio/bg-view-all-packages.png) repeat-x top;
height:28px;
text-decoration:none;
color:#fff;
border-radius:2px;
font:bold 14px/30px arial;
padding:0 20px;
float:left;
margin-right:15px;
border:1px solid #e68c06;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); 
}
.portfolio-section.cruises td .relatedLink {
background:url(/style/responsive/img/myportfolio/bg-view-all-flights.png) repeat-x top;
height:28px;
text-decoration:none;
color:#fff;
border-radius:2px;
font:bold 14px/30px arial;
padding:0 20px;
float:left;
margin-right:15px;
border:1px solid #315e81;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); 
}
.portfolio-section .view-all .plain-link {
text-decoration:underline;
font:14px/18px arial;
margin-top:5px;
border:none;
box-shadow:none;
}
.portfolio-section .view-all br {display:none;}
.portfolio-section table {
background:#fff;
width:100%;
border:solid #c5c5c5;
border-width:0 1px 0 1px;
}
.portfolio-section .desktop {border-bottom:1px solid #c5c5c5;}
.portfolio-section img.desktop {border-bottom:none;}
.portfolio-section.packages table {border-width:1px 1px 0 1px;}
.portfolio-section table td {padding:20px 0 20px 20px;border-bottom:1px solid #c5c5c5;font:14px/18px arial;}
.portfolio-section table .tablet {display:none;}
.portfolio-section table .first {width:100px;}
.portfolio-section table .third {width:50px;}
.portfolio-section table .fourth {width:50px;}
.portfolio-section table .fifth {width:16px;padding-right:20px;}
.portfolio-section .mobile-buttons {display:none;}
.portfolio-section td a {font:14px/18px arial;margin-bottom:7px;display:inline-block;}
.portfolio-section table .call, .mobile-buttons .call {
background:url(/style/responsive/img/myportfolio/bg-call.png) repeat-x top;
height:38px;
border:1px solid #06585c;
display:block;
color:#fff !important;
text-decoration:none;
font:16px/40px arial;
text-align:center;
margin-bottom:0;
border-radius:2px;
}
.portfolio-section table .close {
background:url(/style/responsive/img/myportfolio/bg-close.png) no-repeat top;
height:16px;
width:16px;
text-indent:-9999px;
display:block;
margin-bottom:0;
cursor:pointer;
}
.portfolio-section table .close:hover {background-position:bottom;}
.portfolio-section.flights table.mobile-table {display:none;}

/* Flights View All */

.portfolio-section.flights .view-all {
background:#eff6f9;
border-bottom:1px solid #c5c5c5;
}
.portfolio-section.flights .view-all.top-border  {border-top:1px solid #c5c5c5;}
.portfolio-section.flights .view-all a {
background:url(/style/responsive/img/myportfolio/bg-view-all-flights.png) repeat-x top;
border:1px solid #315e81;
}
.portfolio-section.flights .view-all .plain-link {
background:none;
color:#4c92c7;
height:auto;
border:none;
}
.portfolio-section.flights .view-all .close {
background:url(/style/responsive/img/myportfolio/bg-close.png) no-repeat top;
height:16px;
width:16px;
text-indent:-9999px;
display:block;
margin-bottom:0;
float:right;
padding:0;
margin:10px 0 0 0;
border:none;
box-shadow:none;
cursor:pointer;
}
.portfolio-section.flights .view-all .close:hover {background-position:bottom;}
.portfolio-section.flights .view-all .mobile {display:none;}

/* Flights Table */

.portfolio-section.flights td {border:none;padding:7px 0 7px 20px;}
.portfolio-section.flights td img {display:inline-block;vertical-align:middle;}
.portfolio-section.flights td .pad-out {padding:0 20px;}
.portfolio-section.flights .first-row .white {border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
.portfolio-section.flights .bottom-border .white {border-bottom:1px solid #c5c5c5;}
.portfolio-section.flights .left {border-left:1px solid #c5c5c5;}
.portfolio-section.flights .right {border-right:1px solid #c5c5c5;}
.portfolio-section.flights .white {font-size:12px;}
.portfolio-section.flights .second-row .white {border-bottom:1px solid #c5c5c5;}
.portfolio-section.flights .first-row .left {border-top-left-radius:5px;width:1%;}
.portfolio-section.flights .first-row .right {border-top-right-radius:5px;}
.portfolio-section.flights .second-row .left {border-bottom-left-radius:5px;}
.portfolio-section.flights .second-row .right {border-bottom-right-radius:5px;}
.portfolio-section.flights .first-row .set-width {width:1%;}
.portfolio-section.flights table .spacer {padding:5px 0;}
.portfolio-section.flights table .large-spacer {padding:10px 0;}
.portfolio-section.flights .last {width:36px;}
.portfolio-section.flights .tablet-price {display:none;}
.portfolio-section.flights .desktop-price {width:1%;padding-right:20px;}

.portfolio-section.cruises .tablet-price {display:none;}
.portfolio-section.cruises .desktop-price {width:1%;padding-right:20px;}



/* Hotels View All */

.portfolio-section.hotels .view-all {
background:#e1f7fd;
border-bottom:1px solid #c5c5c5;
}
.portfolio-section.hotels .view-all a {
background:url(/style/responsive/img/myportfolio/bg-view-all-hotels.png) repeat-x top;
border:1px solid #246a80;
}
.portfolio-section.hotels .view-all .plain-link {
background:none;
color:#2baed7;
height:auto;
border:none;
}
.portfolio-section.hotels .view-all .close {
background:url(/style/responsive/img/myportfolio/bg-close.png) no-repeat top;
height:16px;
width:16px;
text-indent:-9999px;
display:block;
margin-bottom:0;
float:right;
padding:0;
margin:10px 0 0 0;
box-shadow:none;
border:none;
}
.portfolio-section.hotels .view-all .close:hover {background-position:bottom;}
.portfolio-section.hotels table .third {width:36px;}
.portfolio-section.hotels p.margin-bottom {margin-bottom:5px;}

/* Additional Information */

.additional-information .block {
background:#f8f8f8;
border:solid #c5c5c5;
border-width:0 1px 1px 1px;
padding:20px 60px 15px 20px;
position:relative;
}
.additional-information .block.child {
padding-left:40px;
background:#fff;
}
.additional-information .block p {font-size:14px;margin-bottom:5px;}
.additional-information .block .close {
background:url(/style/responsive/img/myportfolio/bg-close.png) no-repeat top;
height:16px;
width:16px;
text-indent:-9999px;
display:block;
position:absolute;
top:50%;
margin-top:-8px;
right:20px;
cursor:pointer;
}
.additional-information .block .close:hover {background-position:bottom;}


/* Sidebar */

aside .box {
margin-bottom:20px;
}
aside .title {
background:url(/style/responsive/img/myportfolio/bg-aside-title.png) repeat-x top;
color:#fff;
border:1px solid #5c5c5c;
border-radius:5px 5px 0 0;
padding:10px 20px;
}
aside .title h2 {
font:bold 18px/22px arial;
}
aside .title span {font-weight:normal;}
aside .content {
background:#fff;
border:solid #c5c5c5;
border-width:0 1px 1px 1px;
border-radius:0 0 5px 5px;
padding:15px 20px;
}
aside .content.with-agent {
border-radius:0;
}
aside .content p {
font:14px/18px arial;
vertical-align:middle;
display:inline-block;
margin-right:10px;
}
aside .content .select-style {display:none;}
aside .content .txt {
border:1px solid #cacaca;
width:95px;
border-radius:3px;
overflow:hidden;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
height:40px;
font:14px/18px arial;
padding-left:10px;
}
aside .content .extra-bottom-margin {
margin-bottom:5px;
}
aside .content a {color:#da1010;font:14px/18px arial;}
aside .content h3 {margin-top:20px;}
aside .agent {
background:#f6f6f6;
border:solid #c5c5c5;
border-width:0 1px 1px 1px;
border-radius:0 0 5px 5px;
padding:10px 20px;
}
aside .agent .img {
margin-right:10px;
float:left;
}
aside .agent .img img {
display:block;
border:3px solid #25abb1;
border-radius:50px;
background:#25abb1;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25) inset;
}
aside .agent .agent-text p {
font:14px/18px arial;
float:left;
margin-top:15px;
width:234px;
}

/* Color Differences Portfolio Sections */

.portfolio-section.packages .title {background:#ffaf0a url(/style/responsive/img/myportfolio/title-bar-packages.jpg) no-repeat right center;border:1px solid #e68c06;}
.portfolio-section.flights .title {background:#4c92c7 url(/style/responsive/img/myportfolio/title-bar-flights.jpg) no-repeat right center;border:1px solid #315e81;}
.portfolio-section.cruises .title {background:#2a51a1 url(/style/responsive/img/myportfolio/title-bar-cruises.jpg) no-repeat right center;border:1px solid #19397b;}
.portfolio-section.hotels .title {background:#2baed7 url(/style/responsive/img/myportfolio/title-bar-hotels.jpg) no-repeat right center;border:1px solid #246a80;}
.portfolio-section.tours .title {background:#51a923 url(/style/responsive/img/myportfolio/title-bar-tours.jpg) no-repeat right center;border:1px solid #357513;}
.portfolio-section.additional-information .title {background:#666666;border:1px solid #333;}

.portfolio-section.packages td a  {color:#e88503;}
.portfolio-section.cruises td a  {color:#2a51a1;}
.portfolio-section.tours td a  {color:#51a923;}

/* Heading Bar */

.heading-bar {
background:#007478;
border-radius:5px;
border:1px solid #00666a;
height:50px;
margin-bottom:20px;
}
.heading-bar h2 {
color:#99d4d6;
font:italic 25px/50px georgia;
margin-left:22px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.48); 
}
.heading-bar h2 span {
color:#fff;
font-style:normal;
}

/* Success Message */

.success-message {
background:#a3e183;
border:1px solid #76b655;
border-radius:3px;
color:#357513;
padding:12px 20px;
margin-bottom:25px;
}
.success-message h5 {
font:bold 18px/22px arial;
margin-bottom:5px;
}
.success-message p {
font:14px/18px arial;
}

/* Error Message */

.error-message {
background:#fdcece;
border-radius:5px;
border:1px solid #af2828;
color:#af2828;
padding:30px 50px;
margin-bottom:20px;
text-align:center;
}
.error-message h5 {
font:18px/20px arial;
}

/*  Thankyou Message */

.thankyou-message {
background:#3a3c40 url(/style/responsive/img/myportfolio/bg-thankyou-message.jpg) no-repeat;
background-size:cover;
color:#fff;
padding:50px 40px;
margin-bottom:20px;
}
.thankyou-message h2 {
font:bold 24px/28px arial;
margin-bottom:25px;
}
.thankyou-message h2 br {display:none;}
.thankyou-message h3 {
font:bold 20px/24px arial;
margin-bottom:5px;
}
.thankyou-message p {
font:16px/21px arial;
}

/* Links */

.new-inquiry {padding-top:20px;}
.new-inquiry .links ul {
margin-left:-20px;
}
.new-inquiry .links li {
width:50%;
padding-left:20px;
box-sizing:border-box;
float:left;
}
.new-inquiry .links .packages {
background:#f1ab0a url(/style/responsive/img/myportfolio/bg-links-packages.png) no-repeat right center;
background-size:cover;
display:block;
height:100px;
border-radius:5px;
border:1px solid #e68c06;
margin-bottom:20px;
padding-left:0;
font:24px/100px arial;
color:#fff;
padding-left:40px;
padding-right:40px;
box-shadow: 0 1px 2px 1px rgba(255, 255, 255, 0.16) inset;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); 
box-sizing:border-box;
}
.new-inquiry .links .packages h4 {float:left;height:40px;}
.new-inquiry .links .packages .buttons {float:right;}
.new-inquiry .links .packages a {
float:right;
text-decoration:none;
font:14px/38px arial !important;
border-radius:3px;
width:178px;
margin-left:10px;
margin-top:31px;
}
.new-inquiry .links .packages .trip-matchmaker {overflow:hidden;}
.new-inquiry .links .packages .trip-matchmaker img {margin:10px auto 0 auto;}
.new-inquiry .links .packages .vacation-pricing-grid {}
.new-inquiry .links .flights a, .new-inquiry .links .cruises a, .new-inquiry .links .hotels a, .new-inquiry .links .tours a {
text-decoration:none;
color:#fff;
border-radius:5px;
display:block;
height:100px;
font:24px/100px arial;
padding-left:40px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); 
margin-bottom:20px;
}
.new-inquiry .links .flights a {
background:#4c92c7 url(/style/responsive/img/myportfolio/bg-links-flights.png) no-repeat right center;
background-size:cover;
border:1px solid #427093;
box-shadow: 0 1px 2px 1px rgba(255, 255, 255, 0.16) inset;
}
.new-inquiry .links .cruises a {
background:#2a51a1 url(/style/responsive/img/myportfolio/bg-links-cruises.png) no-repeat right center;
background-size:cover;
border:1px solid #19397b;
box-shadow: 0 1px 2px 1px rgba(255, 255, 255, 0.16) inset;
}
.new-inquiry .links .hotels a {
background:#2baed7 url(/style/responsive/img/myportfolio/bg-links-hotels.png) no-repeat right center;
background-size:cover;
border:1px solid #428ea6;
box-shadow: 0 1px 2px 1px rgba(255, 255, 255, 0.16) inset;
}
.new-inquiry .links .tours a {
background:#51a923  url(/style/responsive/img/myportfolio/bg-links-tours.png) no-repeat right center;
background-size:cover;
border:1px solid #448322;
box-shadow: 0 1px 2px 1px rgba(255, 255, 255, 0.16) inset;
}

/* Edit Page */

.edit-myportfolio  {padding:25px 0;}
.edit-myportfolio h2  {
background:url(/style/responsive/img/myportfolio/bg-myportfolio-logo.png) no-repeat right top;
font:bold 24px/26px arial;
width:230px;
height:37px;
padding-top:3px;
margin-bottom:5px;
}
.edit-myportfolio p {font-size:14px;margin-bottom:20px;}
.edit-myportfolio .left-col {
float:left;
width:55%;
box-sizing:border-box;
padding-left:20px;
margin-left:-20px;
margin-bottom:20px;
}
.edit-myportfolio .right-col {
float:left;
width:45%;
box-sizing:border-box;
padding-left:20px;
margin-bottom:20px;
}
.edit-myportfolio .title-bar {
background:#666;
border:1px solid #5c5c5c;
border-radius:5px 5px 0 0;
}
.edit-myportfolio .title-bar h3 {
color:#fff;
font:bold 18px/49px arial;
padding-left:20px;
}
.edit-myportfolio ul {
background:#fff;
height:281px;
border:solid #c5c5c5;
border-width:0 1px 1px 1px;
border-radius:0 0 5px 5px;
box-sizing:border-box;
padding:20px 20px 20px 10px;
}
.edit-myportfolio li {
float:left;
width:50%;
box-sizing:border-box;
padding-left:10px;
margin-bottom:7px;
}
.edit-myportfolio .full-width {
float:none;
width:100%;
clear:both;
}
.edit-myportfolio .full-width.checkboxes {padding-top:8px;}
.edit-myportfolio .txt {
width:100%;
box-sizing:border-box;
height:38px;
border:1px solid #cacaca;
border-radius:3px;
color:#666;
padding-left:7px;
font-size:14px;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
.edit-myportfolio .txt.with-cal {
background:#fff url(/style/responsive/img/myportfolio/bg-cal.png) no-repeat right center;
}
.edit-myportfolio textarea {
width:100%;
box-sizing:border-box;
height:80px;
border:1px solid #cacaca;
border-radius:3px;
color:#666;
padding-left:7px;
font-size:14px;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
.edit-myportfolio label {
display:block;
font:14px/18px arial;
margin-bottom:5px;
}
.edit-myportfolio .select-style {width:100%;box-sizing:border-box;}
.edit-myportfolio .checkbox {display:inline;vertical-align:middle;margin-left:0;}
.edit-myportfolio .checkbox-label {display:inline;vertical-align:middle;}
.edit-myportfolio button {
background:#008286;
color:#fff;
font:16px/22px arial;
border:none;
width:256px;
height:40px;
border-radius:3px;
display:inline-block;
margin-right:20px;
cursor:pointer;
}
.edit-myportfolio .beside-button {
display:inline;
font-size:14px;
}


/* New User */

.new-user {background:#fff;padding:50px 0;}

/* Top Section  */

.top-section {
background:#04595b;
padding:0 55px;
height:80px;
border-bottom:1px solid #034a4c;
}
.top-section h1 {
color:#99d4d6;
font:italic 41px/80px georgia;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.48); 
}
.top-section h1 span {
color:#fff;
font:41px/80px georgia;
}

/* Banner */

.banner {
background:url(/style/responsive/img/myportfolio/bg-banner-map.jpg) no-repeat top;
background-size:cover;
height:350px;
overflow:hidden;
position:relative;
}
.banner .left {
position:relative;
left:-1000px;
transition:all 300ms;
color:#fff;
padding-top:70px;
margin-right:600px;
max-width:930px;
}
.banner .left h2 {
font:bold 27px/34px arial;
text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.35);
margin-bottom:35px;
}
.banner .left .txt {
border:1px solid #cacaca;
border-radius:3px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
height:38px;
width:350px;
box-sizing:border-box;
padding-left:14px;
color:#666;
font:14px/18px arial;
margin:0 10px 0 0;
float:left;
}
.banner .left button {
background:url(/style/responsive/img/myportfolio/bg-get-started.png) repeat-x top;
height:38px;
border:1px solid #252930;
border-radius:3px;
text-align:center;
color:#fff;
font:16px/22px arial;
cursor:pointer;
width:190px;
float:left;
position:relative;
overflow:hidden;
transition:opacity 300ms;
transition-delay:600ms;
}
.banner .left button .words {
position:absolute;
left:50px;
right:auto;
top:50%;
margin-top:-10px;
transition:top 300ms;
}
.banner .left button .img {
position:absolute;
bottom:-30px;
left:50%;
margin-left:-8px;
right:auto;
transition:bottom 300ms;
}
.banner .left button.with-arrow {opacity:0.5;}
.banner .left button.with-arrow .words {top:-100px;}
.banner .left button.with-arrow .img {bottom:8px;}
.banner .left button:hover {background-position:bottom;}
.banner .left button.with-arrow:hover {background-position:top;cursor:default;}
.banner .banner-arrows {
position:absolute;
top:0px;
transition:all 300ms;
width:0px;
height: 350px;
right:0px;
background: url(/style/responsive/img/myportfolio/banner-arrows.png) no-repeat top right;
background-size: 542px 350px;
}
.banner .phone-icon {
position:absolute;
top:120px;
right:-105px;
transition:all 300ms;
z-index:9;
transition-delay:300ms
}
.banner .tablet-icon {
position:absolute;
top:54px;
right:-330px;
transition:all 300ms;
z-index:8;
transition-delay:300ms
}




.banner.show .left {left:50px;}
.banner.show .banner-arrows {width:542px;}
.banner.show .phone-icon {right:105px;}
.banner.show .tablet-icon {right:130px;}

/* Signup Form */

.signup {
background:#393d46 url(/style/responsive/img/myportfolio/bg-signup-form.jpg) no-repeat right top;
background-size:cover;
padding:0 55px 0 55px;
max-height:0;
overflow:hidden;
transition:max-height 1s;
box-sizing:border-box;
}
.signup.show {max-height:1000px;padding:1px 55px 1px 55px;overflow:visible;}
.signup.show h2 {opacity:1;}
.signup.show fieldset {opacity:1;}
.signup h2 {
font:bold 26px/28px arial;
color:#fff;
text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.35);
margin-bottom:30px;
margin-top:55px;
opacity:0;
transition:opacity .5s;
transition-delay:.2s;
}
.signup h3 {
color:#fff;
font:22px/24px arial;
margin:-20px 0 20px 0;
}
.signup label {
display:block;
color:#fff;
font:14px/18px arial;
margin-bottom:5px;
}
.signup fieldset {margin-left:-10px;margin-bottom:35px;opacity:0;transition:opacity .5s;transition-delay:.2s;}
.signup .box {
float:left;
width:25%;
padding-left:10px;
box-sizing:border-box;
margin-bottom:5px;
}
.signup .select-style {width:100%;}
.signup .txt {
border:1px solid #cacaca;
border-radius:3px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
height:38px;
width:100%;
box-sizing:border-box;
padding-left:14px;
color:#666;
font:14px/18px arial;
}
.signup .txt:hover {border:1px solid #908e8e;transition:border 0.2s ease-in-out 0s;}
.signup .txt.cal {background:#fff url(/style/responsive/img/myportfolio/bg-cal.png) no-repeat right center;}
.signup .checkbox {
float:left;
margin:35px 7px 0 0;
}
.signup .radio {float:left;margin-right:20px;margin-left:0;}
.signup .checkbox-label {float:left;margin:33px 0 0 0;}
.signup .radio-label {float:left;margin:0 0 0 0;margin-bottom:20px;font:18px/22px arial;}
.signup button {margin-top:20px;margin-bottom:15px;}
.email-verification fieldset {margin-left:0;}
.email-verification button {width:285px;margin-top:10px;}

/* Thankyou */

.thankyou {
background:#393d46 url(/style/responsive/img/myportfolio/bg-signup-form.jpg) no-repeat right top;
background-size:cover;
padding:0 55px 0 55px;
max-height:0;
overflow:hidden;
transition:max-height 1s;
transition-delay:1s;
box-sizing:border-box;
}
.thankyou h2 {
font:bold 26px/28px arial;
color:#fff;
text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.35);
margin-bottom:5px;
margin-top:40px;
}
.thankyou h4 {
color:#fff;
font:22px/27px arial;
margin-bottom:40px;
}
.thankyou.show {max-height:400px;}

/* Callouts */

.callouts {margin:20px 0 20px -20px;}
.callouts .callout {
float:left;
width:50%;
box-sizing:border-box;
text-align:center;
padding:0 0 0 20px;
}
.callouts .callout .background {
background: url(/style/responsive/img/myportfolio/bg-callout-first.jpg) no-repeat;
background-size:cover;
padding:40px 60px 0 60px;
height:370px;
}
.callouts .callout.second .background {
background: url(/style/responsive/img/myportfolio/bg-callout-second.jpg) no-repeat;
background-size:cover;
}
.callouts .callout h3 {
color:#0d8b91;
font:24px/26px arial;
padding:25px 0 20px 0;
}
.callouts .callout p {
font:16px/22px arial;
}


/* Bottom Banner  */

.bottom-banner {
background:url(/style/responsive/img/myportfolio/bg-bottom-banner.jpg) no-repeat;
background-size:cover;
padding:28px 20px;
text-align:center;
}
.bottom-banner h4 {
color:#fff;
font:bold 24px/26px arial;
text-shadow:1px 2px 0px rgba(0, 0, 0, 0.35); 
}
.bottom-banner h4 span {
color:#99d4d6;
font:italic 28px/30px georgia;
}