/*
* @client: MTN OneWeb v2 - Afghanistan
* @author: Danele Roux
* Time: 2016/05/23 11:40 - Header fixes
*/
/*Fonts*/
/*Iran Sans*/
@font-face {
  font-family: 'iranSansBold';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/IRANSansWeb_Bold.eot");
  src: url("../fonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/IRANSansWeb_Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'iranSansMedium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IRANSansWeb_Medium.eot");
  src: url("../fonts/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/IRANSansWeb_Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'iranSansLight';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/IRANSansWeb_Light.eot");
  src: url("../fonts/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/IRANSansWeb_Light.woff") format("woff"), url("../fonts/IRANSansWeb_Light.ttf") format("truetype");
}
@font-face {
  font-family: 'iranSansUltraLight';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/IRANSansWeb_UltraLight.eot");
  src: url("../fonts/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/IRANSansWeb_UltraLight.ttf") format("truetype");
}
@font-face {
  font-family: 'iranSansRegular';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/IRANSansWeb.eot");
  src: url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSansWeb.woff2") format("woff2"), url("../fonts/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSansWeb.ttf") format("truetype");
}
/*Myriad Pro*/
@font-face {
  font-family: 'MyriadProLight';
  src: url("../fonts/myriadpro-light-webfont.eot");
  src: url("../fonts/myriadpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-light-webfont.woff") format("woff"), url("../fonts/myriadpro-light-webfont.ttf") format("truetype"), url("../fonts/myriadpro-light-webfont.svg#webfontqU387vfr") format("svg");
}
@font-face {
  font-family: 'MyriadProLightItalic';
  src: url("../fonts/myriadpro-lightit-webfont.eot");
  src: url("../fonts/myriadpro-lightit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-lightit-webfont.woff") format("woff"), url("../fonts/myriadpro-lightit-webfont.ttf") format("truetype"), url("../fonts/myriadpro-lightit-webfont.svg#webfont9J7TzU9N") format("svg");
}
@font-face {
  font-family: 'MyriadProRegular';
  src: url("../fonts/myriadpro-regular-webfont.eot");
  src: url("../fonts/myriadpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-regular-webfont.woff") format("woff"), url("../fonts/myriadpro-regular-webfont.ttf") format("truetype"), url("../fonts/myriadpro-regular-webfont.svg#webfontiFTCcQAC") format("svg");
}
@font-face {
  font-family: 'MyriadProSemibold';
  src: url("../fonts/myriadpro-semibold-webfont.eot");
  src: url("../fonts/myriadpro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-semibold-webfont.woff") format("woff"), url("../fonts/myriadpro-semibold-webfont.ttf") format("truetype"), url("../fonts/myriadpro-semibold-webfont.svg#webfont8TU9KiHX") format("svg");
}
/*Colors*/
::selection {
  background: #ffbe00;
  color: white;
}

::-moz-selection {
  background: #ffbe00;
  color: white;
}

/*Icon fonts*/
@font-face {
  font-family: "newweb";
  src: url("../fonts/newweb.eot");
  src: url("../fonts/newweb.eot?#iefix") format("embedded-opentype"), url("../fonts/newweb.woff") format("woff"), url("../fonts/newweb.ttf") format("truetype"), url("../fonts/newweb.svg#newweb") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "newweb" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "newweb" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-circle-left:before {
  content: "\61";
}

.icon-arrow-circle-down:before {
  content: "\62";
}

.icon-arrow-circle-right:before {
  content: "\63";
}

.icon-arrow-circle-up:before {
  content: "\64";
}

.icon-bell:before {
  content: "\65";
}

.icon-camera:before {
  content: "\66";
}

.icon-caret-down:before {
  content: "\67";
}

.icon-caret-down-two:before {
  content: "\68";
}

.icon-caret-left:before {
  content: "\69";
}

.icon-caret-right:before {
  content: "\6a";
}

.icon-caret-up-down:before {
  content: "\6b";
}

.icon-caret-up:before {
  content: "\6c";
}

.icon-caret-up-two:before {
  content: "\6d";
}

.icon-certificate:before {
  content: "\6e";
}

.icon-chat-bubble:before {
  content: "\6f";
}

.icon-check-mark-circle:before {
  content: "\70";
}

.icon-credit-card:before {
  content: "\72";
}

.icon-delete-circle:before {
  content: "\73";
}

.icon-email-envelope:before {
  content: "\74";
}

.icon-exclamation-circle:before {
  content: "\75";
}

.icon-exclamation-triangle:before {
  content: "\76";
}

.icon-globe-world:before {
  content: "\77";
}

.icon-home:before {
  content: "\78";
}

.icon-lock:before {
  content: "\79";
}

.icon-minus-circle:before {
  content: "\7a";
}

.icon-pin-map:before {
  content: "\41";
}

.icon-plus-circle:before {
  content: "\42";
}

.icon-prize-award:before {
  content: "\43";
}

.icon-smile:before {
  content: "\45";
}

.icon-smiley-frown:before {
  content: "\46";
}

.icon-smiley-meh:before {
  content: "\47";
}

.icon-star:before {
  content: "\48";
}

.icon-star-half:before {
  content: "\49";
}

.icon-star-half-1:before {
  content: "\4a";
}

.icon-star-two:before {
  content: "\4b";
}

.icon-shopping-cart:before {
  content: "\4c";
}

.icon-search-find:before {
  content: "\4d";
}

.icon-twitter:before {
  content: "\4e";
}

.icon-zoom-in:before {
  content: "\4f";
}

.icon-zoom-out:before {
  content: "\50";
}

.icon-present-gift:before {
  content: "\51";
}

.icon-user:before {
  content: "\52";
}

.icon-truck:before {
  content: "\55";
}

.icon-instagram:before {
  content: "\56";
}

.icon-heart:before {
  content: "\57";
}

.icon-flash:before {
  content: "\59";
}

.icon-arrow-right:before {
  content: "\5a";
}

.icon-arrow-left:before {
  content: "\30";
}

.icon-angle-right:before {
  content: "\31";
}

.icon-angle-left:before {
  content: "\32";
}

.icon-angle-down:before {
  content: "\33";
}

.icon-angle-up:before {
  content: "\34";
}

.icon-calendar:before {
  content: "\35";
}

.icon-bullhorn:before {
  content: "\36";
}

.icon-check-mark-2:before {
  content: "\37";
}

.icon-check-mark:before {
  content: "\38";
}

.icon-like:before {
  content: "\39";
}

.icon-letter-mail:before {
  content: "\21";
}

.icon-music-note:before {
  content: "\22";
}

.icon-ptint:before {
  content: "\23";
}

.icon-remove:before {
  content: "\24";
}

.icon-rss-two:before {
  content: "\25";
}

.icon-wrench:before {
  content: "\26";
}

.icon-youtube-play:before {
  content: "\27";
}

.icon-pencil:before {
  content: "\28";
}

.icon-pencil-square:before {
  content: "\29";
}

.icon-photo:before {
  content: "\2a";
}

.icon-plus:before {
  content: "\2b";
}

.icon-trash-bin:before {
  content: "\2d";
}

.icon-youtube:before {
  content: "\2e";
}

.icon-chevron-right:before {
  content: "\2f";
}

.icon-chevron-left:before {
  content: "\3a";
}

.icon-chevron-down:before {
  content: "\3b";
}

.icon-chevron-up:before {
  content: "\3c";
}

.icon-chevron-up-circle:before {
  content: "\3d";
}

.icon-chevron-down-circle:before {
  content: "\3e";
}

.icon-play-circle:before {
  content: "\3f";
}

.icon-phone:before {
  content: "\40";
}

.icon-talk-chat:before {
  content: "\5b";
}

.icon-chat-bubble-two:before {
  content: "\5d";
}

.icon-share:before {
  content: "\5e";
}

.icon-google-plus-1:before {
  content: "\5f";
}

.icon-facebook:before {
  content: "\60";
}

.icon-signal-1:before {
  content: "\58";
}

.icon-reply-mail:before {
  content: "\54";
}

.icon-letter-mail-1:before {
  content: "\7b";
}

.icon-phone-2:before {
  content: "\7c";
}

.icon-contract-and-prepaid:before {
  content: "\2206";
}

.icon-sim-card:before {
  content: "\5c";
}

.icon-other-email-accounts:before {
  content: "\e5";
}

.icon-sheet:before {
  content: "\222b";
}

.icon-business12:before {
  content: "\e7";
}

.icon-chart53:before {
  content: "\2202";
}

.icon-premium1:before {
  content: "\b4";
}

.icon-share12:before {
  content: "\7d";
}

.icon-comment:before {
  content: "\7e";
}

.icon-heart267:before {
  content: "\5c";
}

.icon-envelope4:before {
  content: "\e000";
}

.icon-dollarnote:before {
  content: "\e001";
}

.icon-contract-and-prepaid:before {
  content: "\e002";
}

.icon-sim-card:before {
  content: "\e003";
}

.icon-arrows:before {
  content: "\e004";
}

.icon-sheet:before {
  content: "\192";
}

.icon-business12:before {
  content: "\a9";
}

.icon-chart53:before {
  content: "\2d9";
}

.icon-loyalty-points:before {
  content: "\2c6";
}

.icon-question:before {
  content: "\2c";
}

.icon-external-link:before {
  content: "\7e";
}

.icon-information-circle:before {
  content: "\53";
}

.icon-phone-1:before {
  content: "\e005";
}

.icon-smart-phone-2:before {
  content: "\153";
}

.icon-stats58:before {
  content: "\7d";
}

.icon-share12:before {
  content: "\e006";
}

.icon-tailor-deal:before {
  content: "\e007";
}

.icon-call-voicemail:before {
  content: "\e008";
}

.icon-arrow-circle-2-left:before {
  content: "\e00a";
}

.icon-arrow-circle-2-right:before {
  content: "\e00b";
}

.icon-content-7:before {
  content: "\e009";
}

.icon-lock-secure-1:before {
  content: "\e00c";
}

.icon-television-tv:before {
  content: "\e00d";
}

.icon-social-android:before {
  content: "\e00e";
}

.icon-social-apple:before {
  content: "\e00f";
}

.icon-social-twitter:before {
  content: "\e010";
}

.icon-burst-new:before {
  content: "\e012";
}

.icon-burst-sale:before {
  content: "\e013";
}

.icon-camera-1:before {
  content: "\e014";
}

.icon-unlock-2:before {
  content: "\e015";
}

.icon-services:before {
  content: "\e018";
}

.icon-burst:before {
  content: "\e01a";
}

.icon-mobile-signal:before {
  content: "\e01b";
}

.icon-bookmark:before {
  content: "\e020";
}

.icon-checkbox:before {
  content: "\e021";
}

.icon-clipboard-pencil:before {
  content: "\e022";
}

.icon-file-text:before {
  content: "\e023";
}

.icon-stackoverflow:before {
  content: "\e024";
}

.icon-results-demographics:before {
  content: "\e025";
}

.icon-social-linkedin:before {
  content: "\e026";
}

.icon-linkedin-1:before {
  content: "\e027";
}

.icon-linkedin-square:before {
  content: "\e028";
}

.icon-headphones:before {
  content: "\e019";
}

.icon-square-line:before {
  content: "\e029";
}

.icon-calendar-1:before {
  content: "\e02a";
}

.icon-play-circle-1:before {
  content: "\e01c";
}

.icon-angle-double-left:before {
  content: "\e01d";
}

.icon-angle-double-right:before {
  content: "\e01e";
}

.icon-arrow-right-1:before {
  content: "\e02b";
}

.icon-arrow-down:before {
  content: "\e01f";
}

.icon-arrow-up:before {
  content: "\e02c";
}

.icon-heart-empty:before {
  content: "\e011";
}

.icon-clipboard:before {
  content: "\e02d";
}

.icon-spinner:before {
  content: "\e02e";
}

.icon-denied-block:before {
  content: "\e02f";
}

.icon-feed-rss-2:before {
  content: "\44";
}

.icon-talk-chat-2:before {
  content: "\e030";
}

.icon-clock:before {
  content: "\71";
}

.icon-cog-gear:before {
  content: "\e031";
}

.icon-adobe11:before {
  content: "\e032";
}

.icon-de-link:before {
  content: "\e033";
}

.icon-manage-your-account:before {
  content: "\e034";
}

.icon-upgrade:before {
  content: "\e035";
}

.icon-cignal:before {
  content: "\e037";
}

.icon-mymtnchoice-contract:before {
  content: "\e038";
}

.icon-phone-3:before {
  content: "\e039";
}

.icon-quick-recharge-sms-airtime-data:before {
  content: "\e03a";
}

.icon-recharge:before {
  content: "\e03b";
}

.icon-hamburger:before {
  content: "\e016";
}

.icon-data-plans:before {
  content: "\e017";
}

.icon-databundles:before {
  content: "\e036";
}

.icon-entertainmentandnews:before {
  content: "\e03c";
}

.icon-freedombundles:before {
  content: "\e03d";
}

.icon-internationalservices:before {
  content: "\e03e";
}

.icon-internetbundles:before {
  content: "\e03f";
}

.icon-internetservices:before {
  content: "\e040";
}

.icon-mobilemoney:before {
  content: "\e041";
}

.icon-tarrifplans:before {
  content: "\e042";
}

.icon-smsbundles:before {
  content: "\e043";
}

.icon-mtnapplication:before {
  content: "\e044";
}

.icon-ouragencies:before {
  content: "\e046";
}

.icon-ourfranchises:before {
  content: "\e047";
}

.icon-ourrates:before {
  content: "\e048";
}

.icon-worldcoverage:before {
  content: "\e049";
}

.icon-3gcoverage:before {
  content: "\e04a";
}

.icon-mtninnovationexchange:before {
  content: "\e04b";
}

.icon-mtn4gfaq:before {
  content: "\e04c";
}

.icon-knowledgebase:before {
  content: "\e045";
}

.icon-news:before {
  content: "\e04d";
}

.icon-about:before {
  content: "\e04e";
}

.icon-mtnyouthplatform:before {
  content: "\e04f";
}

.icon-advancedcustomerservice:before {
  content: "\e050";
}

.icon-listofafricancountries:before {
  content: "\e051";
}

.icon-careerslist:before {
  content: "\e052";
}

.icon-changepassword:before {
  content: "\e053";
}

.icon-connectionspeed:before {
  content: "\e054";
}

.icon-customerservice:before {
  content: "\e055";
}

.icon-directors:before {
  content: "\e056";
}

.icon-foundation:before {
  content: "\e057";
}

.icon-howtoapply:before {
  content: "\e058";
}

.icon-mission:before {
  content: "\e059";
}

.icon-mtnyello:before {
  content: "\e05a";
}

.icon-vision:before {
  content: "\e05c";
}

.icon-values:before {
  content: "\e05d";
}

.icon-mtnsinglecode:before {
  content: "\e05f";
}

.icon-signup:before {
  content: "\e060";
}

.icon-services-1:before {
  content: "\e061";
}

.icon-prestige:before {
  content: "\e062";
}

.icon-sponsoring:before {
  content: "\e05e";
}

.icon-webchat:before {
  content: "\e063";
}

.icon-value-added-services:before {
  content: "\e064";
}

.icon-ussdcodes:before {
  content: "\e065";
}

.icon-1-4-1:before {
  content: "\e066";
}

.icon-4data:before {
  content: "\e067";
}

.icon-6-2acellphone:before {
  content: "\e068";
}

.icon-6-2bmodem:before {
  content: "\e069";
}

.icon-6-2cbis:before {
  content: "\e06a";
}

.icon-6-2dsis:before {
  content: "\e06b";
}

.icon-6balanceenquiry:before {
  content: "\e06c";
}

.icon-7keepingyousafe:before {
  content: "\e06d";
}

.icon-8insurance:before {
  content: "\e06e";
}

.icon-9movetomtn:before {
  content: "\e06f";
}

.icon-accounts:before {
  content: "\e070";
}

.icon-bundles:before {
  content: "\e071";
}

.icon-bundles2:before {
  content: "\e072";
}

.icon-bundles2-1:before {
  content: "\e073";
}

.icon-bundles3:before {
  content: "\e074";
}

.icon-careers:before {
  content: "\e075";
}

.icon-contact-form:before {
  content: "\e076";
}

.icon-contact-numbers:before {
  content: "\e077";
}

.icon-csi:before {
  content: "\e078";
}

.icon-directors-1:before {
  content: "\e079";
}

.icon-fibre:before {
  content: "\e07a";
}

.icon-fibre2:before {
  content: "\e07b";
}

.icon-foundation-1:before {
  content: "\e07c";
}

.icon-howtoapply-1:before {
  content: "\e07d";
}

.icon-internet:before {
  content: "\e07e";
}

.icon-lte:before {
  content: "\e07f";
}

.icon-lte2:before {
  content: "\e080";
}

.icon-mission-1:before {
  content: "\e081";
}

.icon-mtn-cloud:before {
  content: "\e082";
}

.icon-mtn-contract:before {
  content: "\e083";
}

.icon-mtn-dirservices:before {
  content: "\e084";
}

.icon-mtn-eazirecharge:before {
  content: "\e085";
}

.icon-mtn-mobilemoney:before {
  content: "\e086";
}

.icon-mtn-storelocator:before {
  content: "\e087";
}

.icon-mtn-virtualstore:before {
  content: "\e088";
}

.icon-mtn-wifispot:before {
  content: "\e089";
}

.icon-mtnbasics:before {
  content: "\e08a";
}

.icon-mtnbasics-1:before {
  content: "\e08b";
}

.icon-mtnbasics2:before {
  content: "\e08c";
}

.icon-mymtnza:before {
  content: "\e08d";
}

.icon-off-peak-times:before {
  content: "\e08e";
}

.icon-onlineshop:before {
  content: "\e08f";
}

.icon-partners:before {
  content: "\e090";
}

.icon-pins-passwords:before {
  content: "\e091";
}

.icon-play:before {
  content: "\e092";
}

.icon-pr-media:before {
  content: "\e093";
}

.icon-serviceandrepair:before {
  content: "\e094";
}

.icon-simswap:before {
  content: "\e095";
}

.icon-smsalert:before {
  content: "\e096";
}

.icon-socialaccounts:before {
  content: "\e097";
}

.icon-spendpoints:before {
  content: "\e098";
}

.icon-sponsorship-events:before {
  content: "\e099";
}

.icon-mtn-payg:before {
  content: "\e09a";
}

.icon-mtn-paypersecond:before {
  content: "\e09b";
}

.icon-mtn-pulse:before {
  content: "\e09c";
}

.icon-mtn-talkfree:before {
  content: "\e09d";
}

.icon-mtn-zonepersecond:before {
  content: "\e09e";
}

.icon-mtn-1cpersecond:before {
  content: "\e09f";
}

.icon-mtn-muziq:before {
  content: "\e0a0";
}

.icon-store-locator:before {
  content: "\e0a1";
}

.icon-contact-update:before {
  content: "\e0a2";
}

.icon-coverage-map:before {
  content: "\e0a3";
}

.icon-feedback-form:before {
  content: "\e0a4";
}

.icon-save-contact:before {
  content: "\e0a5";
}

.icon-selfcare-service:before {
  content: "\e0a6";
}

.icon-refresh:before {
  content: "\e0a7";
}

.icon-partner:before {
  content: "\e05b";
}

.icon-deals:before {
  content: "\e0a8";
}

.icon-afganistanpayasyougo:before {
  content: "\e0a9";
}

.icon-crbt:before {
  content: "\e0aa";
}

.icon-exchageratedeals:before {
  content: "\e0ab";
}

.icon-jobopportunities:before {
  content: "\e0ac";
}

.icon-scratchcard:before {
  content: "\e0ad";
}

/*Base styles*/
/*Tablet media query*/
/*Usage----
@media screen and (max-width: $tablet-portrait) {
Styles go here
}
----*/
@media screen and (max-width: 768px) {
  .hideMobile {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .hideTabletLandscape {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .hideSmartphone {
    display: none;
  }
}
.ms-webpart-chrome-vertical,
.ms-webpart-cell-vertical,
.ms-webpart-zone {
  display: block;
}

body {
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #989898;
  background: #9f9f9f;
  font-family: "MyriadProRegular";
  font-size: 15px;
  overflow-y: scroll !important;
  /*direction: rtl;*/
}

.mtnBusinessLogoPrint {
  display: none;
}

ul {
  margin: 0px;
  margin-right: 30px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  -moz-margin-before: 0em;
  -moz-margin-after: 0em;
  -moz-margin-start: 0px;
  -moz-margin-end: 0px;
  -moz-padding-start: 0px;
  color: #989898 !important;
}
ul li {
  color: #989898 !important;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
  outline: 0px !important;
  outline: none;
  outline-width: 0;
  border-color: transparent;
}

.wrapper {
  width: 1348px;
  margin: 0 auto;
  text-align: left;
  background: #4b4b4b;
}
@media screen and (max-width: 1024px) {
  .wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 100%;
  }
}

.container {
  /*direction: rtl !important;*/
  width: 100%;
}

.noPadding {
  padding: 0 !important;
  margin: 0 !important;
}

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.top10 {
  margin-top: 10px;
}

.top20 {
  margin-top: 20px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.styledSelect {
  font-family: "MyriadProRegular";
  background: url(../img/forms/selectBg.png) top left no-repeat;
  border: none;
  color: #6b6b6b;
  padding: 7px 9px;
  width: 314px;
  height: 47px;
  cursor: pointer;
  text-align: right;
  direction: rtl;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.styledSelect.active {
  background: url(../img/forms/selectBg.png) bottom left no-repeat;
}

select.styledSelect::-ms-expand {
  display: none;
}

.contentHeadings {
  text-align: left;
  background: #f9f9f9;
  padding: 25px 40px 0px 50px;
  margin-bottom: -20px;
}
@media screen and (max-width: 768px) {
  .contentHeadings {
    padding: 25px 20px 0px 20px;
  }
}
@media screen and (max-width: 640px) {
  .contentHeadings {
    padding: 25px 10px 0px 10px;
  }
}
.contentHeadings h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 20px 0 20px 0;
  float: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contentHeadings h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 640px) {
  .contentHeadings h1 {
    font-size: 35px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
    width: 100%;
  }
}
.contentHeadings h2 {
  color: #474747;
  font-size: 25px;
  font-family: "MyriadProLight";
  padding-bottom: 0px;
  margin: 0px 0 0px 0;
}
.contentHeadings h2.formThanksH2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .contentHeadings h2 {
    font-size: 18px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .mobile-clearfix {
    clear: both;
  }
}
.ms-webpartzone-cell {
  margin: auto auto 0px !important;
}

.mt0 {
  margin-top: 0px;
}

title {
  direction: rtl;
}

.listingThumbnail {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 10px;
}
.listingThumbnail img {
  width: 100%;
  height: 100%;
}
.listingThumbnail.date {
  background: #f3f3f3;
  display: table;
}
.listingThumbnail.date p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 110px;
  font-family: "MyriadProRegular";
  color: #ccc;
  text-transform: uppercase;
  line-height: 52px;
  padding-top: 40px;
}
@media screen and (max-width: 640px) {
  .listingThumbnail.date p {
    font-size: 50px;
    line-height: 32px;
    padding-top: 10px;
  }
}
.listingThumbnail.date p span {
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 640px) {
  .listingThumbnail.date p span {
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
  }
}
.listingThumbnail.date p a {
  color: #ccc;
}
.listingThumbnail.date p a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.listingThumbnail.date p a:active {
  text-decoration: none;
}
.listingThumbnail.date p a:focus {
  text-decoration: none;
}
.listingThumbnail.date:hover {
  background: #fff5d5;
  cursor: pointer;
}
.listingThumbnail.date:hover p span {
  color: #4b4b4b;
}
.listingThumbnail.date:hover p a {
  color: #ffd96b;
}
.listingThumbnail.date:hover p a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.listingThumbnail.date:hover p a:active {
  text-decoration: none;
}
.listingThumbnail.date:hover p a:focus {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .listingThumbnail {
    width: 100px;
    height: 100px;
  }
}

#s4-bodyContainer {
  padding-bottom: 0px;
}

#s4-workspace {
  height: 100% !important;
  width: 100% !important;
}

a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
}
a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
a.button:active {
  text-decoration: none;
}
a.button:focus {
  text-decoration: none;
}
a.button span {
  font-size: 14px;
}

/*Breadcrumbs*/
.breadcrumbs {
  background: #f5f5f5;
  padding: 20px 40px;
  direction: rtl;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .breadcrumbs {
    padding: 10px 20px 10px 20px;
  }
}
.breadcrumbs ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 15px;
  padding: 0px 2px;
}
@media screen and (max-width: 640px) {
  .breadcrumbs ul li {
    font-size: 13px;
    padding: 0px;
  }
}
.breadcrumbs ul li.displayMobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .breadcrumbs ul li.displayMobile {
    display: inline-block;
  }
}
@media screen and (max-width: 640px) {
  .breadcrumbs ul li.hideSmartphone {
    display: none;
  }
}

/*Breadcrumbs end*/
.directionControl {
  float: right;
}

.formElement {
  border: 1px solid #eaeaea !important;
  display: block;
  width: 100%;
  border-radius: none;
  padding: 10px;
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  font-size: 18px;
  resize: none;
  -webkit-box-shadow: inset 0px 0px 8px 1px #f9f9f9;
  box-shadow: inset 0px 0px 8px 1px #f9f9f9;
  direction: rtl;
}
.formElement.first {
  margin: 20px 0 0 0;
}
.formElement.success {
  border-bottom: 2px solid #49C8AD !important;
}
.formElement.warning {
  border-bottom: 2px solid #ffbe00 !important;
}
.formElement.error {
  border-bottom: 2px solid #C80100 !important;
}

.errorMessage {
  color: #C80100;
  text-align: right;
  width: 100%;
  display: block;
}

label {
  display: block;
  width: 100%;
  font-family: "MyriadProRegular";
  font-weight: normal;
  color: #373737;
  font-size: 20px;
  margin: 20px 0 10px 0;
}
label.checkboxLabel {
  font-size: 16px;
  margin: 20px 0 10px 0;
}
label.checkboxLabel .checkbox {
  float: right;
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  label {
    font-size: 16px;
  }
}

.submitBtn, .resetBtn {
  padding: 10px 40px 10px 40px !important;
  width: 180px !important;
  margin: 30px 5px 10px 5px !important;
}

input.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  width: auto;
  margin: 40px auto 30px auto;
  border: none;
}
input.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
input.button:active {
  text-decoration: none;
}
input.button:focus {
  text-decoration: none;
}

input[type=reset].resetBtn,
.resetBtn {
  border: none;
  background: #ddd !important;
}
input[type=reset].resetBtn:hover,
.resetBtn:hover {
  text-decoration: none !important;
  background: #cdcdcd !important;
}
input[type=reset].resetBtn:active,
.resetBtn:active {
  text-decoration: none !important;
}
input[type=reset].resetBtn:focus,
.resetBtn:focus {
  text-decoration: none !important;
}

.multiselect {
  text-align: left;
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.multiselect-container .input-group {
  margin: 5px;
}

.multiselect-container > li {
  padding: 0;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #333;
  text-decoration: none;
  background: #ffd96b;
  outline: 0;
}

.multiselect-container > li > a.multiselect-all label {
  font-size: 15px;
  font-weight: normal;
  color: #989898;
}

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 6px 20px 6px 20px;
  height: 100%;
  font-size: 15px;
  font-weight: normal;
  color: #989898;
}

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
  font-size: 15px;
  font-weight: normal;
  color: #989898;
}

.multiselect-container > li > a {
  padding: 0;
}

.multiselect-container > li > a > label {
  font-size: 15px;
  font-weight: normal;
  color: #989898;
  padding: 6px 20px 6px 40px;
}

.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
  margin: 0;
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0;
}

.styledSelect {
  border-radius: 0px !important;
  -webkit-border-radius: 0px;
  font-weight: bold;
}

/*Header*/
.utilityNav {
  background: #262626;
  height: 50px;
  color: #cccccc;
  padding: 15px 40px 15px 40px;
  font-size: 14px;
  direction: rtl !important;
}
@media screen and (max-width: 768px) {
  .utilityNav {
    padding: 15px 20px 15px 20px;
  }
}
.utilityNav .sectionSelect {
  text-align: right;
}
@media screen and (max-width: 640px) {
  .utilityNav .sectionSelect.desktop {
    display: none;
  }
}
.utilityNav .sectionSelect.mobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .utilityNav .sectionSelect.mobile {
    display: block;
  }
}
.utilityNav .sectionSelect.mobile a {
  color: #cccccc;
  display: inline-block;
  text-transform: uppercase;
}
.utilityNav .sectionSelect.mobile a:hover {
  text-decoration: none;
  color: #ffbe00;
}
.utilityNav .sectionSelect.mobile a:active {
  text-decoration: none;
}
.utilityNav .sectionSelect.mobile a:focus {
  text-decoration: none;
}
.utilityNav .sectionSelect.mobile a.active {
  color: #ffbe00;
}
.utilityNav .sectionSelect a {
  color: #cccccc;
  display: inline-block;
  text-transform: uppercase;
}
.utilityNav .sectionSelect a.financial {
  margin-right: 35px;
}
.utilityNav .sectionSelect a.business {
  margin-right: 35px;
}
.utilityNav .sectionSelect a.careers {
  margin-right: 35px;
}
.utilityNav .sectionSelect a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.utilityNav .sectionSelect a:active {
  text-decoration: none;
}
.utilityNav .sectionSelect a:focus {
  text-decoration: none;
}
.utilityNav .sectionSelect a.active {
  color: #ffbe00;
}
.utilityNav .utilityLinks {
  position: relative;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .hideSmartphone {
    display: none;
  }
}
.utilityNav .utilityLinks a {
  color: #cccccc;
  display: inline-block;
  text-transform: uppercase;
}
.utilityNav .utilityLinks a span.arrow {
  width: 10px;
  height: 6px;
  float: right;
  margin: 6px 0px 0px 5px;
  background: url(../img/header/headerDropdownIcon.png) top center no-repeat;
}
.utilityNav .utilityLinks a.language {
  margin-right: 35px;
  padding-left: 18px;
}
.utilityNav .utilityLinks a.language span.icon {
  float: left;
  margin: 2px 5px 0 0;
  background: url(../img/header/headerLanguageIcon.png) top left no-repeat;
  width: 14px;
  height: 14px;
}
.utilityNav .utilityLinks a.language:hover span.icon {
  background-position: center left;
}
.utilityNav .utilityLinks a.language:hover span.arrow {
  background-position: 0px -6px;
}
.utilityNav .utilityLinks a.language.active {
  color: #ffbe00;
}
.utilityNav .utilityLinks a.language.active span.icon {
  background-position: 0px -28px;
}
.utilityNav .utilityLinks a.language.active span.arrow {
  background-position: 0px -18px;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks a.language {
    margin-right: 0px;
    padding-left: 0px;
  }
}
.utilityNav .utilityLinks a.country {
  margin-right: 35px;
  padding-left: 15px;
}
.utilityNav .utilityLinks a.country span.icon {
  float: left;
  margin: 2px 2px 0 0;
  background: url(../img/header/headerCountryIcon.png) top left no-repeat;
  width: 14px;
  height: 14px;
}
.utilityNav .utilityLinks a.country:hover span.icon {
  background-position: center left;
}
.utilityNav .utilityLinks a.country:hover span.arrow {
  background-position: 0px -6px;
}
.utilityNav .utilityLinks a.country.active {
  color: #ffbe00;
}
.utilityNav .utilityLinks a.country.active span.icon {
  background-position: 0px -28px;
}
.utilityNav .utilityLinks a.country.active span.arrow {
  background-position: 0px -18px;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks a.country {
    margin-right: 0px;
    padding-left: 0px;
    margin-left: 10px;
  }
}
.utilityNav .utilityLinks a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.utilityNav .utilityLinks a:active {
  text-decoration: none;
}
.utilityNav .utilityLinks a:focus {
  text-decoration: none;
}
.utilityNav .utilityLinks a.active {
  color: #ffbe00;
}
.utilityNav .utilityLinks .headerSelectContainer {
  width: 660px;
  height: 540px;
  background: #262626;
  border: 1px solid #4b4b4b;
  box-shadow: 0px 0px 3px #333;
  position: absolute;
  top: 35px;
  z-index: 1000;
  display: none;
}
.utilityNav .utilityLinks .headerSelectContainer a {
  text-transform: none;
}
.utilityNav .utilityLinks .headerSelectContainer .inner {
  padding: 30px;
  text-align: left;
}
.utilityNav .utilityLinks .headerSelectContainer .inner .topBtn {
  display: inline-block;
  background: #393939;
  color: #ebebeb;
  font-family: "MyriadProSemibold";
  font-size: 14px;
  padding: 10px 25px 10px 25px;
  text-align: center;
  text-transform: none;
}
.utilityNav .utilityLinks .headerSelectContainer .inner .topBtn:hover {
  background: #474747;
  color: white;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer .inner .topBtn {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer .inner {
    padding: 20px 10px;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.countrySelect {
  height: auto;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.countrySelect {
    width: 300px;
    height: 400px;
    right: -10px;
  }
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.countrySelect .container {
    height: 332px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.countrySelect .selectionCaret {
  width: 17px;
  height: 10px;
  display: block;
  background: url(../img/header/selectionCaret.png) top left no-repeat;
  position: absolute;
  top: -10px;
  left: 111px;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.countrySelect .selectionCaret {
    right: 6px;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.countrySelect .flagCol {
  text-align: center;
  margin: 20px 0px 0px 0px;
}
.utilityNav .utilityLinks .headerSelectContainer.countrySelect .flagIcon {
  display: inline-block;
  padding-bottom: 10px;
}
.utilityNav .utilityLinks .headerSelectContainer.languageSelect {
  position: absolute;
  /*width: 135px;*/
  width: 80px;
  height: 72px;
  left: 144px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.languageSelect {
    width: 100%;
    height: 90px;
    right: 0px;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.languageSelect .inner {
  padding: 10px 20px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.languageSelect .inner {
    padding: 20px;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.languageSelect .selectionCaret {
  width: 17px;
  height: 10px;
  display: block;
  background: url(../img/header/selectionCaret.png) top left no-repeat;
  position: absolute;
  top: -10px;
  left: 8px;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .headerSelectContainer.languageSelect .selectionCaret {
    right: 88px;
  }
}
.utilityNav .utilityLinks .headerSelectContainer.languageSelect .flagCol {
  text-align: center;
  margin: 20px 0px 0px 0px;
}
.utilityNav .utilityLinks .headerSelectContainer.languageSelect .flagIcon {
  display: inline-block;
  padding-bottom: 10px;
                   /* background: url(../img/header/countryFlagIcons.png) no-repeat;

                         &.English {
                         background-position: 0px -880px;
                         }
                         &.French {
                         background-position: 0px -920px;
                         }*/
}
.utilityNav .utilityLinks {
  position: relative;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks .hideSmartphone {
    display: block;
  }
}
.utilityNav .utilityLinks a {
  color: #cccccc;
  display: inline-block;
  text-transform: uppercase;
}
.utilityNav .utilityLinks a.storeFinder {
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  .utilityNav .utilityLinks a.storeFinder {
    margin-right: 15px;
  }
}
.utilityNav .utilityLinks a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.utilityNav .utilityLinks a:active {
  text-decoration: none;
}
.utilityNav .utilityLinks a:focus {
  text-decoration: none;
}
.utilityNav .utilityLinks a.active {
  color: #ffbe00;
}

/*utilityNav ends*/
.header {
  direction: rtl !important;
  background: url(../img/header/headerBg.png);
  height: 59px;
  color: #cccccc;
  /*padding: 0px 40px 0px 40px;*/
  font-size: 14px;
  position: relative;
  z-index: 999;
  text-align: right;
  /*New mega nav*/
  /* firefox 19+ */
  /* ie */
}
.header .navInner {
  padding: 0px 40px 0px 40px;
}
@media screen and (max-width: 640px) {
  .header .navInner {
    padding: 0px 10px 0px 10px;
  }
}
@media screen and (max-width: 768px) {
  .header {
    padding: 0px 20px 0px 20px;
  }
}
@media screen and (max-width: 640px) {
  .header {
    padding: 0px 10px 0px 10px;
  }
}
.header .megaNavLinks {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .header .megaNavLinks {
    display: none;
  }
}
.header .megaNavLinks li {
  display: inline-block;
  list-style-type: none;
  padding-bottom: 13px;
}
.header .megaNavLinks li a {
  color: white;
  font-family: "MyriadProSemibold";
  display: inline-block;
  font-size: 22px;
  margin-top: 15px;
  text-shadow: 0px 1px 1px #000;
  /*&:hover {
  text-decoration: none;
  color: $lightYellow;
  }*/
}
.header .megaNavLinks li a.active {
  text-decoration: none;
  color: #ffbe00 !important;
}
.header .megaNavLinks li a:active {
  text-decoration: none;
}
.header .megaNavLinks li a:focus {
  text-decoration: none;
}
.header .megaNavLinks li a.headerLogo {
  width: 57px;
  height: 59px;
  float: left;
  margin: 0px 30px 0 0;
  background: url(../img/header/mtnLogo.png) top center no-repeat;
}
.header .megaNavLinks li a.headerLogo.blurred {
  background: url(../img/header/mtnLogo.png) bottom center no-repeat;
}
.header .thirdLevel li {
  display: block;
  padding-bottom: 0px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 0px 20px 0px 20px;
  }
}
@media screen and (max-width: 640px) {
  .header {
    padding: 0px 10px 0px 10px;
  }
}
.header a {
  color: white;
  font-family: "MyriadProSemibold";
  display: inline-block;
  font-size: 22px;
  margin-right: 35px;
  margin-top: 14px;
  text-shadow: 0px 1px 1px #000;
}
.header a.active {
  text-decoration: none;
  color: #ffbe00;
}
.header a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.header a:active {
  text-decoration: none;
}
.header a:focus {
  text-decoration: none;
}
.header a.headerLogo {
  width: 57px;
  height: 59px;
  float: right;
  margin: 0 0 0 0px;
  background: url(../img/header/mtnLogo.png) top center no-repeat;
}
.header a.headerLogo.blurred {
  background: url(../img/header/mtnLogo.png) bottom center no-repeat;
}
@media screen and (max-width: 640px) {
  .header .shopLink, .header .navLink {
    display: none;
  }
}
.header .shopLink span, .header .plansServicesLink span, .header .supportLink span {
  font-size: 14px;
}
.header .search, .header .searchBtn {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../img/header/searchIcon.png) top center no-repeat;
  margin: 18px 0px 0px 0px;
  position: relative;
  z-index: 100;
}
.header .search.active, .header .searchBtn.active {
  background-position: bottom center;
}
.header .search:hover, .header .searchBtn:hover {
  text-decoration: none;
  background-position: bottom center;
}
.header .search:active, .header .searchBtn:active {
  text-decoration: none;
}
.header .search:focus, .header .searchBtn:focus {
  text-decoration: none;
}
.header .searchBtn {
  background-color: transparent;
}
.header .searchBtn:hover {
  background-color: transparent;
}
.header .searchBtn:active {
  background-color: transparent;
}
.header .searchBtn:focus {
  background-color: transparent;
}
.header .searchBtn {
  position: absolute;
  top: 0px;
  left: 40px;
  border: none;
  display: none;
}
@media screen and (max-width: 640px) {
  .header .searchBtn {
    left: 20px;
  }
}
.header .searchField {
  display: none;
  width: 315px;
  height: 59px;
  border: none;
  padding: 10px;
  color: white;
  font-family: 'iranSansRegular';
  font-size: 22px;
  position: absolute;
  top: 0px;
  left: 40px;
  background: url(../img/header/searchBg.png);
  z-index: 99;
  direction: rtl !important;
}
@media screen and (max-width: 768px) {
  .header .searchField {
    width: 235px;
  }
}
@media screen and (max-width: 640px) {
  .header .searchField {
    width: 55%;
    margin-right: 0px;
    right: -10px;
  }
}
.header .searchField::-webkit-input-placeholder {
  color: #f1f1f1;
}
.header .searchField::-moz-placeholder {
  color: #f1f1f1;
}
.header .searchField:-ms-input-placeholder {
  color: #f1f1f1;
}
.header input.searchField:-moz-placeholder {
  color: #f1f1f1;
}
.header .headerProfileIcon {
  font-size: 24px;
  padding-top: 4px;
  position: absolute;
  top: 0px;
  left: 80px;
}
.header .headerProfileIcon.moved {
  left: 380px !important;
}
@media screen and (max-width: 640px) {
  .header .headerProfileIcon {
    display: none;
  }
}
.header .desktopNavDropdown {
  display: none;
  background: url(../img/header/headerBg.png);
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 501px;
  left: 0px;
  top: 59px;
  padding: 40px 60px;
  direction: rtl;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown {
    height: 352px;
    padding: 10px 20px;
  }
}
.header .desktopNavDropdown h3 {
  font-family: "MyriadProSemibold";
  font-size: 30px;
  color: #ffbe00;
  margin: 0px !important;
  text-shadow: 0px 1px 1px #000;
}
.header .desktopNavDropdown h3.contactUs {
  color: white;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown h3.contactUs {
    margin: 30px 0px 0px 0px;
  }
}
.header .desktopNavDropdown h3.contactUs a {
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  padding: 0px;
  margin: 0px;
}
.header .desktopNavDropdown h3.contactUs a:hover {
  color: #ffd96b;
}
.header .desktopNavDropdown h3 a {
  color: #ffbe00;
  font-size: 30px;
  padding: 0px;
}
.header .desktopNavDropdown h3 a:hover {
  color: #ffd96b;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown h3 a {
    font-size: 24px;
  }
}
.header .desktopNavDropdown h2 {
  font-family: "MyriadProRegular";
  font-size: 21px;
  color: white;
  margin: 10px 0px 10px 0px;
  text-shadow: 0px 1px 1px #000;
}
.header .desktopNavDropdown h2 a.inactive {
  color: #989898;
  pointer-events: none;
}
.header .desktopNavDropdown h2 a.inactive:hover {
  color: #989898;
  text-decoration: none;
}
.header .desktopNavDropdown h2 a.inactive:visited {
  color: #989898;
  text-decoration: none;
}
.header .desktopNavDropdown h2 a.inactive:active {
  color: #989898;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown h2 a {
    font-size: 18px;
    color: white;
    margin: 0px 0px 0px 0px;
  }
}
.header .desktopNavDropdown ul {
  list-style-type: none;
  margin: 20px 34px 0px 0px;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown ul {
    margin: 10px 0px 0px 0px;
  }
}
.header .desktopNavDropdown ul a {
  font-family: "MyriadProRegular";
  font-size: 18px;
  color: white;
  display: block;
  margin: 8px 0px 0px 0px;
}
.header .desktopNavDropdown ul a:hover {
  color: #ffd96b;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown ul a {
    font-size: 16px;
  }
}
.header .desktopNavDropdown a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown a.button {
    margin-top: 24px;
    font-size: 18px;
    padding: 10px 10px 10px 10px;
  }
}
.header .desktopNavDropdown a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.header .desktopNavDropdown a.button:active {
  text-decoration: none;
}
.header .desktopNavDropdown a.button:focus {
  text-decoration: none;
}
.header .desktopNavDropdown a.button span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown a.button span {
    font-size: 12px;
  }
}
.header .desktopNavDropdown .navSocialContainer {
               /*a {
               margin: 5px 20px 0px 0px;
               }

               .twitter {
               display: inline-block;
               width: 28px;
               height: 24px;
               background: url(../img/header/navTwitter.png) top left no-repeat;

                    &:hover {
                    background: url(../img/header/navTwitter.png) bottom left no-repeat;
                    }

               }

               .youtube {
               display: inline-block;
               width: 28px;
               height: 32px;
               background: url(../img/header/navyoutube.png) top left no-repeat;

                    &:hover {
                    background: url(../img/header/navyoutube.png) bottom left no-repeat;
                    }
               }

               .linkedin {
               display: inline-block;
               width: 29px;
               height: 29px;
               background: url(../img/header/navlinkedin.png) top left no-repeat;

                    &:hover {
                    background: url(../img/header/navlinkedin.png) bottom left no-repeat;
                    }
               }*/
}
.header .desktopNavDropdown .navCallToAtion {
  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown .navCallToAtion {
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
  }
}
.header .desktopNavDropdown .navCallToAtion .icon {
  font-size: 34px;
  float: left;
  display: inline-block;
  margin: 0px 10px 40px 0px;
  color: #ffbe00;
}
.header .desktopNavDropdown .navCallToAtion .heading {
  font-size: 22px;
  display: block;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown .navCallToAtion .heading {
    font-size: 18px;
  }
}
.header .desktopNavDropdown .navCallToAtion .description {
  display: block;
  margin-top: 17px;
  font-family: "MyriadProRegular";
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown .navCallToAtion .description {
    font-size: 16px;
    margin-top: 14px;
  }
}
.header .desktopNavDropdown .navCallToAtion:hover .icon {
  color: #ffd96b;
}
.header .desktopNavDropdown .navCallToAtion.upgrade {
  padding-top: 20px;
  border-top: 1px solid #54524c;
}
.header .desktopNavDropdown .socialIcons {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.header .desktopNavDropdown .socialIcons li {
  display: inline-block;
}
.header .desktopNavDropdown .socialIcons li a {
  font-size: 31px;
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .header .desktopNavDropdown .promoBannerCol {
    display: none;
  }
}
.header .desktopNavDropdown #promoBannerCarousel {
  width: 230px;
  height: 230px;
}
.header .desktopNavDropdown #promoBannerCarousel.promoBanner {
  width: 230px;
  height: 230px;
  margin-top: 60px;
}
.header .desktopNavDropdown #promoBannerCarousel .owl-page span {
  background: #B7B7B7;
}
.header .desktopNavDropdown #promoBannerCarousel .owl-page span:hover {
  background: #ffd96b;
}
.header .desktopNavDropdown #promoBannerCarousel .owl-page.active span {
  background: #ffbe00;
}
.header .desktopNavDropdown #promoBannerCarousel .owl-page.active span:hover {
  background: #ffd96b;
}
.header .desktopNavDropdown .businessSolutions {
  display: none;
}
.header .desktopNavDropdown .navItemDropDown {
  display: none;
}
@media screen and (max-width: 768px) {
  .header .desktopNavDropdown .navItemDropDown ul a {
    font-size: 16px;
    margin-right: 0px;
  }
  .header .desktopNavDropdown .navItemDropDown h3 a {
    margin-right: 0px;
  }
  .header .desktopNavDropdown .navItemDropDown a.button {
    margin-right: 0px;
  }
}
.header .desktopNavDropdown .connectWithUs {
  font-size: 22px;
  font-family: "MyriadProSemibold";
  color: #ebebeb;
  margin-top: 0px;
  text-shadow: 0px 1px 1px #000;
}

/*header ends*/
.headerCarousel .container {
  position: relative;
}

#headerCarousel {
  width: 100%;
  height: 560px;
  margin-top: -59px;
  position: relative;
  z-index: 990;
  background: #262626;
     /*@media screen and (max-width: $smartphone) {

          .owl-controls {
          margin-top: 10px;
          }
               
          .owl-prev {
               width: 17px !important;
               height: 37px !important;
               display: block !important;
               background: url(../img/sectionHomepage/mobileCarousel/prev.png) top left no-repeat !important;
               position: absolute;
               top: 50% !important;
               left: 0px !important;
               margin-top: -26px !important;

                    &:hover {
                    background-position: bottom left !important;
                    }

               }

               .owl-next {
               width: 17px !important;
               height: 37px !important;
               display: block !important;
               background: url(../img/sectionHomepage/mobileCarousel/next.png) top left no-repeat !important;
               position: absolute;
               top: 50% !important;
               right: 0px !important;
               margin-top: -26px !important;

                    &:hover {
                    background-position: bottom left !important;
                    }

               }

               .owl-pagination {
               margin: -16px auto 0px auto;

                    .owl-page {

                         span {
                         display: inline-block;
                         height: 2px;
                         margin: 0px;
                         filter: Alpha(Opacity=100);
                         opacity: 1;
                         -webkit-border-radius: 0px;
                         -moz-border-radius: 0px;
                         border-radius: 0px;
                         background: #919191;
                         width: 70px;
                         }

                         &.active span {
                         background: #fff;
                         }

                    }

               }

     }*/
}
@media screen and (max-width: 768px) {
  #headerCarousel {
    width: 100%;
    height: 410px;
  }
}
#headerCarousel .owl-controls {
  position: relative;
  z-index: 990;
  margin-top: -32px;
}
#headerCarousel .owl-dot span {
  background: #B7B7B7;
}
#headerCarousel .owl-dot span:hover {
  background: #ffd96b;
}
#headerCarousel .owl-dot.active span {
  background: #ffbe00;
}
#headerCarousel .owl-dot.active span:hover {
  background: #ffd96b;
}
#headerCarousel .slide {
  position: relative !important;
  /*width: 1024px;*/
  width: 100%;
  height: 560px;
  /*direction: rtl !important;*/
}
@media screen and (max-width: 768px) {
  #headerCarousel .slide {
    width: 100%;
    height: 410px;
    overflow: hidden;
  }
}
#headerCarousel .slide.blurred {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
#headerCarousel .slide img {
          /*position: absolute;
          top: 0px;
          left: 0px;

          width: 100% !important;
          height: 100% !important;*/
}
@media screen and (max-width: 1024px) {
  #headerCarousel .slide img {
    height: 560px;
  }
}
@media screen and (max-width: 768px) {
  #headerCarousel .slide img {
    left: initial;
    right: 0%;
    height: 410px;
  }
}
@media screen and (max-width: 640px) {
  #headerCarousel .slide img {
    left: initial;
    right: -230px;
  }
}
#headerCarousel .slide h1 {
  color: white;
  font-family: "MyriadProLight";
  font-size: 65px;
  line-height: 72px;
  margin: 0px;
  text-align: right;
  position: absolute;
  top: 200px;
  right: 40px !important;
  text-shadow: 0px 1px 1px #333;
  text-transform: uppercase;
  direction: rtl;
}
#headerCarousel .slide h1 span {
  font-family: "MyriadProSemibold";
  color: #ffbe00;
}
@media screen and (max-width: 640px) {
  #headerCarousel .slide h1 span {
    font-size: 28px;
    line-height: 28px;
  }
}
@media screen and (max-width: 768px) {
  #headerCarousel .slide h1 {
    font-size: 48px;
    line-height: 52px;
    top: 95px;
    left: 20px;
  }
}
@media screen and (max-width: 640px) {
  #headerCarousel .slide h1 {
    top: 80px;
    left: 12px;
    font-size: 34px;
    line-height: 50px;
  }
}
#headerCarousel .slide h2 {
  color: white;
  font-family: "MyriadProRegular";
  font-size: 28px;
  line-height: 32px;
  margin: 0px;
  position: absolute;
  top: 365px;
  right: 40px;
  text-shadow: 0px 1px 1px #333;
  width: 650px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 768px) {
  #headerCarousel .slide h2 {
    top: 222px;
    left: 20px;
  }
}
@media screen and (max-width: 640px) {
  #headerCarousel .slide h2 {
    top: 212px;
    left: 15px;
    font-size: 18px;
    line-height: 21px;
    width: 93%;
  }
}
#headerCarousel .slide a.button {
  display: block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  padding: 10px 25px 10px 25px;
  text-align: center;
  position: absolute;
  top: 426px;
  right: 40px;
  direction: rtl;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #headerCarousel .slide a.button {
    font-size: 21px;
    top: 313px;
    /*left: 20px;*/
  }
}
@media screen and (max-width: 640px) {
  #headerCarousel .slide a.button {
    font-size: 21px;
    top: 313px;
    /*left: 18px;*/
  }
}
#headerCarousel .slide a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
#headerCarousel .slide a.button:active {
  text-decoration: none;
}
#headerCarousel .slide a.button:focus {
  text-decoration: none;
}

/*Mobile header*/
.mobileNavIcon {
  display: none;
}
@media screen and (max-width: 640px) {
  .mobileNavIcon {
    background: url(../img/header/mobileMenuIcon.png) top left no-repeat;
    display: block;
    width: 21px;
    height: 19px;
    float: right;
    margin: 20px 0px 0px 15px !important;
  }
  .mobileNavIcon.active {
    background: url(../img/header/mobileMenuIcon.png) bottom left no-repeat;
  }
}

.mobileNavPanel {
  display: none;
  position: absolute;
  top: 109px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../img/header/headerBg.png);
  color: #cccccc;
  padding: 0px 40px 0px 40px;
  font-size: 14px;
  z-index: 999;
  text-align: right;
  direction: rtl;
}
.mobileNavPanel a {
  color: white;
  font-family: "MyriadProSemibold";
  display: inline-block;
  font-size: 22px;
  /*margin-right: 35px;*/
  margin-top: 20px;
  text-shadow: 0px 1px 1px #000;
}
.mobileNavPanel a.active {
  text-decoration: none;
  color: #ffbe00;
}
.mobileNavPanel a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.mobileNavPanel a:active {
  text-decoration: none;
}
.mobileNavPanel a:focus {
  text-decoration: none;
}
.mobileNavPanel a.headerLogo {
  width: 57px;
  height: 59px;
  float: left;
  margin: 0px 0px 0 0;
  background: url(../img/header/mtnLogo.png) top center no-repeat;
}
.mobileNavPanel a.headerLogo.blurred {
  background: url(../img/header/mtnLogo.png) bottom center no-repeat;
}
.mobileNavPanel .shopLink span, .mobileNavPanel .plansServicesLink span, .mobileNavPanel .supportLink span {
  font-size: 14px;
}
.mobileNavPanel .faqTrigger {
  background: none;
  color: white;
  font-family: "MyriadProSemibold";
  font-size: 22px;
  margin-right: 0px;
  text-align: right;
  padding: 0px;
  margin-top: 10px;
  direction: rtl;
}
.mobileNavPanel .faqTrigger .arrow {
  float: left;
  margin-left: 0px;
  background: url(../img/header/navAccoridionArrow.png) top center no-repeat;
}
.mobileNavPanel .faqTrigger.active {
  color: #ffbe00;
}
.mobileNavPanel .faqTrigger.active .arrow {
  float: left;
  margin-left: 0px;
  background: url(../img/header/navAccoridionArrow.png) bottom center no-repeat;
}
.mobileNavPanel .mobileNavAccordionPanel {
  display: none;
  padding-top: 0px;
}
.mobileNavPanel .mobileNavAccordionPanel a {
  margin: 8px 5px 8px 10px;
  display: block;
  color: white;
  font-family: "MyriadProSemibold";
  font-size: 18px;
}
.mobileNavPanel .mobileNavAccordionPanel a span {
  font-size: 12px;
  margin-right: 10px;
}
.mobileNavPanel .mobileNavAccordionPanel a:hover {
  color: #ffd96b;
}
.mobileNavPanel .secondLevelNav {
  display: none;
  text-align: right;
  direction: rtl;
}
.mobileNavPanel .secondLevelNav a {
  font-size: 17px;
  display: block;
  margin: 8px 20px 8px 0px;
}
.mobileNavPanel .secondLevelNav a.title {
  font-size: 22px;
}
.mobileNavPanel .secondLevelNav .backLink {
  display: block;
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 22px;
  margin: 20px 10px 0px 0px;
}
.mobileNavPanel .secondLevelNav .backLink:hover {
  color: #ffd96b;
}
.mobileNavPanel .secondLevelNav .backLink span {
  font-size: 14px;
  float: right;
  margin: 10px;
}
.mobileNavPanel .secondLevelNav .button {
  color: #373737;
  text-shadow: none;
  width: 250px;
  margin: 0 auto 30px auto;
}
.mobileNavPanel .secondLevelNav .navCallToAtion {
  padding-top: 6px;
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .mobileNavPanel .secondLevelNav .navCallToAtion {
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
  }
}
.mobileNavPanel .secondLevelNav .navCallToAtion .icon {
  font-size: 34px;
  float: left;
  display: inline-block;
  margin: 0px 10px 40px 0px;
  color: #ffbe00;
}
.mobileNavPanel .secondLevelNav .navCallToAtion .heading {
  font-size: 22px;
  display: block;
}
@media screen and (max-width: 768px) {
  .mobileNavPanel .secondLevelNav .navCallToAtion .heading {
    font-size: 18px;
  }
}
.mobileNavPanel .secondLevelNav .navCallToAtion .description {
  display: block;
  margin-top: 17px;
  font-family: "MyriadProRegular";
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .mobileNavPanel .secondLevelNav .navCallToAtion .description {
    font-size: 16px;
    margin-top: 14px;
  }
}
.mobileNavPanel .secondLevelNav .navCallToAtion:hover .icon {
  color: #ffd96b;
}
.mobileNavPanel .secondLevelNav .navCallToAtion.upgrade {
  padding-top: 20px;
  border-top: 1px solid #54524c;
}

.bannerUtilityNav {
  display: block;
  /*Change this to block this once they want / need it*/
  background: white;
  bottom: -10px;
  left: 3%;
  position: absolute;
  z-index: 998;
  width: 420px;
  height: 76px;
}
@media screen and (max-width: 640px) {
  .bannerUtilityNav {
    width: 100%;
    right: 0px;
    left: 0px;
    bottom: -65px;
  }
}
.bannerUtilityNav .inner {
  position: relative;
  /*ul ends*/
}
.bannerUtilityNav .inner ul {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
}
.bannerUtilityNav .inner ul li {
  float: left;
  text-align: center;
  height: 72px;
  width: 20%;
  border: 1px solid white;
  margin: 0px;
  padding: 0px;
  background: #ffbe00;
  cursor: pointer;
  display: table;
}
.bannerUtilityNav .inner ul li:hover {
  background: #ffd96b;
}
.bannerUtilityNav .inner ul li span {
  font-family: "MyriadProSemibold";
  color: #373737;
  font-size: 34px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 0px;
}
.bannerUtilityNav .inner .utilityFull {
  display: none;
  background: #ffd96b;
  width: 100%;
  height: 76px;
  z-index: 995;
  position: absolute;
  border: 3px solid white;
  top: 0px;
  left: 0px;
  font-family: "MyriadProSemibold";
  color: #373737;
  font-size: 24px;
  padding: 18px 23px;
  direction: rtl;
  text-align: right;
}
.bannerUtilityNav .inner .utilityFull:active {
  background: #ffbe00;
}
.bannerUtilityNav .inner .utilityFull .inner {
  position: relative;
}
.bannerUtilityNav .inner .utilityFull span {
  font-family: "MyriadProSemibold";
  color: #373737;
  font-size: 34px;
  float: right;
  margin-left: 20px;
}
.bannerUtilityNav .inner .utilityFull a {
  color: #373737;
  text-decoration: none;
}
.bannerUtilityNav .inner .utilityFull a:hover {
  color: #373737;
  text-decoration: none;
}
.bannerUtilityNav .inner .utilityFull a:focus {
  color: #373737;
  text-decoration: none;
}
.bannerUtilityNav .inner .utilityFull a:active {
  color: #373737;
  text-decoration: none;
}
.bannerUtilityNav .inner .utilityFull a:visited {
  color: #373737;
  text-decoration: none;
}
.bannerUtilityNav .inner .utilityFull .icon-remove {
  color: #373737;
  font-size: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 995;
  display: block;
  width: 20px;
  height: 20px;
}

footer {
  background: #373737;
  direction: rlt;
  text-align: right;
  /*navSocialContainer ends*/
  /*copyrightFooter ends*/
}
footer .footerMapImageLink {
  position: relative;
}
footer .footerMapImageLink span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 16px;
  line-height: 16px;
}
footer .secondRow {
  margin-top: 20px;
}
footer .container {
  border-bottom: 1px solid #ffbe00;
}
footer .containerLast {
  border-bottom: none;
}
footer .mainFooter {
  padding: 45px 40px;
}
footer a .icon-external-link {
  font-size: 13px;
  color: #dfdfdf;
}
footer a:hover .icon-external-link {
  color: white;
}
footer .styledSelect {
  width: 100%;
}
footer h3 {
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  footer h3 {
    font-size: 22px;
  }
}
footer h3 a {
  color: #dfdfdf;
}
footer h3 a:hover {
  text-decoration: none;
  color: white;
}
footer h3 a:active {
  text-decoration: none;
  color: #dfdfdf;
}
footer h3 a:focus {
  text-decoration: none;
  color: #dfdfdf;
}
footer h3 a:visited {
  text-decoration: none;
  color: #dfdfdf;
}
footer h3 a:visited:hover {
  text-decoration: none;
  color: white;
}
@media screen and (max-width: 768px) {
  footer h3 a {
    font-size: 22px;
  }
}
footer .styledSelect {
  width: 277px;
  float: left;
  margin: 0px;
  background: url(../img/forms/selectBgNarrow.png) top right no-repeat;
}
footer .styledSelect.active {
  background: url(../img/forms/selectBgNarrow.png) bottom right no-repeat;
}
footer .newsletterSignup {
  margin-top: 10px;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
footer .button {
  display: block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 21px;
  padding: 10px 25px 10px 25px;
  text-align: center;
  width: 100%;
  margin-top: 5px;
}
footer .button:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #474747;
}
footer .button:active {
  text-decoration: none;
  color: #474747;
}
footer .button:focus {
  text-decoration: none;
  color: #474747;
}
footer ul {
  margin: 20px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
}
@media screen and (max-width: 640px) {
  footer ul {
    margin: 20px 0px 20px 0px;
  }
}
footer ul li {
  list-style-type: none;
}
footer ul li a {
  font-family: "MyriadProRegular";
  font-size: 17px;
  color: #dfdfdf;
}
footer ul li a:hover {
  text-decoration: none;
  color: white;
}
footer ul li a:active {
  text-decoration: none;
  color: #878787;
}
footer ul li a:focus {
  text-decoration: none;
  color: #878787;
}
footer ul li a:visited {
  text-decoration: none;
  color: #878787;
}
footer ul li a:visited:hover {
  text-decoration: none;
  color: white;
}
footer ul li a span {
  color: #ddd;
  font-family: "MyriadProSemibold";
}
footer .connectHeading {
  margin-top: 20px;
}
footer .socialIcons {
  list-style-type: none;
  margin: 20px 0px;
  padding: 0px;
}
footer .socialIcons li {
  display: inline-block;
}
footer .socialIcons li a {
  font-size: 31px;
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  footer .socialIcons li a {
    font-size: 23px;
  }
}
footer .socialIcons li a:visited {
  color: #dfdfdf !important;
}
footer .navSocialContainer {
  margin-top: 14px;
}
footer .navSocialContainer a {
  margin: 5px 20px 0px 0px;
}
footer .navSocialContainer .twitter {
  display: inline-block;
  width: 28px;
  height: 24px;
  background: url(../img/footer/navTwitter.png) top left no-repeat;
}
footer .navSocialContainer .twitter:hover {
  background: url(../img/footer/navTwitter.png) bottom left no-repeat;
}
footer .navSocialContainer .youtube {
  display: inline-block;
  width: 28px;
  height: 32px;
  background: url(../img/footer/navyoutube.png) top left no-repeat;
}
footer .navSocialContainer .youtube:hover {
  background: url(../img/footer/navyoutube.png) bottom left no-repeat;
}
footer .navSocialContainer .linkedin {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(../img/footer/navlinkedin.png) top left no-repeat;
}
footer .navSocialContainer .linkedin:hover {
  background: url(../img/footer/navlinkedin.png) bottom left no-repeat;
}
footer .copyrightFooter {
  font-family: "MyriadProRegular";
  font-size: 13px;
  text-align: center;
  color: #dedede;
  padding: 20px 0px;
}
@media screen and (max-width: 640px) {
  footer .copyrightFooter {
    padding: 20px 20px 70px 20px;
  }
}
footer .copyrightFooter p {
  margin: 0px;
}
footer .copyrightFooter a {
  font-family: "MyriadProRegular";
  font-size: 13px;
  text-align: center;
  color: #dedede;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
footer .copyrightFooter a:hover {
  text-decoration: none;
  color: #ffbe00;
}
footer .copyrightFooter a:active {
  text-decoration: none;
}
footer .copyrightFooter a:focus {
  text-decoration: none;
}
footer select {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  footer select {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  footer .secondRow {
    margin-top: 15px;
  }
}

.tabletFooter,
.mobileFooter {
  display: none;
}

@media screen and (max-width: 768px) {
  .desktopFooter {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .desktopFooter {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .tabletFooter {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .tabletFooter {
    display: none;
  }
}
.tabletFooter .mainFooter {
  padding: 25px 40px;
}
.tabletFooter .styledSelect {
  margin-top: 91px;
}
.tabletFooter .connectHeading {
  float: right;
  margin: 20px 40px 0px 0px;
}
.tabletFooter .socialIcons {
  margin: 20px 35px 0px 0px;
}

@media screen and (max-width: 768px) {
  .mobileFooter {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .mobileFooter {
    display: block;
  }
}
.mobileFooter .mainFooter {
  padding: 25px 0px;
}
.mobileFooter h3 {
  font-size: 18px;
}
.mobileFooter h3 a {
  font-size: 18px;
}
.mobileFooter h3 span {
  float: right;
  margin-left: 5px;
}
.mobileFooter h3 span.icon-external-link {
  float: none;
}
.mobileFooter .secondRow {
  margin-top: 20px;
}
.mobileFooter .connectHeading {
  margin-top: 20px;
  padding: 0px;
}
.mobileFooter .socialIcons {
  margin-bottom: 0px;
}
.mobileFooter .copyrightFooter {
  padding-top: 20px;
  padding-bottom: 20px;
}

.homeSolutionsCarousel {
  text-align: center;
  /*tabsContainer*/
}
.homeSolutionsCarousel h1 {
  font-family: "MyriadProSemibold";
  color: #ebebeb;
  font-size: 28px;
  width: 100%;
  margin-top: 36px;
  margin-bottom: 36px;
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel h1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.homeSolutionsCarousel .tabsContainer {
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 12px;
  height: 50px;
  display: block;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .tabsContainer {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .tabsContainer {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.homeSolutionsCarousel .tabsContainer ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  background: #373737;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
.homeSolutionsCarousel .tabsContainer ul li {
  display: inline-block;
  width: 33.1%;
  margin: 0px;
  border-bottom: 2px solid white;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .tabsContainer ul li {
    width: 33%;
  }
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .tabsContainer ul li {
    text-align: center;
    width: 32.6%;
  }
}
.homeSolutionsCarousel .tabsContainer ul li a {
  display: inline-block;
  height: 48px;
  padding-top: 10px;
  font-family: "MyriadProSemibold";
  color: white;
  font-size: 21px;
  background: #373737;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .tabsContainer ul li a {
    font-size: 16px;
    height: 48px;
  }
}
.homeSolutionsCarousel .tabsContainer ul li a.active {
  color: #373737;
  background: white;
}
.homeSolutionsCarousel .tabsContainer ul li a.active:hover {
  color: #373737;
  background: white;
}
.homeSolutionsCarousel .tabsContainer ul li a:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #2a2a2a;
}
.homeSolutionsCarousel .tabsContainer ul li a:active {
  text-decoration: none;
}
.homeSolutionsCarousel .tabsContainer ul li a:focus {
  text-decoration: none;
}
.homeSolutionsCarousel .smeTabCarousel, .homeSolutionsCarousel .enterpriseTabCarousel, .homeSolutionsCarousel .publicsectorTabCarousel {
  margin-left: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel, .homeSolutionsCarousel .enterpriseTabCarousel, .homeSolutionsCarousel .publicsectorTabCarousel {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.homeSolutionsCarousel .smeTabCarousel .slide, .homeSolutionsCarousel .enterpriseTabCarousel .slide, .homeSolutionsCarousel .publicsectorTabCarousel .slide {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .smeTabCarousel .slide, .homeSolutionsCarousel .enterpriseTabCarousel .slide, .homeSolutionsCarousel .publicsectorTabCarousel .slide {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel {
  position: relative;
  text-align: left;
  background: white;
  font-family: "MyriadProRegular";
  color: #989898;
  font-size: 15px;
  width: 100%;
  height: 276px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 10px #333;
  cursor: pointer;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .imgContainer, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .imgContainer, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .imgContainer {
  width: 100%;
  height: 96px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .imgContainer .headerBgImage, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .imgContainer .headerBgImage, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .imgContainer .headerBgImage {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .2s;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel h2, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel h2, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel h2 {
  font-family: "MyriadProSemibold";
  color: #474747;
  font-size: 22px;
  			/*position: absolute;
  			top: 92px;
    			left: 18px;
    			right: 20px;*/
  margin: 105px 10px 0px 10px;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .slidePanel h2, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel h2, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel h2 {
    font-size: 18px;
  }
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel p, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel p, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel p {
  /*position: absolute;
  top: 147px;
  left: 18px;
  right: 20px;*/
  line-height: 22px;
  margin: 5px 10px 0px 10px;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .slidePanel p, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel p, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel p {
    top: 152px;
    line-height: 19px;
  }
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel a.learnMore, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel a.learnMore, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel a.learnMore {
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
  font-size: 15px;
  position: absolute;
  top: 208px;
  right: 20px;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel a.learnMore:hover, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel a.learnMore:hover, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel a.learnMore:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel a.learnMore:active, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel a.learnMore:active, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel a.learnMore:active {
  text-decoration: none;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel a.learnMore:focus, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel a.learnMore:focus, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel a.learnMore:focus {
  text-decoration: none;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .panelFooter, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .panelFooter, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .panelFooter {
  width: 100%;
  height: 38px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #373737;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .panelFooter .inner, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .panelFooter .inner, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .panelFooter .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .panelFooter .inner img, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .panelFooter .inner img, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .panelFooter .inner img {
  position: absolute;
  bottom: 0px;
  left: 10px;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel .panelFooter .inner p, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel .panelFooter .inner p, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel .panelFooter .inner p {
  font-family: "MyriadProSemibold";
  color: #ffbe00;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 5px;
  left: 55px;
}
.homeSolutionsCarousel .smeTabCarousel .slidePanel:hover .headerBgImage, .homeSolutionsCarousel .enterpriseTabCarousel .slidePanel:hover .headerBgImage, .homeSolutionsCarousel .publicsectorTabCarousel .slidePanel:hover .headerBgImage {
  transform: scale(1.05);
}
.homeSolutionsCarousel .smeTabCarousel .owl-prev, .homeSolutionsCarousel .enterpriseTabCarousel .owl-prev, .homeSolutionsCarousel .publicsectorTabCarousel .owl-prev {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/prev.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  left: -30px !important;
  margin-top: -11px !important;
}
.homeSolutionsCarousel .smeTabCarousel .owl-prev:hover, .homeSolutionsCarousel .enterpriseTabCarousel .owl-prev:hover, .homeSolutionsCarousel .publicsectorTabCarousel .owl-prev:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-prev, .homeSolutionsCarousel .enterpriseTabCarousel .owl-prev, .homeSolutionsCarousel .publicsectorTabCarousel .owl-prev {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-prev, .homeSolutionsCarousel .enterpriseTabCarousel .owl-prev, .homeSolutionsCarousel .publicsectorTabCarousel .owl-prev {
    display: none !important;
  }
}
.homeSolutionsCarousel .smeTabCarousel .owl-next, .homeSolutionsCarousel .enterpriseTabCarousel .owl-next, .homeSolutionsCarousel .publicsectorTabCarousel .owl-next {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/next.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  right: -30px !important;
  margin-top: -11px !important;
}
.homeSolutionsCarousel .smeTabCarousel .owl-next:hover, .homeSolutionsCarousel .enterpriseTabCarousel .owl-next:hover, .homeSolutionsCarousel .publicsectorTabCarousel .owl-next:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-next, .homeSolutionsCarousel .enterpriseTabCarousel .owl-next, .homeSolutionsCarousel .publicsectorTabCarousel .owl-next {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-next, .homeSolutionsCarousel .enterpriseTabCarousel .owl-next, .homeSolutionsCarousel .publicsectorTabCarousel .owl-next {
    display: none !important;
  }
}
.homeSolutionsCarousel .smeTabCarousel .owl-pagination, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination {
    display: block;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination .owl-page span, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination .owl-page span, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination .owl-page.active span, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination .owl-page.active span, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination .owl-page.active span {
    background: #fff;
  }
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination {
    display: block;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination .owl-page span, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination .owl-page span, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 20px;
  }
  .homeSolutionsCarousel .smeTabCarousel .owl-pagination .owl-page.active span, .homeSolutionsCarousel .enterpriseTabCarousel .owl-pagination .owl-page.active span, .homeSolutionsCarousel .publicsectorTabCarousel .owl-pagination .owl-page.active span {
    background: #fff;
  }
}
.homeSolutionsCarousel .enterpriseTabCarousel,
.homeSolutionsCarousel .publicsectorTabCarousel {
  display: none;
}
.homeSolutionsCarousel a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 5px;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .homeSolutionsCarousel a.button {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
  }
}
@media screen and (max-width: 640px) {
  .homeSolutionsCarousel a.button {
    margin-bottom: 5px;
  }
}
.homeSolutionsCarousel a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.homeSolutionsCarousel a.button:active {
  text-decoration: none;
}
.homeSolutionsCarousel a.button:focus {
  text-decoration: none;
}

.homeContentPanel {
  text-align: center;
  /*padding-top: 30px;*/
  /*background: #f9f9f9 url(../img/homeContentPanel/homeContentPanelBg.png) top center no-repeat;*/
  background: #f9f9f9;
  direction: rtl;
  /*homeContent ends*/
  /*homeContentIntro ends*/
  /*Twitter stuff*/
}
.homeContentPanel .homeContent {
  /*margin-left: 30px;
  margin-right: 30px;*/
  /*margin-bottom: 35px;*/
  box-shadow: 0px 1px 5px #ddd;
  margin-top: -8px;
  direction: rtl;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContent {
    margin-top: 40px;
  }
}
.homeContentPanel .homeContent .col-md-4 {
  height: 215px;
  position: relative;
  background: white;
  border: 1px solid #dedede;
  overflow: hidden;
}
.homeContentPanel .homeContent .col-md-4.first {
  border-right: none;
  border-left: none;
}
.homeContentPanel .homeContent .col-md-4.last {
  border-right: none;
  border-left: none;
}
.homeContentPanel .homeContent .col-md-4 .imgContainer {
  width: 100%;
  height: 156px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.homeContentPanel .homeContent .col-md-4 .imgContainer .headerBgImage {
  display: block;
  transition: all .2s;
}
.homeContentPanel .homeContent .col-md-4:hover {
  cursor: pointer;
}
.homeContentPanel .homeContent .col-md-4:hover h3 a {
  text-decoration: none;
  color: #ffd96b;
}
.homeContentPanel .homeContent .col-md-4 h3 a {
  position: absolute;
  bottom: 17px;
  right: 25px;
  font-size: 20px;
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
  text-align: right;
  direction: rtl;
}
.homeContentPanel .homeContent .col-md-4 h3 a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeContentPanel .homeContent .col-md-4 h3 a:active {
  text-decoration: none;
}
.homeContentPanel .homeContent .col-md-4 h3 a:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent .col-md-4 h3 a {
    bottom: 20px;
    left: 10px;
    font-size: 17px;
  }
}
.homeContentPanel .homeContent .col-md-4 .imgContainer {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.homeContentPanel .homeContent .col-md-4 .imgContainer .detailsIcon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 99;
}
.homeContentPanel .homeContent .col-md-4 .imgContainer .headerBgImage {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .2s;
  z-index: 90;
}
.homeContentPanel .homeContent .col-md-4:hover .headerBgImage {
  transform: scale(1.05);
}
.homeContentPanel .homeContent .col-md-4 .details {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
  background: white;
  padding: 20px;
  height: 100%;
  width: 100%;
  display: none;
}
.homeContentPanel .homeContent .col-md-4 .details .icon-reply-mail {
  float: left;
  display: block;
  color: #373737;
  cursor: pointer;
  margin: -10px 0px 0px -10px;
}
.homeContentPanel .homeContent .col-md-4 .details .icon-reply-mail:hover {
  color: #ffd96b;
}
.homeContentPanel .homeContent .col-md-4 .details h4 {
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 24px;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .homeContentPanel .homeContent .col-md-4 .details h4 {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent .col-md-4 .details h4 {
    font-size: 20px;
    margin-top: 10px;
  }
}
.homeContentPanel .homeContent .col-md-4 .details p {
  font-size: 20px;
  color: #373737;
}
@media screen and (max-width: 1024px) {
  .homeContentPanel .homeContent .col-md-4 .details p {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent .col-md-4 .details p {
    font-size: 17px;
  }
}
.homeContentPanel .homeContent .col-md-4 .details p.actions {
  font-size: 17px;
}
@media screen and (max-width: 1024px) {
  .homeContentPanel .homeContent .col-md-4 .details p.actions {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent .col-md-4 .details p.actions {
    font-size: 15px;
  }
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a {
  color: #373737;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a:active {
  text-decoration: none;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a:focus {
  text-decoration: none;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a span {
  font-size: 13px;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a span.icon-check-mark {
  color: #ccca20;
}
.homeContentPanel .homeContent .col-md-4 .details p.actions a span.icon-remove {
  color: #eb5138;
}
.homeContentPanel .homeContent .twitterPanel {
  color: #f5f8fa;
  font-family: "MyriadProRegular";
  font-size: 15px;
  text-align: right;
  direction: rtl;
}
.homeContentPanel .homeContent .twitterPanel .inner {
  background: #50ABF1;
  display: block;
  width: 100%;
  height: 156px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.homeContentPanel .homeContent .twitterPanel .inner .twitterLogo {
  display: inline-block;
  width: 28px;
  height: 24px;
  background: url(../img/header/navTwitter.png) top left no-repeat;
  position: absolute;
  top: 18px;
  right: 18px;
}
.homeContentPanel .homeContent .twitterPanel .inner .homeTwitterFeed {
  padding: 0px;
  margin: 9px 10px 0px 10px;
  height: 138px;
  color: #fff !important;
  /*overflow-y: scroll;*/
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContent .twitterPanel .inner .homeTwitterFeed {
    margin: 9px 0px 0px 0px;
  }
}
.homeContentPanel .homeContent .twitterPanel .homeTwitterFeed ul {
  margin: 50px 20px 10px 20px;
  padding: 0;
  list-style-type: none;
}
.homeContentPanel .homeContent .twitterPanel .homeTwitterFeed li {
  list-style-type: none;
  clear: both;
  color: #fff !important;
}
.homeContentPanel .homeContent .twitterPanel .homeTwitterFeed li a {
  color: white;
  text-decoration: underline;
}
.homeContentPanel .homeContentIntro {
  text-align: center;
  position: relative;
  height: 228px;
}
.homeContentPanel .homeContentIntro .homePromoBanner {
  position: absolute;
  top: -8px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 228px;
}
.homeContentPanel .homeContentIntro .icon {
  background: #ffbe00;
  width: 70px;
  height: 70px;
  color: white;
  font-size: 32px;
  padding-top: 18px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContentIntro .icon {
    /*float: left;
    width: 50px;
    height: 50px;
    font-size: 24px;
    padding-top: 14px;
    margin-right: 10px;*/
    margin-top: 32px;
  }
}
.homeContentPanel .homeContentIntro h2 {
  color: #6b6b6b;
  margin: 20px 0px -20px 0px;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContentIntro h2 {
    font-size: 22px;
    /*text-align: left;
    margin: 15px 0px 25px 10px;*/
  }
}
.homeContentPanel .homeContentIntro .button {
  background: #ffbe00;
  color: #474747;
  margin-bottom: 20px;
  margin-top: 35px;
  z-index: 2;
  position: relative;
}
.homeContentPanel .homeContentIntro .button:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #474747;
}
.homeContentPanel .homeContentIntro .button:active {
  text-decoration: none;
  color: #474747;
}
.homeContentPanel .homeContentIntro .button:focus {
  text-decoration: none;
  color: #474747;
}
@media screen and (max-width: 768px) {
  .homeContentPanel .homeContentIntro .button {
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContentIntro .button {
    display: block;
  }
}
.homeContentPanel .showMoreBtn {
  display: inline-block;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 35px;
  margin-bottom: 35px;
}
.homeContentPanel .showMoreBtn:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}
.homeContentPanel .showMoreBtn:active {
  text-decoration: none;
  background: #ffbe00;
}
.homeContentPanel .showMoreBtn:focus {
  text-decoration: none;
}
.homeContentPanel .showMoreBtn span {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .showMoreBtn {
    width: 100%;
    margin: 10px 0 10px 0;
  }
}
.homeContentPanel .showLessBtn {
  display: inline-block;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 35px;
  margin-bottom: 35px;
}
.homeContentPanel .showLessBtn:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}
.homeContentPanel .showLessBtn:active {
  text-decoration: none;
  background: #ffbe00;
}
.homeContentPanel .showLessBtn:focus {
  text-decoration: none;
}
.homeContentPanel .showLessBtn span {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .showLessBtn {
    width: 100%;
    margin: 10px 0 10px 0;
  }
}
.homeContentPanel h3 {
  font-family: "MyriadProSemibold";
  font-size: 25px;
  color: #ffbe00;
  margin: 0px 0px 29px 0px;
}
@media screen and (max-width: 640px) {
  .homeContentPanel h3 {
    font-size: 18px;
  }
}
.homeContentPanel h3.contactUs {
  color: white;
}
.homeContentPanel h3.contactUs a {
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 640px) {
  .homeContentPanel h3.contactUs a {
    font-size: 18px;
  }
}
.homeContentPanel h3.contactUs a:hover {
  color: #ffd96b;
  text-decoration: none;
}
.homeContentPanel h3.contactUs a:active {
  text-decoration: none;
}
.homeContentPanel h3.contactUs a:focus {
  text-decoration: none;
}
.homeContentPanel div.tb_header {
  display: none;
}
@media screen and (max-width: 640px) {
  .homeContentPanel #homeContentMobileCarousel .owl-pagination {
    display: block;
  }
  .homeContentPanel #homeContentMobileCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 30px;
  }
  .homeContentPanel #homeContentMobileCarousel .owl-pagination .owl-page.active span {
    background: #fff;
  }
}
.homeContentPanel #homeContentMobileCarouse .owl-item {
  padding: 0px 20px 0px 20px;
}
.homeContentPanel .homeContent.desktop {
  /*display: block;*/
  display: none;
}
.homeContentPanel .homeContent.desktop.active {
  display: block;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContent.desktop.active {
    display: block;
    /*display: none;*/
  }
}
.homeContentPanel .homeContent.mobile {
  display: none;
}
@media screen and (max-width: 640px) {
  .homeContentPanel .homeContent.mobile {
    display: none;
  }
}
.homeContentPanel .tweets li {
  color: #800000;
}

/*homeContentPanel ends*/
blockquote.twitter-tweet {
  display: inline-block;
  padding: 16px;
  margin: 10px 0;
  max-width: 468px;
  border: #ddd 1px solid;
  border-top-color: #eee;
  border-bottom-color: #bbb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font: bold 14px/18px Helvetica, Arial, sans-serif;
  color: #000;
}

blockquote.twitter-tweet p {
  font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;
  margin: 0 5px 10px 0;
}

blockquote.twitter-tweet a[href^="https://twitter.com"] {
  font-weight: normal;
  color: #666;
  font-size: 12px;
}

.homeQuoteSection {
  background: #eaeaea;
  text-align: center;
  position: relative;
  direction: rtl;
}
.homeQuoteSection .homeQuoteCarousel {
  padding: 45px 80px 13px 80px;
}
@media screen and (max-width: 640px) {
  .homeQuoteSection .homeQuoteCarousel {
    padding: 25px 70px 13px 70px;
    /*display: none;*/
  }
}
.homeQuoteSection .homeQuoteCarousel p {
  font-family: "MyriadProLightItalic";
  color: #6b6b6b;
  text-align: left;
  font-size: 23px;
  margin: 0px;
  padding: 0px;
  text-shadow: 0px 1px 0px white;
}
@media screen and (max-width: 640px) {
  .homeQuoteSection .homeQuoteCarousel p {
    font-size: 16px;
    text-align: center;
  }
}
.homeQuoteSection .homeQuoteCarousel p span {
  display: block;
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  text-align: right;
  font-size: 14px;
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .homeQuoteSection .homeQuoteCarousel p span {
    text-align: center;
  }
}
.homeQuoteSection .homeQuoteCarousel .owl-prev {
  width: 25px !important;
  height: 54px !important;
  display: block !important;
  background: url(../img/homeQuotePanel/prev.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  left: -60px !important;
  margin-top: -27px !important;
}
.homeQuoteSection .homeQuoteCarousel .owl-prev:hover {
  background-position: bottom left !important;
}
.homeQuoteSection .homeQuoteCarousel .owl-next {
  width: 25px !important;
  height: 54px !important;
  display: block !important;
  background: url(../img/homeQuotePanel/next.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  right: -60px !important;
  margin-top: -27px !important;
}
.homeQuoteSection .homeQuoteCarousel .owl-next:hover {
  background-position: bottom left !important;
}
.homeQuoteSection .homeQuoteCarousel a.viewAll {
  font-family: "MyriadProSemibold";
  color: #4b4b4b;
  text-align: center;
  font-size: 14px;
}
.homeQuoteSection .homeQuoteCarousel a.viewAll:hover {
  text-decoration: none;
  color: #6b6b6b;
}
.homeQuoteSection .homeQuoteCarousel a.viewAll:active {
  text-decoration: none;
}
.homeQuoteSection .homeQuoteCarousel a.viewAll:focus {
  text-decoration: none;
}

/*homeQuoteSection ends*/
.homeMaps {
  background: #f9f9f9;
  position: relative;
  text-align: right;
  direction: rtl;
}
.homeMaps ul {
  margin: 40px 0px -1px 45px;
  padding: 0px;
  list-style-type: none;
}
.homeMaps ul li {
  display: inline-block;
}
.homeMaps ul li a {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px;
  font-family: "MyriadProSemibold";
  color: #b7b7b7;
  padding-bottom: 6px;
}
.homeMaps ul li a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeMaps ul li a:active {
  text-decoration: none;
  color: #373737;
}
.homeMaps ul li a:visited {
  text-decoration: none;
  color: #b7b7b7;
}
.homeMaps ul li a.active {
  text-decoration: none;
  color: #373737;
  border-bottom: 2px solid #373737;
}
.homeMaps .row.storeFinder {
  height: 355px;
  border-top: 1px solid #ffbe00;
  border-bottom: 1px solid #ffbe00;
}
.homeMaps .row.storeFinder object, .homeMaps .row.storeFinder iframe {
  height: 355px;
  width: 100%;
}
.homeMaps .row.coverageMap {
  height: 355px;
  display: none;
  border-top: 1px solid #ffbe00;
  border-bottom: 1px solid #ffbe00;
}
.homeMaps .row.coverageMap object, .homeMaps .row.coverageMap iframe {
  height: 355px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .homeMaps {
    display: none;
  }
}
.homeMaps.coverageMapsPageContainer {
  display: block;
}

.homeMaps .row.storeFinder object, .homeMaps .row.storeFinder .mapperMap {
  height: 355px;
  width: 100%;
}

.homeDeviceCarousel {
  background: #f9f9f9;
  padding: 45px 45px 0px 45px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel {
    padding: 20px 25px 0px 25px;
  }
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel {
    padding: 25px 0px 0px 0px;
  }
}
.homeDeviceCarousel .devicesAndAccessoriesCarousel,
.homeDeviceCarousel .payAsYouGoCarousel,
.homeDeviceCarousel .contractsCarousel,
.homeDeviceCarousel .bundlesCarousel,
.homeDeviceCarousel .promotionsCarousel {
  display: none;
}
.homeDeviceCarousel ul.tabs {
  list-style-type: none;
  border-bottom: 2px solid white;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel ul.tabs {
    display: none;
  }
}
.homeDeviceCarousel ul.tabs li {
  display: inline-block;
  width: 16.45%;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel ul.tabs li {
    width: 16.36%;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel ul.tabs li {
    width: 16.25%;
  }
}
.homeDeviceCarousel ul.tabs li a {
  display: inline-block;
  width: 100%;
  padding: 15px;
  background: #ebebeb;
  text-align: center;
  font-family: "MyriadProRegular";
  color: #989898;
  font-size: 18px;
  font-family: "MyriadProSemibold";
}
.homeDeviceCarousel ul.tabs li a:hover {
  text-decoration: none;
  color: #373737;
  background: #ffd96b;
}
.homeDeviceCarousel ul.tabs li a:active {
  text-decoration: none;
  color: #373737;
}
.homeDeviceCarousel ul.tabs li a:focus {
  text-decoration: none;
  color: #373737;
}
.homeDeviceCarousel ul.tabs li a:visited {
  text-decoration: none;
  color: #373737;
}
.homeDeviceCarousel ul.tabs li a:visited:hover {
  text-decoration: none;
  color: #373737;
}
.homeDeviceCarousel ul.tabs li a.active {
  text-decoration: none;
  color: #373737;
  background: #ffbe00;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel ul.tabs li a {
    font-size: 15px;
    padding: 10px 3px;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel ul.tabs li a {
    font-size: 11px;
    padding: 10px 2px;
    font-family: "MyriadProSemibold";
  }
}
.homeDeviceCarousel .mobileTabsContainer {
  display: none;
  width: 100%;
  text-align: center;
}
.homeDeviceCarousel .mobileTabsContainer h1 {
  color: #373737;
  text-align: left;
  margin: 0px 10px 20px 0px;
}
.homeDeviceCarousel .mobileTabsContainer .styledSelectHomeMobile {
  background: #fff;
  border: 1px solid #989898;
  width: 100%;
  display: block;
  margin-left: 0px;
  /*margin-right: 10px;*/
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  padding: 7px 9px;
  height: 47px;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .mobileTabsContainer {
    display: block;
  }
}
.homeDeviceCarousel .slide {
  margin: 30px 15px 25px 15px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .slide {
    margin: 20px 15px 25px 15px;
  }
}
.homeDeviceCarousel .slide:hover .icon-zoom-in {
  display: block;
}
.homeDeviceCarousel .slide .icon-zoom-in {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #b7b7b7;
  z-index: 99;
  display: none;
}
.homeDeviceCarousel .slide .icon-zoom-in:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeDeviceCarousel .slide .icon-zoom-in:active {
  text-decoration: none;
  color: #ffd96b;
}
.homeDeviceCarousel .slide .icon-zoom-in:focus {
  text-decoration: none;
  color: #ffd96b;
}
.homeDeviceCarousel .slide .icon-zoom-in:visited {
  text-decoration: none;
  color: #337ab7;
}
.homeDeviceCarousel .slide .icon-zoom-in:visited:hover {
  text-decoration: none;
  color: #ffd96b;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel .slide .icon-zoom-in {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .slide .icon-zoom-in {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .slide .icon-zoom-in {
    display: block;
  }
}
.homeDeviceCarousel .slidePanel {
  position: relative;
  text-align: left;
  background: white;
  font-family: "MyriadProRegular";
  color: #989898;
  font-size: 15px;
  width: 100%;
  height: 250px;
  box-shadow: 1px 1px 10px #ccc;
  cursor: pointer;
  padding: 20px;
  display: table;
}
.homeDeviceCarousel .slidePanel .imgContainer {
  width: 40%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .slidePanel .imgContainer {
    width: 30%;
  }
}
.homeDeviceCarousel .slidePanel .imgContainer img {
  vertical-align: middle;
}
.homeDeviceCarousel .slidePanel .textContainer {
  display: table-cell;
  position: relative;
  padding-right: 10px;
  text-align: right;
  direction: rtl;
}
.homeDeviceCarousel .slidePanel h3 {
  font-size: 25px;
  color: #373737;
  font-family: "MyriadProSemibold";
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .slidePanel h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .slidePanel h3 {
    font-size: 20px;
  }
}
.homeDeviceCarousel .slidePanel h4 {
  font-size: 15px;
  color: #b7b7b7;
  font-family: "MyriadProRegular";
  margin: 5px 0px 5px 0px;
  padding: 0px;
}
.homeDeviceCarousel .slidePanel .price {
  font-size: 38px;
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  position: absolute;
  top: 97px;
  right: 10px;
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .slidePanel .price {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .slidePanel .price {
    font-size: 32px;
  }
}
.homeDeviceCarousel .slidePanel .price span {
  font-size: 13px;
  line-height: 14px;
  font-family: "MyriadProSemibold";
  color: #989898;
  text-transform: uppercase;
  display: inline-block;
  width: 175px;
}
.homeDeviceCarousel .slidePanel .seeMoreLink {
  font-size: 16px;
  font-family: "MyriadProSemibold";
  position: absolute;
  top: 174px;
  right: 10px;
}
.homeDeviceCarousel .slidePanel .seeMoreLink span {
  font-size: 11px;
}
.homeDeviceCarousel .slidePanel .seeMoreLink:hover {
  text-decoration: none;
  color: #ffbe00;
}
.homeDeviceCarousel .slidePanel .seeMoreLink:active {
  text-decoration: none;
  color: #ffbe00;
}
.homeDeviceCarousel .slidePanel .seeMoreLink:focus {
  text-decoration: none;
  color: #ffbe00;
}
.homeDeviceCarousel .slidePanel .seeMoreLink:visited {
  text-decoration: none;
  color: #337ab7;
}
.homeDeviceCarousel .slidePanel .seeMoreLink:visited:hover {
  text-decoration: none;
  color: #ffbe00;
}
.homeDeviceCarousel .owl-prev {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/prevDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  left: -30px !important;
  margin-top: -11px !important;
}
.homeDeviceCarousel .owl-prev:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel .owl-prev {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .owl-prev {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .owl-prev {
    display: none !important;
  }
}
.homeDeviceCarousel .owl-next {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/nextDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  right: -30px !important;
  margin-top: -11px !important;
}
.homeDeviceCarousel .owl-next:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel .owl-next {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .owl-next {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .owl-next {
    display: none !important;
  }
}
.homeDeviceCarousel .owl-pagination {
  display: none;
}
@media screen and (max-width: 1024px) {
  .homeDeviceCarousel .owl-pagination {
    display: block !important;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}
@media screen and (max-width: 768px) {
  .homeDeviceCarousel .owl-pagination {
    display: block !important;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}
@media screen and (max-width: 640px) {
  .homeDeviceCarousel .owl-pagination {
    display: block;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 20px;
  }
  .homeDeviceCarousel .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}

.homeNewsWidget {
  background: #f9f9f9;
  position: relative;
  padding: 20px 40px 40px 40px;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget {
    padding: 15px;
  }
}
@media screen and (max-width: 640px) {
  .homeNewsWidget {
    padding: 15px;
  }
}
.homeNewsWidget .inner {
  background: white;
  box-shadow: 0px 1px 5px #ddd;
  padding: 0px;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .inner {
    /*height: 350px;*/
  }
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .inner {
    /*height: 295px;*/
  }
}
@media screen and (max-width: 640px) {
  .homeNewsWidget .inner {
    height: auto;
    padding: 0px 15px;
  }
}
.homeNewsWidget .listing {
  padding: 20px 35px;
}
@media screen and (max-width: 640px) {
  .homeNewsWidget .listing {
    padding: 10px;
  }
}
.homeNewsWidget .listing .tabs {
  margin: 0px;
  float: left;
}
.homeNewsWidget .listing .tabs li {
  display: inline-block;
  margin: 0px 10px 0px 0px;
}
.homeNewsWidget .listing .tabs li a {
  font-family: "MyriadProRegular";
  font-size: 17px;
  color: #ffbe00;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .tabs li a {
    font-size: 14px;
  }
}
.homeNewsWidget .listing .tabs li a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.homeNewsWidget .listing .tabs li a:active {
  text-decoration: none;
  color: #ffd96b;
}
.homeNewsWidget .listing .tabs li a:focus {
  text-decoration: none;
  color: #ffd96b;
}
.homeNewsWidget .listing .tabs li a.active {
  font-size: 30px;
  color: #6b6b6b;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .tabs li a.active {
    font-size: 20px;
  }
}
.homeNewsWidget .listing .viewAllLink {
  margin-top: 12px;
  float: right;
  font-family: "MyriadProRegular";
  font-size: 18px;
  color: #609abf;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .viewAllLink {
    margin-top: 5px;
    font-size: 14px;
  }
}
.homeNewsWidget .listing .viewAllLink:hover {
  text-decoration: none;
  color: #23527c;
}
.homeNewsWidget .listing .viewAllLink:active {
  text-decoration: none;
  color: #23527c;
}
.homeNewsWidget .listing .viewAllLink:focus {
  text-decoration: none;
  color: #23527c;
}
.homeNewsWidget .listing hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.homeNewsWidget .listing .newsEntry {
  padding: 10px;
  background: white;
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .listing .newsEntry {
    padding: 0px;
  }
}
.homeNewsWidget .listing .newsEntry h4 {
  color: #ffbe00;
  font-size: 18px;
  font-family: "MyriadProSemibold";
  margin: 0px 0px 5px 0px;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .newsEntry h4 {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .listing .newsEntry h4 {
    font-size: 13px;
  }
}
.homeNewsWidget .listing .newsEntry p.timeStamp {
  color: #989898;
  font-size: 14px;
  font-family: "MyriadProRegular";
  margin: 0px 0px 1px 0px;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .newsEntry p.timeStamp {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .listing .newsEntry p.timeStamp {
    font-size: 11px;
  }
}
.homeNewsWidget .listing .newsEntry p.details {
  color: #373737;
  font-size: 17px;
  font-family: "MyriadProRegular";
  margin: 0px 0px 5px 0px;
}
@media screen and (max-width: 1024px) {
  .homeNewsWidget .listing .newsEntry p.details {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .listing .newsEntry p.details {
    font-size: 12px;
  }
}
.homeNewsWidget .listing .newsEntry:hover {
  background: #f1f1f1;
}
.homeNewsWidget .newsWidgetCarousel {
  position: relative;
}
.homeNewsWidget .newsWidgetCarousel .slide {
  position: relative;
}
@media screen and (max-width: 640px) {
  .homeNewsWidget .newsWidgetCarousel img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .homeNewsWidget .newsWidgetCarousel img {
    width: 100%;
  }
}
.homeNewsWidget .newsWidgetCarousel h4 {
  position: absolute;
  left: 20px;
  bottom: 114px;
  color: white;
  font-size: 17px;
  font-family: "MyriadProRegular";
  margin: 0px;
}
.homeNewsWidget .newsWidgetCarousel h3 {
  position: absolute;
  left: 20px;
  bottom: 83px;
  color: white;
  font-size: 28px;
  font-family: "MyriadProSemibold";
  margin: 0px;
}
.homeNewsWidget .newsWidgetCarousel h5 {
  position: absolute;
  left: 20px;
  bottom: 66px;
  color: #989898;
  font-size: 14px;
  font-family: "MyriadProRegular";
  margin: 0px;
}
.homeNewsWidget .newsWidgetCarousel a.button {
  display: block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 21px;
  padding: 5px 10px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.homeNewsWidget .newsWidgetCarousel a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.homeNewsWidget .newsWidgetCarousel a.button:active {
  text-decoration: none;
}
.homeNewsWidget .newsWidgetCarousel a.button:focus {
  text-decoration: none;
}
.homeNewsWidget .newsWidgetCarousel .owl-pagination {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.homeNewsWidget .newsWidgetCarousel .owl-page span {
  background: #B7B7B7;
}
.homeNewsWidget .newsWidgetCarousel .owl-page span:hover {
  background: #ffd96b;
}
.homeNewsWidget .newsWidgetCarousel .owl-page.active span {
  background: #ffbe00;
}
.homeNewsWidget .newsWidgetCarousel .owl-page.active span:hover {
  background: #ffd96b;
}

/*FAQs n such*/
a.faqTrigger {
  display: block;
  color: #f8a125;
  font-size: 24px;
  font-family: "MyriadProSemibold";
  background: #fbfbfb;
  margin-top: 4px;
}
@media screen and (max-width: 640px) {
  a.faqTrigger {
    background: #fff;
  }
}
a.faqTrigger span.arrow {
  display: inline-block;
  float: right;
  margin-top: 12px;
  width: 31px;
  height: 10px;
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) top left no-repeat;
}
a.faqTrigger:hover {
  color: #ffbe00;
  text-decoration: none;
}
a.faqTrigger:active {
  text-decoration: none;
}
a.faqTrigger:focus {
  text-decoration: none;
}
a.faqTrigger.active {
  color: #989898;
}
a.faqTrigger.active span.arrow {
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) bottom left no-repeat;
}

.faqContent {
  display: none;
  padding: 15px 20px 15px 20px;
}
.faqContent.open {
  display: block;
}
@media screen and (max-width: 640px) {
  .faqContent {
    padding: 15px 10px 15px 10px;
  }
}
.faqContent ul {
  margin-right: 30px;
}

.faqIntroCopy {
  padding: 0px 0px 0px 20px;
}
.faqIntroCopy h4 {
  color: #6b6b6b;
}
.faqIntroCopy ul {
  list-style: disc;
  margin-left: 15px;
  margin: 15px 0 15px 15px;
}
.faqIntroCopy ul li {
  color: #ffbe00;
  margin: 10px 0 10px 0;
}
.faqIntroCopy ul li span {
  color: #989898;
}

.sideBarTemplate {
  background: #f9f9f9;
  padding: 40px;
  direction: rtl;
  text-align: right;
  /*contractDetail ends*/
  /*mobileSection ends*/
}
@media screen and (max-width: 768px) {
  .sideBarTemplate {
    padding: 10px 20px;
  }
}
.sideBarTemplate h1.pageTitle {
  font-size: 45px;
  color: #474747;
}
.sideBarTemplate .searchField {
  width: 350px;
  height: 54px;
  border: 1px solid #e6e6e6 !important;
  padding: 10px;
  font-size: 25px;
  color: #474747;
  font-family: "MyriadProRegular";
  float: right;
  background: url(../img/searchResults/searchFieldBg.png) center left no-repeat;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .searchField {
    width: 380px;
    margin-left: 9px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .searchField {
    width: 75%;
    font-size: 25px;
    margin-top: 10px;
    float: right;
    margin-left: 0px;
  }
}
.sideBarTemplate .searchButton {
  width: 67px !important;
  height: 54px;
  float: right;
  background: url(../img/searchResults/searchBtnBg.png) center left no-repeat;
  border: none;
  margin-top: 10px;
  margin-left: 0px !important;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .searchButton {
    margin-top: 10px;
    float: right;
  }
}
.sideBarTemplate .mainContentArea {
  padding: 0px 1px;
  margin-top: 0px;
}
.sideBarTemplate .mainContentArea .content {
  /*margin-top: 20px;*/
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .mainContentArea .faqTrigger {
    background: #fbfbfb !important;
    padding: 10px;
  }
}
.sideBarTemplate .mainContentArea .faqTrigger span.arrow {
  /*margin-top: 5px;*/
  float: left;
}
.sideBarTemplate .accordionTabs {
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
  direction: rtl;
}
.sideBarTemplate .tabContentContainer {
  margin-top: -4px;
  background: #fff;
  direction: rtl;
  text-align: right;
}
.sideBarTemplate .paginationContainer {
  background: #fff;
}
.sideBarTemplate .mainContentArea .owl-carousel {
  padding: 0px 40px 0px 40px;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .mainContentArea .owl-carousel {
    padding: 0px 20px 0px 20px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .mainContentArea .owl-carousel {
    padding: 0px 5px 0px 5px;
  }
}
.sideBarTemplate .mainContentArea .owl-carousel .slide {
  text-align: center;
  margin: 0px;
  padding: 0px 3px 15px 3px;
  color: #868686;
  font-size: 21px;
  line-height: 20px;
  font-family: "MyriadProSemibold";
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .mainContentArea .owl-carousel .slide {
    line-height: 24px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .mainContentArea .owl-carousel .slide {
    font-size: 18px;
    line-height: 18px;
  }
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a {
  display: block;
  color: #868686;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a .heading {
  display: table;
  width: 100%;
  height: 50px;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a .heading span {
  display: table-cell;
  vertical-align: middle;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a:hover {
  color: #373737;
  text-decoration: none;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a:hover .iconBlock {
  color: white;
  background: #ffd96b;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a:hover .iconBlock span {
  color: white;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a:active {
  color: #373737;
  text-decoration: none;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a:visited {
  color: #868686;
  text-decoration: none;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a .iconBlock {
  height: 110px;
  background: #eaeaea;
  margin-top: 10px;
  font-size: 58px;
  color: #6b6b6b;
  display: table;
  width: 100%;
  position: relative;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a .iconBlock span.icon {
  display: table-cell;
  vertical-align: middle;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a .iconBlock span.arrowDown {
  display: none;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a.active {
  color: #373737;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock {
  color: white;
  background: #ffbe00;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock span.icon {
  color: white;
}
.sideBarTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock span.arrowDown {
  display: block;
  width: 31px;
  height: 15px;
  background: url(../img/header/arrowDown.png) top left no-repeat;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
}
.sideBarTemplate .owl-prev {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/prevDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  left: 6px !important;
  margin-top: 4px !important;
}
.sideBarTemplate .owl-prev:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .owl-prev {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .owl-prev {
    display: none !important;
  }
}
.sideBarTemplate .owl-next {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/nextDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  right: 6px !important;
  margin-top: 4px !important;
}
.sideBarTemplate .owl-next:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .owl-next {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .owl-next {
    display: none !important;
  }
}
.sideBarTemplate .owl-pagination {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .owl-pagination {
    display: block !important;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sideBarTemplate .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .sideBarTemplate .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .owl-pagination {
    display: block !important;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sideBarTemplate .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .sideBarTemplate .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .owl-pagination {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .sideBarTemplate .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 20px;
  }
  .sideBarTemplate .owl-pagination .owl-page.active span {
    background: #ffbe00;
  }
}
.sideBarTemplate .sideBarTemplateSidebar {
  margin: 0px 0px 0px 20px;
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .sideBarTemplateSidebar {
    margin: 0px;
  }
}
.sideBarTemplate .sideBarTemplateSidebar .col-lg-12 {
  margin-top: 20px !important;
}
.sideBarTemplate .sideBarTemplateSidebar .twitterWidget {
  background: white;
  border-top: 6px solid #ffbe00;
  border-bottom: 2px solid #ccc;
  padding: 20px !important;
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .sideBarTemplateSidebar .twitterWidget {
    margin: 0px 0px 0px 0px;
  }
}
.sideBarTemplate .sideBarTemplateSidebar .twitterWidget h3 {
  margin: 0px;
  font-size: 26px;
  color: #6b6b6b;
}
.sideBarTemplate .sideBarTemplateSidebar .twitterWidget p {
  margin-top: 10px;
}
.sideBarTemplate .sideBarTemplateSidebar .deviceSupportBanner {
  text-align: center;
}
.sideBarTemplate .sideBarTemplateSidebar .deviceSupportBanner img {
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .sideBarTemplateSidebar .deviceSupportBanner {
    margin: 0px 0px 0px 0px;
  }
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm {
  margin-top: 20px;
  background: white;
  padding: 20px !important;
  font-size: 17px;
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm h3 {
  margin: 0px;
  font-size: 26px;
  color: #6b6b6b;
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm p {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactForm p {
    font-size: 16px;
  }
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm a:hover {
  text-decoration: none;
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm a:active {
  text-decoration: none;
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm a:focus {
  text-decoration: none;
}
.sideBarTemplate .sideBarTemplateSidebar .contactForm a:visited {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactForm a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactForm {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactForm .contactFormChannels {
    padding-left: 50px;
    padding-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactForm .contactFormChannels {
    padding-left: 20px;
    padding-top: 0px;
  }
}
.sideBarTemplate .sideBarTemplateSidebar .button {
  display: block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 21px;
  padding: 10px 25px 10px 25px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.sideBarTemplate .sideBarTemplateSidebar .button:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #474747;
}
.sideBarTemplate .sideBarTemplateSidebar .button:active {
  text-decoration: none;
  color: #474747;
}
.sideBarTemplate .sideBarTemplateSidebar .button:focus {
  text-decoration: none;
  color: #474747;
}
.sideBarTemplate .sideBarTemplateSidebar .contactHeader {
  font-family: "MyriadProSemibold";
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sideBarTemplate .sideBarTemplateSidebar .contactHeader span.iconBlock {
  display: inline-block;
  float: left;
  color: #ffbe00;
  font-size: 42px;
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .sideBarTemplateSidebar .contactHeader {
    font-size: 16px;
  }
}
.sideBarTemplate .formContentContainer {
  /*padding: 0px 10px 0px 10px;*/
}
.sideBarTemplate .formContentContainer label.first {
  margin-top: 0px;
}
.sideBarTemplate .partnerServices {
  background: white;
  border-top: 6px solid #ffbe00;
  border-bottom: 2px solid #ccc;
  padding: 0px 0px 20px 0px;
  /*width: 100%;*/
  margin-top: 20px !important;
}
.sideBarTemplate .partnerServices h3 {
  margin: 20px 10px;
  font-size: 26px;
  color: #6b6b6b;
}
.sideBarTemplate .partnerServices .partnerService {
  display: table;
  width: 100%;
  padding: 14px 10px !important;
  font-size: 19px;
}
.sideBarTemplate .partnerServices .partnerService.altBackground {
  background: #f9f9f9;
}
.sideBarTemplate .partnerServices .partnerService p {
  margin: 0px !important;
  padding: 0px;
  font-family: "MyriadProSemibold";
  display: table-cell;
  vertical-align: middle;
}
.sideBarTemplate .partnerServices .partnerService a {
  color: #609abf;
  text-decoration: none;
}
.sideBarTemplate .partnerServices .partnerService a:hover {
  color: #23527c;
  text-decoration: none;
}
.sideBarTemplate .partnerServices .partnerService a:active {
  text-decoration: none;
  color: #609abf;
}
.sideBarTemplate .partnerServices .partnerService a:focus {
  text-decoration: none;
  color: #609abf;
}
.sideBarTemplate .partnerServices .partnerService span.price {
  float: right;
  color: #ffbe00;
  line-height: 16px;
}
.sideBarTemplate .partnerServices .partnerService span.price span {
  color: #6b6b6b;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
}
.sideBarTemplate .viewAllPartnerServices {
  color: #609abf;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: right;
  margin: 10px 0px 0px 0px;
  padding-right: 10px;
}
.sideBarTemplate .viewAllPartnerServices:hover {
  color: #23527c;
  text-decoration: none;
}
.sideBarTemplate .viewAllPartnerServices:active {
  text-decoration: none;
  color: #609abf;
}
.sideBarTemplate .viewAllPartnerServices:focus {
  text-decoration: none;
  color: #609abf;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel {
  width: 100%;
  text-align: center;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel.promoBanner {
  width: 100%;
  display: block;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel.promoBanner .slide {
  width: 100%;
  text-align: center;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel.promoBanner .slide img {
  margin: 0 auto;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel .owl-pagination {
  display: block;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel .owl-page span {
  background: #B7B7B7;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel .owl-page span:hover {
  background: #ffd96b;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel .owl-page.active span {
  background: #ffbe00;
}
.sideBarTemplate #sideBarSectionLandingPromoBannerCarousel .owl-page.active span:hover {
  background: #ffd96b;
}
.sideBarTemplate .contractDetail {
  background: #f9f9f9;
  padding-top: 0px;
  direction: rtl;
}
.sideBarTemplate .contractDetail h3 {
  font-size: 25px;
  font-family: "MyriadProLight";
  color: #373737;
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail h3 {
    font-size: 18px;
  }
}
.sideBarTemplate .contractDetail h3 a:hover {
  text-decoration: none;
}
.sideBarTemplate .contractDetail h3 a:active {
  text-decoration: none;
}
.sideBarTemplate .contractDetail h3 a:visited {
  text-decoration: none;
}
.sideBarTemplate .contractDetail h3 a:focus {
  text-decoration: none;
}
.sideBarTemplate .contractDetail .shareWidget {
  margin-top: 20px;
}
.sideBarTemplate .contractDetail ul.tabs {
  margin: 30px 0px 0px 0px;
  padding: 0px;
  display: block;
  border-bottom: 1px solid #ffbe00;
}
.sideBarTemplate .contractDetail ul.tabs li {
  display: inline-block;
  list-style-type: none;
  margin: 0 25px 0 0;
}
.sideBarTemplate .contractDetail ul.tabs li a {
  font-family: "MyriadProSemibold";
  font-size: 20px;
  color: #b7b7b7;
  text-decoration: none;
  padding: 10px 0px 2px 0px;
  border-bottom: 1px solid transparent;
}
.sideBarTemplate .contractDetail ul.tabs li a:hover {
  color: #6b6b6b;
}
.sideBarTemplate .contractDetail ul.tabs li a.active {
  color: #6b6b6b;
  border-bottom: 2px solid #6b6b6b;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .desktopTabs {
    display: none;
  }
}
.sideBarTemplate .contractDetail .contractDetailOverview {
  display: block;
  padding-top: 30px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractDetailOverview.desktop {
    display: none;
  }
}
.sideBarTemplate .contractDetail .contractDetailRates,
.sideBarTemplate .contractDetail .contractDetailFAQs,
.sideBarTemplate .contractDetail .contractDetailReviews {
  display: none;
}
.sideBarTemplate .contractDetail .owl-carousel {
  padding: 0px 40px 0px 12px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.owl-carousel {
    padding: 0px 12px 0px 12px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.owl-carousel .owl-controls {
    margin-top: -10px;
  }
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .contractDetail #contractOverviewCarousel .owl-pagination {
    display: none !important;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile {
    margin-top: 0px;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner {
  background: white;
  padding: 4px;
  margin: 10px 5px 10px 5px;
  text-align: left;
  font-family: "MyriadProRegular";
  font-size: 20px;
  color: #373737;
  box-shadow: 1px 1px 5px #ccc;
  border-bottom: 1px solid transparent;
  /*active ends*/
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow {
  display: block;
  padding: 20px 10px;
  background: #fbfbfb;
  margin-top: 5px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow p, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow p {
  margin: initial;
  color: #989898;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow p span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow p span {
  display: block;
  font-family: "MyriadProRegular";
  font-size: 31px;
  margin-top: 10px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow p span span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow p span span {
  display: inline-block;
  font-size: 21px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow p.monthlyFee, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow p.monthlyFee {
  color: #373737;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow p.monthlyFee span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow p.monthlyFee span {
  font-family: "MyriadProSemibold";
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow h5, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow h5 {
  font-size: 24px;
  margin: initial;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner .slideRow.heading, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner .slideRow.heading {
  font-family: "MyriadProSemibold";
  background: #dedede;
  margin-top: 0px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner p, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner p {
    margin-top: 5px;
    line-height: 20px;
  }
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner p span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner p span {
    display: block;
    font-family: "MyriadProRegular";
    font-size: 31px;
    margin-top: 0px;
    color: #373737;
  }
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner p span span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner p span span {
    display: inline-block;
    font-size: 21px;
  }
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner p.monthlyFee, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner p.monthlyFee {
    color: #373737;
  }
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner p.monthlyFee span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner p.monthlyFee span {
    font-family: "MyriadProSemibold";
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active {
  border-bottom: 1px solid #ffbe00;
  width: 100%;
  padding-bottom: 17px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active {
    width: auto;
    margin-top: -20px;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow {
  display: block;
  padding: 10px 10px;
  background: #f1f1f1;
  margin-top: 5px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow.heading, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow.heading {
  padding: 20px 10px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow p, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow p {
  margin-top: 5px;
  line-height: 34px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow p span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow p span {
  display: block;
  font-family: "MyriadProRegular";
  font-size: 31px;
  margin-top: 0px;
  color: #373737;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow p span span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow p span span {
  display: inline-block;
  font-size: 21px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow p.monthlyFee, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow p.monthlyFee {
  color: #373737;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow p.monthlyFee span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow p.monthlyFee span {
  font-family: "MyriadProSemibold";
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .slideInner.active .slideRow.heading, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .slideInner.active .slideRow.heading {
  background: #ffbe00;
  margin-top: 0px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button {
  color: #989898;
  font-size: 21px;
  background: #dedede;
  margin: 20px 5px !important;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button {
    width: auto;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .button span, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button span {
  font-size: 13px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .button:hover, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button:hover {
  background: #ffd96b;
  color: #373737;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .button.active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button.active {
  background: #ffbe00;
  color: #373737;
  width: 100%;
  padding: 5px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .button.active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button.active {
    width: auto;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .button.active:hover, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button.active:hover {
  background: #ffd96b;
  color: #373737;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink {
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  font-size: 17px;
  display: block;
  width: 100%;
  text-align: center;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink a, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink a {
  display: inline-block;
  color: #337ab7;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink a:hover, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink a:hover {
  color: #23527c;
  text-decoration: none;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink a:active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink a:active {
  color: #23527c;
  text-decoration: none;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink a:focus, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink a:focus {
  color: #337ab7;
  text-decoration: none;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink a:visited, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink a:visited {
  color: #337ab7;
  text-decoration: none;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .seeMoreLink.active, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .seeMoreLink.active {
  margin-top: 10px;
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .owl-prev, .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-next, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-prev, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-next {
  top: 30px !important;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-prev, .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-next, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-prev, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-next {
    display: block !important;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-prev, .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-next, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-prev, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-next {
    display: none !important;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel .owl-prev, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-prev {
  left: -320px !important;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .owl-prev, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .owl-prev {
    left: -242px !important;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile .button {
    padding: 15px !important;
    margin-top: 12px !important;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .slide, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .slide {
  margin: 30px 0px 0px 40px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .slide, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .slide {
    margin: 30px 0px 0px 0px;
  }
}
.sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .button {
  margin-top: 8px !important;
  margin-bottom: 11px !important;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .button {
    margin-top: 12px !important;
    margin-bottom: 11px !important;
    padding: 7px;
  }
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .button {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetail .contractOverviewCarousel.staticSlide .button, .sideBarTemplate .contractDetail #contractOverviewCarouselMobile.staticSlide .button {
    padding: 15px !important;
  }
}
.sideBarTemplate .contractDetail h2 {
  font-size: 36px;
  color: #373737;
}
.sideBarTemplate .contractDetail p {
  color: #6b6b6b;
}
.sideBarTemplate .contractDetail ul {
  margin-left: 30px;
}
.sideBarTemplate .contractDetail ul li {
  color: #ffbe00;
  list-style-type: disc;
}
.sideBarTemplate .contractDetail ul li span {
  color: #6b6b6b;
}
.sideBarTemplate .contractDetailSidebar h3 {
  margin-top: 0px;
}
.sideBarTemplate .contractDetailSidebar .slide {
  position: relative;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetailSidebar .slide {
    margin: 20px 15px 25px 15px;
  }
}
.sideBarTemplate .contractDetailSidebar .slide:hover .icon-zoom-in {
  display: block;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 24px;
  color: #b7b7b7;
  z-index: 99;
  display: none;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in:hover {
  text-decoration: none;
  color: #ffd96b;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in:active {
  text-decoration: none;
  color: #ffd96b;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in:focus {
  text-decoration: none;
  color: #ffd96b;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in:visited {
  text-decoration: none;
  color: #337ab7;
}
.sideBarTemplate .contractDetailSidebar .slide .icon-zoom-in:visited:hover {
  text-decoration: none;
  color: #ffd96b;
}
.sideBarTemplate .contractDetailSidebar .slidePanel {
  position: relative;
  text-align: left;
  background: white;
  font-family: "MyriadProRegular";
  color: #989898;
  font-size: 15px;
  width: 100%;
  box-shadow: 1px 1px 5px #ccc;
  cursor: pointer;
  padding: 20px;
  display: table;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .imgContainer {
  width: 40%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .imgContainer img {
  vertical-align: middle;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .textContainer {
  width: 57%;
  display: table-cell;
  position: relative;
  padding-left: 10px;
}
.sideBarTemplate .contractDetailSidebar .slidePanel h3 {
  font-size: 21px;
  color: #373737;
  font-family: "MyriadProSemibold";
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetailSidebar .slidePanel h3 {
    font-size: 20px;
  }
}
.sideBarTemplate .contractDetailSidebar .slidePanel h4 {
  font-size: 16px;
  color: #b7b7b7;
  font-family: "MyriadProSemibold";
  margin: 5px 0px 5px 0px;
  padding: 0px;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .price {
  font-size: 23px;
  color: #ffbe00;
  font-family: "MyriadProSemibold";
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .contractDetailSidebar .slidePanel .price {
    font-size: 22px;
  }
}
.sideBarTemplate .contractDetailSidebar .slidePanel .price span {
  font-size: 10px;
  line-height: 10px;
  font-family: "MyriadProSemibold";
  color: #989898;
  text-transform: uppercase;
  display: inline-block;
  width: 35px;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink {
  font-size: 16px;
  font-family: "MyriadProSemibold";
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink span {
  font-size: 11px;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink:hover {
  text-decoration: none;
  color: #ffbe00;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink:active {
  text-decoration: none;
  color: #ffbe00;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink:focus {
  text-decoration: none;
  color: #ffbe00;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink:visited {
  text-decoration: none;
  color: #337ab7;
}
.sideBarTemplate .contractDetailSidebar .slidePanel .seeMoreLink:visited:hover {
  text-decoration: none;
  color: #ffbe00;
}
.sideBarTemplate .notesContainer {
  background: white;
  padding: 0px 10px 20px 10px;
  margin: 0px 45px;
}
@media screen and (max-width: 1024px) {
  .sideBarTemplate .notesContainer {
    margin: 0px 30px 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .notesContainer {
    margin: 0px 20px 20px 0px;
  }
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .notesContainer h2 {
    font-size: 20px;
  }
}
.sideBarTemplate .contractReviews, .sideBarTemplate .servicesReviews, .sideBarTemplate .servicesHowToGetIt {
  border-bottom: 1px solid #ffbe00;
  background: white;
  padding: 20px 10px !important;
}
.sideBarTemplate .contractReviews h3, .sideBarTemplate .servicesReviews h3, .sideBarTemplate .servicesHowToGetIt h3 {
  font-family: "MyriadProSemibold" !important;
  color: #373737;
  font-size: 24px;
}
.sideBarTemplate .contractFaqContainer {
  padding: 20px 0 20px 0;
  margin: 0px;
}
.sideBarTemplate .contractFaqContainer h3 {
  font-family: "MyriadProSemibold" !important;
  color: #373737;
  font-size: 24px;
}
.sideBarTemplate .contractFaqContainer .contractFaqContent {
  margin-top: 20px;
  background: white;
  padding: 0px 3px 3px 3px;
}
.sideBarTemplate .servicesDetail h3.bordered {
  padding-right: 20px;
  border-right: 1px solid #ffbe00;
}
@media screen and (max-width: 768px) {
  .sideBarTemplate .servicesDetail h3.bordered {
    font-size: 22px;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .servicesDetail h3.bordered {
    font-size: 18px;
    padding-left: 0px;
    border-left: none;
  }
}
.sideBarTemplate .servicesDetailOverview {
  padding: 30px 20px;
  background: white;
  border-bottom: 1px solid #ffbe00;
}
.sideBarTemplate .servicesDetailOverview h3 {
  font-family: "MyriadProSemibold" !important;
  color: #373737;
  font-size: 24px;
}
.sideBarTemplate .servicesDetailOverview ul {
  margin-bottom: 20px;
}
.sideBarTemplate .servicesDetailOverview h4 {
  display: block;
  background: #ffd96b;
  font-size: 17px;
  font-family: "MyriadProSemibold";
  color: #373737;
  padding: 15px;
}
.sideBarTemplate .contractFaqContent {
  border-bottom: 1px solid #ffbe00;
}
.sideBarTemplate .servicesDetailHowToGetIt,
.sideBarTemplate .servicesDetailFAQs,
.sideBarTemplate .servicesDetailReviews {
  display: none;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .desktop {
    display: none;
  }
}
.sideBarTemplate .mobileSection {
  display: none;
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .mobileSection {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .sideBarTemplate .mobileSection .faqTrigger {
    background: #fff !important;
    font-size: 18px;
  }
}
.sideBarTemplate .mobileSection .faqContent {
  padding: 10px 5px;
}
.sideBarTemplate .mobileSection .faqContent h3 {
  font-size: 20px;
}
.sideBarTemplate .mobileSection .faqContent .servicesDetailOverview,
.sideBarTemplate .mobileSection .faqContent .servicesDetailHowToGetIt,
.sideBarTemplate .mobileSection .faqContent .servicesDetailFAQs,
.sideBarTemplate .mobileSection .faqContent .servicesDetailReviews,
.sideBarTemplate .mobileSection .faqContent .contractDetailOverview,
.sideBarTemplate .mobileSection .faqContent .contractDetailRates,
.sideBarTemplate .mobileSection .faqContent .contractDetailFAQs,
.sideBarTemplate .mobileSection .faqContent .contractDetailReviews {
  display: block;
  border-bottom: none;
  background: #f9f9f9 !important;
  padding: 0px !important;
}
.sideBarTemplate .mobileSection .faqContent .servicesDetailHowToGetIt .mobile,
.sideBarTemplate .mobileSection .faqContent .servicesDetailHowToGetIt .servicesDetailHowToGetIt {
  display: block;
  border-bottom: none;
  background: #f9f9f9 !important;
  padding: 0px !important;
}
.sideBarTemplate .mobileSection .faqContent s
.contractFaqContainer h3 {
  display: none;
}
.sideBarTemplate .mobileSection .faqContent .faqTrigger {
  color: #343434 !important;
  background: #f1f1f1 !important;
}
.sideBarTemplate .mobileSection .faqContent .faqTrigger.active {
  color: #939393 !important;
  background: #f9f9f9 !important;
}
.sideBarTemplate .mobileSection .faqContent .contractFaqContent, .sideBarTemplate .mobileSection .faqContent .contractFaqContainer,
.sideBarTemplate .mobileSection .faqContent .servicesDetailReviews, .sideBarTemplate .mobileSection .faqContent .servicesReviews {
  margin-top: 0px !important;
  padding: 0px !important;
  background: #f9f9f9;
  border-bottom: none;
}
.sideBarTemplate .mobileSection .faqContent .contractReviews {
  margin-top: 0px !important;
  padding: 0px !important;
  background: #f9f9f9;
  border-bottom: none;
}
.sideBarTemplate .mobileSection .faqContent .pagination {
  display: none;
}

.relatedSearches h3 span {
  font-size: 19px;
}
.relatedSearches p {
  margin-left: 10px;
}

.discoverMore .col-md-12 {
  margin: 0px;
  padding: 0px;
}
.discoverMore h3 {
  margin: 20px 0px;
  font-size: 26px;
  color: #6b6b6b;
}
@media screen and (max-width: 1024px) {
  .discoverMore h3 {
    margin: 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  .discoverMore h3 {
    margin: 0px 0px;
  }
}
@media screen and (max-width: 640px) {
  .discoverMore h3 {
    margin: 20px 0px;
  }
}
.discoverMore h3 span {
  font-size: 19px;
}
.discoverMore .faqContent {
  margin-left: 15px;
  margin-right: 15px;
}

/*Product listing*/
.productListing {
  background: #f9f9f9 !important;
  padding-top: 0px;
  margin-top: 22px;
  text-align: center;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .productListing .col-md-6 {
    padding: 0px;
  }
}
.productListing .slide {
  margin: 0px 0px 25px 0px;
  position: relative;
}
.productListing .slide:hover .icon-zoom-in {
  display: block;
}
.productListing .slide .icon-zoom-in {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #b7b7b7;
  z-index: 99;
  display: none;
}
.productListing .slide .icon-zoom-in:hover {
  text-decoration: none;
  color: #ffd96b;
}
.productListing .slide .icon-zoom-in:active {
  text-decoration: none;
  color: #ffd96b;
}
.productListing .slide .icon-zoom-in:focus {
  text-decoration: none;
  color: #ffd96b;
}
.productListing .slide .icon-zoom-in:visited {
  text-decoration: none;
  color: #337ab7;
}
.productListing .slide .icon-zoom-in:visited:hover {
  text-decoration: none;
  color: #ffd96b;
}
@media screen and (max-width: 1024px) {
  .productListing .slide .icon-zoom-in {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .productListing .slide .icon-zoom-in {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .productListing .slide .icon-zoom-in {
    display: block;
  }
}
.productListing .slidePanel {
  position: relative;
  text-align: right;
  direction: rtl;
  background: white;
  font-family: "MyriadProRegular";
  color: #989898;
  font-size: 15px;
  width: 100%;
  height: 250px;
  box-shadow: 1px 1px 10px #ccc;
  cursor: pointer;
  padding: 20px;
  display: table;
}
.productListing .slidePanel .imgContainer {
  width: 40%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.productListing .slidePanel .imgContainer img {
  vertical-align: middle;
}
.productListing .slidePanel .textContainer {
  width: 57%;
  display: table-cell;
  position: relative;
  padding-right: 10px;
}
.productListing .slidePanel h3 {
  font-size: 25px;
  color: #373737;
  font-family: "MyriadProSemibold";
  margin: 0px;
  padding: 0px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .productListing .slidePanel h3 {
    font-size: 20px;
  }
}
.productListing .slidePanel h4 {
  font-size: 16px;
  color: #b7b7b7;
  font-family: "MyriadProSemibold";
  margin: 5px 0px 5px 0px;
  padding: 0px;
}
.productListing .slidePanel .price {
  font-size: 38px;
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  position: absolute;
  top: 97px;
  right: 10px;
}
@media screen and (max-width: 640px) {
  .productListing .slidePanel .price {
    font-size: 30px;
  }
}
.productListing .slidePanel .price span {
  font-size: 13px;
  line-height: 14px;
  font-family: "MyriadProSemibold";
  color: #989898;
  text-transform: uppercase;
  display: inline-block;
  width: 35px;
}
.productListing .slidePanel .seeMoreLink {
  font-size: 16px;
  font-family: "MyriadProSemibold";
  position: absolute;
  top: 174px;
  right: 10px;
}
.productListing .slidePanel .seeMoreLink span {
  font-size: 11px;
}
.productListing .slidePanel .seeMoreLink:hover {
  text-decoration: none;
  color: #ffbe00;
}
.productListing .slidePanel .seeMoreLink:active {
  text-decoration: none;
  color: #ffbe00;
}
.productListing .slidePanel .seeMoreLink:focus {
  text-decoration: none;
  color: #ffbe00;
}
.productListing .slidePanel .seeMoreLink:visited {
  text-decoration: none;
  color: #337ab7;
}
.productListing .slidePanel .seeMoreLink:visited:hover {
  text-decoration: none;
  color: #ffbe00;
}
.productListing .showMoreBtn {
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .productListing .showMoreBtn {
    width: 100%;
  }
}
.productListing .productPagePagination {
  text-align: left;
  margin: -15px 0px 10px 0px;
}
@media screen and (max-width: 640px) {
  .productListing .productPagePagination {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .productListing .resultsPerPage {
    display: none;
  }
}
.productListing .resultsPerPage p {
  margin-top: 0px;
}
.productListing .resultsPerPage select {
  padding: 5px 10px;
}

.productListingSideBar .partnerServices {
  padding: 10px 0px 20px 20px;
}

.useFulLinks {
  background: white;
}
@media screen and (max-width: 1024px) {
  .useFulLinks {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .useFulLinks {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .useFulLinks {
    margin-top: 20px;
  }
}
.useFulLinks h3 span {
  color: #ffbe00;
  float: left;
  font-size: 42px;
  margin-right: 10px;
  margin-top: -8px;
}
.useFulLinks p {
  margin: 10px 10px;
}
.useFulLinks p a:hover {
  text-decoration: none;
}
.useFulLinks p a:active {
  text-decoration: none;
}
.useFulLinks p a:focus {
  text-decoration: none;
}
.useFulLinks p a:visited {
  text-decoration: none;
}
.useFulLinks h4 {
  margin: 20px 0px 20px 0px;
}
.useFulLinks .button {
  margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
  #sideBarTemplateCarousel {
    padding: 0px 8px 0px 8px;
  }
}
@media screen and (max-width: 1024px) {
  #sideBarTemplateCarousel .owl-prev, #sideBarTemplateCarousel .owl-next {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  #sideBarSectionLandingPromoBannerCarousel {
    margin-top: 0px;
  }
}

.contentPageContainer {
  background: #fff;
  padding: 20px;
}

.getHelpLinks {
  padding-bottom: 15px;
}
.getHelpLinks p {
  margin: 0px;
}

.youMayBeInterestedIn {
  background: #f9f9f9;
  padding: 0px 40px 20px 40px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .youMayBeInterestedIn {
    padding: 0px 10px 20px 10px;
  }
}
.youMayBeInterestedIn h1 {
  color: #474747;
}
@media screen and (max-width: 640px) {
  .youMayBeInterestedIn h1 {
    font-size: 22px;
    padding-left: 10px;
  }
}
.youMayBeInterestedIn .tile {
  box-shadow: 1px 1px 5px #ccc;
  background: #fff;
  margin: 20px 10px 20px 10px;
  position: relative;
  height: 215px;
  border: 1px solid #dedede;
  overflow: hidden;
}
.youMayBeInterestedIn .tile .imgContainer {
  width: 100%;
  height: 156px;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.youMayBeInterestedIn .tile .imgContainer .headerBgImage {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .2s;
  z-index: 90;
}
.youMayBeInterestedIn .tile h3 a {
  position: absolute;
  bottom: 17px;
  right: 25px;
  font-size: 20px;
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
}
.youMayBeInterestedIn .tile h3 a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.youMayBeInterestedIn .tile h3 a:active {
  text-decoration: none;
}
.youMayBeInterestedIn .tile h3 a:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .youMayBeInterestedIn .tile h3 a {
    bottom: 20px;
    left: 10px;
    font-size: 17px;
  }
}
.youMayBeInterestedIn .tile:hover .headerBgImage {
  transform: scale(1.05);
}
.youMayBeInterestedIn .owl-page.active span {
  background: #ffbe00 !important;
}

.filtersContainer {
  text-align: right;
  direction: rtl;
  box-shadow: 1px 1px 5px #ccc;
  margin-bottom: 30px;
  background: white;
}
.filtersContainer .faqTrigger {
  color: #373737;
  padding: 10px 15px;
  background: white;
}
.filtersContainer .faqContent {
  padding: 0px 15px 20px 15px;
  margin-top: 0px;
}
@media screen and (max-width: 640px) {
  .filtersContainer .faqContent {
    padding: 15px 15px 20px 15px;
  }
}
.filtersContainer .faqContent label {
  font-size: 14px;
  margin: 0px 0px 10px 0px;
}
.filtersContainer .headings h3 {
  padding: 15px;
  background: #f1f1f1;
  font-family: "MyriadProSemibold";
  font-size: 18px;
  margin: 0px 0px 10px 0px;
  color: #373737;
  border-right: 1px solid white;
}
@media screen and (max-width: 640px) {
  .filtersContainer .headings h3 {
    font-size: 16px;
  }
}
.filtersContainer .headings label {
  margin-left: 10px;
}
.filtersContainer .selections {
  padding: 15px;
}
.filtersContainer .filterClearCol a {
  float: right;
  margin-top: 15px;
}
.filtersContainer .filterSearchCol a {
  float: right;
}
.filtersContainer .filterSearchCol .button {
  float: left;
}

.fullWidthTemplate {
  background: #f9f9f9;
  padding: 40px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .fullWidthTemplate {
    padding: 10px 20px 10px 20px;
  }
}
.fullWidthTemplate h1.pageTitle {
  font-size: 45px;
  color: #474747;
}
.fullWidthTemplate .searchField {
  width: 350px;
  height: 54px;
  border: 1px solid #e6e6e6 !important;
  padding: 10px;
  font-size: 25px;
  color: #474747;
  font-family: "MyriadProRegular";
  float: right;
  background: url(../img/searchResults/searchFieldBg.png) center left no-repeat;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .fullWidthTemplate .searchField {
    width: 380px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  .fullWidthTemplate .searchField {
    width: 75%;
    font-size: 25px;
    margin-top: 10px;
    float: right;
    margin-left: 0px;
  }
}
.fullWidthTemplate .searchButton {
  width: 67px !important;
  height: 54px;
  float: right;
  background: url(../img/searchResults/searchBtnBg.png) center left no-repeat;
  border: none;
  margin-top: 10px;
  margin-left: 0px !important;
}
@media screen and (max-width: 640px) {
  .fullWidthTemplate .searchButton {
    margin-top: 10px;
    float: right;
  }
}
.fullWidthTemplate .mainContentArea {
  background: white;
  padding: 20px 1px;
  margin-top: 20px;
}
.fullWidthTemplate .mainContentArea .content {
  margin-top: 20px;
}
.fullWidthTemplate .mainContentArea .owl-carousel {
  padding: 0px 40px 0px 40px;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide {
  text-align: center;
  margin: 0px;
  padding: 0px 3px 15px 3px;
  color: #868686;
  font-size: 21px;
  line-height: 20px;
  font-family: "MyriadProSemibold";
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a {
  display: block;
  color: #868686;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a .heading {
  display: table;
  width: 100%;
  height: 50px;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a .heading span {
  display: table-cell;
  vertical-align: middle;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a:hover {
  color: #373737;
  text-decoration: none;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a:hover .iconBlock {
  color: white;
  background: #ffd96b;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a:hover .iconBlock span {
  color: white;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a:active {
  color: #373737;
  text-decoration: none;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a:visited {
  color: #868686;
  text-decoration: none;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a .iconBlock {
  height: 110px;
  background: #eaeaea;
  margin-top: 10px;
  font-size: 58px;
  color: #6b6b6b;
  display: table;
  width: 100%;
  position: relative;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a .iconBlock span.icon {
  display: table-cell;
  vertical-align: middle;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a .iconBlock span.arrowDown {
  display: none;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a.active {
  color: #373737;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock {
  color: white;
  background: #ffbe00;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock span.icon {
  color: white;
}
.fullWidthTemplate .mainContentArea .owl-carousel .slide a.active .iconBlock span.arrowDown {
  display: block;
  width: 31px;
  height: 15px;
  background: url(../img/header/arrowDown.png) top left no-repeat;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
}
.fullWidthTemplate .owl-prev {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/prevDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  left: 6px !important;
  margin-top: 4px !important;
}
.fullWidthTemplate .owl-prev:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .fullWidthTemplate .owl-prev {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .fullWidthTemplate .owl-prev {
    display: none !important;
  }
}
.fullWidthTemplate .owl-next {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  background: url(../img/homeSolutionsCarousel/nextDark.png) top left no-repeat !important;
  position: absolute;
  top: 50% !important;
  right: 6px !important;
  margin-top: 4px !important;
}
.fullWidthTemplate .owl-next:hover {
  background-position: bottom left !important;
}
@media screen and (max-width: 768px) {
  .fullWidthTemplate .owl-next {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .fullWidthTemplate .owl-next {
    display: none !important;
  }
}
.fullWidthTemplate .owl-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  .fullWidthTemplate .owl-pagination {
    display: block;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .fullWidthTemplate .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 40px;
  }
  .fullWidthTemplate .owl-pagination .owl-page.active span {
    background: #fff;
  }
}
@media screen and (max-width: 640px) {
  .fullWidthTemplate .owl-pagination {
    display: block;
    margin-top: -16px;
    margin-bottom: 10px;
  }
  .fullWidthTemplate .owl-pagination .owl-page span {
    display: inline-block;
    height: 2px;
    margin: 0px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #919191;
    width: 20px;
  }
  .fullWidthTemplate .owl-pagination .owl-page.active span {
    background: #fff;
  }
}
.fullWidthTemplate .sideBarTemplateSidebar {
  margin: 20px 0px 0px 20px;
}
.fullWidthTemplate .sideBarTemplateSidebar .twitterWidget {
  background: white;
  border-top: 6px solid #ffbe00;
  border-bottom: 2px solid #ccc;
  padding: 20px 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .twitterWidget h3 {
  margin: 0px;
  font-size: 26px;
  color: #6b6b6b;
}
.fullWidthTemplate .sideBarTemplateSidebar .twitterWidget p {
  margin-top: 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .deviceSupportBanner {
  margin-top: 20px;
  background: white;
  padding: 20px 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .contactForm {
  margin-top: 20px;
  background: white;
  padding: 20px 10px;
  font-size: 17px;
}
.fullWidthTemplate .sideBarTemplateSidebar .contactForm h3 {
  margin: 0px;
  font-size: 26px;
  color: #6b6b6b;
}
.fullWidthTemplate .sideBarTemplateSidebar .contactForm p {
  margin-top: 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .button {
  display: block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 21px;
  padding: 10px 25px 10px 25px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .button:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #474747;
}
.fullWidthTemplate .sideBarTemplateSidebar .button:active {
  text-decoration: none;
  color: #474747;
}
.fullWidthTemplate .sideBarTemplateSidebar .button:focus {
  text-decoration: none;
  color: #474747;
}
.fullWidthTemplate .sideBarTemplateSidebar .contactHeader {
  font-family: "MyriadProSemibold";
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.fullWidthTemplate .sideBarTemplateSidebar .contactHeader span.iconBlock {
  display: inline-block;
  float: left;
  color: #ffbe00;
  font-size: 52px;
  margin-right: 10px;
}
.fullWidthTemplate .formContentContainer {
  padding: 0px 10px 0px 10px;
}
.fullWidthTemplate .formContentContainer label.first {
  margin-top: 0px;
}

.sectionLanding {
  background: #fff;
}
.sectionLanding h2 {
  color: #6b6b6b;
  margin-top: 0px;
}
@media screen and (max-width: 640px) {
  .sectionLanding h2 {
    margin-top: 20px;
  }
}
.sectionLanding .button {
  margin-top: 5px;
}
@media screen and (max-width: 640px) {
  .sectionLanding .button {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .sectionLanding .shareWidget .shareFunctionality {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  .sectionLanding .shareWidget .shareFunctionality .shareLink {
    width: 100% !important;
  }
}
@media screen and (max-width: 640px) {
  .sectionLanding .shareWidget .shareWidgetSocialPanel {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 10px;
  }
}
@media screen and (max-width: 640px) {
  .sectionLanding .faqTrigger {
    margin: 2px 0px 2px 0px !important;
  }
}
.sectionLanding .accordionsContainer {
  margin-top: 15px;
  padding: 0px 10px 0px 10px;
}
.sectionLanding .accordionsContainer .faqTrigger {
  margin: 10px 5px 10px 5px;
}
.sectionLanding .accordionsContainer a:hover {
  text-decoration: none;
}
.sectionLanding img.floatedLeft {
  float: left;
  display: inline-block;
  margin: 0px 20px 10px 0px;
}
.sectionLanding img.floatedRight {
  float: right;
  display: inline-block;
  margin: 0px 0px 10px 20px;
}
.sectionLanding .buttonContainer {
  margin-top: 20px;
}
.sectionLanding .buttonContainer .login {
  margin-left: 10px;
}

.contentPageContainer {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .contentPageContainer {
    padding-top: 0px;
  }
}
.contentPageContainer a {
  font-size: 15px;
}
.contentPageContainer a:hover {
  text-decoration: none;
}
.contentPageContainer a span {
  font-size: 10px;
}
.contentPageContainer .contentShareWidget .caretArrow {
  position: relative;
}
.contentPageContainer .contentShareWidget .caretArrow:before {
  right: 95px !important;
}
.contentPageContainer .contentShareWidget .caretArrow:after {
  right: 96px !important;
}

.shareFunctionality {
  padding: 10px 0px 0px 10px;
  font-size: 17px;
  color: #6b6b6b;
  font-family: "MyriadProSemibold";
  position: relative;
  width: 120px;
}
@media screen and (max-width: 640px) {
  .shareFunctionality {
    text-align: center;
  }
}
.shareFunctionality a span {
  font-size: 14px;
  padding: 10px 10px 5px 10px;
  border: 3px solid #ffbe00;
  border-radius: 50%;
  display: inline-block;
  color: #ffbe00;
  margin-right: 10px;
}
.shareFunctionality a:hover span {
  color: #ffd96b;
  border: 3px solid #ffd96b;
}
.shareFunctionality .shareLink {
  width: 120px;
}
.shareFunctionality .shareWidgetSocialPanel {
  border: 1px solid #ddd;
  padding: 40px 20px 20px 20px;
  width: 400px;
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -237px;
  background: white;
  display: none;
  box-shadow: 1px 1px 6px #f9f9f9;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareWidgetSocialPanel {
    width: 100%;
    left: 0px;
    bottom: 70px;
    padding: 20px 0px 20px 0px;
  }
}
.shareFunctionality .shareWidgetSocialPanel h4 {
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
  margin: 20px 15px 10px 15px;
  font-size: 19px;
}
.shareFunctionality .shareWidgetSocialPanel a {
  color: #6b6b6b;
  font-size: 15px;
  font-family: "MyriadProSemibold";
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer .shareIconContainer {
  height: 50px;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer .icon {
  font-size: 38px;
  border: 0px;
  margin: 0 auto;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover {
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover .icon-twitter {
  color: #55acee;
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover .icon-facebook {
  color: #5174bb;
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover .icon-email-envelope {
  color: #ffbe00;
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover .icon-google-plus-1 {
  color: #cb3c2c;
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:hover {
  text-decoration: none !important;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:active {
  text-decoration: none !important;
}
.shareFunctionality .shareWidgetSocialPanel a.shareIconLinkContainer:focus {
  text-decoration: none !important;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareWidgetSocialPanel a {
    margin-top: 20px;
  }
}
.shareFunctionality .shareWidgetSocialPanel .urlLink {
  font-family: "MyriadProRegular";
  font-size: 15px;
  color: #609abf;
  margin: 0px 15px 0px 15px;
}
.shareFunctionality .shareWidgetSocialPanel .caretArrow {
  position: relative;
}
.shareFunctionality .shareWidgetSocialPanel .caretArrow:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 0px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareWidgetSocialPanel .caretArrow:before {
    display: none;
  }
}
.shareFunctionality .shareWidgetSocialPanel .caretArrow:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: 1px;
  top: 20px;
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareWidgetSocialPanel .caretArrow:after {
    display: none;
  }
}
.shareFunctionality .shareWidgetSocialPanel a.closeIcon {
  position: absolute;
  top: 0px;
  left: 10px;
  color: #989898;
  font-size: 25px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareWidgetSocialPanel a.closeIcon {
    top: -20px;
  }
}
.shareFunctionality .shareWidgetSocialPanel a.closeIcon:hover {
  text-decoration: none;
  color: #ffbe00;
}
.shareFunctionality .shareWidgetSocialPanel a.closeIcon:active {
  text-decoration: none;
}
.shareFunctionality .shareWidgetSocialPanel a.closeIcon:focus {
  text-decoration: none;
}
.shareFunctionality .shareEmailFormContainer {
  display: none;
  padding: 0px 20px;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareEmailFormContainer {
    text-align: left;
    padding: 20px;
  }
}
.shareFunctionality .shareEmailFormContainer h4 {
  margin: -24px 0px 10px 0px;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareEmailFormContainer h4 {
    margin-top: -10px;
  }
}
.shareFunctionality .shareEmailFormContainer label {
  font-size: 18px;
}
.shareFunctionality .shareEmailFormContainer input[type=text] {
  margin-top: 10px;
}
.shareFunctionality .shareEmailFormContainer .buttonContainer {
  text-align: center;
  width: 100%;
}
.shareFunctionality .shareEmailFormContainer a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  width: 100%;
  margin: 0px auto !important;
}
.shareFunctionality .shareEmailFormContainer a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.shareFunctionality .shareEmailFormContainer a.button:active {
  text-decoration: none;
}
.shareFunctionality .shareEmailFormContainer a.button:focus {
  text-decoration: none;
}
.shareFunctionality .shareEmailFormContainer a.shareBackLink {
  position: absolute;
  top: 12px;
  left: 10px;
  color: #474747;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .shareFunctionality .shareEmailFormContainer a.shareBackLink {
    top: -10px;
  }
}
.shareFunctionality .shareEmailFormContainer a.shareBackLink:hover {
  text-decoration: none;
  color: #ffbe00;
}
.shareFunctionality .shareEmailFormContainer a.shareBackLink:active {
  text-decoration: none;
}
.shareFunctionality .shareEmailFormContainer a.shareBackLink:focus {
  text-decoration: none;
}

/*shareFunctionality ends*/
.searchResults {
  text-align: right;
  direction: rtl;
  background: #f9f9f9 !important;
  padding: 0px !important;
}
.searchResults .desktopHeading {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .searchResults .desktopHeading {
    display: none;
  }
}
.searchResults .mobileHeading {
  display: none;
}
@media screen and (max-width: 640px) {
  .searchResults .mobileHeading {
    display: block;
  }
}
.searchResults .mobileHeading h1 {
  margin-top: 20px;
}
.searchResults .mobileHeading.selectFilterTrigger {
  float: left;
  color: #ffbe00;
}
.searchResults .mobileHeading.selectFilterTrigger a {
  color: #ffbe00;
}
.searchResults .mobileHeading.selectFilterTrigger a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.searchResults .mobileHeading.selectFilterTrigger a:active {
  text-decoration: none;
}
.searchResults .mobileHeading.selectFilterTrigger a:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .searchResults {
    padding: 25px 0px 20px 0px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults {
    padding: 25px 0px 20px 0px;
    margin: 0px -20px 0px -20px;
  }
}
.searchResults h1 {
  color: #474747;
  font-size: 45px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 0px 0 0px 0;
  float: right;
}
@media screen and (max-width: 768px) {
  .searchResults h1 {
    font-size: 36px;
    margin: 35px 0 0px 0;
  }
}
@media screen and (max-width: 640px) {
  .searchResults h1 {
    font-size: 35px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
    width: 100%;
  }
}
.searchResults .searchField {
  width: 350px;
  height: 54px;
  border: 1px solid #e6e6e6 !important;
  padding: 10px;
  font-size: 25px;
  color: #474747;
  font-family: "MyriadProRegular";
  float: left;
  background: url(../img/searchResults/searchFieldBg.png) center left no-repeat;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .searchResults .searchField {
    width: 320px;
    margin-left: 27px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .searchField {
    font-size: 25px;
    margin-top: 10px;
    float: right;
    margin-left: 0px;
    width: 202px;
    margin-bottom: 20px;
  }
}
.searchResults .searchButton {
  width: 67px !important;
  height: 54px;
  float: left;
  background: url(../img/searchResults/searchBtnBg.png) center left no-repeat;
  border: none;
  margin-top: 0px;
  margin-left: 0px !important;
}
@media screen and (max-width: 768px) {
  .searchResults .searchButton {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .searchButton {
    margin-top: 10px;
    float: right;
  }
}
.searchResults .filterSelectContainer {
  float: right;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .searchResults .filterSelectContainer {
    float: right;
    margin-top: 8px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .filterSelectContainer {
    margin-top: 20px;
    display: none;
    float: none;
  }
}
.searchResults .filterContainer {
  padding: 1px 10px 10px 10px;
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .searchResults .filterContainer {
    box-shadow: none;
    background: #f9f9f9;
    margin-top: 0px;
    padding: 20px 0px 0px 0px;
    margin-bottom: 20px;
  }
}
.searchResults .filterContainer h3 {
  font-size: 21px;
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
@media screen and (max-width: 640px) {
  .searchResults .filterContainer h3 {
    font-size: 18px;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.searchResults .filterContainer .btn-group {
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 640px) {
  .searchResults .filterContainer .btn-group {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}
.searchResults .filterContainer .styledSelect {
  padding: 13px;
  border-left: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) top right no-repeat;
  width: 330px;
  display: inline-block;
  margin-top: 0px;
  position: relative;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  .searchResults .filterContainer .styledSelect {
    width: 238px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .filterContainer .styledSelect {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}
.searchResults .filterContainer .styledSelect.active {
  border-left: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) bottom right no-repeat;
}
@media screen and (max-width: 768px) {
  .searchResults .filterContainer .styledSelect.relevance {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .filterContainer .styledSelect.relevance {
    margin-top: 10px;
  }
}
.searchResults .filterContainer .styledSelect .filterDropdown {
  border: 1px solid #ddd;
  padding: 20px 20px 0px 20px;
  width: 200px;
  top: 46px;
  left: 0px;
  position: absolute;
  background: white;
  display: none;
  box-shadow: 1px 1px 10px #efefef;
  z-index: 999;
}
.searchResults .filterContainer .styledSelect .filterDropdown label {
  font-size: 15px;
  font-weight: normal;
  color: #989898;
  margin: 0px;
}
.searchResults .filterContainer .dropdown-menu {
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}
.searchResults .searchResultsListing {
  background: white;
  padding: 20px;
  box-shadow: 1px 1px 10px #efefef;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .searchResults .searchResultsListing {
    padding: 10px;
    margin-top: 0px;
  }
}
.searchResults .searchResultsListing .result {
  margin-top: 20px;
}
.searchResults .searchResultsListing .result img {
  width: 82px;
  height: 82px;
  float: right;
  margin: 0 0px 20px 20px;
}
@media screen and (max-width: 640px) {
  .searchResults .searchResultsListing .result img {
    display: none;
  }
}
.searchResults .searchResultsListing .result p {
  float: right;
  width: 85%;
  margin: 0px 0px 0px 0px;
  font-size: 17px;
}
.searchResults .searchResultsListing .result p strong {
  color: #6b6b6b;
  font-family: "MyriadProSemibold";
  font-weight: normal;
}
.searchResults .searchResultsListing .result p a:hover {
  text-decoration: none;
  color: #ffbe00;
}
.searchResults .searchResultsListing .result p a:active {
  text-decoration: none;
}
.searchResults .searchResultsListing .result p a:focus {
  text-decoration: none;
}
.searchResults .searchResultsListing .result p a:visited {
  color: #337ab7;
}
.searchResults .searchResultsListing .result p.tags {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .searchResults .searchResultsListing .result p {
    width: 82%;
  }
}
@media screen and (max-width: 640px) {
  .searchResults .searchResultsListing .result p {
    width: 100%;
  }
}

.errorPage {
  text-align: center;
  background: white;
  padding: 50px;
}
@media screen and (max-width: 640px) {
  .errorPage {
    padding: 50px 0px;
  }
}
.errorPage h1 {
  font-family: "MyriadProRegular";
  font-size: 35px;
  color: #989898;
  margin: 20px 0px 80px 0px;
}
@media screen and (max-width: 640px) {
  .errorPage h1 {
    margin: 20px 0px 20px 0px;
  }
}
.errorPage h3 {
  font-family: "MyriadProSemibold";
  font-size: 25px;
  color: #6b6b6b;
  margin: 0px 0px 25px 0px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .errorPage h3 {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .errorPage .errorSearchContainer {
    text-align: center;
    padding: 0px;
  }
}
@media screen and (max-width: 640px) {
  .errorPage .errorSearchContainer .inner {
    width: 280px;
    margin: 0 auto;
  }
}
.errorPage input[type=text] {
  width: 435px;
  height: 54px;
  background: url(../img/errorPage/searchBg.png) left top no-repeat;
  float: left;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .errorPage input[type=text] {
    width: 210px;
    margin-bottom: 20px;
  }
}
.errorPage input[type=submit] {
  width: 68px;
  height: 54px;
  background: url(../img/errorPage/searchBtnBg.png) left top no-repeat;
  float: left;
  border: none;
  margin: 0px;
}
.errorPage a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 5px;
  margin-bottom: 35px;
  width: 280px;
}
@media screen and (max-width: 768px) {
  .errorPage a.button {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .errorPage a.button {
    margin-bottom: 5px;
  }
}
.errorPage a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.errorPage a.button:active {
  text-decoration: none;
}
.errorPage a.button:focus {
  text-decoration: none;
}

.errorContactUsLink {
  padding: 40px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .errorContactUsLink {
    padding: 20px 0px 20px 0px;
  }
}
.errorContactUsLink h3 {
  font-family: "MyriadProSemibold";
  font-size: 25px;
  color: #ffbe00;
  margin: 0px;
  text-shadow: 0px 1px 1px #000;
}
.errorContactUsLink h3.contactUs {
  color: white;
}
.errorContactUsLink h3.contactUs a {
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 640px) {
  .errorContactUsLink h3.contactUs a {
    font-size: 18px;
  }
}
.errorContactUsLink h3.contactUs a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.errorContactUsLink h3.contactUs a:active {
  text-decoration: none;
}
.errorContactUsLink h3.contactUs a:focus {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .errorContactUsLink h3 {
    font-size: 18px;
  }
}

.sitemap {
  direction: rtl;
  text-align: right;
  background: #f9f9f9;
  padding: 0px 40px 40px 40px;
}
@media screen and (max-width: 640px) {
  .sitemap {
    padding: 0px 0px 0px 0px;
  }
}
.sitemap ul {
  margin: 0px 0px -16px 15px;
  padding: 0px;
  list-style-type: none;
}
@media screen and (max-width: 640px) {
  .sitemap ul {
    display: none;
  }
}
.sitemap ul li {
  display: inline-block;
}
.sitemap ul li a {
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
  font-family: "MyriadProSemibold";
  color: #b7b7b7;
  padding-bottom: 6px;
}
.sitemap ul li a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.sitemap ul li a:active {
  text-decoration: none;
  color: #373737;
}
.sitemap ul li a:visited {
  text-decoration: none;
  color: #b7b7b7;
}
.sitemap ul li a.active {
  text-decoration: none;
  color: #373737;
  border-bottom: 2px solid #373737;
}
.sitemap .inner {
  background: white;
  padding: 30px 10px !important;
  border-top: 1px solid #ffbe00;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .sitemap .inner {
    border: none;
    background: transparent;
    padding: 0px 10px !important;
  }
}
.sitemap .inner a {
  color: #609abf;
}
.sitemap .inner a:hover {
  color: #23527c;
}
.sitemap .inner .shopLink {
  font-size: 25px;
  color: #609abf;
  margin-bottom: 20px;
  margin-top: 0px;
}
@media screen and (max-width: 640px) {
  .sitemap .inner .shopLink {
    font-size: 18px;
  }
}
.sitemap .inner .shopLink:hover {
  color: #23527c;
}
.sitemap .inner .shopLink span {
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .sitemap .inner .shopLink span {
    font-size: 12px;
  }
}
.sitemap .inner h4 {
  font-size: 19px;
  margin: 10px 0px 10px 0px;
}
.sitemap .inner ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.sitemap .inner ul li {
  display: block;
  margin: 0px;
  padding: 4px 0px 4px 0px;
}
.sitemap .inner ul li a {
  display: block;
  margin: 0px;
  padding: 0px;
  font-size: 17px;
  font-family: "MyriadProRegular";
}
.sitemap .inner ul li a:visited {
  color: #609abf;
}
.sitemap .inner .siteMapBusiness,
.sitemap .inner .siteMapFinancial {
  display: none;
}
.sitemap .inner .siteMapPersonal,
.sitemap .inner .siteMapBusiness,
.sitemap .inner .siteMapFinancial {
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .sitemap .inner .siteMapPersonal,
  .sitemap .inner .siteMapBusiness,
  .sitemap .inner .siteMapFinancial {
    display: none;
  }
}
.sitemap h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 25px;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #ffbe00;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .sitemap h1 {
    font-size: 40px;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    color: red;
  }
}
.sitemap h2 {
  color: #6b6b6b;
  font-size: 35px;
  font-family: "MyriadProSemibold";
  margin: 0 0 30px 0;
  width: 100%;
}
.sitemap h3 {
  color: #474747;
  font-size: 25px;
  font-family: "MyriadProSemibold";
  margin: 0 0 15px 0;
  width: 100%;
}
.sitemap h4 {
  color: #474747;
  font-size: 17px;
  font-family: "MyriadProSemibold";
  margin: 15px 0 15px 0;
  width: 100%;
}
.sitemap a {
  display: block;
  color: #ffbe00;
  font-size: 17px;
  font-family: "MyriadProRegular";
  margin: 0 0 15px 0;
  width: 100%;
}
.sitemap a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.sitemap a:active {
  text-decoration: none;
}
.sitemap a:focus {
  text-decoration: none;
}
.sitemap a.siteMapSubLevel {
  color: #6b6b6b;
  margin-left: 20px;
}
.sitemap a.siteMapSubLevel:hover {
  text-decoration: none;
  color: #474747;
}
.sitemap a.siteMapSubLevel:active {
  text-decoration: none;
}
.sitemap a.siteMapSubLevel:focus {
  text-decoration: none;
}

.siteMapMobile {
  background: #f9f9f9;
  display: none;
}
@media screen and (max-width: 640px) {
  .siteMapMobile {
    display: block;
    padding: 0px 0px 20px 0px;
  }
}
.siteMapMobile h1 {
  color: #474747;
  font-size: 40px;
  font-family: "MyriadProRegular";
  padding-bottom: 15px;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #ffbe00;
  width: 100%;
}
.siteMapMobile .faqTrigger {
  margin-bottom: 0px;
  font-size: 20px;
  display: block;
  width: 100%;
  text-align: left;
  background: white;
  color: #ffbe00 !important;
  padding: 15px 10px 15px 10px;
}
.siteMapMobile .faqTrigger.active {
  color: #989898 !important;
}
.siteMapMobile .faqTrigger:visited {
  color: #ffbe00;
}
.siteMapMobile .faqTrigger:visited:hover {
  color: #ffbe00;
}
.siteMapMobile .faqContent {
  padding: 10px;
}
.siteMapMobile h2 {
  color: #6b6b6b;
  font-size: 25px;
  font-family: "MyriadProSemibold";
  margin: 0 0 15px 0;
  width: 100%;
}
.siteMapMobile h2.mt20 {
  margin: 20px 0 15px 0;
}
.siteMapMobile h3 {
  color: #474747;
  font-size: 18px;
  font-family: "MyriadProSemibold";
  margin: 10px 0 15px 0;
  width: 100%;
}
.siteMapMobile h4 {
  color: #474747;
  font-size: 17px;
  font-family: "MyriadProSemibold";
  margin: 15px 0 15px 0;
  width: 100%;
}
.siteMapMobile a {
  display: block;
  color: #ffbe00;
  font-size: 14px;
  font-family: "MyriadProRegular";
  margin: 0 0 5px 0;
  width: 100%;
}
.siteMapMobile a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.siteMapMobile a:active {
  text-decoration: none;
}
.siteMapMobile a:focus {
  text-decoration: none;
}
.siteMapMobile a.siteMapSubLevel {
  color: #6b6b6b;
  margin-left: 20px;
}
.siteMapMobile a.siteMapSubLevel:hover {
  text-decoration: none;
  color: #474747;
}
.siteMapMobile a.siteMapSubLevel:active {
  text-decoration: none;
}
.siteMapMobile a.siteMapSubLevel:focus {
  text-decoration: none;
}

.listingPage {
  text-align: left;
  background: #f9f9f9;
  padding: 25px 40px 40px 40px;
}
.listingPage .container {
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .listingPage {
    padding: 25px 0px 20px 0px;
  }
}
@media screen and (max-width: 640px) {
  .listingPage {
    padding: 25px 0px 20px 0px;
  }
}
.listingPage h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 20px 0 0px 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .listingPage h1 {
    font-size: 35px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
  }
}
.listingPage .filterContainer {
  padding: 10px 10px 10px 10px;
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .listingPage .filterContainer {
    padding: 10px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .listingPage .filterContainer .countryFilter {
    margin-top: 5px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  .listingPage .filterContainer .styledSelect {
    background: url(../img/forms/selectBgMobile.png) top right no-repeat;
    width: 100%;
    border-left: 1px solid #e6e6e6;
  }
}
@media screen and (max-width: 640px) {
  .listingPage .filterContainer .styledSelect.active {
    background: url(../img/forms/selectBgActiveMobile.png) top right no-repeat;
  }
}
.listingPage .listingEntryContainer {
  padding: 0px;
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  margin-top: 20px;
  width: 100%;
  position: relative;
}
.listingPage .listingEntryContainer .listingThumbnail {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 10px;
}
.listingPage .listingEntryContainer .listingThumbnail img {
  width: 100%;
  height: 100%;
}
.listingPage .listingEntryContainer .listingThumbnail.date {
  background: #f3f3f3;
  display: table;
}
.listingPage .listingEntryContainer .listingThumbnail.date p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 110px;
  font-family: "MyriadProRegular";
  color: #ccc;
  text-transform: uppercase;
  line-height: 52px;
  padding-top: 40px;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingThumbnail.date p {
    font-size: 50px;
    line-height: 32px;
    padding-top: 10px;
  }
}
.listingPage .listingEntryContainer .listingThumbnail.date p span {
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingThumbnail.date p span {
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
  }
}
.listingPage .listingEntryContainer .listingThumbnail.date p a {
  color: #ccc;
}
.listingPage .listingEntryContainer .listingThumbnail.date p a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.listingPage .listingEntryContainer .listingThumbnail.date p a:active {
  text-decoration: none;
}
.listingPage .listingEntryContainer .listingThumbnail.date p a:focus {
  text-decoration: none;
}
.listingPage .listingEntryContainer .listingThumbnail.date p a:visited {
  color: #337ab7;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover {
  background: #fff5d5;
  cursor: pointer;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover p span {
  color: #4b4b4b;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover p a {
  color: #ffd96b;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover p a:hover {
  text-decoration: none;
  color: #ffd96b;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover p a:active {
  text-decoration: none;
}
.listingPage .listingEntryContainer .listingThumbnail.date:hover p a:focus {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingThumbnail {
    width: 100px;
    height: 100px;
  }
}
.listingPage .listingEntryContainer .listingDetails {
  float: left;
  width: 62%;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .listingPage .listingEntryContainer .listingDetails {
    width: 70%;
  }
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingDetails {
    width: 50%;
  }
}
.listingPage .listingEntryContainer .listingDetails h3 {
  font-family: "MyriadProSemibold";
  font-size: 17px;
  color: #474747;
  margin: 0px;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingDetails h3 {
    font-size: 14px;
  }
}
.listingPage .listingEntryContainer .listingDetails .timeStamp {
  font-family: "MyriadProLightItalic";
  font-size: 14px;
  color: #989898;
  margin: 2px 0px 0px 0px;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingDetails .timeStamp {
    font-size: 12px;
  }
}
.listingPage .listingEntryContainer .listingDetails .summary {
  font-family: "MyriadProRegular";
  font-size: 16px;
  line-height: 18px;
  color: #989898;
  margin: 5px 0px 0px 0px;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingDetails .summary {
    display: none;
  }
}
.listingPage .listingEntryContainer .listingDetails .readMore {
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
  font-size: 15px;
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.listingPage .listingEntryContainer .listingDetails .readMore:hover {
  text-decoration: none;
  color: #ffbe00;
}
.listingPage .listingEntryContainer .listingDetails .readMore:active {
  text-decoration: none;
}
.listingPage .listingEntryContainer .listingDetails .readMore:focus {
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .listingPage .listingEntryContainer .listingDetails .readMore {
    font-size: 13px;
  }
}

.formsSection {
  text-align: right;
  background: #fff;
  padding: 0px 20px 40px 20px;
  margin-top: 20px;
  direction: rtl;
}
@media screen and (max-width: 768px) {
  .formsSection {
    padding: 25px 0px 20px 0px;
  }
}
@media screen and (max-width: 640px) {
  .formsSection {
    padding: 10px 0px 20px 0px;
  }
}
.formsSection h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 20px 0 20px 0;
  float: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .formsSection h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 640px) {
  .formsSection h1 {
    font-size: 35px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
    width: 100%;
  }
}
.formsSection h2 {
  color: #474747;
  font-size: 25px;
  font-family: "MyriadProLight";
  padding-bottom: 0px;
  margin: 0px 0 0px 0;
}
.formsSection h2.formThanksH2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .formsSection h2.formThanksH2 {
    margin-top: -40px;
  }
}
@media screen and (max-width: 640px) {
  .formsSection h2.formThanksH2 {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .formsSection h2 {
    font-size: 18px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
    width: 100%;
  }
}
.formsSection .formContentContainer {
  margin-top: 40px;
  background: white;
  /*padding: 10px 40px 40px 40px;*/
}
@media screen and (max-width: 640px) {
  .formsSection .formContentContainer {
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
  }
}
.formsSection .styledSelect {
  border-right: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) top left no-repeat;
  width: 100%;
}
.formsSection .styledSelect.active {
  border-right: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) bottom left no-repeat;
}
@media screen and (max-width: 640px) {
  .formsSection .resetBtn {
    margin-top: 0px !important;
  }
}
.formsSection .viewAllButton {
  text-align: center;
}
.formsSection .viewAllButton a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  width: auto;
  margin: 40px auto 30px auto;
}
.formsSection .viewAllButton a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.formsSection .viewAllButton a.button:active {
  text-decoration: none;
}
.formsSection .viewAllButton a.button:focus {
  text-decoration: none;
}
.formsSection .formThanksMap {
  margin-top: 30px;
}
.formsSection embed, .formsSection object {
  width: 100%;
  height: 450px;
  border-bottom: 1px solid #ffbe00;
}
.formsSection .place-card {
  display: none !important;
}
.formsSection .officeDetailPanel {
  width: 360px;
  /*height: 430px;*/
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  border: 1px solid #ddd;
  position: absolute;
  top: 0px;
  left: 20px;
  padding: 10px 20px;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .formsSection .officeDetailPanel {
    width: 100%;
    left: 0px;
  }
}
.formsSection .officeDetailPanel h4 {
  font-family: "MyriadProSemibold";
  font-size: 17px;
  line-height: 22px;
  color: #474747;
  width: 90%;
  float: left;
  cursor: pointer;
}
.formsSection .officeDetailPanel h4 span {
  color: #ffbe00;
}
.formsSection .officeDetailPanel span.arrow {
  display: block;
  float: right;
  width: 31px;
  height: 10px;
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) top left no-repeat;
  margin-right: -18px;
  margin-top: 15px;
  cursor: pointer;
}
.formsSection .officeDetailPanel span.arrow.active {
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) bottom left no-repeat;
}
.formsSection .officeDetailPanel .officeDetail {
  display: none;
}
.formsSection .officeDetailPanel .officeDetail h5 {
  color: #6b6b6b;
  font-size: 15px;
  font-family: "MyriadProSemibold";
  margin: 10px 0px 0px 0px;
}

.ourOfficesContainer {
  text-align: left;
  background: #f9f9f9;
  background: #f9f9f9;
  padding: 40px 50px 0px 50px;
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .ourOfficesContainer {
    padding: 40px 0px;
  }
}
@media screen and (max-width: 768px) {
  .ourOfficesContainer {
    padding: 40px 20px 0px 20px;
  }
}
.ourOfficesContainer .container {
  background: #fff;
  padding-top: 10px;
}
.ourOfficesContainer h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 25px;
  margin: 0 0 35px 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .ourOfficesContainer h1 {
    font-size: 40px;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
  }
}
.ourOfficesContainer h2 {
  color: #6b6b6b;
  font-size: 17px;
  font-family: "MyriadProRegular";
  margin: 0px;
  margin: 5px 0 5px 0;
}

.tabContentContainer {
  display: none;
}
.tabContentContainer:first-of-type {
  display: block;
}

.pagination {
  text-align: center;
  width: 100%;
  direction: rtl;
}
.pagination a {
  color: #474747;
  font-size: 20px;
  font-family: "MyriadProSemibold";
  cursor: pointer;
  display: inline-block;
  padding: 15px;
}
@media screen and (max-width: 640px) {
  .pagination a {
    padding: 5px;
  }
}
@media screen and (max-width: 640px) {
  .pagination a {
    font-size: 16px;
  }
}
.pagination a:hover {
  text-decoration: none;
  color: #6b6b6b;
}
.pagination a:active {
  text-decoration: none;
}
.pagination a:focus {
  text-decoration: none;
}
.pagination a.prevNext {
  color: #ffbe00;
}
.pagination a.prevNext:hover {
  text-decoration: none;
  color: #ffd96b;
}
.pagination a.prevNext:active {
  text-decoration: none;
}
.pagination a.prevNext:focus {
  text-decoration: none;
}
.pagination .jp-previous, .pagination .jp-next {
  color: #ffbe00;
}
.pagination .jp-previous:hover, .pagination .jp-next:hover {
  text-decoration: none;
  color: #ffd96b;
}
.pagination .jp-previous.jp-disabled, .pagination .jp-next.jp-disabled {
  color: #6b6b6b;
  cursor: not-allowed;
}
.pagination .jp-current {
  color: #ffbe00;
}
.pagination .jp-current:hover {
  text-decoration: none;
  color: #ffd96b;
}
.pagination .jp-current.jp-disabled {
  color: #6b6b6b;
  cursor: not-allowed;
}

/*Product pagination*/
#productListingContainer2 {
  margin: -5px 0px 10px 0px;
}

#pagerLinksContainer {
  padding: 0px;
  text-align: left;
}

.pagerFirst, .pagerLast {
  display: none;
  color: #ffbe00;
  font: "MyriadProSemibold";
}
.pagerFirst:hover, .pagerLast:hover {
  background: transparent;
  color: #ffd96b;
}

.pagerPrevious {
  display: inline-block !important;
  padding-right: 10px !important;
  cursor: pointer !important;
}

.pagerNext {
  display: inline-block !important;
  padding-left: 10px !important;
  cursor: pointer !important;
}

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 10px;
  background-color: transparent;
  border: none;
  border-radius: none;
  color: #ffbe00;
  cursor: pointer !important;
}
.pager li > a:hover, .pager li > span:hover {
  background: transparent;
  color: #ffd96b;
}

.pager li > a.active {
  color: #474747;
}

/*Product pagination ends*/
/*Filter FAQs*/
a.SearchFilter {
  display: block;
  padding: 15px 0px 15px 20px;
  color: #f8a125;
  font-size: 24px;
  font-family: "MyriadProSemibold";
  background: #fbfbfb;
  margin-top: 4px;
}

@media screen and (max-width: 640px) {
  a.SearchFilter {
    background: #fff;
  }
}
a.SearchFilter span.arrow {
  display: inline-block;
  float: right;
  margin-top: 12px;
  width: 31px;
  height: 10px;
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) top left no-repeat;
}

a.SearchFilter:hover {
  color: #ffbe00;
  text-decoration: none;
}

a.SearchFilter:active {
  text-decoration: none;
}

a.SearchFilter:focus {
  text-decoration: none;
}

a.SearchFilter.active {
  color: #989898;
}

a.SearchFilter.active span.arrow {
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) bottom left no-repeat;
}

.mobileNavPanel .SearchFilter {
  background: none;
  color: white;
  font-family: "MyriadProSemibold";
  font-size: 22px;
  margin-right: 0px;
  text-align: left;
  padding: 0px;
  margin-top: 10px;
}

.mobileNavPanel .SearchFilter .arrow {
  float: right;
  margin-right: 0px;
  background: url(../img/header/navAccoridionArrow.png) top center no-repeat;
}

.mobileNavPanel .SearchFilter.active {
  color: #ffbe00;
}

.mobileNavPanel .SearchFilter.active .arrow {
  float: right;
  margin-right: 0px;
  background: url(../img/header/navAccoridionArrow.png) bottom center no-repeat;
}

.filtersContainer .SearchFilter {
  color: #373737;
  padding: 10px 15px;
  background: white;
}

.photoGallery {
  text-align: left;
  background: #f9f9f9;
  padding: 25px 40px 40px 40px;
}
@media screen and (max-width: 768px) {
  .photoGallery {
    padding: 25px 10px 40px 10px;
  }
}
.photoGallery h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 20px 0 0 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .photoGallery h1 {
    font-size: 48px;
  }
}
.photoGallery .filterSelectContainer {
  float: right;
  margin-top: -2px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .photoGallery .filterSelectContainer {
    float: none;
    margin-top: 8px;
  }
}
@media screen and (max-width: 640px) {
  .photoGallery .filterSelectContainer {
    margin-top: 20px;
    display: none;
    float: none;
  }
}
.photoGallery .filterContainer {
  padding: 15px;
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  margin: 30px 0px;
}
@media screen and (max-width: 640px) {
  .photoGallery .filterContainer {
    box-shadow: none;
    background: #f9f9f9;
    margin-top: 0px;
    padding: 20px 0px 0px 0px;
    margin-bottom: 20px;
  }
}
.photoGallery .filterContainer h3 {
  font-size: 21px;
  display: inline-block;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .photoGallery .filterContainer h3 {
    font-size: 18px;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.photoGallery .filterContainer .styledSelect {
  padding: 13px;
  border-left: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) top right no-repeat;
  width: 330px;
  display: inline-block;
  margin-top: 0px;
  position: relative;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  .photoGallery .filterContainer .styledSelect {
    width: 49%;
  }
}
@media screen and (max-width: 640px) {
  .photoGallery .filterContainer .styledSelect {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}
.photoGallery .filterContainer .styledSelect.active {
  border-left: 1px solid #e6e6e6;
  background: url(../img/forms/selectBgMobile.png) bottom right no-repeat;
}
@media screen and (max-width: 768px) {
  .photoGallery .filterContainer .styledSelect.relevance {
    margin-top: 0px;
  }
}
@media screen and (max-width: 640px) {
  .photoGallery .filterContainer .styledSelect.relevance {
    margin-top: 10px;
  }
}
.photoGallery .filterContainer .styledSelect .filterDropdown {
  border: 1px solid #ddd;
  padding: 20px 20px 0px 20px;
  width: 200px;
  top: 46px;
  left: 0px;
  position: absolute;
  background: white;
  display: none;
  box-shadow: 1px 1px 10px #efefef;
  z-index: 999;
}
.photoGallery .filterContainer .styledSelect .filterDropdown label {
  font-size: 15px;
  font-weight: normal;
  color: #989898;
  margin: 0px;
}
.photoGallery .filterContainer .dropdown-menu {
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}
.photoGallery .galleryDetails h2 {
  font-size: 30px;
  font-family: "MyriadProSemibold";
  color: #6b6b6b;
  margin: 10px 0px 10px 0px;
}
.photoGallery .galleryDetails p {
  margin: 0px;
  color: #373737;
  font-family: "MyriadProRegular";
  font-size: 18px;
  line-height: 24px;
}
.photoGallery .galleryDetails .readMoreLink {
  margin-top: 10px;
}
.photoGallery .mt20 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .photoGallery .tabletMt20 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .photoGallery .phoneMt20 {
    margin-top: 20px;
  }
}
.photoGallery .galleryImage {
  cursor: pointer;
  width: 100%;
}
.photoGallery .detailsIcon {
  position: absolute;
  top: 10px;
  right: 22px;
  z-index: 99;
}
.photoGallery .showMoreBtnContainer {
  text-align: center;
}
.photoGallery .showMoreBtn {
  display: inline-block;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 35px;
  margin-bottom: 35px;
}
.photoGallery .showMoreBtn:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}
.photoGallery .showMoreBtn:active {
  text-decoration: none;
  color: #373737;
}
.photoGallery .showMoreBtn:focus {
  text-decoration: none;
  color: #373737;
}
.photoGallery .showMoreBtn span {
  font-size: 14px;
}
.photoGallery .showLessBtn {
  display: none;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 35px;
  margin-bottom: 35px;
}
.photoGallery .flipBg {
  display: none;
  position: absolute;
  top: 0px;
  left: 15px;
  right: 15px;
  height: 100%;
  background: url(../img/photoGallery/flipBg.png) top left;
}
.photoGallery .flipBg .icon-reply-mail {
  float: right;
  display: block;
  color: #dedede;
  cursor: pointer;
  margin: 10px;
}
.photoGallery .flipBg h2 {
  color: #dfdfdf;
  font-size: 18px;
  font-family: "MyriadProRegular";
  padding: 10px 10px 0 10px;
  margin: 0px;
}
.photoGallery .flipBg p {
  width: 100%;
  /*text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -19px;*/
  color: #dfdfdf;
  font-size: 16px;
  font-family: "MyriadProRegular";
  padding: 10px;
  margin: 0px;
}
.photoGallery .flipBg p span {
  display: inline-block;
  margin-top: 20px;
}
.photoGallery .flipBg p .borderedIcon {
  display: inline-block;
  width: 38px;
  height: 38px;
  border: 4px solid #ffbe00;
  border-radius: 50%;
}

/*photoGalleryFilters end*/
.modal-title.imageHeading {
  color: #474747;
  font-size: 18px;
  font-family: "MyriadProSemibold";
}

.modal-body.largeImage {
  padding: 0px;
}

.imageCloseBtn {
  display: inline-block;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  border: none;
  border-radius: 0px;
}
.imageCloseBtn:hover {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}
.imageCloseBtn:active {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}
.imageCloseBtn:focus {
  text-decoration: none;
  background: #ffd96b;
  color: #373737;
}

.modalShareFunctionality {
  float: left;
}
.modalShareFunctionality .borderedIcon {
  display: inline-block;
  float: left;
  width: 38px;
  height: 38px;
  border: 4px solid #ffbe00;
  border-radius: 50%;
}
.modalShareFunctionality span {
  float: left;
  margin: 7px 10px;
  color: #474747;
  font-size: 18px;
  font-family: "MyriadProSemibold";
}

.modal-content {
  border-radius: 0px;
  border: none;
  position: relative;
}

.close {
  color: #ffbe00 !important;
  opacity: 0.9;
  text-shadow: none;
  font-size: 42px;
  position: absolute;
  right: 0px !important;
  top: 0px !important;
  margin-top: 0px !important;
  padding: 0px 10px 5px 10px !important;
  background: #373737 !important;
}
.close:hover {
  opacity: 1;
}

/*
@import 'partials/sectionHomepage/sectionHomepageIntroCopy';
@import 'partials/sectionHomepage/sectionHomepageTabs';
@import 'partials/sectionHomepage/sectionHomepageTabsMobile';
*/
.solutionDetailBanner {
  margin-top: -59px;
  position: relative;
  height: 263px;
  width: 100%;
  /*IE fix*/
  /*Firefox fix*/
}
@media screen and (min-width: 0 \0) {
  .solutionDetailBanner {
    height: 323px;
  }
}
@-moz-document url-prefix() {
  .solutionDetailBanner {
    height: 323px;
  }
}
.solutionDetailBanner.blurred {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}
.solutionDetailBanner .bannerImg {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 263px;
}
.solutionDetailBanner .icon {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 158px;
  left: 60px;
}
@media screen and (max-width: 640px) {
  .solutionDetailBanner .icon {
    width: 80px;
    height: 80px;
    top: 197px;
    left: 15px;
  }
}
.solutionDetailBanner h1 {
  color: #ffbe00;
  font-family: "MyriadProLight";
  font-size: 48px;
  text-shadow: 1px 1px 10px #222;
  position: absolute;
  top: 175px;
  left: 193px;
}
@media screen and (max-width: 640px) {
  .solutionDetailBanner h1 {
    font-size: 28px;
    top: 200px;
    left: 99px;
  }
}

.solutionDetailTabs {
  background: #f9f9f9;
  padding: 50px 50px 10px 50px;
  /*solutionDetailTabsLinks end*/
  /*mobileDetails ends*/
}
@media screen and (max-width: 640px) {
  .solutionDetailTabs {
    padding: 10px 0px 10px 0;
  }
}
.solutionDetailTabs .solutionDetailTabsContainer {
  /*padding: 50px 50px 10px 50px;*/
  position: relative;
}
@media screen and (max-width: 640px) {
  .solutionDetailTabs .solutionDetailTabsContainer {
    /*padding: 10px 0px 10px 0;*/
  }
}
.solutionDetailTabs ul.solutionDetailTabsLinks {
  width: 100%;
  display: block;
  border-bottom: 1px solid #ffbe00;
}
@media screen and (max-width: 640px) {
  .solutionDetailTabs ul.solutionDetailTabsLinks {
    display: none;
  }
}
.solutionDetailTabs ul.solutionDetailTabsLinks li {
  display: inline-block;
  padding-bottom: 5px;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li a {
  padding: 10px 35px 10px 0px;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  color: #b7b7b7;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li a:hover {
  color: #6b6b6b;
  text-decoration: none;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li a:active {
  text-decoration: none;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li a:focus {
  text-decoration: none;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li.active {
  color: #6b6b6b;
}
.solutionDetailTabs ul.solutionDetailTabsLinks li.active a {
  border-bottom: 2px solid #6b6b6b;
  padding-bottom: 7px;
  color: #6b6b6b;
}
.solutionDetailTabs .solutionDetailHowToGetItContent,
.solutionDetailTabs .solutionDetailFAQContent,
.solutionDetailTabs .solutionDetailCaseStudiesContent {
  display: none;
}
.solutionDetailTabs .solutionDetailTabContent {
  padding: 28px 30px 30px 30px;
  background: #fff;
  border-bottom: 1px solid #ffbe00;
}
.solutionDetailTabs .solutionDetailTabContent .col-md-12 img {
  float: left;
  margin-bottom: 10px;
  margin-right: 30px;
}
.solutionDetailTabs .solutionDetailTabContent ul {
  margin-left: 20px;
}
.solutionDetailTabs .solutionDetailTabContent .contentVideoIframe {
  text-align: center;
}
.solutionDetailTabs .solutionDetailTabContent .contentVideoIframe iframe {
  display: block;
  margin: 40px auto;
  width: 480px;
  height: 270px;
  border: 1px solid #ccc;
  background: #f1f1f1;
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.solutionDetailTabs .solutionDetailTabContent a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 0px;
  width: 480px;
}
.solutionDetailTabs .solutionDetailTabContent a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.solutionDetailTabs .solutionDetailTabContent a.button:active {
  text-decoration: none;
}
.solutionDetailTabs .solutionDetailTabContent a.button:focus {
  text-decoration: none;
}
.solutionDetailTabs .viewAllButton {
  text-align: center;
}
.solutionDetailTabs .viewAllButton a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  width: auto;
  margin: 40px auto 30px auto;
}
.solutionDetailTabs .viewAllButton a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.solutionDetailTabs .viewAllButton a.button:active {
  text-decoration: none;
}
.solutionDetailTabs .viewAllButton a.button:focus {
  text-decoration: none;
}
.solutionDetailTabs .desktopDetails {
  display: block;
}
@media screen and (max-width: 640px) {
  .solutionDetailTabs .desktopDetails {
    display: none;
  }
}
.solutionDetailTabs .mobileDetails {
  display: none;
  width: 100%;
  padding: 0px;
  margin-top: 20px !important;
}
@media screen and (max-width: 640px) {
  .solutionDetailTabs .mobileDetails {
    display: block;
  }
}
.solutionDetailTabs .mobileDetails .contentVideoIframe {
  text-align: center;
}
.solutionDetailTabs .mobileDetails .contentVideoIframe iframe {
  display: block;
  margin: 40px auto;
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  background: #f1f1f1;
  padding: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.solutionDetailTabs .mobileDetails a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  text-shadow: none;
  margin-top: 0px;
  width: 100%;
}
.solutionDetailTabs .mobileDetails a.button:hover {
  text-decoration: none;
  background: #FFD042;
}
.solutionDetailTabs .mobileDetails a.button:active {
  text-decoration: none;
}
.solutionDetailTabs .mobileDetails a.button:focus {
  text-decoration: none;
}
.solutionDetailTabs .mobileDetails .mobileSolutionDetailOverviewContent .mobileCentered {
  text-align: center;
}
.solutionDetailTabs .mobileDetails .mobileSolutionDetailOverviewContent .mobileCentered img {
  width: 100%;
  margin: 0 auto 10px auto;
}
.solutionDetailTabs .mobileDetails .faqTrigger {
  padding: 10px 10px 10px 10px;
}
.solutionDetailTabs .mobileDetails .faqContent {
  padding: 0px;
}
.solutionDetailTabs .mobileDetails .styledSelect {
  border: 1px solid #eaeaea;
  display: block;
  width: 100%;
  border-radius: none;
  padding: 10px;
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  font-size: 18px;
  resize: none;
  -webkit-box-shadow: inset 0px 0px 8px 1px #f9f9f9;
  box-shadow: inset 0px 0px 8px 1px #f9f9f9;
  background: none;
  -webkit-appearance: menulist;
}

.solutionDetailYouMayBeInterested {
  padding: 40px;
  text-align: center;
}
.solutionDetailYouMayBeInterested h1 {
  margin: 0px;
  font-size: 28px;
  color: #e1e1e1;
  text-align: left;
}
.solutionDetailYouMayBeInterested .slide {
  width: 100%;
}
.solutionDetailYouMayBeInterested .owl-theme .owl-controls {
  margin-top: 15px;
  margin-bottom: -31px;
}
.solutionDetailYouMayBeInterested .tile {
  background: white;
  box-shadow: 1px 1px 10px #333;
  padding: 16px 20px;
  height: 175px;
  position: relative;
  margin-top: 30px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .solutionDetailYouMayBeInterested .tile {
    height: auto;
  }
}
.solutionDetailYouMayBeInterested .tile h4 {
  color: #474747;
  font-size: 25px;
  font-family: "MyriadProSemibold";
  margin: 0px 55px 0px 0px;
}
.solutionDetailYouMayBeInterested .tile p {
  color: #989898;
  font-size: 15px;
  line-height: 20px;
  font-family: "MyriadProRegular";
  margin-top: 12px;
}
.solutionDetailYouMayBeInterested .tile a {
  color: #6b6b6b;
  font-size: 16px;
  font-family: "MyriadProSemibold";
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.solutionDetailYouMayBeInterested .tile a:hover {
  color: #ffd96b;
  text-decoration: none;
}
.solutionDetailYouMayBeInterested .tile a:active {
  text-decoration: none;
}
.solutionDetailYouMayBeInterested .tile a:focus {
  text-decoration: none;
}
.solutionDetailYouMayBeInterested .tile .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 45px;
  height: 45px;
}
.solutionDetailYouMayBeInterested .tile .icon.cloudServicesCardIcon {
  background: url(../img/sectionHomepage/enterprise/cloudServicesCardIcon.png) top left no-repeat;
}
.solutionDetailYouMayBeInterested a.button {
  display: inline-block;
  background: #dedede;
  color: #989898;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin-top: 50px;
  margin-bottom: 35px;
}
.solutionDetailYouMayBeInterested a.button:hover {
  text-decoration: none;
  background: white;
}
.solutionDetailYouMayBeInterested a.button:active {
  text-decoration: none;
}
.solutionDetailYouMayBeInterested a.button:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .solutionDetailYouMayBeInterested a.button {
    display: none;
  }
}
.solutionDetailYouMayBeInterested h3 {
  font-family: "MyriadProSemibold";
  font-size: 25px;
  color: #ffbe00;
  margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 640px) {
  .solutionDetailYouMayBeInterested h3 {
    font-size: 18px;
  }
}
.solutionDetailYouMayBeInterested h3.contactUs {
  color: white;
}
.solutionDetailYouMayBeInterested h3.contactUs a {
  color: #ffbe00;
  font-family: "MyriadProSemibold";
  font-size: 25px;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 640px) {
  .solutionDetailYouMayBeInterested h3.contactUs a {
    font-size: 18px;
  }
}
.solutionDetailYouMayBeInterested h3.contactUs a:hover {
  color: #ffd96b;
  text-decoration: none;
}
.solutionDetailYouMayBeInterested h3.contactUs a:active {
  text-decoration: none;
}
.solutionDetailYouMayBeInterested h3.contactUs a:focus {
  text-decoration: none;
}

/*solutionDetailYouMayBeInterested ends*/
/*FAQs*/
a.faqTrigger {
  display: block;
  padding: 15px;
  color: #f8a125;
  font-size: 24px;
  font-family: "MyriadProSemibold";
  background: #fbfbfb;
  margin-top: 4px;
}
@media screen and (max-width: 640px) {
  a.faqTrigger {
    background: #fff;
    /*padding: 15px 0px 15px 120px;*/
  }
}
a.faqTrigger span.arrow {
  display: inline-block;
  float: right;
  margin-top: 12px;
  width: 31px;
  height: 10px;
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) top left no-repeat;
}
a.faqTrigger:hover {
  color: #ffbe00;
  text-decoration: none;
}
a.faqTrigger:active {
  text-decoration: none;
}
a.faqTrigger:focus {
  text-decoration: none;
}
a.faqTrigger.active {
  color: #989898;
}
a.faqTrigger.active span.arrow {
  background: url(../img/solutionDetail/icons/faqTriggerBg.png) bottom left no-repeat;
}

.faqContent {
  display: none;
  padding: 15px 20px 15px 20px;
}
.faqContent.open {
  display: block;
}

.faqIntroCopy {
  padding: 0px 0px 0px 20px;
}
.faqIntroCopy h4 {
  color: #6b6b6b;
}
.faqIntroCopy ul {
  list-style: disc;
  margin-left: 15px;
  margin: 15px 0 15px 15px;
}
.faqIntroCopy ul li {
  color: #ffbe00;
  margin: 10px 0 10px 0;
}
.faqIntroCopy ul li span {
  color: #989898;
}

.testimonials {
  text-align: left;
  background: #f9f9f9;
  padding: 25px 40px 40px 40px;
  direction: rtl;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .testimonials {
    padding: 25px 0px 20px 0px;
  }
}
.testimonials h1 {
  color: #474747;
  font-size: 60px;
  font-family: "MyriadProRegular";
  padding-bottom: 0px;
  margin: 20px 0 0px 0;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .testimonials h1 {
    font-size: 35px;
    margin: 0 0 0px 0;
    padding-bottom: 5px;
  }
}
.testimonials .testimonialCard {
  padding: 30px 30px 20px 30px;
  background: white;
  box-shadow: 1px 1px 10px #efefef;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .testimonials .testimonialCard {
    padding: 10px;
  }
}
.testimonials .testimonialCard p {
  font-family: "MyriadProLightItalic";
  color: #6b6b6b;
  font-size: 23px;
  line-height: 28px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .testimonials .testimonialCard p {
    font-size: 18px;
    line-height: 22px;
  }
}
.testimonials .testimonialCard p.testimonialName {
  width: 100%;
  font-family: "MyriadProRegular";
  color: #6b6b6b;
  font-size: 14px;
  line-height: 14px;
  text-align: right;
}
.testimonials .centeredText {
  text-align: center;
}
.testimonials a.button {
  display: inline-block;
  background: #ffbe00;
  color: #474747;
  font-family: "MyriadProSemibold";
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-shadow: none;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .testimonials a.button {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
  }
}
@media screen and (max-width: 640px) {
  .testimonials a.button {
    margin-bottom: 5px;
  }
}
.testimonials a.button:hover {
  text-decoration: none;
  background: #ffd96b;
}
.testimonials a.button:active {
  text-decoration: none;
}
.testimonials a.button:focus {
  text-decoration: none;
}

.coverageMapContainer {
  text-align: right;
  direction: rtl;
}
@media screen and (max-width: 640px) {
  .coverageMapContainer {
    display: block;
  }
}

.owl-carousel .owl-item {
  -webkit-perspective: 1000 !important;
}

.owl-dots {
  height: 16px;
  width: 100%;
}

.owl-dot {
  display: inline-block;
}

.owl-dot span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

@media print {
  .mtnBusinessLogoPrint {
    display: block !important;
  }

  header .container {
    display: none;
  }

  .contentPageContainer img {
    display: none;
  }
  .contentPageContainer h2 {
    color: #474747;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .contentPageContainer .faqTrigger {
    color: #474747;
    margin-bottom: 20px;
  }

  .shareWidgetContainer {
    display: none;
  }

  .errorContactUsLink {
    display: none;
  }

  .homeQuoteCarousel {
    display: none;
  }

  footer {
    display: none;
  }
}